From 9a842bf880701d86dc0692b57ea3c0ddb7dfe616 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:20:20 +0100
Subject: [PATCH 01/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Create=20director?=
 =?UTF-8?q?y=20structure,=20copy=20files=20from=20deprecated=20version?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../InitCUIThemeScript/InitCUIThemeScript.tsx |   53 +
 .../legacy/theme/InitCUIThemeScript/index.ts  |    7 +
 .../design-tokens/legacy/theme/theme.core.ts  |   24 +
 .../design-tokens/legacy/theme/theme.types.ts |   14 +
 .../design-tokens/legacy/theme/theme.utils.ts |   17 +
 .../legacy/theme/tokens/variables.dark.ts     | 4029 +++++++++++++++++
 .../legacy/theme/tokens/variables.light.ts    | 4012 ++++++++++++++++
 7 files changed, 8156 insertions(+)
 create mode 100644 packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
 create mode 100644 packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
 create mode 100644 packages/design-tokens/legacy/theme/theme.core.ts
 create mode 100644 packages/design-tokens/legacy/theme/theme.types.ts
 create mode 100644 packages/design-tokens/legacy/theme/theme.utils.ts
 create mode 100644 packages/design-tokens/legacy/theme/tokens/variables.dark.ts
 create mode 100644 packages/design-tokens/legacy/theme/tokens/variables.light.ts

diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
new file mode 100644
index 000000000..14f5edaac
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -0,0 +1,53 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+import { THEME_ATTRIBUTE } from '../../utils/dom';
+import { CUI_THEME_STORAGE_KEY } from '../../utils/localStorage';
+import { THEMES } from '../theme.core';
+import type { ThemeName } from '../theme.types';
+
+export interface InitCUIThemeScriptProps {
+  defaultTheme?: ThemeName;
+  storageKey?: string;
+  attribute?: string;
+  nonce?: string;
+}
+
+// TODO: Provide support for system prefers-color-scheme
+
+export const InitCUIThemeScript = ({
+  defaultTheme = THEMES.Light,
+  storageKey = CUI_THEME_STORAGE_KEY,
+  attribute = THEME_ATTRIBUTE,
+  nonce,
+}: InitCUIThemeScriptProps) => {
+  return (
+    <script
+      suppressHydrationWarning
+      nonce={nonce}
+      dangerouslySetInnerHTML={{
+        __html: `(function() {
+try {
+  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
+  const dark = '${THEMES.Dark}';
+  const light = '${THEMES.Light}';
+  let colorScheme = '';
+
+  if (theme === '${THEMES.Light}') {
+    colorScheme = light;
+  }
+  if (theme === '${THEMES.Dark}') {
+    colorScheme = dark;
+  }
+  if (colorScheme) {
+    document.documentElement.setAttribute('${attribute}', colorScheme);
+  }
+} catch(e){}})();`,
+      }}
+    />
+  );
+};
+
+export default InitCUIThemeScript;
diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts b/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
new file mode 100644
index 000000000..2e36be8e5
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
@@ -0,0 +1,7 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+export { InitCUIThemeScript } from './InitCUIThemeScript';
+export type { InitCUIThemeScriptProps } from './InitCUIThemeScript';
diff --git a/packages/design-tokens/legacy/theme/theme.core.ts b/packages/design-tokens/legacy/theme/theme.core.ts
new file mode 100644
index 000000000..cda90dfef
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/theme.core.ts
@@ -0,0 +1,24 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+import darkTheme from './tokens/variables.dark';
+import lightTheme from './tokens/variables.light';
+import type { Theme, ThemeName } from './theme.types';
+
+export const THEMES: Record<Capitalize<ThemeName>, ThemeName> = {
+  Dark: 'dark',
+  Light: 'light',
+};
+
+// Note: darkTheme and lightTheme have different
+// token values but compatible structures.
+// We use 'satisfies' to ensure type compatibility
+// without casting, allowing TypeScript
+// to infer the most precise type while still
+// checking against the Theme interface.
+export const themes = {
+  dark: darkTheme,
+  light: lightTheme,
+} satisfies Record<ThemeName, Theme>;
diff --git a/packages/design-tokens/legacy/theme/theme.types.ts b/packages/design-tokens/legacy/theme/theme.types.ts
new file mode 100644
index 000000000..0d64ee459
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/theme.types.ts
@@ -0,0 +1,14 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+import lightTheme from './tokens/variables.light';
+
+export type Theme = typeof lightTheme;
+
+export type ThemeName = 'dark' | 'light';
+
+declare module 'styled-components' {
+  export interface DefaultTheme extends Theme {}
+}
diff --git a/packages/design-tokens/legacy/theme/theme.utils.ts b/packages/design-tokens/legacy/theme/theme.utils.ts
new file mode 100644
index 000000000..9eb691f2e
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/theme.utils.ts
@@ -0,0 +1,17 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+import { THEMES } from './theme.core';
+import type { ThemeName } from './theme.types';
+
+export const isValidThemeName = (theme: string | undefined): theme is ThemeName =>
+  theme !== undefined && ([THEMES.Dark, THEMES.Light] as Array<string>).includes(theme);
+
+export const getFallbackThemeName = (theme: string | undefined): ThemeName =>
+  isValidThemeName(theme) ? theme : THEMES.Light;
+
+export const getDefaultThemeName = (): ThemeName => THEMES.Light;
+
+export const getAvailableThemeNames = (): ThemeName[] => [THEMES.Dark, THEMES.Light];
diff --git a/packages/design-tokens/legacy/theme/tokens/variables.dark.ts b/packages/design-tokens/legacy/theme/tokens/variables.dark.ts
new file mode 100644
index 000000000..e2d50a9d6
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/tokens/variables.dark.ts
@@ -0,0 +1,4029 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+const theme = {
+  click: {
+    accordion: {
+      sm: {
+        icon: {
+          size: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      md: {
+        icon: {
+          size: {
+            height: '1.25rem',
+            width: '1.25rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      lg: {
+        icon: {
+          size: {
+            height: '1.5rem',
+            width: '1.5rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        default: {
+          label: {
+            default: '#ffffff',
+            hover: 'rgb(100% 100% 100%)',
+            active: '#ffffff',
+          },
+          icon: {
+            default: '#ffffff',
+            hover: 'rgb(100% 100% 100%)',
+            active: '#ffffff',
+          },
+        },
+        link: {
+          label: {
+            default: '#faff69',
+            hover: '#feffc2',
+            active: '#faff69',
+          },
+          icon: {
+            default: '#faff69',
+            hover: 'rgb(99.637% 100% 77.873%)',
+            active: '#faff69',
+          },
+        },
+      },
+    },
+    alert: {
+      medium: {
+        space: {
+          y: '0.75rem',
+          x: '0.75rem',
+          gap: '0',
+          banner: '0.5rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          text: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        icon: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      small: {
+        space: {
+          y: '0.5rem',
+          x: '0.75rem',
+          gap: '0',
+          banner: '0.25rem',
+        },
+        icon: {
+          height: '1rem',
+          width: '1rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          text: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      radii: {
+        center: '0',
+        end: '0.25rem',
+      },
+      color: {
+        background: {
+          default: '#1f1f1c',
+          success: 'rgb(20% 100% 26.667% / 0.2)',
+          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+        },
+        text: {
+          default: '#b3b6bd',
+          success: '#ccffd0',
+          neutral: '#c0c0c0',
+          danger: '#ffbaba',
+          warning: '#ffb88f',
+          info: '#d0dffb',
+        },
+        iconBackground: {
+          default: '#1f1f1c',
+          success: 'rgb(20% 100% 26.667% / 0)',
+          neutral: 'rgb(62.745% 62.745% 62.745% / 0)',
+          danger: 'rgb(100% 13.725% 13.725% / 0)',
+          warning: 'rgb(100% 46.667% 16.078% / 0)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0)',
+        },
+        iconForeground: {
+          default: '#b3b6bd',
+          success: 'lch(95.558 28.893 143.93 / 0.75)',
+          neutral: 'lch(77.704 0 none / 0.75)',
+          danger: 'lch(82.069 27.695 22.026 / 0.75)',
+          warning: 'lch(80.892 39.042 53.918 / 0.75)',
+          info: 'lch(88.343 15.514 266.4 / 0.75)',
+        },
+      },
+    },
+    avatar: {
+      typography: {
+        label: {
+          sm: {
+            default:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          md: {
+            default:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      size: {
+        label: {
+          width: '1.5rem',
+        },
+        width: '1.5rem',
+        height: '1.5rem',
+      },
+      radii: {
+        all: '9999px',
+      },
+      color: {
+        background: {
+          default: '#808691',
+          hover: '#b3b6bd',
+          active: '#b3b6bd',
+        },
+        text: {
+          default: '#1f1f1c',
+          hover: '#1f1f1c',
+          active: '#1f1f1c',
+        },
+      },
+    },
+    badge: {
+      space: {
+        md: {
+          x: '0.75rem',
+          y: '0.125rem',
+          gap: '0.25rem',
+        },
+        sm: {
+          x: '0.5rem',
+          y: '0.1563rem',
+          gap: '0.125rem',
+        },
+      },
+      typography: {
+        label: {
+          md: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          sm: {
+            default:
+              '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      radii: {
+        all: '9999px',
+      },
+      stroke: '1px',
+      icon: {
+        md: {
+          size: {
+            height: '0.75rem',
+            width: '0.75rem',
+          },
+        },
+        sm: {
+          size: {
+            height: '0.625rem',
+            width: '0.625rem',
+          },
+        },
+      },
+      opaque: {
+        color: {
+          background: {
+            default: '#1f1f1c',
+            success: 'rgb(20% 100% 26.667% / 0.2)',
+            neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+            danger: 'rgb(100% 13.725% 13.725% / 0.2)',
+            disabled: '#414141',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.2)',
+          },
+          text: {
+            default: '#b3b6bd',
+            success: '#ccffd0',
+            neutral: '#c0c0c0',
+            danger: '#ffbaba',
+            disabled: '#808080',
+            info: '#d0dffb',
+            warning: '#ffb88f',
+          },
+          stroke: {
+            default: '#323232',
+            success: 'rgb(20% 100% 26.667% / 0.1)',
+            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
+            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
+            disabled: 'rgb(24.216% 24.216% 24.216%)',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+          },
+        },
+      },
+      solid: {
+        color: {
+          background: {
+            default: '#c0c0c0',
+            success: '#99ffa1',
+            neutral: '#c0c0c0',
+            danger: '#ff9898',
+            disabled: '#414141',
+            info: '#a1bef7',
+            warning: '#ff9457',
+          },
+          text: {
+            default: '#1f1f1c',
+            success: '#1f1f1c',
+            neutral: '#1f1f1c',
+            danger: '#1f1f1c',
+            disabled: '#808080',
+            info: '#1f1f1c',
+            warning: '#1f1f1c',
+          },
+          stroke: {
+            default: 'rgb(19.608% 19.608% 19.608% / 0.1)',
+            success: 'rgb(20% 100% 26.667% / 0.1)',
+            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
+            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
+            disabled: 'rgb(24.216% 24.216% 24.216%)',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+          },
+        },
+      },
+    },
+    bigStat: {
+      space: {
+        all: '1rem',
+        sm: {
+          gap: '0',
+        },
+        lg: {
+          gap: '0.5rem',
+        },
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        lg: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        sm: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        stroke: {
+          default: '#323232',
+          muted: '#323232',
+          danger: '#ffbaba',
+        },
+        background: {
+          default: '#1f1f1c',
+          muted: '#282828',
+        },
+        label: {
+          default: '#b3b6bd',
+          muted: '#b3b6bd',
+          danger: '#ffbaba',
+        },
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+          muted: 'rgb(97.5% 97.5% 97.5%)',
+        },
+      },
+    },
+    button: {
+      radii: {
+        all: '0.25rem',
+      },
+      basic: {
+        space: {
+          x: '1rem',
+          y: '0.2813rem',
+          gap: '0.5rem',
+          group: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        size: {
+          icon: {
+            height: '0.9688rem',
+            all: '0.9688rem',
+            width: '0.9688rem',
+          },
+        },
+        color: {
+          primary: {
+            background: {
+              default: '#faff69',
+              hover: 'rgb(98.627% 100% 58.824%)',
+              active: 'rgb(90.686% 92.5% 38.088%)',
+              disabled: '#414141',
+              loading:
+                'linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%)',
+            },
+            text: {
+              default: '#1f1f1c',
+              hover: '#1f1f1c',
+              active: '#1f1f1c',
+              disabled: '#808080',
+            },
+            stroke: {
+              default: '#faff69',
+              hover: '#faff69',
+              active: 'rgb(82.978% 84.638% 34.851%)',
+              disabled: '#414141',
+            },
+          },
+          secondary: {
+            background: {
+              default: '#1f1f1c',
+              hover: '#282828',
+              active: 'rgb(19.902% 19.902% 19.902%)',
+              disabled: '#414141',
+              loading:
+                'linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%)',
+            },
+            stroke: {
+              default: '#414141',
+              hover: '#53575f',
+              active: 'rgb(22.882% 22.137% 23.627%)',
+              disabled: '#414141',
+            },
+            text: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#808080',
+            },
+          },
+          danger: {
+            background: {
+              default: 'rgb(100% 13.725% 13.725% / 0.2)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
+              active: 'rgb(100% 13.725% 13.725% / 0.45)',
+              disabled: '#414141',
+              loading:
+                'linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%)',
+            },
+            text: {
+              default: '#ffbaba',
+              hover: '#ffbaba',
+              active: '#ffbaba',
+              disabled: '#808080',
+            },
+            stroke: {
+              default: 'rgb(100% 22.353% 22.353% / 0.2)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
+              active: 'rgb(100% 13.725% 13.725% / 0.05)',
+              disabled: '#414141',
+            },
+          },
+          empty: {
+            text: {
+              default: '#faff69',
+              hover: '#feffc2',
+              active: '#faff69',
+              disabled: '#a0a0a0',
+            },
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#282828',
+              active: 'rgba(0, 0, 0, 0)',
+              disabled: 'rgba(0, 0, 0, 0)',
+              loading:
+                'linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgba(0, 0, 0, 0)',
+              disabled: 'rgba(0, 0, 0, 0)',
+            },
+          },
+        },
+      },
+      iconButton: {
+        default: {
+          space: {
+            x: '0.4375rem',
+            y: '0.4375rem',
+          },
+        },
+        size: {
+          small: '0.75rem',
+          medium: '1rem',
+          large: '1.25rem',
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        sm: {
+          space: {
+            x: '0.25rem',
+            y: '0.25rem',
+          },
+        },
+        xs: {
+          space: {
+            x: '0',
+            y: '0',
+          },
+        },
+        color: {
+          primary: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#282828',
+              active: 'rgb(14.118% 14.118% 14.118%)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#282828',
+              active: 'rgb(14.118% 14.118% 14.118%)',
+            },
+            text: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+            },
+          },
+          secondary: {
+            background: {
+              default: '#faff69',
+              hover: 'rgb(98.627% 100% 58.824%)',
+              active: 'rgb(86.152% 87.875% 36.184%)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgb(98.627% 100% 58.824%)',
+              active: 'rgb(86.152% 87.875% 36.184%)',
+            },
+            text: {
+              default: '#1f1f1c',
+              hover: '#1f1f1c',
+              active: '#1f1f1c',
+            },
+          },
+          disabled: {
+            background: {
+              default: '#414141',
+            },
+            text: {
+              default: '#808080',
+            },
+          },
+          danger: {
+            background: {
+              default: 'rgb(100% 13.725% 13.725% / 0.2)',
+              hover: '#ff9898',
+              active: '#c10000',
+            },
+            text: {
+              default: '#ffbaba',
+              hover: '#ffbaba',
+              active: '#ffbaba',
+            },
+            stroke: {
+              default: 'rgb(100% 13.725% 13.725% / 0.2)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
+              active: 'rgb(100% 13.725% 13.725% / 0.45)',
+            },
+          },
+          ghost: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgb(0% 0% 0% / 0)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgba(0, 0, 0, 0)',
+            },
+            text: {
+              default: '#b3b6bd',
+              hover: '#ffffff',
+              active: '#ffffff',
+            },
+          },
+          info: {
+            background: {
+              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+              hover: '#1d64ec',
+              active: '#437eef',
+            },
+            text: {
+              default: '#d0dffb',
+              hover: '#d0dffb',
+              active: '#d0dffb',
+            },
+            stroke: {
+              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+              hover: '#1d64ec',
+              active: '#437eef',
+            },
+          },
+        },
+      },
+      stroke: '1px',
+      split: {
+        icon: {
+          space: {
+            y: '0.4375rem',
+            x: '0.3438rem',
+          },
+        },
+        space: {
+          x: '1rem',
+          y: '0.2813rem',
+          gap: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        primary: {
+          background: {
+            main: {
+              default: '#faff69',
+              hover: 'rgb(98.627% 100% 58.824%)',
+              active: 'rgb(82.978% 84.638% 34.851%)',
+              disabled: 'rgb(23.324% 23.324% 23.324%)',
+            },
+            action: {
+              default: 'rgb(88.235% 90% 37.059%)',
+              hover: 'rgb(90.737% 92% 54.118%)',
+              active: 'rgb(73.021% 74.481% 30.669%)',
+              disabled: 'rgb(20.525% 20.525% 20.525%)',
+            },
+          },
+          text: {
+            default: '#1f1f1c',
+            hover: '#1f1f1c',
+            active: '#1f1f1c',
+            disabled: '#808080',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: 'rgba(0, 0, 0, 0)',
+            disabled: 'rgba(0, 0, 0, 0)',
+          },
+          divide: {
+            default: 'rgb(85.784% 87.5% 36.029%)',
+            hover: 'rgb(86.299% 87.5% 51.471%)',
+            active: 'rgb(72.606% 74.058% 30.495%)',
+            disabled: 'rgb(21.341% 21.341% 21.341%)',
+          },
+        },
+        secondary: {
+          divide: {
+            default: '#414141',
+            hover: '#414141',
+            active: 'rgb(23.653% 22.916% 24.391%)',
+            disabled: '#414141',
+          },
+          background: {
+            main: {
+              default: '#1f1f1c',
+              hover: '#282828',
+              active: 'rgb(19.902% 19.902% 19.902%)',
+              disabled: '#414141',
+            },
+            action: {
+              default: '#282828',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: 'rgb(20.703% 20.703% 20.703%)',
+              disabled: 'rgb(22.158% 22.158% 22.158%)',
+            },
+          },
+          text: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#ffffff',
+            disabled: '#808080',
+          },
+          stroke: {
+            default: '#414141',
+            hover: '#414141',
+            active: 'rgb(23.653% 22.916% 24.391%)',
+            disabled: 'rgba(0, 0, 0, 0)',
+          },
+        },
+      },
+      mobile: {
+        button: {
+          space: {
+            x: '0.75rem',
+            y: '0.5rem',
+            gap: '0.5rem',
+          },
+        },
+        basic: {
+          size: {
+            icon: {
+              all: '1.25rem',
+            },
+          },
+        },
+      },
+      group: {
+        radii: {
+          button: {
+            default: {
+              all: '2px',
+            },
+            borderless: {
+              all: '0.25rem',
+            },
+          },
+          panel: {
+            all: '0.25rem',
+          },
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        space: {
+          panel: {
+            default: {
+              x: '3px',
+              y: '3px',
+              gap: '3px',
+            },
+            borderless: {
+              x: '0',
+              y: '0',
+              gap: '0.25rem',
+            },
+          },
+          button: {
+            default: {
+              y: '1.5px',
+              x: '0.75rem',
+            },
+            borderless: {
+              y: '5.5px',
+              x: '1rem',
+            },
+          },
+        },
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#282828',
+            active: '#414141',
+            disabled: 'rgba(0, 0, 0, 0)',
+            'disabled-active': 'lch(0 0 none / 0)',
+            panel: 'rgba(0, 0, 0, 0)',
+          },
+          text: {
+            default: '#c0c0c0',
+            hover: '#c0c0c0',
+            active: '#ffffff',
+            disabled: '#414141',
+            'disabled-active': '#808080',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: 'rgba(0, 0, 0, 0)',
+            disabled: 'rgba(0, 0, 0, 0)',
+            'disabled-active': 'rgba(0, 0, 0, 0)',
+            panel: '#323232',
+          },
+          panel: {
+            stroke: {
+              default: '#323232',
+              borderless: 'rgba(0, 0, 0, 0)',
+            },
+          },
+        },
+      },
+      alignLeft: {
+        size: {
+          icon: {
+            all: '0.9688rem',
+          },
+        },
+        space: {
+          x: '1rem',
+          y: '0.3438rem',
+          gap: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+      },
+      alignedLeft: {
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#282828',
+            active: 'rgb(15.373% 15.373% 15.373%)',
+          },
+          stroke: {
+            default: '#323232',
+            hover: '#53575f',
+            active: 'rgb(22.882% 22.137% 23.627%)',
+          },
+          text: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#ffffff',
+          },
+        },
+      },
+    },
+    card: {
+      secondary: {
+        space: {
+          all: '1rem',
+          gap: '1rem',
+          link: {
+            gap: '0.5rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        icon: {
+          size: {
+            all: '2rem',
+          },
+        },
+        stroke: '1px',
+        color: {
+          background: {
+            default: '#1f1f1c',
+            hover: '#282828',
+            active: 'rgb(14.902% 14.902% 14.902%)',
+            disabled: '#414141',
+          },
+          title: {
+            default: 'rgb(97.5% 97.5% 97.5%)',
+            hover: 'rgb(97.5% 97.5% 97.5%)',
+            active: 'rgb(97.5% 97.5% 97.5%)',
+            disabled: '#808080',
+          },
+          description: {
+            default: '#b3b6bd',
+            hover: '#b3b6bd',
+            active: '#b3b6bd',
+            disabled: '#808080',
+          },
+          link: {
+            default: '#ffffff',
+            hover: '#faff69',
+            active: '#ffffff',
+            disabled: '#808080',
+          },
+          stroke: {
+            default: '#323232',
+            hover: '#323232',
+            active: 'rgb(18.627% 18.627% 18.627%)',
+            disabled: '#414141',
+          },
+        },
+      },
+      typography: {
+        title: {
+          default:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        link: {
+          default:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      primary: {
+        size: {
+          icon: {
+            sm: {
+              all: '2rem',
+            },
+            md: {
+              all: '4rem',
+            },
+          },
+        },
+        space: {
+          md: {
+            y: '1.5rem',
+            x: '1.5rem',
+            gap: '0.75rem',
+          },
+          sm: {
+            y: '1.5rem',
+            x: '1.5rem',
+            gap: '0.25rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        stroke: '1px',
+        color: {
+          background: {
+            default: '#1f1f1c',
+            hover: '#282828',
+            active: 'rgb(14.902% 14.902% 14.902%)',
+            disabled: '#414141',
+          },
+          title: {
+            default: 'rgb(97.5% 97.5% 97.5%)',
+            hover: 'rgb(97.5% 97.5% 97.5%)',
+            active: 'rgb(97.5% 97.5% 97.5%)',
+            disabled: '#808080',
+          },
+          description: {
+            default: '#b3b6bd',
+            hover: '#b3b6bd',
+            active: '#b3b6bd',
+            disabled: '#808080',
+          },
+          stroke: {
+            default: '#323232',
+            hover: '#323232',
+            active: '#faff69',
+            disabled: '#414141',
+          },
+        },
+      },
+      shadow:
+        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+      horizontal: {
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        icon: {
+          size: {
+            all: '1.5rem',
+          },
+        },
+        space: {
+          md: {
+            y: '0.75rem',
+            x: '1rem',
+            gap: '1rem',
+          },
+          sm: {
+            y: '0.5rem',
+            x: '0.75rem',
+            gap: '0.75rem',
+          },
+        },
+        default: {
+          color: {
+            background: {
+              default: '#1f1f1c',
+              hover: '#282828',
+              active: '#282828',
+              disabled: '#414141',
+            },
+            title: {
+              default: 'rgb(97.5% 97.5% 97.5%)',
+              hover: 'rgb(97.5% 97.5% 97.5%)',
+              active: 'rgb(97.5% 97.5% 97.5%)',
+              disabled: '#808080',
+            },
+            description: {
+              default: '#b3b6bd',
+              hover: '#b3b6bd',
+              active: '#b3b6bd',
+              disabled: '#808080',
+            },
+            stroke: {
+              default: '#323232',
+              hover: '#323232',
+              active: '#faff69',
+              disabled: '#414141',
+            },
+          },
+        },
+        muted: {
+          color: {
+            background: {
+              default: '#282828',
+              hover: '#1f1f1c',
+              active: '#282828',
+              disabled: '#414141',
+            },
+            title: {
+              default: 'rgb(97.5% 97.5% 97.5%)',
+              hover: 'rgb(97.5% 97.5% 97.5%)',
+              active: 'rgb(97.5% 97.5% 97.5%)',
+              disabled: '#808080',
+            },
+            description: {
+              default: '#b3b6bd',
+              hover: '#b3b6bd',
+              active: '#b3b6bd',
+              disabled: '#808080',
+            },
+            stroke: {
+              default: '#323232',
+              hover: '#323232',
+              active: '#faff69',
+              disabled: '#414141',
+            },
+          },
+        },
+      },
+      promotion: {
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          text: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        space: {
+          y: '5.5px',
+          x: '0.75rem',
+          gap: '0.75rem',
+        },
+        icon: {
+          size: {
+            all: '1rem',
+          },
+        },
+        color: {
+          text: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#ffffff',
+          },
+          icon: {
+            default: '#faff69',
+            hover: '#faff69',
+            active: '#faff69',
+          },
+          background: {
+            default: 'rgb(15.686% 15.686% 15.686% / 0.9)',
+            hover: 'rgb(17.794% 17.794% 17.794% / 0.9)',
+            active: 'rgb(19.849% 19.849% 19.849% / 0.9)',
+          },
+          stroke: {
+            default: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
+            hover: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
+            active: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
+            focus: '#faff69',
+          },
+        },
+      },
+    },
+    checkbox: {
+      radii: {
+        all: '0.125rem',
+      },
+      space: {
+        all: '1px',
+        gap: '0.5rem',
+      },
+      size: {
+        all: '1rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        variations: {
+          default: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#faff69',
+              disabled: '#414141',
+            },
+            stroke: {
+              default: '#414141',
+              hover: '#414141',
+              active: '#faff69',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#151515',
+              disabled: '#808080',
+            },
+            label: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#606060',
+            },
+          },
+          var1: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#33ff44',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#00bd10',
+              hover: '#66ff73',
+              active: '#66ff73',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var2: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#437eef',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#6d9bf3',
+              hover: '#a1bef7',
+              active: '#a1bef7',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var3: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#fb64d6',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#fb64d6',
+              hover: '#fb64d6',
+              active: '#fb64d6',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var4: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#ff7729',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#faff69',
+              hover: '#fdffa3',
+              active: '#fdffa3',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var5: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#6df8e1',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#6df8e1',
+              hover: '#a3faec',
+              active: '#a3faec',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var6: {
+            background: {
+              default: 'rgb(17.794% 17.794% 17.794%)',
+              hover: 'rgb(17.794% 17.794% 17.794%)',
+              active: '#bb33ff',
+              disabled: 'rgb(17.794% 17.794% 17.794%)',
+            },
+            stroke: {
+              default: '#cc66ff',
+              hover: '#cc66ff',
+              active: '#cc66ff',
+              disabled: '#606060',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+        },
+        background: {
+          default: 'rgb(17.794% 17.794% 17.794%)',
+          hover: 'rgb(17.794% 17.794% 17.794%)',
+          active: '#faff69',
+          disabled: '#414141',
+        },
+        stroke: {
+          default: '#414141',
+          hover: '#414141',
+          active: '#faff69',
+          disabled: '#606060',
+        },
+        check: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#151515',
+          disabled: '#808080',
+        },
+        label: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#ffffff',
+          disabled: '#606060',
+        },
+      },
+    },
+    codeblock: {
+      space: {
+        x: '1rem',
+        y: '1rem',
+        gap: '1.5rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        text: {
+          default:
+            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      numbers: {
+        size: {
+          width: '1.5rem',
+        },
+      },
+      darkMode: {
+        color: {
+          background: {
+            default: '#282828',
+          },
+          text: {
+            default: '#ffffff',
+          },
+          numbers: {
+            default: '#c0c0c0',
+          },
+          button: {
+            background: {
+              default: '#282828',
+              hover: '#53575f',
+            },
+            foreground: {
+              default: '#ffffff',
+            },
+          },
+          stroke: {
+            default: '#282828',
+          },
+        },
+      },
+      lightMode: {
+        color: {
+          background: {
+            default: '#f6f7fa',
+          },
+          text: {
+            default: '#282828',
+          },
+          numbers: {
+            default: '#808080',
+          },
+          button: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#53575f',
+            },
+            foreground: {
+              default: '#a0a0a0',
+            },
+          },
+          stroke: {
+            default: '#282828',
+          },
+        },
+      },
+      monacoTheme: {
+        parameter: {
+          foreground: '#c0c0c0',
+          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+        },
+      },
+    },
+    codeInline: {
+      space: {
+        x: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        text: {
+          default:
+            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      color: {
+        background: {
+          default: '#282828',
+        },
+        text: {
+          default: '#ffffff',
+        },
+        stroke: {
+          default: '#323232',
+        },
+      },
+    },
+    container: {
+      space: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+      },
+      gap: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+      },
+    },
+    datePicker: {
+      dateOption: {
+        space: {
+          gap: '2px',
+        },
+        radii: {
+          default: '0.25rem',
+          range: '0',
+        },
+        stroke: '1px',
+        size: {
+          height: '2rem',
+          width: '2rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            range:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        color: {
+          label: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#1f1f1c',
+            disabled: '#a0a0a0',
+            range: '#ffffff',
+          },
+          background: {
+            default: '#1f1f1c',
+            hover: '#1f1f1c',
+            active: '#faff69',
+            disabled: '#1f1f1c',
+            range: '#323232',
+          },
+          stroke: {
+            default: '#1f1f1c',
+            hover: '#faff69',
+            active: '#faff69',
+            disabled: '#1f1f1c',
+            range: '#323232',
+          },
+        },
+      },
+      space: {
+        gap: '0.25rem',
+      },
+      typography: {
+        daytitle: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        title: {
+          default:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+        },
+        daytitle: {
+          default: '#b3b6bd',
+        },
+      },
+    },
+    dialog: {
+      space: {
+        y: '1.5rem',
+        x: '2rem',
+        gap: '1rem',
+      },
+      title: {
+        space: {
+          gap: '0.25rem',
+        },
+      },
+      radii: {
+        all: '0.5rem',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+      },
+      stroke: {
+        default: '1px solid #323232',
+      },
+      typography: {
+        title: {
+          default:
+            '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: '#1f1f1c',
+        },
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+        },
+        description: {
+          default: '#b3b6bd',
+        },
+        opaqueBackground: {
+          default: 'lch(40.731 0 none / 0.75)',
+        },
+      },
+    },
+    docs: {
+      typography: {
+        titles: {
+          lg: '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        text: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        breadcrumbs: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        toc: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          item: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+    },
+    field: {
+      typography: {
+        label: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        fieldText: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        placeholder: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        format: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        genericLabel: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      type: {
+        mobile: {
+          label:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          'field-value':
+            '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      space: {
+        x: '0.75rem',
+        y: '0.2813rem',
+        gap: '0.5rem',
+      },
+      size: {
+        icon: '1rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      mobile: {
+        space: {
+          x: '0.75rem',
+          y: '0.5rem',
+          gap: '0.5rem',
+        },
+      },
+      color: {
+        background: {
+          default: 'rgb(17.794% 17.794% 17.794%)',
+          hover: 'rgb(19.849% 19.849% 19.849%)',
+          active: 'rgb(19.849% 19.849% 19.849%)',
+          disabled: '#414141',
+          error: 'rgb(19.849% 19.849% 19.849%)',
+        },
+        text: {
+          default: '#e6e7e9',
+          hover: '#e6e7e9',
+          active: '#ffffff',
+          disabled: '#808080',
+          error: '#ffbaba',
+        },
+        stroke: {
+          default: 'rgb(23.627% 23.627% 23.627%)',
+          hover: 'rgb(27.446% 27.446% 27.446%)',
+          active: '#faff69',
+          disabled: '#414141',
+          error: '#ffbaba',
+        },
+        label: {
+          default: '#b3b6bd',
+          hover: '#b3b6bd',
+          active: '#ffffff',
+          disabled: '#606060',
+          error: '#ffbaba',
+        },
+        format: {
+          default: 'rgb(60.157% 60.157% 60.157%)',
+          hover: 'rgb(60.157% 60.157% 60.157%)',
+          active: 'rgb(60.157% 60.157% 60.157%)',
+          disabled: '#808080',
+          error: 'rgb(60.157% 60.157% 60.157%)',
+        },
+        genericLabel: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#ffffff',
+          disabled: '#a0a0a0',
+        },
+        placeholder: {
+          default: '#808080',
+          disabled: '#606060',
+        },
+      },
+    },
+    fileUpload: {
+      sm: {
+        icon: {
+          size: {
+            height: '1.5rem',
+            width: '1.5rem',
+          },
+        },
+        space: {
+          gap: '0.75rem',
+          x: '1rem',
+          y: '0.5rem',
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        color: {
+          icon: {
+            default: '#b3b6bd',
+          },
+        },
+      },
+      md: {
+        icon: {
+          size: {
+            height: '2rem',
+            width: '2rem',
+          },
+        },
+        space: {
+          gap: '0.5rem',
+          x: '1rem',
+          y: '0.75rem',
+        },
+        radii: {
+          all: '0.5rem',
+        },
+        color: {
+          icon: {
+            default: '#ffffff',
+          },
+        },
+      },
+      typography: {
+        title: {
+          default:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      hasFile: {
+        space: {
+          gap: '0.75rem',
+        },
+        header: {
+          space: {
+            gap: '0.5rem',
+          },
+        },
+      },
+      transitions: {
+        all: 'all 100ms ease-in 0ms',
+      },
+      color: {
+        background: {
+          default: '#1f1f1c',
+          hover: '#1f1f1c',
+          active: 'rgb(19.849% 19.849% 19.849%)',
+          error: 'rgb(100% 13.725% 13.725% / 0.2)',
+        },
+        stroke: {
+          default: 'rgb(23.627% 23.627% 23.627%)',
+          hover: 'rgb(23.627% 23.627% 23.627%)',
+          active: '#414141',
+          error: 'rgba(0, 0, 0, 0)',
+        },
+        title: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#ffffff',
+          error: '#ffbaba',
+        },
+        description: {
+          default: '#b3b6bd',
+          hover: '#b3b6bd',
+          active: '#b3b6bd',
+          error: '#ffbaba',
+        },
+      },
+    },
+    flyout: {
+      space: {
+        default: {
+          x: '0',
+          y: '1.5rem',
+          gap: '1rem',
+          top: '0',
+          content: {
+            x: '1.5rem',
+            y: '1.5rem',
+            'row-gap': '0.25rem',
+            'column-gap': '1rem',
+          },
+        },
+        inline: {
+          x: '0',
+          y: '0.75rem',
+          gap: '0.75rem',
+          top: '3.5rem',
+          content: {
+            x: '0.75rem',
+            y: '0.75rem',
+            'row-gap': '0.25rem',
+            'column-gap': '0.75rem',
+          },
+        },
+      },
+      shadow: {
+        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+      },
+      size: {
+        default: {
+          width: '27.5rem',
+          height: '100%',
+        },
+        wide: {
+          width: '37.5rem',
+          height: '100vh',
+        },
+        narrow: {
+          width: '21rem',
+          height: '100%',
+        },
+        widest: {
+          width: '55rem',
+          height: '100vh',
+        },
+      },
+      typography: {
+        default: {
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        inline: {
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        background: {
+          default: '#282828',
+        },
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+        },
+        description: {
+          default: '#b3b6bd',
+        },
+        opaqueBackground: {
+          default: 'lch(6.7738 0 none / 0.45)',
+        },
+        stroke: {
+          default: '#323232',
+        },
+      },
+    },
+    genericMenu: {
+      item: {
+        space: {
+          x: '1rem',
+          y: '0.3438rem',
+          gap: '0.5rem',
+        },
+        icon: {
+          size: {
+            height: '0.9688rem',
+            width: '0.9688rem',
+          },
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          sectionHeader: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          subtext: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        'two-lines': {
+          space: {
+            x: '1rem',
+            y: '0.3438rem',
+            gap: '0.75rem',
+          },
+        },
+        size: {
+          minWidth: '180px',
+        },
+        color: {
+          default: {
+            text: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#808080',
+              muted: '#b3b6bd',
+            },
+            background: {
+              default: '#282828',
+              hover: 'rgb(23.064% 23.064% 23.064%)',
+              active: '#282828',
+              disabled: '#414141',
+            },
+            stroke: {
+              default: '#323232',
+              focus: '#faff69',
+            },
+          },
+          format: {
+            default: 'lch(62.868 0 none)',
+            hover: 'rgb(60.157% 60.157% 60.157%)',
+            active: 'rgb(60.157% 60.157% 60.157%)',
+            disabled: '#808080',
+            error: 'rgb(60.157% 60.157% 60.157%)',
+          },
+          subtext: {
+            default: '#b3b6bd',
+            hover: '#b3b6bd',
+            active: '#b3b6bd',
+            disabled: '#c0c0c0',
+          },
+          danger: {
+            text: {
+              default: '#ffbaba',
+              hover: '#ffbaba',
+              active: '#ffbaba',
+              disabled: '#808080',
+            },
+            background: {
+              default: '#282828',
+              hover: 'rgb(100% 21.274% 21.274% / 0.3)',
+              active: 'rgb(100% 13.725% 13.725% / 0.45)',
+              disabled: '#414141',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              focus: '#faff69',
+            },
+          },
+        },
+      },
+      itemCustom: {
+        typography: {
+          label: {
+            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      button: {
+        space: {
+          gap: '0.25rem',
+          y: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        color: {
+          background: {
+            default: '#282828',
+          },
+          label: {
+            default: '#b3b6bd',
+          },
+          stroke: {
+            default: '#323232',
+          },
+        },
+      },
+      panel: {
+        radii: {
+          all: '0.25rem',
+        },
+        shadow: {
+          default:
+            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+        },
+        size: {
+          height: '2rem',
+        },
+        color: {
+          background: {
+            default: '#282828',
+          },
+          stroke: {
+            default: '#414141',
+          },
+        },
+      },
+      autocomplete: {
+        typography: {
+          results: {
+            label: {
+              default:
+                '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          search: {
+            placeholder: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+            term: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        search: {
+          stroke: {
+            default: '2px solid #323232',
+          },
+        },
+        color: {
+          placeholder: {
+            default: '#808080',
+          },
+          searchTerm: {
+            default: '#ffffff',
+          },
+          background: {
+            default: '#282828',
+          },
+          stroke: {
+            default: '#323232',
+          },
+        },
+      },
+      sectionHeader: {
+        space: {
+          bottom: '0.3438rem',
+          top: '0.5rem',
+        },
+      },
+      placeholder: {
+        space: {
+          gap: '0.5rem',
+        },
+      },
+    },
+    grid: {
+      header: {
+        cell: {
+          space: {
+            y: '0.4375rem',
+            x: '0.5rem',
+          },
+          size: {
+            height: '2rem',
+          },
+          color: {
+            background: {
+              default: '#282828',
+              selectIndirect: 'lch(19.47 0 none)',
+              selectDirect: 'lch(27.259 0 none)',
+            },
+            title: {
+              default: '#b3b6bd',
+              selectIndirect: '#ffffff',
+              selectDirect: '#ffffff',
+            },
+            stroke: {
+              default: 'lch(20.268 0 none)',
+              selectIndirect: 'lch(26.846 0 none)',
+              selectDirect: 'lch(29.406 0 none)',
+            },
+          },
+        },
+        title: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      body: {
+        cell: {
+          space: {
+            y: '5.5px',
+            x: '0.5rem',
+          },
+          size: {
+            height: '2rem',
+          },
+          color: {
+            background: {
+              default: '#1f1f1c',
+              selectIndirect: 'lch(15.792 0 none)',
+              selectDirect: 'lch(15.792 0 none)',
+            },
+            stroke: {
+              default: '#323232',
+              selectIndirect: 'lch(22.028 0 none)',
+              selectDirect: '#faff69',
+            },
+            text: {
+              default: 'lch(100 0 none)',
+              selectIndirect: '#ffffff',
+              selectDirect: '#ffffff',
+            },
+          },
+        },
+      },
+      cell: {
+        text: {
+          default:
+            '500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      radii: {
+        none: '0',
+        sm: '0.25rem',
+        md: '0.5rem',
+        lg: '0.75rem',
+      },
+      global: {
+        color: {
+          stroke: {
+            default: '#323232',
+          },
+          background: {
+            default: '#1f1f1c',
+          },
+        },
+      },
+    },
+    gridContainer: {
+      gap: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+        unset: "''",
+      },
+    },
+    icon: {
+      space: {
+        xs: {
+          all: '0.25rem',
+        },
+        sm: {
+          all: '0.25rem',
+        },
+        md: {
+          all: '0.365rem',
+        },
+        lg: {
+          all: '0.5rem',
+        },
+        xl: {
+          all: '0.75rem',
+        },
+        xxl: {
+          all: '1rem',
+        },
+      },
+      color: {
+        background: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: 'rgb(20% 100% 26.667% / 0.2)',
+          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
+        },
+        text: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: '#ccffd0',
+          neutral: '#c0c0c0',
+          danger: '#ffbaba',
+          info: '#d0dffb',
+          warning: '#ffb88f',
+        },
+        stroke: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: 'rgb(20% 100% 26.667% / 0.05)',
+          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+        },
+      },
+    },
+    image: {
+      sm: {
+        size: {
+          height: '1rem',
+          width: '1rem',
+        },
+      },
+      xs: {
+        size: {
+          height: '0.75rem',
+          width: '0.75rem',
+        },
+      },
+      md: {
+        size: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      lg: {
+        size: {
+          height: '1.5rem',
+          width: '1.5rem',
+        },
+      },
+      xl: {
+        size: {
+          height: '2rem',
+          width: '2rem',
+        },
+      },
+      xxl: {
+        size: {
+          height: '4rem',
+          width: '4rem',
+        },
+      },
+      borderWidth: {
+        default: '1.5px',
+        thin: '1px',
+      },
+      color: {
+        stroke: '#ffffff',
+      },
+    },
+    link: {
+      space: {
+        md: {
+          gap: '0.25rem',
+        },
+        sm: {
+          gap: '2px',
+        },
+      },
+      icon: {
+        size: {
+          sm: {
+            height: '0.75rem',
+            width: '0.75rem',
+          },
+          md: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+      },
+    },
+    panel: {
+      strokeWidth: {
+        default: '1px',
+      },
+      radii: {
+        none: '0',
+        sm: '0.25rem',
+        md: '0.5rem',
+        lg: '0.75rem',
+      },
+      stroke: {
+        default: '1px solid #323232',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+      },
+      space: {
+        y: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+        x: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+        gap: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+      },
+      color: {
+        background: {
+          default: '#1f1f1c',
+          muted: '#282828',
+          transparent: 'rgba(0, 0, 0, 0)',
+        },
+        stroke: {
+          default: '#323232',
+        },
+      },
+    },
+    popover: {
+      space: {
+        y: '1rem',
+        x: '1.5rem',
+        gap: '0.75rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+      },
+      icon: {
+        size: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      color: {
+        panel: {
+          background: {
+            default: '#282828',
+          },
+          stroke: {
+            default: '#414141',
+          },
+        },
+      },
+    },
+    radio: {
+      radii: {
+        all: '9999px',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: 'rgb(17.794% 17.794% 17.794%)',
+          hover: 'rgb(17.794% 17.794% 17.794%)',
+          active: '#faff69',
+          disabled: '#414141',
+        },
+        stroke: {
+          default: '#414141',
+          hover: '#414141',
+          active: '#151515',
+          disabled: '#414141',
+        },
+        indicator: {
+          default: '#1f1f1c',
+          hover: 'rgb(17.794% 17.794% 17.794%)',
+          active: '#151515',
+          disabled: '#808080',
+        },
+      },
+    },
+    separator: {
+      horizontal: {
+        space: {
+          y: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            ml: '0.75rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          x: {
+            all: '0',
+          },
+        },
+      },
+      vertical: {
+        space: {
+          x: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          y: {
+            all: '0',
+          },
+        },
+      },
+      color: {
+        stroke: {
+          default: '#323232',
+        },
+      },
+    },
+    sidebar: {
+      navigation: {
+        item: {
+          radii: {
+            all: '0.25rem',
+          },
+          default: {
+            space: {
+              right: '0.75rem',
+              y: '0.2813rem',
+              gap: '0.75rem',
+              left: '0',
+            },
+          },
+          typography: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            typography: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+            space: {
+              left: '0',
+              right: '0.75rem',
+              y: '0.75rem',
+              gap: '0.75rem',
+            },
+          },
+          collapsible: {
+            space: {
+              left: '0',
+              right: '0.75rem',
+              y: '0.2813rem',
+              gap: '0.75rem',
+            },
+          },
+          icon: {
+            size: {
+              height: '1rem',
+              width: '1rem',
+            },
+          },
+          global: {
+            gap: '2px',
+          },
+        },
+        title: {
+          typography: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        subItem: {
+          default: {
+            space: {
+              left: '2.75rem',
+              right: '0.75rem',
+              y: '0.2813rem',
+            },
+          },
+          mobile: {
+            space: {
+              left: '2.75rem',
+              right: '0.75rem',
+              y: '0.75rem',
+              gap: '0.75rem',
+            },
+            typography: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          radii: {
+            all: '0.25rem',
+          },
+          typography: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        dragControl: {
+          separator: {
+            size: {
+              height: '0.125rem',
+            },
+          },
+        },
+      },
+      main: {
+        color: {
+          background: {
+            default: '#1f1f1c',
+          },
+          text: {
+            default: '#ffffff',
+            muted: '#b3b6bd',
+          },
+          stroke: {
+            default: '#323232',
+          },
+        },
+        navigation: {
+          item: {
+            color: {
+              background: {
+                active: 'lch(27.535 0 none / 0.6)',
+                hover: 'lch(19.05 0 none)',
+                default: 'rgba(0, 0, 0, 0)',
+              },
+              text: {
+                default: '#ffffff',
+                hover: '#ffffff',
+                active: '#ffffff',
+                muted: '#b3b6bd',
+                disabled: '#808080',
+              },
+              icon: {
+                default: '#b3b6bd',
+                disabled: '#808080',
+              },
+            },
+          },
+          title: {
+            color: {
+              default: '#b3b6bd',
+              hover: '#b3b6bd',
+              active: '#b3b6bd',
+            },
+          },
+          subItem: {
+            color: {
+              text: {
+                default: '#b3b6bd',
+                disabled: '#808080',
+                hover: '#ffffff',
+                active: '#ffffff',
+              },
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                disabled: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(19.05 0 none)',
+                active: 'rgba(0, 0, 0, 0)',
+              },
+              icon: {
+                default: '#b3b6bd',
+                disabled: '#808080',
+              },
+            },
+          },
+          dragControl: {
+            separator: {
+              color: {
+                default: '#faff69',
+              },
+            },
+          },
+        },
+      },
+      sqlSidebar: {
+        color: {
+          background: {
+            default: '#282828',
+          },
+          stroke: {
+            default: '#323232',
+          },
+        },
+        navigation: {
+          item: {
+            color: {
+              background: {
+                active: 'lch(27.535 0 none / 0.6)',
+                hover: 'lch(19.05 0 none)',
+                default: 'rgba(0, 0, 0, 0)',
+              },
+              text: {
+                default: '#ffffff',
+                hover: '#ffffff',
+                active: '#ffffff',
+                muted: '#b3b6bd',
+                disabled: '#808080',
+              },
+              icon: {
+                default: '#b3b6bd',
+                disabled: '#808080',
+              },
+            },
+          },
+          subItem: {
+            color: {
+              text: {
+                disabled: '#808080',
+                default: '#b3b6bd',
+                hover: '#ffffff',
+                active: '#ffffff',
+              },
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(19.05 0 none)',
+                active: 'rgba(0, 0, 0, 0)',
+              },
+            },
+          },
+          title: {
+            color: {
+              default: '#b3b6bd',
+              hover: '#b3b6bd',
+              active: '#b3b6bd',
+            },
+          },
+          dragControl: {
+            separator: {
+              color: {
+                default: '#faff69',
+              },
+            },
+          },
+        },
+      },
+    },
+    spacer: {
+      horizontal: {
+        space: {
+          y: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            ml: '0.75rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          x: {
+            all: '0',
+          },
+        },
+      },
+    },
+    stepper: {
+      vertical: {
+        numbered: {
+          connector: {
+            size: {
+              width: '0.1875rem',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#606060',
+                complete: '#ffffff',
+                active: '#606060',
+              },
+            },
+          },
+          typography: {
+            title: {
+              default:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          step: {
+            typography: {
+              number: {
+                default:
+                  '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              },
+            },
+            size: {
+              height: '1.5rem',
+              width: '1.5rem',
+              icon: {
+                height: '0.75rem',
+                width: '0.75rem',
+              },
+            },
+            stroke: {
+              default: '2px',
+            },
+            radii: {
+              default: '9999px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#606060',
+                complete: '#ffffff',
+                active: '#ffffff',
+              },
+              background: {
+                incomplete: '#1f1f1c',
+                complete: '#1f1f1c',
+                active: '#ffffff',
+              },
+              icon: {
+                incomplete: '#ffffff',
+                complete: '#ffffff',
+                active: '#1f1f1c',
+              },
+            },
+          },
+          content: {
+            space: {
+              gap: {
+                x: '1rem',
+                y: '0.5rem',
+              },
+              left: '2.75rem',
+              bottom: {
+                default: '2.5rem',
+                active: '1.5rem',
+              },
+            },
+          },
+          color: {
+            title: {
+              incomplete: '#606060',
+              complete: '#b3b6bd',
+              active: '#ffffff',
+            },
+          },
+        },
+        bulleted: {
+          connector: {
+            size: {
+              width: '0.1875rem',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#606060',
+                complete: '#ffffff',
+                active: '#606060',
+              },
+            },
+          },
+          step: {
+            size: {
+              height: '1rem',
+              width: '1rem',
+              icon: {
+                height: '0.75rem',
+                width: '0.75rem',
+              },
+            },
+            radii: {
+              default: '9999px',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#606060',
+                complete: '#ffffff',
+                active: '#ffffff',
+              },
+              background: {
+                incomplete: '#1f1f1c',
+                complete: '#1f1f1c',
+                active: '#ffffff',
+              },
+              icon: {
+                incomplete: '#1f1f1c',
+                complete: '#ffffff',
+                active: '#ffffff',
+              },
+            },
+          },
+          typography: {
+            title: {
+              default:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          content: {
+            space: {
+              gap: {
+                x: '1rem',
+                y: '0.5rem',
+              },
+              left: '2.25rem',
+              bottom: {
+                default: '2.5rem',
+                active: '1.5rem',
+              },
+            },
+          },
+          color: {
+            title: {
+              incomplete: '#606060',
+              complete: '#b3b6bd',
+              active: '#ffffff',
+            },
+          },
+        },
+      },
+    },
+    switch: {
+      space: {
+        gap: '0.5rem',
+      },
+      radii: {
+        all: '9999px',
+      },
+      size: {
+        width: '2rem',
+        height: '1rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: '#606060',
+          active: '#faff69',
+          disabled: '#414141',
+        },
+        stroke: {
+          default: '#606060',
+          active: '#faff69',
+          disabled: '#414141',
+        },
+        indicator: {
+          default: '#151515',
+          active: '#161517',
+          disabled: '#606060',
+        },
+      },
+    },
+    table: {
+      header: {
+        title: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        cell: {
+          space: {
+            md: {
+              y: '0.75rem',
+              x: '1rem',
+            },
+            sm: {
+              y: '0.5rem',
+              x: '1rem',
+            },
+          },
+        },
+        color: {
+          background: {
+            default: '#282828',
+            hover: '#282828',
+            active: 'rgb(17.794% 17.794% 17.794%)',
+          },
+          title: {
+            default: 'rgb(97.5% 97.5% 97.5%)',
+          },
+          icon: {
+            default: '#ffffff',
+          },
+          checkbox: {
+            background: {
+              default: '#cccfd3',
+            },
+            border: {
+              default: '#808691',
+            },
+          },
+        },
+      },
+      cell: {
+        text: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        label: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        stroke: '1px',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      body: {
+        cell: {
+          space: {
+            md: {
+              y: '1rem',
+              x: '1rem',
+            },
+            sm: {
+              y: '0.5rem',
+              x: '1rem',
+            },
+          },
+        },
+      },
+      mobile: {
+        cell: {
+          space: {
+            y: '1rem',
+            x: '1rem',
+            gap: '0.5rem',
+          },
+        },
+      },
+      row: {
+        color: {
+          background: {
+            default: '#1f1f1c',
+            hover: 'lch(15.792 0 none)',
+            active: 'rgb(17.535% 17.535% 17.535%)',
+          },
+          stroke: {
+            default: '#323232',
+          },
+          text: {
+            default: '#ffffff',
+            disabled: '#808080',
+          },
+          link: {
+            default: '#faff69',
+          },
+          label: {
+            default: '#b3b6bd',
+          },
+          barChart: {
+            default: '#414141',
+            hover: '#606060',
+          },
+        },
+      },
+      global: {
+        color: {
+          stroke: {
+            default: '#323232',
+          },
+          background: {
+            default: '#1f1f1c',
+          },
+        },
+      },
+    },
+    tabs: {
+      space: {
+        y: '0.5rem',
+        x: '0.75rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      basic: {
+        strokeWidth: {
+          default: '1px',
+          hover: '1px',
+          active: '2px',
+          global: '1px',
+        },
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#282828',
+            active: 'rgba(0, 0, 0, 0)',
+          },
+          text: {
+            default: '#b3b6bd',
+            hover: '#ffffff',
+            active: '#ffffff',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: '#faff69',
+          },
+          global: {
+            default: '#323232',
+          },
+        },
+      },
+      fileTabs: {
+        icon: {
+          size: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+        space: {
+          y: '1.0625rem',
+          x: '1rem',
+          gap: '0.75rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        radii: {
+          all: '0',
+        },
+        color: {
+          background: {
+            default: '#1f1f1c',
+            hover: '#282828',
+            active: '#282828',
+          },
+          text: {
+            default: '#b3b6bd',
+            hover: '#ffffff',
+            active: '#ffffff',
+          },
+          stroke: {
+            default: '#323232',
+            hover: '#323232',
+            active: '#323232',
+          },
+          closeButton: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#414141',
+            },
+          },
+        },
+      },
+    },
+    toast: {
+      icon: {
+        size: {
+          height: '1rem',
+          width: '1rem',
+        },
+      },
+      space: {
+        title: {
+          gap: '0.5rem',
+        },
+        y: '0.75rem',
+        x: '0.75rem',
+        gap: '0.5rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      shadow:
+        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+      typography: {
+        title: {
+          default:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      size: {
+        width: '20.75rem',
+      },
+      color: {
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+        },
+        description: {
+          default: '#b3b6bd',
+        },
+        stroke: {
+          default: '#414141',
+        },
+        icon: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+          success: '#ccffd0',
+          warning: '#ffb88f',
+          danger: '#ffbaba',
+        },
+      },
+    },
+    tooltip: {
+      radii: {
+        all: '0.25rem',
+      },
+      space: {
+        x: '0.75rem',
+        y: '0.5rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: 'lch(16.114 0 none / 0.95)',
+        },
+        label: {
+          default: '#ffffff',
+        },
+      },
+    },
+    dashboards: {
+      chartWidget: {
+        space: {
+          gap: '1rem',
+          element: {
+            gap: '0.5rem',
+          },
+        },
+        borderWidth: {
+          default: '1px',
+        },
+        stroke: {
+          default: '1px solid #323232',
+          element: {
+            default: '1px solid #323232',
+          },
+          hover: '1px solid #414141',
+          selected: '1px solid #faff69',
+        },
+        element: {
+          radii: {
+            all: '0.25rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          description: {
+            default: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          label: {
+            default: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        shadow: {
+          default: '0',
+          hover:
+            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+        },
+        size: {
+          icon: {
+            all: {
+              drag: '1.25rem',
+              menu: '1.5rem',
+              resize: '0.75rem',
+            },
+          },
+        },
+        color: {
+          stroke: {
+            default: '#323232',
+            hover: '#414141',
+            selected: '#faff69',
+          },
+          title: {
+            default: 'rgb(97.5% 97.5% 97.5%)',
+          },
+          description: {
+            default: '#b3b6bd',
+          },
+          legend: {
+            default: '#b3b6bd',
+            hover: '#b3b6bd',
+            selected: '#ffffff',
+          },
+          element: {
+            stroke: {
+              default: '#323232',
+            },
+          },
+          background: {
+            default: '#282828',
+            hover: '#282828',
+            selected: '#282828',
+          },
+          icon: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            selected: '#faff69',
+          },
+          opacity: {
+            bar: {
+              default: 0.2,
+              hover: 0.5,
+            },
+          },
+          label: {
+            default: '#b3b6bd',
+            hover: '#b3b6bd',
+            selected: '#b3b6bd',
+          },
+        },
+      },
+    },
+    global: {
+      color: {
+        background: {
+          default: '#1f1f1c',
+          muted: '#282828',
+        },
+        text: {
+          default: '#ffffff',
+          muted: '#b3b6bd',
+          disabled: '#808080',
+          link: {
+            default: '#faff69',
+            hover: '#feffc2',
+          },
+          danger: '#ffbaba',
+          warning: '#ffb88f',
+        },
+        stroke: {
+          default: '#323232',
+          muted: '#323232',
+          intense: '#414141',
+        },
+        accent: {
+          default: '#faff69',
+        },
+        outline: {
+          default: '#faff69',
+        },
+        shadow: {
+          default: 'rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+        },
+        title: {
+          default: 'rgb(97.5% 97.5% 97.5%)',
+          muted: '#b3b6bd',
+        },
+      },
+    },
+    feedback: {
+      color: {
+        info: {
+          background: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+          foreground: '#d0dffb',
+        },
+        success: {
+          background: 'rgb(20% 100% 26.667% / 0.2)',
+          foreground: '#ccffd0',
+        },
+        warning: {
+          background: 'rgb(100% 46.667% 16.078% / 0.2)',
+          foreground: '#ffb88f',
+        },
+        danger: {
+          background: 'rgb(100% 13.725% 13.725% / 0.2)',
+          foreground: '#ffbaba',
+        },
+        neutral: {
+          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+          foreground: '#c0c0c0',
+          stroke: '#323232',
+        },
+      },
+    },
+    storybook: {
+      global: {
+        background: '#1b1c1d',
+      },
+    },
+    chart: {
+      bars: {
+        color: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#33ff44',
+          fuchsia: '#fb64d6',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#6df8e1',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+      },
+      color: {
+        default: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#33ff44',
+          fuchsia: '#fb64d6',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#6df8e1',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        label: {
+          default: '#ffffff',
+          deselected: 'lch(100 0 none / 0.3)',
+        },
+      },
+    },
+    serviceCard: {
+      color: {
+        background: {
+          default: 'rgb(17.794% 17.794% 17.794%)',
+          hover: 'lch(19.053 0 none)',
+        },
+        stroke: {
+          default: 'rgb(23.627% 23.627% 23.627%)',
+          hover: 'rgb(27.446% 27.446% 27.446%)',
+        },
+      },
+    },
+    gareth: {
+      test: {
+        main: {
+          text: '#ffffff',
+          danger: '#ffbaba',
+        },
+      },
+    },
+  },
+  transition: {
+    default: 'all 100ms ease-in 0ms',
+    duration: {
+      slow: '300ms',
+      smooth: '150ms',
+      medium: '100ms',
+      fast: '50ms',
+    },
+    delay: {
+      slow: '100ms',
+      fast: '0ms',
+    },
+    function: {
+      ease: 'ease',
+      'ease-in': 'ease-in',
+      'ease-in-out': 'ease-in-out',
+      linear: 'linear',
+    },
+  },
+  grid: {
+    header: {
+      cell: {
+        borderWidth: {
+          default: '1px',
+          selectIndirect: '1px',
+          selectDirect: '1px',
+        },
+      },
+    },
+    body: {
+      cell: {
+        borderWidth: {
+          default: '1px',
+          selectIndirect: '1px',
+          selectDirect: '2px',
+        },
+      },
+    },
+  },
+  palette: {
+    brand: {
+      '50': '#ffffe8',
+      '100': '#feffc2',
+      '200': '#fdffa3',
+      '300': '#faff69',
+      '400': '#eef400',
+      '500': '#c7cc00',
+      '600': '#959900',
+      '700': '#686b00',
+      '800': '#3c4601',
+      '900': '#333300',
+      base: '#fbff46',
+    },
+    neutral: {
+      '0': '#ffffff',
+      '100': '#f9f9f9',
+      '200': '#dfdfdf',
+      '300': '#c0c0c0',
+      '400': '#a0a0a0',
+      '500': '#808080',
+      '600': '#606060',
+      '650': '#505050',
+      '700': '#414141',
+      '712': '#323232',
+      '725': '#282828',
+      '750': '#1f1f1c',
+      '800': '#1d1d1d',
+      '900': '#151515',
+      base: '#212121',
+    },
+    slate: {
+      '25': '#fbfcff',
+      '50': '#f6f7fa',
+      '100': '#e6e7e9',
+      '200': '#cccfd3',
+      '300': '#b3b6bd',
+      '400': '#9a9ea7',
+      '500': '#808691',
+      '600': '#696e79',
+      '700': '#53575f',
+      '800': '#302e32',
+      '900': '#161517',
+      base: '#373439',
+      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
+    },
+    indigo: {
+      '50': '#f4f1fc',
+      '100': '#e4e2e9',
+      '200': '#c8c5d3',
+      '300': '#ada8bd',
+      '400': '#918ba7',
+      '500': '#766e91',
+      '600': '#5e5874',
+      '700': '#474257',
+      '800': '#23212c',
+      '900': '#18161d',
+      base: '#2f2c3a',
+    },
+    info: {
+      '50': '#e7effd',
+      '100': '#d0dffb',
+      '200': '#a1bef7',
+      '300': '#6d9bf3',
+      '400': '#437eef',
+      '500': '#1d64ec',
+      '600': '#104ec6',
+      '650': '#0d3e9b',
+      '700': '#0d3e9b',
+      '800': '#092b6c',
+      '900': '#061c47',
+      base: '#4781f0',
+    },
+    success: {
+      '50': '#e5ffe8',
+      '100': '#ccffd0',
+      '200': '#99ffa1',
+      '300': '#66ff73',
+      '400': '#33ff44',
+      '500': '#00e513',
+      '600': '#00bd10',
+      '700': '#008a0b',
+      '800': '#006108',
+      '850': '#004206',
+      '900': '#004206',
+      base: '#62de85',
+    },
+    warning: {
+      '50': '#ffe2d1',
+      '100': '#ffcbad',
+      '200': '#ffb88f',
+      '300': '#ff9457',
+      '400': '#ff7729',
+      '500': '#f55a00',
+      '600': '#d64f00',
+      '700': '#a33c00',
+      '800': '#7a2d00',
+      '900': '#471a00',
+      base: '#ffa63d',
+    },
+    danger: {
+      '50': '#ffdddd',
+      '100': '#ffbaba',
+      '200': '#ff9898',
+      '300': '#ff7575',
+      '400': '#ff2323',
+      '500': '#f10000',
+      '600': '#c10000',
+      '700': '#910000',
+      '800': '#610000',
+      '900': '#300000',
+      base: '#ff5353',
+    },
+    gradients: {
+      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
+      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
+      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
+      transparent: 'rgba(0, 0, 0, 0)',
+    },
+    utility: {
+      transparent: 'rgba(0, 0, 0, 0)',
+    },
+    teal: {
+      '50': '#e6fefa',
+      '100': '#cffcf4',
+      '200': '#a3faec',
+      '300': '#6df8e1',
+      '400': '#0cedc8',
+      '500': '#0bd0af',
+      '600': '#089b83',
+      '700': '#067462',
+      '800': '#045245',
+      '850': '#004237',
+      '900': '#03352d',
+    },
+    violet: {
+      '50': '#f6e5ff',
+      '100': '#eeccff',
+      '200': '#dd99ff',
+      '300': '#cc66ff',
+      '400': '#bb33ff',
+      '500': '#aa00ff',
+      '600': '#8800cc',
+      '700': '#660099',
+      '800': '#440066',
+      '850': '#33004d',
+      '900': '#220033',
+    },
+    fuchsia: {
+      '50': '#fbeff8',
+      '100': '#fbc9ef',
+      '200': '#fb97e2',
+      '300': '#fb64d6',
+      '400': '#fb32c9',
+      '500': '#fb00bc',
+      '600': '#cc0099',
+      '700': '#990073',
+      '800': '#66004d',
+      '850': '#4d0039',
+      '900': '#330026',
+    },
+    sunrise: {
+      '50': '#fff3cc',
+      '100': '#ffe799',
+      '200': '#ffdb66',
+      '300': '#ffcf33',
+      '400': '#ffc300',
+      '500': '#e0ac00',
+      '600': '#b28800',
+      '700': '#8a6900',
+      '800': '#574200',
+      '900': '#332700',
+    },
+    babyblue: {
+      '50': '#dbfaff',
+      '100': '#bdf6ff',
+      '200': '#8aefff',
+      '300': '#33e4ff',
+      '400': '#00cbeb',
+      '500': '#00b5d1',
+      '600': '#008599',
+      '700': '#006170',
+      '800': '#00424d',
+      '900': '#002c33',
+    },
+  },
+  sizes: {
+    '0': '0',
+    '1': '1px',
+    '2': '0.25rem',
+    '3': '0.5rem',
+    '4': '0.75rem',
+    '5': '1rem',
+    '6': '1.25rem',
+    '7': '1.5rem',
+    '8': '1.75rem',
+    '9': '2rem',
+    '10': '2.5rem',
+    '11': '4rem',
+  },
+  typography: {
+    font: {
+      families: {
+        regular:
+          '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        mono: '"Inconsolata", Consolas, "SFMono Regular", monospace',
+        display:
+          '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+      },
+      weights: {
+        '1': '400',
+        '2': '500',
+        '3': '600',
+        '4': '700',
+      },
+      sizes: {
+        '0': '0.625rem',
+        '1': '0.75rem',
+        '2': '0.875rem',
+        '3': '1rem',
+        '4': '1.125rem',
+        '5': '1.25rem',
+        '6': '2rem',
+        base: '16px',
+      },
+      'line-height': {
+        '1': 1.5,
+        '2': 1.6,
+        '3': 1.7,
+        '4': 1.3,
+      },
+    },
+    styles: {
+      product: {
+        titles: {
+          xs: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          '2xl':
+            '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        text: {
+          normal: {
+            xs: '400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          medium: {
+            xs: '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          semibold: {
+            xs: '600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mono: {
+            xs: '500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            sm: '500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            md: '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            lg: '500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+          },
+          bold: {
+            xs: '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      brand: {
+        titles: {
+          xs: '600 20px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 24px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          '2xl':
+            '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      field: {
+        md: '400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+      },
+    },
+  },
+  border: {
+    radii: {
+      '0': '0',
+      '1': '0.25rem',
+      '2': '0.5rem',
+      '3': '0.75rem',
+      full: '9999px',
+    },
+    width: {
+      '1': '1px',
+      '2': '2px',
+    },
+  },
+  spaces: {
+    '0': '0',
+    '1': '0.25rem',
+    '2': '0.5rem',
+    '3': '0.75rem',
+    '4': '1rem',
+    '5': '1.5rem',
+    '6': '2rem',
+    '7': '2.5rem',
+    '8': '4rem',
+  },
+  shadow: {
+    '1': '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
+    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
+  },
+  breakpoint: {
+    sizes: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      '2xl': '1536px',
+    },
+  },
+  global: {
+    color: {
+      gradients: {
+        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
+        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
+      },
+      background: {
+        default: '#1f1f1c',
+        muted: '#282828',
+        sidebar: '#1f1f1c',
+        split: '#282828',
+        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
+      },
+      text: {
+        default: '#ffffff',
+        muted: '#b3b6bd',
+        disabled: '#808080',
+        link: {
+          default: '#faff69',
+          hover: '#feffc2',
+        },
+      },
+      stroke: {
+        default: '#323232',
+        muted: '#323232',
+        intense: '#414141',
+        split: '#414141',
+      },
+      accent: {
+        default: '#faff69',
+      },
+      outline: {
+        default: '#faff69',
+      },
+      shadow: {
+        default: 'lch(6.7738 0 none / 0.6)',
+      },
+      feedback: {
+        info: {
+          background: '#0d3e9b',
+          foreground: '#d0dffb',
+        },
+        success: {
+          background: '#004206',
+          foreground: '#ccffd0',
+        },
+        warning: {
+          background: '#7a2d00',
+          foreground: '#ffb88f',
+        },
+        danger: {
+          background: '#610000',
+          foreground: '#ffbaba',
+        },
+        neutral: {
+          background: '#414141',
+          foreground: '#f9f9f9',
+          stroke: '#323232',
+        },
+      },
+      chart: {
+        bars: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#33ff44',
+          fuchsia: '#fb64d6',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#6df8e1',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        default: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#33ff44',
+          fuchsia: '#fb64d6',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          danger: '#ff2323',
+          teal: '#6df8e1',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        label: {
+          default: '#ffffff',
+          deselected: 'lch(100 0 none / 0.3)',
+        },
+      },
+      iconButton: {
+        badge: {
+          foreground: '#1d1d1d',
+          background: '#faff69',
+        },
+      },
+      icon: {
+        background: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
+      },
+    },
+  },
+  name: 'dark',
+};
+
+export default theme;
diff --git a/packages/design-tokens/legacy/theme/tokens/variables.light.ts b/packages/design-tokens/legacy/theme/tokens/variables.light.ts
new file mode 100644
index 000000000..3e74759b4
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/tokens/variables.light.ts
@@ -0,0 +1,4012 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+const theme = {
+  click: {
+    accordion: {
+      sm: {
+        icon: {
+          size: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      md: {
+        icon: {
+          size: {
+            height: '1.25rem',
+            width: '1.25rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      lg: {
+        icon: {
+          size: {
+            height: '1.5rem',
+            width: '1.5rem',
+          },
+        },
+        space: {
+          gap: '0.25rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        default: {
+          label: {
+            default: '#161517',
+            hover: 'lch(13.917 1.3308 305.43)',
+            active: '#161517',
+          },
+          icon: {
+            default: '#161517',
+            hover: 'lch(13.917 1.3308 305.43)',
+            active: '#161517',
+          },
+        },
+        link: {
+          label: {
+            default: '#437eef',
+            hover: '#104ec6',
+            active: '#437eef',
+          },
+          icon: {
+            default: '#437eef',
+            hover: 'lch(40.786 66.387 286.32)',
+            active: '#437eef',
+          },
+        },
+      },
+    },
+    alert: {
+      medium: {
+        space: {
+          y: '0.75rem',
+          x: '0.75rem',
+          gap: '0',
+          banner: '0.5rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          text: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        icon: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      small: {
+        space: {
+          y: '0.5rem',
+          x: '0.75rem',
+          gap: '0',
+          banner: '0.25rem',
+        },
+        icon: {
+          height: '1rem',
+          width: '1rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          text: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      radii: {
+        center: '0',
+        end: '0.25rem',
+      },
+      color: {
+        background: {
+          default: '#ffffff',
+          success: 'rgb(20% 100% 26.667% / 0.1)',
+          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+        },
+        text: {
+          default: '#696e79',
+          success: '#008a0b',
+          neutral: '#53575f',
+          danger: '#c10000',
+          warning: '#a33c00',
+          info: '#437eef',
+        },
+        iconBackground: {
+          default: '#ffffff',
+          success: 'rgb(20% 100% 26.667% / 0)',
+          neutral: 'rgb(41.176% 43.137% 47.451% / 0)',
+          danger: 'rgb(100% 13.725% 13.725% / 0)',
+          warning: 'rgb(100% 46.667% 16.078% / 0)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0)',
+        },
+        iconForeground: {
+          default: '#696e79',
+          success: 'lch(49.786 70.246 135.31 / 0.75)',
+          neutral: 'lch(36.838 5.2307 266.96 / 0.75)',
+          danger: 'lch(41.001 86.638 40.858 / 0.75)',
+          warning: 'lch(40.227 66.602 51.059 / 0.75)',
+          info: 'lch(53.426 64.605 278.98 / 0.75)',
+        },
+      },
+    },
+    avatar: {
+      typography: {
+        label: {
+          sm: {
+            default:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          md: {
+            default:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      size: {
+        label: {
+          width: '1.5rem',
+        },
+        width: '1.5rem',
+        height: '1.5rem',
+      },
+      radii: {
+        all: '9999px',
+      },
+      color: {
+        background: {
+          default: '#696e79',
+          hover: '#9a9ea7',
+          active: '#9a9ea7',
+        },
+        text: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#ffffff',
+        },
+      },
+    },
+    badge: {
+      space: {
+        md: {
+          x: '0.75rem',
+          y: '0.125rem',
+          gap: '0.25rem',
+        },
+        sm: {
+          x: '0.5rem',
+          y: '0.1563rem',
+          gap: '0.125rem',
+        },
+      },
+      typography: {
+        label: {
+          md: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          sm: {
+            default:
+              '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      radii: {
+        all: '9999px',
+      },
+      stroke: '1px',
+      icon: {
+        md: {
+          size: {
+            height: '0.75rem',
+            width: '0.75rem',
+          },
+        },
+        sm: {
+          size: {
+            height: '0.625rem',
+            width: '0.625rem',
+          },
+        },
+      },
+      opaque: {
+        color: {
+          background: {
+            default: '#f6f7fa',
+            success: 'rgb(20% 100% 26.667% / 0.1)',
+            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+            danger: 'rgb(100% 13.725% 13.725% / 0.1)',
+            disabled: '#dfdfdf',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+          },
+          text: {
+            default: '#696e79',
+            success: '#008a0b',
+            neutral: '#53575f',
+            danger: '#c10000',
+            disabled: '#a0a0a0',
+            info: '#437eef',
+            warning: '#a33c00',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            success: 'rgb(20% 100% 26.667% / 0.05)',
+            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
+            disabled: 'rgb(83.078% 83.078% 83.078%)',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+          },
+        },
+      },
+      solid: {
+        color: {
+          background: {
+            default: '#a0a0a0',
+            success: '#008a0b',
+            neutral: '#606060',
+            danger: '#c10000',
+            disabled: '#dfdfdf',
+            info: '#104ec6',
+            warning: '#d64f00',
+          },
+          text: {
+            default: '#ffffff',
+            success: '#ffffff',
+            neutral: '#ffffff',
+            danger: '#ffffff',
+            disabled: '#a0a0a0',
+            info: '#ffffff',
+            warning: '#ffffff',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            success: 'rgb(20% 100% 26.667% / 0.05)',
+            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
+            disabled: 'rgb(83.078% 83.078% 83.078%)',
+            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
+            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+          },
+        },
+      },
+    },
+    bigStat: {
+      space: {
+        all: '1rem',
+        sm: {
+          gap: '0',
+        },
+        lg: {
+          gap: '0.5rem',
+        },
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        lg: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        sm: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            muted:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        stroke: {
+          default: '#e6e7e9',
+          muted: '#e6e7e9',
+          danger: '#c10000',
+        },
+        background: {
+          default: '#ffffff',
+          muted: '#f6f7fa',
+        },
+        label: {
+          default: '#696e79',
+          muted: '#696e79',
+          danger: '#c10000',
+        },
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+          muted: 'lch(11.126 1.374 305.43)',
+        },
+      },
+    },
+    button: {
+      radii: {
+        all: '0.25rem',
+      },
+      basic: {
+        space: {
+          x: '1rem',
+          y: '0.2813rem',
+          gap: '0.5rem',
+          group: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        size: {
+          icon: {
+            height: '0.9688rem',
+            all: '0.9688rem',
+            width: '0.9688rem',
+          },
+        },
+        color: {
+          primary: {
+            background: {
+              default: '#302e32',
+              hover: 'lch(29.47 4.1845 266.96)',
+              active: '#161517',
+              disabled: '#dfdfdf',
+              loading:
+                'linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%)',
+            },
+            stroke: {
+              default: '#302e32',
+              hover: 'lch(29.47 4.1845 266.96)',
+              active: '#161517',
+              disabled: '#dfdfdf',
+            },
+            text: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          secondary: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#f6f7fa',
+              active: 'lch(95.274 1.5364 271.98)',
+              disabled: '#dfdfdf',
+              loading:
+                'linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%)',
+            },
+            stroke: {
+              default: '#e6e7e9',
+              hover: '#e6e7e9',
+              active: '#cccfd3',
+              disabled: '#dfdfdf',
+            },
+            text: {
+              default: '#161517',
+              hover: '#161517',
+              active: '#161517',
+              disabled: '#a0a0a0',
+            },
+          },
+          danger: {
+            text: {
+              default: '#c10000',
+              hover: '#c10000',
+              active: '#c10000',
+              disabled: '#a0a0a0',
+            },
+            background: {
+              default: 'rgb(100% 13.725% 13.725% / 0.1)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
+              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+              disabled: '#dfdfdf',
+              loading:
+                'linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%)',
+            },
+            stroke: {
+              default: 'rgb(100% 13.725% 13.725% / 0.1)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
+              active: 'rgb(100% 13.725% 13.725% / 0.05)',
+              disabled: '#dfdfdf',
+            },
+          },
+          empty: {
+            text: {
+              default: '#437eef',
+              hover: '#104ec6',
+              active: '#437eef',
+              disabled: '#a0a0a0',
+            },
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#f6f7fa',
+              active: 'rgba(0, 0, 0, 0)',
+              disabled: 'rgba(0, 0, 0, 0)',
+              loading:
+                'linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgba(0, 0, 0, 0)',
+              disabled: 'rgba(0, 0, 0, 0)',
+            },
+          },
+        },
+      },
+      iconButton: {
+        default: {
+          space: {
+            x: '0.4375rem',
+            y: '0.4375rem',
+          },
+        },
+        size: {
+          small: '0.75rem',
+          medium: '1rem',
+          large: '1.25rem',
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        sm: {
+          space: {
+            x: '0.25rem',
+            y: '0.25rem',
+          },
+        },
+        xs: {
+          space: {
+            x: '0',
+            y: '0',
+          },
+        },
+        color: {
+          primary: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#f6f7fa',
+              active: 'rgb(86.824% 87.176% 88.235%)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#f6f7fa',
+              active: 'rgb(86.824% 87.176% 88.235%)',
+            },
+            text: {
+              default: '#161517',
+              hover: '#161517',
+              active: '#161517',
+            },
+          },
+          secondary: {
+            background: {
+              default: '#302e32',
+              hover: 'lch(29.47 4.1845 266.96)',
+              active: 'lch(6.5908 1.3668 305.43)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'lch(29.47 4.1845 266.96)',
+              active: 'lch(6.5908 1.3668 305.43)',
+            },
+            text: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+            },
+          },
+          disabled: {
+            background: {
+              default: '#dfdfdf',
+            },
+            text: {
+              default: '#a0a0a0',
+            },
+          },
+          danger: {
+            background: {
+              default: 'rgb(100% 13.725% 13.725% / 0.1)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
+              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+            },
+            text: {
+              default: '#c10000',
+              hover: '#c10000',
+              active: '#c10000',
+            },
+            stroke: {
+              default: 'rgb(100% 13.725% 13.725% / 0.1)',
+              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
+              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+            },
+          },
+          ghost: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgb(0% 0% 0% / 0)',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: 'rgba(0, 0, 0, 0)',
+              active: 'rgba(0, 0, 0, 0)',
+            },
+            text: {
+              default: '#696e79',
+              hover: '#161517',
+              active: '#161517',
+            },
+          },
+          info: {
+            background: {
+              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+              hover: '#d0dffb',
+              active: '#a1bef7',
+            },
+            text: {
+              default: '#437eef',
+              hover: '#437eef',
+              active: '#437eef',
+            },
+            stroke: {
+              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+              hover: '#d0dffb',
+              active: '#a1bef7',
+            },
+          },
+        },
+      },
+      stroke: '1px',
+      split: {
+        icon: {
+          space: {
+            y: '0.4375rem',
+            x: '0.3438rem',
+          },
+        },
+        space: {
+          x: '1rem',
+          y: '0.2813rem',
+          gap: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        primary: {
+          divide: {
+            default: 'lch(23.301 2.6341 306.08)',
+            active: 'lch(16.375 2.3568 306.08)',
+            hover: 'lch(33.055 3.2737 266.96)',
+            disabled: 'lch(75.5 0 none)',
+          },
+          background: {
+            main: {
+              default: '#302e32',
+              hover: 'lch(26.965 3.8288 266.96)',
+              active: 'lch(6.348 1.3164 305.43)',
+              disabled: '#dfdfdf',
+            },
+            action: {
+              default: '#161517',
+              hover: 'lch(25.617 3.6374 266.96)',
+              active: 'lch(3.4689 0.71935 305.43)',
+              disabled: 'lch(84.382 0 none)',
+            },
+          },
+          text: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#ffffff',
+            disabled: '#a0a0a0',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: 'rgba(0, 0, 0, 0)',
+            disabled: 'rgba(0, 0, 0, 0)',
+          },
+        },
+        secondary: {
+          divide: {
+            default: 'lch(92.029 1.0472 265.86)',
+            hover: 'lch(92.449 0.99207 265.86)',
+            active: '#cccfd3',
+            disabled: 'lch(75.5 0 none)',
+          },
+          background: {
+            main: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#f6f7fa',
+              active: 'lch(95.274 1.5364 271.98)',
+              disabled: '#dfdfdf',
+            },
+            action: {
+              default: '#f6f7fa',
+              hover: 'lch(94.788 1.5286 271.98)',
+              active: 'lch(92.892 1.498 271.98)',
+              disabled: 'lch(84.382 0 none)',
+            },
+          },
+          text: {
+            default: '#161517',
+            hover: '#161517',
+            active: '#161517',
+            disabled: '#a0a0a0',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#e6e7e9',
+            active: '#cccfd3',
+            disabled: 'rgba(0, 0, 0, 0)',
+          },
+        },
+      },
+      mobile: {
+        button: {
+          space: {
+            x: '0.75rem',
+            y: '0.5rem',
+            gap: '0.5rem',
+          },
+        },
+        basic: {
+          size: {
+            icon: {
+              all: '1.25rem',
+            },
+          },
+        },
+      },
+      group: {
+        radii: {
+          button: {
+            default: {
+              all: '2px',
+            },
+            borderless: {
+              all: '0.25rem',
+            },
+          },
+          panel: {
+            all: '0.25rem',
+          },
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        space: {
+          panel: {
+            default: {
+              x: '3px',
+              y: '3px',
+              gap: '3px',
+            },
+            borderless: {
+              x: '0',
+              y: '0',
+              gap: '0.25rem',
+            },
+          },
+          button: {
+            default: {
+              y: '1.5px',
+              x: '0.75rem',
+            },
+            borderless: {
+              y: '5.5px',
+              x: '1rem',
+            },
+          },
+        },
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#f6f7fa',
+            active: 'lch(95.274 1.5364 271.98)',
+            disabled: 'rgba(0, 0, 0, 0)',
+            'disabled-active': 'lch(76.219 1.2291 271.98)',
+            panel: 'rgba(0, 0, 0, 0)',
+          },
+          text: {
+            default: '#505050',
+            hover: '#505050',
+            active: '#161517',
+            disabled: '#a0a0a0',
+            'disabled-active': '#a0a0a0',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: 'rgba(0, 0, 0, 0)',
+            disabled: 'rgba(0, 0, 0, 0)',
+            'disabled-active': 'rgba(0, 0, 0, 0)',
+            panel: '#e6e7e9',
+          },
+          panel: {
+            stroke: {
+              default: '#e6e7e9',
+              borderless: 'rgba(0, 0, 0, 0)',
+            },
+          },
+        },
+      },
+      alignLeft: {
+        size: {
+          icon: {
+            all: '0.9688rem',
+          },
+        },
+        space: {
+          x: '1rem',
+          y: '0.3438rem',
+          gap: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            label: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+      },
+      alignedLeft: {
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#f6f7fa',
+            active: 'lch(95.274 1.5364 271.98)',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#e6e7e9',
+            active: '#cccfd3',
+          },
+          text: {
+            default: '#161517',
+            hover: '#161517',
+            active: '#161517',
+          },
+        },
+      },
+    },
+    card: {
+      secondary: {
+        space: {
+          all: '1rem',
+          gap: '1rem',
+          link: {
+            gap: '0.5rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        icon: {
+          size: {
+            all: '2rem',
+          },
+        },
+        stroke: '1px',
+        color: {
+          background: {
+            default: '#ffffff',
+            hover: '#f6f7fa',
+            active: 'lch(92.358 1.4894 271.98)',
+            disabled: '#dfdfdf',
+          },
+          title: {
+            default: 'lch(11.126 1.374 305.43)',
+            hover: 'lch(11.126 1.374 305.43)',
+            active: 'lch(11.126 1.374 305.43)',
+            disabled: '#a0a0a0',
+          },
+          description: {
+            default: '#696e79',
+            hover: '#696e79',
+            active: '#696e79',
+            disabled: '#a0a0a0',
+          },
+          link: {
+            default: '#161517',
+            hover: '#437eef',
+            active: '#161517',
+            disabled: '#a0a0a0',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#e6e7e9',
+            active: 'lch(87.029 1.0472 265.86)',
+            disabled: '#dfdfdf',
+          },
+        },
+      },
+      typography: {
+        title: {
+          default:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        link: {
+          default:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      primary: {
+        size: {
+          icon: {
+            sm: {
+              all: '2rem',
+            },
+            md: {
+              all: '4rem',
+            },
+          },
+        },
+        space: {
+          md: {
+            y: '1.5rem',
+            x: '1.5rem',
+            gap: '0.75rem',
+          },
+          sm: {
+            y: '1.5rem',
+            x: '1.5rem',
+            gap: '0.25rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        stroke: '1px',
+        color: {
+          background: {
+            default: '#ffffff',
+            hover: '#f6f7fa',
+            active: '#ffffff',
+            disabled: '#dfdfdf',
+          },
+          title: {
+            default: 'lch(11.126 1.374 305.43)',
+            hover: 'lch(11.126 1.374 305.43)',
+            active: 'lch(11.126 1.374 305.43)',
+            disabled: '#a0a0a0',
+          },
+          description: {
+            default: '#696e79',
+            hover: '#696e79',
+            active: '#696e79',
+            disabled: '#a0a0a0',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#e6e7e9',
+            active: '#151515',
+            disabled: '#dfdfdf',
+          },
+        },
+      },
+      shadow:
+        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+      horizontal: {
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        icon: {
+          size: {
+            all: '1.5rem',
+          },
+        },
+        space: {
+          md: {
+            y: '0.75rem',
+            x: '1rem',
+            gap: '1rem',
+          },
+          sm: {
+            y: '0.5rem',
+            x: '0.75rem',
+            gap: '0.75rem',
+          },
+        },
+        default: {
+          color: {
+            background: {
+              default: '#ffffff',
+              hover: '#f6f7fa',
+              active: '#ffffff',
+              disabled: '#dfdfdf',
+            },
+            title: {
+              default: 'lch(11.126 1.374 305.43)',
+              hover: 'lch(11.126 1.374 305.43)',
+              active: 'lch(11.126 1.374 305.43)',
+              disabled: '#a0a0a0',
+            },
+            description: {
+              default: '#696e79',
+              hover: '#696e79',
+              active: '#696e79',
+              disabled: '#a0a0a0',
+            },
+            stroke: {
+              default: '#e6e7e9',
+              hover: '#e6e7e9',
+              active: '#151515',
+              disabled: '#dfdfdf',
+            },
+          },
+        },
+        muted: {
+          color: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#ffffff',
+              active: '#f6f7fa',
+              disabled: '#dfdfdf',
+            },
+            title: {
+              default: 'lch(11.126 1.374 305.43)',
+              hover: 'lch(11.126 1.374 305.43)',
+              active: 'lch(11.126 1.374 305.43)',
+              disabled: '#a0a0a0',
+            },
+            description: {
+              default: '#696e79',
+              hover: '#696e79',
+              active: '#696e79',
+              disabled: '#a0a0a0',
+            },
+            stroke: {
+              default: '#e6e7e9',
+              hover: '#e6e7e9',
+              active: '#151515',
+              disabled: '#dfdfdf',
+            },
+          },
+        },
+      },
+      promotion: {
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          text: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        space: {
+          y: '5.5px',
+          x: '0.75rem',
+          gap: '0.75rem',
+        },
+        icon: {
+          size: {
+            all: '1rem',
+          },
+        },
+        color: {
+          background: {
+            default: '#f6f7fa',
+            hover: '#e6e7e9',
+            active: 'lch(89.777 1.0803 265.86)',
+          },
+          icon: {
+            default: '#161517',
+            hover: '#161517',
+            active: '#161517',
+          },
+          stroke: {
+            default: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
+            hover: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
+            active: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
+            focus: '#151515',
+          },
+          text: {
+            default: '#161517',
+            hover: '#161517',
+            active: '#161517',
+          },
+        },
+      },
+    },
+    checkbox: {
+      radii: {
+        all: '0.125rem',
+      },
+      space: {
+        all: '1px',
+        gap: '0.5rem',
+      },
+      size: {
+        all: '1rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        variations: {
+          default: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#161517',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#b3b6bd',
+              hover: '#b3b6bd',
+              active: '#161517',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var1: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#00e513',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#62de85',
+              hover: '#62de85',
+              active: '#62de85',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var2: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#437eef',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#6d9bf3',
+              hover: '#6d9bf3',
+              active: '#6d9bf3',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var3: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#fb32c9',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#fb64d6',
+              hover: '#fb64d6',
+              active: '#fb64d6',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var4: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#ff7729',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#ff9457',
+              hover: '#ff9457',
+              active: '#ff9457',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var5: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#089b83',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#089b83',
+              hover: '#089b83',
+              active: '#089b83',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+          var6: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#f6f7fa',
+              active: '#bb33ff',
+              disabled: '#dfdfdf',
+            },
+            stroke: {
+              default: '#cc66ff',
+              hover: '#bb33ff',
+              active: '#bb33ff',
+              disabled: '#c0c0c0',
+            },
+            check: {
+              default: '#ffffff',
+              hover: '#ffffff',
+              active: '#ffffff',
+              disabled: '#a0a0a0',
+            },
+          },
+        },
+        check: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#ffffff',
+          disabled: '#a0a0a0',
+        },
+        background: {
+          default: '#f6f7fa',
+          hover: '#f6f7fa',
+          active: '#161517',
+          disabled: '#dfdfdf',
+        },
+        stroke: {
+          default: '#b3b6bd',
+          hover: '#b3b6bd',
+          active: '#161517',
+          disabled: '#c0c0c0',
+        },
+      },
+    },
+    codeblock: {
+      space: {
+        x: '1rem',
+        y: '1rem',
+        gap: '1.5rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        text: {
+          default:
+            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      numbers: {
+        size: {
+          width: '1.5rem',
+        },
+      },
+      darkMode: {
+        color: {
+          background: {
+            default: '#282828',
+          },
+          text: {
+            default: '#ffffff',
+          },
+          numbers: {
+            default: '#c0c0c0',
+          },
+          button: {
+            background: {
+              default: '#282828',
+              hover: '#53575f',
+            },
+            foreground: {
+              default: '#ffffff',
+            },
+          },
+          stroke: {
+            default: '#282828',
+          },
+        },
+      },
+      lightMode: {
+        color: {
+          background: {
+            default: '#f6f7fa',
+          },
+          text: {
+            default: '#282828',
+          },
+          numbers: {
+            default: '#808080',
+          },
+          button: {
+            background: {
+              default: '#f6f7fa',
+              hover: '#53575f',
+            },
+            foreground: {
+              default: '#a0a0a0',
+            },
+          },
+          stroke: {
+            default: '#282828',
+          },
+        },
+      },
+      monacoTheme: {
+        parameter: {
+          foreground: '#53575f',
+          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+        },
+      },
+    },
+    codeInline: {
+      space: {
+        x: '0.25rem',
+      },
+      stroke: '1px',
+      typography: {
+        text: {
+          default:
+            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      color: {
+        background: {
+          default: '#f6f7fa',
+        },
+        text: {
+          default: '#161517',
+        },
+        stroke: {
+          default: '#e6e7e9',
+        },
+      },
+    },
+    container: {
+      space: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+      },
+      gap: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+      },
+    },
+    datePicker: {
+      dateOption: {
+        space: {
+          gap: '2px',
+        },
+        radii: {
+          default: '0.25rem',
+          range: '0',
+        },
+        stroke: '1px',
+        size: {
+          height: '2rem',
+          width: '2rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            range:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        color: {
+          label: {
+            default: '#161517',
+            hover: '#161517',
+            active: '#ffffff',
+            disabled: '#a0a0a0',
+            range: '#161517',
+          },
+          background: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            active: '#151515',
+            disabled: '#ffffff',
+            range: '#e6e7e9',
+          },
+          stroke: {
+            default: '#ffffff',
+            hover: '#151515',
+            active: '#151515',
+            disabled: '#ffffff',
+            range: '#e6e7e9',
+          },
+        },
+      },
+      space: {
+        gap: '0.25rem',
+      },
+      typography: {
+        daytitle: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        title: {
+          default:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+        },
+        daytitle: {
+          default: '#696e79',
+        },
+      },
+    },
+    dialog: {
+      space: {
+        y: '1.5rem',
+        x: '2rem',
+        gap: '1rem',
+      },
+      title: {
+        space: {
+          gap: '0.25rem',
+        },
+      },
+      radii: {
+        all: '0.5rem',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+      },
+      stroke: {
+        default: '1px solid #e6e7e9',
+      },
+      typography: {
+        title: {
+          default:
+            '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: '#ffffff',
+        },
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+        },
+        description: {
+          default: '#696e79',
+        },
+        opaqueBackground: {
+          default: 'lch(6.7738 0 none / 0.75)',
+        },
+      },
+    },
+    docs: {
+      typography: {
+        titles: {
+          lg: '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        text: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        breadcrumbs: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        toc: {
+          title: {
+            default:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          item: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+    },
+    field: {
+      typography: {
+        label: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        fieldText: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        placeholder: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        format: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        genericLabel: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          error:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      type: {
+        mobile: {
+          label:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          'field-value':
+            '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      space: {
+        x: '0.75rem',
+        y: '0.2813rem',
+        gap: '0.5rem',
+      },
+      size: {
+        icon: '1rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      mobile: {
+        space: {
+          x: '0.75rem',
+          y: '0.5rem',
+          gap: '0.5rem',
+        },
+      },
+      color: {
+        genericLabel: {
+          default: '#161517',
+          hover: '#161517',
+          active: '#161517',
+          disabled: '#a0a0a0',
+        },
+        background: {
+          default: '#fbfcff',
+          hover: '#f6f7fa',
+          active: '#ffffff',
+          disabled: '#dfdfdf',
+          error: '#ffffff',
+        },
+        text: {
+          default: '#302e32',
+          hover: '#302e32',
+          active: '#161517',
+          disabled: '#a0a0a0',
+          error: '#c10000',
+        },
+        stroke: {
+          default: '#e6e7e9',
+          hover: '#cccfd3',
+          active: '#161517',
+          disabled: '#dfdfdf',
+          error: '#c10000',
+        },
+        label: {
+          default: '#696e79',
+          hover: '#696e79',
+          active: '#161517',
+          disabled: '#a0a0a0',
+          error: '#c10000',
+        },
+        placeholder: {
+          default: '#9a9ea7',
+          disabled: '#b3b6bd',
+        },
+        format: {
+          default: 'lch(71.998 4.1843 268.48)',
+          hover: 'lch(71.998 4.1843 268.48)',
+          active: 'lch(71.998 4.1843 268.48)',
+          disabled: '#a0a0a0',
+          error: 'lch(71.998 4.1843 268.48)',
+        },
+      },
+    },
+    fileUpload: {
+      sm: {
+        icon: {
+          size: {
+            height: '1.5rem',
+            width: '1.5rem',
+          },
+        },
+        space: {
+          gap: '0.75rem',
+          x: '1rem',
+          y: '0.5rem',
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        color: {
+          icon: {
+            default: '#696e79',
+          },
+        },
+      },
+      md: {
+        icon: {
+          size: {
+            height: '2rem',
+            width: '2rem',
+          },
+        },
+        space: {
+          gap: '0.5rem',
+          x: '1rem',
+          y: '0.75rem',
+        },
+        radii: {
+          all: '0.5rem',
+        },
+        color: {
+          icon: {
+            default: '#161517',
+          },
+        },
+      },
+      typography: {
+        title: {
+          default:
+            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      hasFile: {
+        space: {
+          gap: '0.75rem',
+        },
+        header: {
+          space: {
+            gap: '0.5rem',
+          },
+        },
+      },
+      transitions: {
+        all: 'all 100ms ease-in 0ms',
+      },
+      color: {
+        background: {
+          default: '#ffffff',
+          hover: '#ffffff',
+          active: '#f6f7fa',
+          error: 'rgb(100% 13.725% 13.725% / 0.1)',
+        },
+        stroke: {
+          default: '#e6e7e9',
+          hover: '#e6e7e9',
+          active: '#b3b6bd',
+          error: 'rgba(0, 0, 0, 0)',
+        },
+        title: {
+          default: '#161517',
+          hover: '#161517',
+          active: '#161517',
+          error: '#c10000',
+        },
+        description: {
+          default: '#696e79',
+          hover: '#696e79',
+          active: '#696e79',
+          error: '#c10000',
+        },
+      },
+    },
+    flyout: {
+      space: {
+        default: {
+          x: '0',
+          y: '1.5rem',
+          gap: '1rem',
+          top: '0',
+          content: {
+            x: '1.5rem',
+            y: '1.5rem',
+            'row-gap': '0.25rem',
+            'column-gap': '1rem',
+          },
+        },
+        inline: {
+          x: '0',
+          y: '0.75rem',
+          gap: '0.75rem',
+          top: '3.5rem',
+          content: {
+            x: '0.75rem',
+            y: '0.75rem',
+            'row-gap': '0.25rem',
+            'column-gap': '0.75rem',
+          },
+        },
+      },
+      shadow: {
+        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+      },
+      size: {
+        default: {
+          width: '27.5rem',
+          height: '100%',
+        },
+        wide: {
+          width: '37.5rem',
+          height: '100vh',
+        },
+        narrow: {
+          width: '21rem',
+          height: '100%',
+        },
+        widest: {
+          width: '55rem',
+          height: '100vh',
+        },
+      },
+      typography: {
+        default: {
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        inline: {
+          description: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      color: {
+        background: {
+          default: '#ffffff',
+        },
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+        },
+        description: {
+          default: '#696e79',
+        },
+        stroke: {
+          default: '#e6e7e9',
+        },
+      },
+    },
+    genericMenu: {
+      item: {
+        space: {
+          x: '1rem',
+          y: '0.3438rem',
+          gap: '0.5rem',
+        },
+        icon: {
+          size: {
+            height: '0.9688rem',
+            width: '0.9688rem',
+          },
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          sectionHeader: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          subtext: {
+            default:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        'two-lines': {
+          space: {
+            x: '1rem',
+            y: '0.3438rem',
+            gap: '0.75rem',
+          },
+        },
+        size: {
+          minWidth: '180px',
+        },
+        color: {
+          default: {
+            text: {
+              default: '#161517',
+              hover: '#161517',
+              active: '#161517',
+              disabled: '#a0a0a0',
+              muted: '#696e79',
+            },
+            background: {
+              default: '#ffffff',
+              hover: '#f6f7fa',
+              active: '#ffffff',
+              disabled: '#ffffff',
+            },
+            stroke: {
+              default: '#e6e7e9',
+              focus: '#437eef',
+            },
+          },
+          format: {
+            default: 'lch(71.998 4.1843 268.48)',
+            hover: 'lch(71.998 4.1843 268.48)',
+            active: 'lch(71.998 4.1843 268.48)',
+            disabled: '#a0a0a0',
+          },
+          subtext: {
+            default: '#696e79',
+            hover: '#696e79',
+            active: '#696e79',
+            disabled: '#c0c0c0',
+          },
+          danger: {
+            text: {
+              default: '#c10000',
+              hover: '#c10000',
+              active: '#c10000',
+              disabled: '#a0a0a0',
+            },
+            background: {
+              default: '#ffffff',
+              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
+              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+              disabled: '#ffffff',
+            },
+            stroke: {
+              default: 'rgba(0, 0, 0, 0)',
+              focus: '#437eef',
+            },
+          },
+        },
+      },
+      itemCustom: {
+        typography: {
+          label: {
+            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      button: {
+        space: {
+          gap: '0.25rem',
+          y: '0.5rem',
+        },
+        typography: {
+          label: {
+            default:
+              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        color: {
+          background: {
+            default: '#f6f7fa',
+          },
+          label: {
+            default: '#696e79',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+      panel: {
+        radii: {
+          all: '0.25rem',
+        },
+        shadow: {
+          default:
+            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+        },
+        size: {
+          height: '2rem',
+        },
+        color: {
+          background: {
+            default: '#ffffff',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+      autocomplete: {
+        typography: {
+          results: {
+            label: {
+              default:
+                '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          search: {
+            placeholder: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+            term: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        search: {
+          stroke: {
+            default: '2px solid #e6e7e9',
+          },
+        },
+        color: {
+          placeholder: {
+            default: '#9a9ea7',
+          },
+          searchTerm: {
+            default: '#161517',
+          },
+          background: {
+            default: '#ffffff',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+      sectionHeader: {
+        space: {
+          bottom: '0.3438rem',
+          top: '0.5rem',
+        },
+      },
+      placeholder: {
+        space: {
+          gap: '0.5rem',
+        },
+      },
+    },
+    grid: {
+      header: {
+        cell: {
+          space: {
+            y: '0.4375rem',
+            x: '0.5rem',
+          },
+          size: {
+            height: '2rem',
+          },
+          color: {
+            background: {
+              default: '#f6f7fa',
+              selectIndirect: 'lch(95.61 5.8361 264.18)',
+              selectDirect: '#e7effd',
+            },
+            title: {
+              default: '#696e79',
+              selectIndirect: '#161517',
+              selectDirect: '#161517',
+            },
+            stroke: {
+              default: 'lch(89.319 1.0747 265.86)',
+              selectIndirect: '#e7effd',
+              selectDirect: 'lch(86.135 15.126 266.4)',
+            },
+          },
+        },
+        title: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      body: {
+        cell: {
+          space: {
+            y: '5.5px',
+            x: '0.5rem',
+          },
+          size: {
+            height: '2rem',
+          },
+          color: {
+            background: {
+              default: '#ffffff',
+              selectIndirect: 'lch(94.146 7.7815 264.18 / 0.2)',
+              selectDirect: 'lch(94.146 7.7815 264.18 / 0.2)',
+            },
+            stroke: {
+              default: '#e6e7e9',
+              selectIndirect: '#d0dffb',
+              selectDirect: '#437eef',
+            },
+            text: {
+              default: 'lch(7.1704 1.4351 305.43)',
+              selectIndirect: '#161517',
+              selectDirect: '#161517',
+            },
+          },
+        },
+      },
+      cell: {
+        text: {
+          default:
+            '500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace',
+        },
+      },
+      radii: {
+        none: '0',
+        sm: '0.25rem',
+        md: '0.5rem',
+        lg: '0.75rem',
+      },
+      global: {
+        color: {
+          stroke: {
+            default: '#e6e7e9',
+          },
+          background: {
+            default: '#ffffff',
+          },
+        },
+      },
+    },
+    gridContainer: {
+      gap: {
+        none: '0',
+        xxs: '0.25rem',
+        xs: '0.5rem',
+        sm: '0.75rem',
+        md: '1rem',
+        lg: '1.5rem',
+        xl: '2rem',
+        xxl: '4rem',
+        unset: "''",
+      },
+    },
+    icon: {
+      space: {
+        xs: {
+          all: '0.25rem',
+        },
+        sm: {
+          all: '0.25rem',
+        },
+        md: {
+          all: '0.365rem',
+        },
+        lg: {
+          all: '0.5rem',
+        },
+        xl: {
+          all: '0.75rem',
+        },
+        xxl: {
+          all: '1rem',
+        },
+      },
+      color: {
+        background: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: 'rgb(20% 100% 26.667% / 0.1)',
+          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+        },
+        text: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: '#008a0b',
+          neutral: '#53575f',
+          danger: '#c10000',
+          info: '#437eef',
+          warning: '#a33c00',
+        },
+        stroke: {
+          default: 'rgba(0, 0, 0, 0)',
+          success: 'rgb(20% 100% 26.667% / 0.05)',
+          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
+          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
+          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+        },
+      },
+    },
+    image: {
+      sm: {
+        size: {
+          height: '1rem',
+          width: '1rem',
+        },
+      },
+      xs: {
+        size: {
+          height: '0.75rem',
+          width: '0.75rem',
+        },
+      },
+      md: {
+        size: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      lg: {
+        size: {
+          height: '1.5rem',
+          width: '1.5rem',
+        },
+      },
+      xl: {
+        size: {
+          height: '2rem',
+          width: '2rem',
+        },
+      },
+      xxl: {
+        size: {
+          height: '4rem',
+          width: '4rem',
+        },
+      },
+      borderWidth: {
+        default: '1.5px',
+        thin: '1px',
+      },
+      color: {
+        stroke: '#161517',
+      },
+    },
+    link: {
+      space: {
+        md: {
+          gap: '0.25rem',
+        },
+        sm: {
+          gap: '2px',
+        },
+      },
+      icon: {
+        size: {
+          sm: {
+            height: '0.75rem',
+            width: '0.75rem',
+          },
+          md: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+      },
+    },
+    panel: {
+      strokeWidth: {
+        default: '1px',
+      },
+      radii: {
+        none: '0',
+        sm: '0.25rem',
+        md: '0.5rem',
+        lg: '0.75rem',
+      },
+      stroke: {
+        default: '1px solid #e6e7e9',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+      },
+      space: {
+        y: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+        x: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+        gap: {
+          none: '0',
+          xs: '0.5rem',
+          sm: '0.75rem',
+          md: '1rem',
+          lg: '1.5rem',
+          xl: '2rem',
+        },
+      },
+      color: {
+        background: {
+          default: '#ffffff',
+          muted: '#f6f7fa',
+          transparent: 'rgba(0, 0, 0, 0)',
+        },
+        stroke: {
+          default: '#e6e7e9',
+        },
+      },
+    },
+    popover: {
+      space: {
+        y: '1rem',
+        x: '1.5rem',
+        gap: '0.75rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      shadow: {
+        default:
+          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+      },
+      icon: {
+        size: {
+          height: '1.25rem',
+          width: '1.25rem',
+        },
+      },
+      color: {
+        panel: {
+          background: {
+            default: '#ffffff',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+    },
+    radio: {
+      radii: {
+        all: '9999px',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: '#f6f7fa',
+          hover: '#f6f7fa',
+          active: '#161517',
+          disabled: '#dfdfdf',
+        },
+        stroke: {
+          default: '#b3b6bd',
+          hover: '#b3b6bd',
+          active: '#151515',
+          disabled: '#c0c0c0',
+        },
+        indicator: {
+          default: '#ffffff',
+          hover: '#f6f7fa',
+          active: '#ffffff',
+          disabled: '#a0a0a0',
+        },
+      },
+    },
+    separator: {
+      horizontal: {
+        space: {
+          y: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            ml: '0.75rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          x: {
+            all: '0',
+          },
+        },
+      },
+      vertical: {
+        space: {
+          x: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          y: {
+            all: '0',
+          },
+        },
+      },
+      color: {
+        stroke: {
+          default: '#e6e7e9',
+        },
+      },
+    },
+    sidebar: {
+      navigation: {
+        item: {
+          radii: {
+            all: '0.25rem',
+          },
+          default: {
+            space: {
+              right: '0.75rem',
+              y: '0.2813rem',
+              gap: '0.75rem',
+              left: '0',
+            },
+          },
+          typography: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mobile: {
+            typography: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+            space: {
+              left: '0',
+              right: '0.75rem',
+              y: '0.75rem',
+              gap: '0.75rem',
+            },
+          },
+          collapsible: {
+            space: {
+              left: '0',
+              right: '0.75rem',
+              y: '0.2813rem',
+              gap: '0.75rem',
+            },
+          },
+          icon: {
+            size: {
+              height: '1rem',
+              width: '1rem',
+            },
+          },
+          global: {
+            gap: '2px',
+          },
+        },
+        title: {
+          typography: {
+            default:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        subItem: {
+          default: {
+            space: {
+              left: '2.75rem',
+              right: '0.75rem',
+              y: '0.2813rem',
+            },
+          },
+          mobile: {
+            space: {
+              left: '2.75rem',
+              right: '0.75rem',
+              y: '0.75rem',
+              gap: '0.75rem',
+            },
+            typography: {
+              default:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              hover:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              active:
+                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          radii: {
+            all: '0.25rem',
+          },
+          typography: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            disabled:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        dragControl: {
+          separator: {
+            size: {
+              height: '0.125rem',
+            },
+          },
+        },
+      },
+      main: {
+        color: {
+          background: {
+            default: '#ffffff',
+          },
+          text: {
+            default: '#161517',
+            muted: '#696e79',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+        navigation: {
+          item: {
+            color: {
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
+                active: '#e6e7e9',
+              },
+              text: {
+                default: '#161517',
+                hover: '#161517',
+                active: '#161517',
+                muted: '#696e79',
+                disabled: '#a0a0a0',
+              },
+              icon: {
+                default: '#696e79',
+                disabled: '#a0a0a0',
+              },
+            },
+          },
+          title: {
+            color: {
+              default: '#696e79',
+              hover: '#696e79',
+              active: '#696e79',
+            },
+          },
+          subItem: {
+            color: {
+              text: {
+                default: '#696e79',
+                hover: '#161517',
+                active: '#161517',
+                disabled: '#a0a0a0',
+              },
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
+                active: 'rgba(0, 0, 0, 0)',
+                disabled: 'rgba(0, 0, 0, 0)',
+              },
+              icon: {
+                default: '#696e79',
+                disabled: '#a0a0a0',
+              },
+            },
+          },
+          dragControl: {
+            separator: {
+              color: {
+                default: '#161517',
+              },
+            },
+          },
+        },
+      },
+      sqlSidebar: {
+        navigation: {
+          item: {
+            color: {
+              text: {
+                disabled: '#a0a0a0',
+                default: '#161517',
+                hover: '#161517',
+                active: '#161517',
+                muted: '#696e79',
+              },
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
+                active: '#e6e7e9',
+              },
+              icon: {
+                default: '#696e79',
+              },
+            },
+          },
+          title: {
+            color: {
+              default: '#696e79',
+              hover: '#696e79',
+              active: '#696e79',
+            },
+          },
+          subItem: {
+            color: {
+              text: {
+                default: '#696e79',
+                hover: '#161517',
+                active: '#161517',
+                disabled: '#a0a0a0',
+              },
+              background: {
+                default: 'rgba(0, 0, 0, 0)',
+                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
+                active: 'rgba(0, 0, 0, 0)',
+              },
+            },
+          },
+          dragControl: {
+            separator: {
+              color: {
+                default: '#161517',
+              },
+            },
+          },
+        },
+        color: {
+          background: {
+            default: '#f6f7fa',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+    },
+    spacer: {
+      horizontal: {
+        space: {
+          y: {
+            xs: '0',
+            sm: '0.25rem',
+            md: '0.5rem',
+            ml: '0.75rem',
+            lg: '1rem',
+            xl: '1.5rem',
+            xxl: '2rem',
+          },
+          x: {
+            all: '0',
+          },
+        },
+      },
+    },
+    stepper: {
+      vertical: {
+        numbered: {
+          connector: {
+            size: {
+              width: '0.1875rem',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#c0c0c0',
+                complete: '#1f1f1c',
+                active: '#c0c0c0',
+              },
+            },
+          },
+          typography: {
+            title: {
+              default:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          step: {
+            typography: {
+              number: {
+                default:
+                  '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+              },
+            },
+            size: {
+              height: '1.5rem',
+              width: '1.5rem',
+              icon: {
+                height: '0.75rem',
+                width: '0.75rem',
+              },
+            },
+            stroke: {
+              default: '2px',
+            },
+            radii: {
+              default: '9999px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#c0c0c0',
+                complete: '#1f1f1c',
+                active: '#1f1f1c',
+              },
+              background: {
+                incomplete: '#ffffff',
+                complete: '#ffffff',
+                active: '#1f1f1c',
+              },
+              icon: {
+                incomplete: '#1f1f1c',
+                complete: '#1f1f1c',
+                active: '#ffffff',
+              },
+            },
+          },
+          content: {
+            space: {
+              gap: {
+                x: '1rem',
+                y: '0.5rem',
+              },
+              left: '2.75rem',
+              bottom: {
+                default: '2.5rem',
+                active: '1.5rem',
+              },
+            },
+          },
+          color: {
+            title: {
+              incomplete: '#c0c0c0',
+              complete: '#696e79',
+              active: '#161517',
+            },
+          },
+        },
+        bulleted: {
+          connector: {
+            size: {
+              width: '0.1875rem',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#c0c0c0',
+                complete: '#1f1f1c',
+                active: '#c0c0c0',
+              },
+            },
+          },
+          step: {
+            size: {
+              height: '1rem',
+              width: '1rem',
+              icon: {
+                height: '0.75rem',
+                width: '0.75rem',
+              },
+            },
+            radii: {
+              default: '9999px',
+            },
+            stroke: {
+              default: '2px',
+            },
+            color: {
+              stroke: {
+                incomplete: '#c0c0c0',
+                complete: '#1f1f1c',
+                active: '#1f1f1c',
+              },
+              background: {
+                incomplete: '#ffffff',
+                complete: '#ffffff',
+                active: '#ffffff',
+              },
+              icon: {
+                incomplete: '#ffffff',
+                complete: '#1f1f1c',
+                active: '#ffffff',
+              },
+            },
+          },
+          typography: {
+            title: {
+              default:
+                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          content: {
+            space: {
+              gap: {
+                x: '1rem',
+                y: '0.5rem',
+              },
+              left: '2.25rem',
+              bottom: {
+                default: '2.5rem',
+                active: '1.5rem',
+              },
+            },
+          },
+          color: {
+            title: {
+              incomplete: '#c0c0c0',
+              complete: '#696e79',
+              active: '#161517',
+            },
+          },
+        },
+      },
+    },
+    switch: {
+      space: {
+        gap: '0.5rem',
+      },
+      radii: {
+        all: '9999px',
+      },
+      size: {
+        width: '2rem',
+        height: '1rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          disabled:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: '#cccfd3',
+          active: '#151515',
+          disabled: '#dfdfdf',
+        },
+        stroke: {
+          default: '#cccfd3',
+          active: '#161517',
+          disabled: '#dfdfdf',
+        },
+        indicator: {
+          default: '#ffffff',
+          active: '#ffffff',
+          disabled: '#a0a0a0',
+        },
+      },
+    },
+    table: {
+      header: {
+        title: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        cell: {
+          space: {
+            md: {
+              y: '0.75rem',
+              x: '1rem',
+            },
+            sm: {
+              y: '0.5rem',
+              x: '1rem',
+            },
+          },
+        },
+        color: {
+          background: {
+            default: '#f6f7fa',
+            hover: '#f6f7fa',
+            active: '#e7effd',
+          },
+          title: {
+            default: '#161517',
+          },
+          icon: {
+            default: '#161517',
+          },
+          checkbox: {
+            background: {
+              default: '#cccfd3',
+            },
+            border: {
+              default: '#808691',
+            },
+          },
+        },
+      },
+      cell: {
+        text: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        label: {
+          default:
+            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        stroke: '1px',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      body: {
+        cell: {
+          space: {
+            md: {
+              y: '1rem',
+              x: '1rem',
+            },
+            sm: {
+              y: '0.5rem',
+              x: '1rem',
+            },
+          },
+        },
+      },
+      mobile: {
+        cell: {
+          space: {
+            y: '1rem',
+            x: '1rem',
+            gap: '0.5rem',
+          },
+        },
+      },
+      row: {
+        color: {
+          background: {
+            default: '#ffffff',
+            hover: 'lch(94.146 7.7815 264.18 / 0.2)',
+            active: 'lch(94.146 7.7815 264.18 / 0.2)',
+          },
+          stroke: {
+            default: '#e6e7e9',
+          },
+          text: {
+            default: '#161517',
+            disabled: '#a0a0a0',
+          },
+          link: {
+            default: '#437eef',
+          },
+          label: {
+            default: '#696e79',
+          },
+          barChart: {
+            default: '#dfdfdf',
+            hover: '#c0c0c0',
+          },
+        },
+      },
+      global: {
+        color: {
+          stroke: {
+            default: '#e6e7e9',
+          },
+          background: {
+            default: '#ffffff',
+          },
+        },
+      },
+    },
+    tabs: {
+      space: {
+        y: '0.5rem',
+        x: '0.75rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          hover:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          active:
+            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      basic: {
+        strokeWidth: {
+          default: '1px',
+          hover: '1px',
+          active: '2px',
+          global: '1px',
+        },
+        color: {
+          background: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: '#f6f7fa',
+            active: 'rgba(0, 0, 0, 0)',
+          },
+          text: {
+            default: '#696e79',
+            hover: '#161517',
+            active: '#161517',
+          },
+          stroke: {
+            default: 'rgba(0, 0, 0, 0)',
+            hover: 'rgba(0, 0, 0, 0)',
+            active: '#151515',
+          },
+          global: {
+            default: '#e6e7e9',
+          },
+        },
+      },
+      fileTabs: {
+        icon: {
+          size: {
+            height: '1rem',
+            width: '1rem',
+          },
+        },
+        space: {
+          y: '1.0625rem',
+          x: '1rem',
+          gap: '0.75rem',
+        },
+        typography: {
+          label: {
+            default:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            hover:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            active:
+              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+        radii: {
+          all: '0',
+        },
+        color: {
+          background: {
+            default: '#f6f7fa',
+            hover: '#ffffff',
+            active: '#ffffff',
+          },
+          text: {
+            default: '#696e79',
+            hover: '#161517',
+            active: '#161517',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#e6e7e9',
+            active: '#e6e7e9',
+          },
+          closeButton: {
+            background: {
+              default: 'rgba(0, 0, 0, 0)',
+              hover: '#e6e7e9',
+            },
+          },
+        },
+      },
+    },
+    toast: {
+      icon: {
+        size: {
+          height: '1rem',
+          width: '1rem',
+        },
+      },
+      space: {
+        title: {
+          gap: '0.5rem',
+        },
+        y: '0.75rem',
+        x: '0.75rem',
+        gap: '0.5rem',
+      },
+      radii: {
+        all: '0.25rem',
+      },
+      shadow:
+        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+      typography: {
+        title: {
+          default:
+            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        description: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      size: {
+        width: '20.75rem',
+      },
+      color: {
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+        },
+        description: {
+          default: '#696e79',
+        },
+        stroke: {
+          default: '#e6e7e9',
+        },
+        icon: {
+          default: 'lch(11.126 1.374 305.43)',
+          success: '#008a0b',
+          warning: '#a33c00',
+          danger: '#c10000',
+        },
+      },
+    },
+    tooltip: {
+      radii: {
+        all: '0.25rem',
+      },
+      space: {
+        x: '0.75rem',
+        y: '0.5rem',
+      },
+      typography: {
+        label: {
+          default:
+            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      color: {
+        background: {
+          default: 'lch(10.767 0 none / 0.85)',
+        },
+        label: {
+          default: '#ffffff',
+        },
+      },
+    },
+    dashboards: {
+      chartWidget: {
+        space: {
+          gap: '1rem',
+          element: {
+            gap: '0.5rem',
+          },
+        },
+        borderWidth: {
+          default: '1px',
+        },
+        stroke: {
+          default: '1px solid #e6e7e9',
+          element: {
+            default: '1px solid #e6e7e9',
+          },
+          hover: '1px solid #b3b6bd',
+          selected: '1px solid #151515',
+        },
+        element: {
+          radii: {
+            all: '0.25rem',
+          },
+        },
+        radii: {
+          all: '0.25rem',
+        },
+        typography: {
+          title: {
+            default:
+              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          description: {
+            default: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+          label: {
+            default: {
+              default:
+                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            },
+          },
+        },
+        shadow: {
+          default: '0',
+          hover:
+            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+        },
+        size: {
+          icon: {
+            all: {
+              drag: '1.25rem',
+              menu: '1.5rem',
+              resize: '0.75rem',
+            },
+          },
+        },
+        color: {
+          background: {
+            default: '#ffffff',
+            hover: '#ffffff',
+            selected: '#ffffff',
+          },
+          stroke: {
+            default: '#e6e7e9',
+            hover: '#b3b6bd',
+            selected: '#151515',
+          },
+          title: {
+            default: 'lch(11.126 1.374 305.43)',
+          },
+          description: {
+            default: '#696e79',
+          },
+          legend: {
+            default: '#696e79',
+            hover: '#696e79',
+            selected: '#161517',
+          },
+          element: {
+            stroke: {
+              default: '#e6e7e9',
+            },
+          },
+          icon: {
+            default: '#161517',
+            hover: '#161517',
+            selected: '#151515',
+          },
+          opacity: {
+            bar: {
+              default: 0.2,
+              hover: 0.5,
+            },
+          },
+          label: {
+            default: '#696e79',
+            hover: '#696e79',
+            selected: '#696e79',
+          },
+        },
+      },
+    },
+    global: {
+      color: {
+        stroke: {
+          default: '#e6e7e9',
+          muted: 'lch(91.609 1.1023 265.86)',
+          intense: '#b3b6bd',
+        },
+        accent: {
+          default: '#151515',
+        },
+        background: {
+          default: '#ffffff',
+          muted: '#f6f7fa',
+        },
+        text: {
+          default: '#161517',
+          muted: '#696e79',
+          disabled: '#a0a0a0',
+          link: {
+            default: '#437eef',
+            hover: '#104ec6',
+          },
+          danger: '#c10000',
+          warning: '#a33c00',
+        },
+        title: {
+          default: 'lch(11.126 1.374 305.43)',
+          muted: '#696e79',
+        },
+        outline: {
+          default: '#437eef',
+        },
+        shadow: {
+          default: 'lch(6.7738 0 none / 0.15)',
+        },
+      },
+    },
+    feedback: {
+      color: {
+        info: {
+          background: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+          foreground: '#437eef',
+        },
+        success: {
+          background: 'rgb(20% 100% 26.667% / 0.1)',
+          foreground: '#008a0b',
+        },
+        warning: {
+          background: 'rgb(100% 46.667% 16.078% / 0.1)',
+          foreground: '#a33c00',
+        },
+        danger: {
+          background: 'rgb(100% 13.725% 13.725% / 0.1)',
+          foreground: '#c10000',
+        },
+        neutral: {
+          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+          foreground: '#53575f',
+          stroke: '#e6e7e9',
+        },
+      },
+    },
+    storybook: {
+      global: {
+        background: '#ffffff',
+      },
+    },
+    chart: {
+      color: {
+        default: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#00e513',
+          fuchsia: '#fb32c9',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#089b83',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        label: {
+          default: '#161517',
+          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
+        },
+      },
+      bars: {
+        color: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#00e513',
+          fuchsia: '#fb32c9',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#089b83',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+      },
+    },
+    serviceCard: {
+      color: {
+        background: {
+          default: '#fbfcff',
+          hover: '#fbfcff',
+        },
+        stroke: {
+          default: '#e6e7e9',
+          hover: '#cccfd3',
+        },
+      },
+    },
+    gareth: {
+      test: {
+        main: {
+          text: '#161517',
+          danger: '#c10000',
+        },
+      },
+    },
+  },
+  transition: {
+    default: 'all 100ms ease-in 0ms',
+    duration: {
+      slow: '300ms',
+      smooth: '150ms',
+      medium: '100ms',
+      fast: '50ms',
+    },
+    delay: {
+      slow: '100ms',
+      fast: '0ms',
+    },
+    function: {
+      ease: 'ease',
+      'ease-in': 'ease-in',
+      'ease-in-out': 'ease-in-out',
+      linear: 'linear',
+    },
+  },
+  grid: {
+    header: {
+      cell: {
+        borderWidth: {
+          default: '1px',
+          selectIndirect: '1px',
+          selectDirect: '1px',
+        },
+      },
+    },
+    body: {
+      cell: {
+        borderWidth: {
+          default: '1px',
+          selectIndirect: '1px',
+          selectDirect: '2px',
+        },
+      },
+    },
+  },
+  palette: {
+    brand: {
+      '50': '#ffffe8',
+      '100': '#feffc2',
+      '200': '#fdffa3',
+      '300': '#faff69',
+      '400': '#eef400',
+      '500': '#c7cc00',
+      '600': '#959900',
+      '700': '#686b00',
+      '800': '#3c4601',
+      '900': '#333300',
+      base: '#fbff46',
+    },
+    neutral: {
+      '0': '#ffffff',
+      '100': '#f9f9f9',
+      '200': '#dfdfdf',
+      '300': '#c0c0c0',
+      '400': '#a0a0a0',
+      '500': '#808080',
+      '600': '#606060',
+      '650': '#505050',
+      '700': '#414141',
+      '712': '#323232',
+      '725': '#282828',
+      '750': '#1f1f1c',
+      '800': '#1d1d1d',
+      '900': '#151515',
+      base: '#212121',
+    },
+    slate: {
+      '25': '#fbfcff',
+      '50': '#f6f7fa',
+      '100': '#e6e7e9',
+      '200': '#cccfd3',
+      '300': '#b3b6bd',
+      '400': '#9a9ea7',
+      '500': '#808691',
+      '600': '#696e79',
+      '700': '#53575f',
+      '800': '#302e32',
+      '900': '#161517',
+      base: '#373439',
+      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
+    },
+    indigo: {
+      '50': '#f4f1fc',
+      '100': '#e4e2e9',
+      '200': '#c8c5d3',
+      '300': '#ada8bd',
+      '400': '#918ba7',
+      '500': '#766e91',
+      '600': '#5e5874',
+      '700': '#474257',
+      '800': '#23212c',
+      '900': '#18161d',
+      base: '#2f2c3a',
+    },
+    info: {
+      '50': '#e7effd',
+      '100': '#d0dffb',
+      '200': '#a1bef7',
+      '300': '#6d9bf3',
+      '400': '#437eef',
+      '500': '#1d64ec',
+      '600': '#104ec6',
+      '650': '#0d3e9b',
+      '700': '#0d3e9b',
+      '800': '#092b6c',
+      '900': '#061c47',
+      base: '#4781f0',
+    },
+    success: {
+      '50': '#e5ffe8',
+      '100': '#ccffd0',
+      '200': '#99ffa1',
+      '300': '#66ff73',
+      '400': '#33ff44',
+      '500': '#00e513',
+      '600': '#00bd10',
+      '700': '#008a0b',
+      '800': '#006108',
+      '850': '#004206',
+      '900': '#004206',
+      base: '#62de85',
+    },
+    warning: {
+      '50': '#ffe2d1',
+      '100': '#ffcbad',
+      '200': '#ffb88f',
+      '300': '#ff9457',
+      '400': '#ff7729',
+      '500': '#f55a00',
+      '600': '#d64f00',
+      '700': '#a33c00',
+      '800': '#7a2d00',
+      '900': '#471a00',
+      base: '#ffa63d',
+    },
+    danger: {
+      '50': '#ffdddd',
+      '100': '#ffbaba',
+      '200': '#ff9898',
+      '300': '#ff7575',
+      '400': '#ff2323',
+      '500': '#f10000',
+      '600': '#c10000',
+      '700': '#910000',
+      '800': '#610000',
+      '900': '#300000',
+      base: '#ff5353',
+    },
+    gradients: {
+      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
+      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
+      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
+      transparent: 'rgba(0, 0, 0, 0)',
+    },
+    utility: {
+      transparent: 'rgba(0, 0, 0, 0)',
+    },
+    teal: {
+      '50': '#e6fefa',
+      '100': '#cffcf4',
+      '200': '#a3faec',
+      '300': '#6df8e1',
+      '400': '#0cedc8',
+      '500': '#0bd0af',
+      '600': '#089b83',
+      '700': '#067462',
+      '800': '#045245',
+      '850': '#004237',
+      '900': '#03352d',
+    },
+    violet: {
+      '50': '#f6e5ff',
+      '100': '#eeccff',
+      '200': '#dd99ff',
+      '300': '#cc66ff',
+      '400': '#bb33ff',
+      '500': '#aa00ff',
+      '600': '#8800cc',
+      '700': '#660099',
+      '800': '#440066',
+      '850': '#33004d',
+      '900': '#220033',
+    },
+    fuchsia: {
+      '50': '#fbeff8',
+      '100': '#fbc9ef',
+      '200': '#fb97e2',
+      '300': '#fb64d6',
+      '400': '#fb32c9',
+      '500': '#fb00bc',
+      '600': '#cc0099',
+      '700': '#990073',
+      '800': '#66004d',
+      '850': '#4d0039',
+      '900': '#330026',
+    },
+    sunrise: {
+      '50': '#fff3cc',
+      '100': '#ffe799',
+      '200': '#ffdb66',
+      '300': '#ffcf33',
+      '400': '#ffc300',
+      '500': '#e0ac00',
+      '600': '#b28800',
+      '700': '#8a6900',
+      '800': '#574200',
+      '900': '#332700',
+    },
+    babyblue: {
+      '50': '#dbfaff',
+      '100': '#bdf6ff',
+      '200': '#8aefff',
+      '300': '#33e4ff',
+      '400': '#00cbeb',
+      '500': '#00b5d1',
+      '600': '#008599',
+      '700': '#006170',
+      '800': '#00424d',
+      '900': '#002c33',
+    },
+  },
+  sizes: {
+    '0': '0',
+    '1': '1px',
+    '2': '0.25rem',
+    '3': '0.5rem',
+    '4': '0.75rem',
+    '5': '1rem',
+    '6': '1.25rem',
+    '7': '1.5rem',
+    '8': '1.75rem',
+    '9': '2rem',
+    '10': '2.5rem',
+    '11': '4rem',
+  },
+  typography: {
+    font: {
+      families: {
+        regular:
+          '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        mono: '"Inconsolata", Consolas, "SFMono Regular", monospace',
+        display:
+          '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+      },
+      weights: {
+        '1': '400',
+        '2': '500',
+        '3': '600',
+        '4': '700',
+      },
+      sizes: {
+        '0': '0.625rem',
+        '1': '0.75rem',
+        '2': '0.875rem',
+        '3': '1rem',
+        '4': '1.125rem',
+        '5': '1.25rem',
+        '6': '2rem',
+        base: '16px',
+      },
+      'line-height': {
+        '1': 1.5,
+        '2': 1.6,
+        '3': 1.7,
+        '4': 1.3,
+      },
+    },
+    styles: {
+      product: {
+        titles: {
+          xs: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          '2xl':
+            '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+        text: {
+          normal: {
+            xs: '400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          medium: {
+            xs: '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          semibold: {
+            xs: '600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+          mono: {
+            xs: '500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            sm: '500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            md: '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
+            lg: '500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
+          },
+          bold: {
+            xs: '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            sm: '700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            md: '700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+            lg: '700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          },
+        },
+      },
+      brand: {
+        titles: {
+          xs: '600 20px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          sm: '600 24px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+          '2xl':
+            '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+        },
+      },
+      field: {
+        md: '400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
+      },
+    },
+  },
+  border: {
+    radii: {
+      '0': '0',
+      '1': '0.25rem',
+      '2': '0.5rem',
+      '3': '0.75rem',
+      full: '9999px',
+    },
+    width: {
+      '1': '1px',
+      '2': '2px',
+    },
+  },
+  spaces: {
+    '0': '0',
+    '1': '0.25rem',
+    '2': '0.5rem',
+    '3': '0.75rem',
+    '4': '1rem',
+    '5': '1.5rem',
+    '6': '2rem',
+    '7': '2.5rem',
+    '8': '4rem',
+  },
+  shadow: {
+    '1': '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
+    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
+  },
+  breakpoint: {
+    sizes: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      '2xl': '1536px',
+    },
+  },
+  global: {
+    color: {
+      gradients: {
+        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
+        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
+      },
+      background: {
+        default: '#ffffff',
+        muted: '#f6f7fa',
+        sidebar: '#ffffff',
+        split: '#f6f7fa',
+        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
+      },
+      stroke: {
+        default: '#e6e7e9',
+        muted: '#e6e7e9',
+        intense: '#b3b6bd',
+        split: '#e6e7e9',
+      },
+      accent: {
+        default: '#151515',
+      },
+      text: {
+        default: '#161517',
+        muted: '#696e79',
+        disabled: '#a0a0a0',
+        link: {
+          default: '#437eef',
+          hover: '#104ec6',
+        },
+      },
+      outline: {
+        default: '#437eef',
+      },
+      shadow: {
+        default: 'lch(6.7738 0 none / 0.15)',
+      },
+      feedback: {
+        info: {
+          background: '#e7effd',
+          foreground: '#437eef',
+        },
+        success: {
+          background: '#e5ffe8',
+          foreground: '#008a0b',
+        },
+        warning: {
+          background: '#ffe2d1',
+          foreground: '#a33c00',
+        },
+        danger: {
+          background: '#ffdddd',
+          foreground: '#c10000',
+        },
+        neutral: {
+          background: '#f6f7fa',
+          foreground: '#53575f',
+          stroke: '#e6e7e9',
+        },
+      },
+      chart: {
+        default: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#00e513',
+          fuchsia: '#fb32c9',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          danger: '#ff2323',
+          teal: '#089b83',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        bars: {
+          blue: '#437eef',
+          orange: '#ff7729',
+          green: '#00e513',
+          fuchsia: '#fb32c9',
+          yellow: '#eef400',
+          violet: '#bb33ff',
+          babyblue: '#00cbeb',
+          red: '#ff2323',
+          teal: '#089b83',
+          sunrise: '#ffc300',
+          slate: '#9a9ea7',
+        },
+        label: {
+          default: '#161517',
+          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
+        },
+      },
+      iconButton: {
+        badge: {
+          foreground: '#437eef',
+          background: '#e7effd',
+        },
+      },
+      icon: {
+        background: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
+      },
+    },
+  },
+  name: 'light',
+};
+
+export default theme;

From 79f4fc2640027f2db3158ae3284e299e3e9828d4 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:22:30 +0100
Subject: [PATCH 02/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Copy=20utility=20?=
 =?UTF-8?q?files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/utils/dom.ts    | 50 +++++++++++++++++++
 .../legacy/utils/localStorage.ts              |  6 +++
 2 files changed, 56 insertions(+)
 create mode 100644 packages/design-tokens/legacy/utils/dom.ts
 create mode 100644 packages/design-tokens/legacy/utils/localStorage.ts

diff --git a/packages/design-tokens/legacy/utils/dom.ts b/packages/design-tokens/legacy/utils/dom.ts
new file mode 100644
index 000000000..12b5dee85
--- /dev/null
+++ b/packages/design-tokens/legacy/utils/dom.ts
@@ -0,0 +1,50 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+import { ThemeName } from '../theme/theme.types';
+import { CUI_THEME_STORAGE_KEY } from './localStorage';
+
+export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
+
+const getDOMElement = (selector: string) => {
+  const el = document.querySelector(selector) as HTMLElement | null;
+
+  if (!el) {
+    console.warn(`Missing DOM element <${selector}>!`);
+    return null;
+  }
+
+  return el;
+};
+
+export const getRootElement = () => {
+  const el = getDOMElement('html');
+
+  if (!el) {
+    return;
+  }
+
+  return el;
+};
+
+export const setRootThemeAttribute = (theme: ThemeName) => {
+  const el = getRootElement();
+
+  if (!el) {
+    return;
+  }
+
+  el.setAttribute(THEME_ATTRIBUTE, theme);
+};
+
+export const removeRootThemeAttribute = () => {
+  const el = getDOMElement('html');
+
+  if (!el) {
+    return;
+  }
+
+  el.removeAttribute(THEME_ATTRIBUTE);
+};
diff --git a/packages/design-tokens/legacy/utils/localStorage.ts b/packages/design-tokens/legacy/utils/localStorage.ts
new file mode 100644
index 000000000..997ca3a9d
--- /dev/null
+++ b/packages/design-tokens/legacy/utils/localStorage.ts
@@ -0,0 +1,6 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+export const CUI_THEME_STORAGE_KEY = 'cui-theme';

From 0c6982f813bb007cb9c1d1ab9ddac334fe68c46c Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:23:51 +0100
Subject: [PATCH 03/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Copy=20hook=20fil?=
 =?UTF-8?q?es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design-tokens/legacy/hooks/useCUITheme.ts | 22 ++++++
 .../legacy/hooks/useInitialTheme.ts           | 70 +++++++++++++++++++
 2 files changed, 92 insertions(+)
 create mode 100644 packages/design-tokens/legacy/hooks/useCUITheme.ts
 create mode 100644 packages/design-tokens/legacy/hooks/useInitialTheme.ts

diff --git a/packages/design-tokens/legacy/hooks/useCUITheme.ts b/packages/design-tokens/legacy/hooks/useCUITheme.ts
new file mode 100644
index 000000000..aa562b12e
--- /dev/null
+++ b/packages/design-tokens/legacy/hooks/useCUITheme.ts
@@ -0,0 +1,22 @@
+'use client';
+
+/**
+ * @deprecated This hook is deprecated and will be removed in a future version.
+ * Use CSS variables for theming instead (e.g., `var(--cui-color-background-default)`).
+ * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
+ */
+
+import { useTheme } from 'styled-components';
+import type { Theme } from '../theme/theme.types';
+
+export type CUIThemeType = Pick<Theme, 'breakpoint' | 'global' | 'name' | 'sizes'>;
+
+export const useCUITheme = (): CUIThemeType => {
+  const theme = useTheme();
+  return {
+    breakpoint: theme.breakpoint,
+    global: theme.global,
+    name: theme.name,
+    sizes: theme.sizes,
+  };
+};
diff --git a/packages/design-tokens/legacy/hooks/useInitialTheme.ts b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
new file mode 100644
index 000000000..b0a4d0c0a
--- /dev/null
+++ b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
@@ -0,0 +1,70 @@
+'use client';
+
+/**
+ * @deprecated This hook is deprecated and will be removed in a future version.
+ * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
+ */
+
+import { useState, useEffect } from 'react';
+import { THEMES } from '../theme/theme.core';
+import type { ThemeName } from '../theme/theme.types';
+import { CUI_THEME_STORAGE_KEY } from '../utils/localStorage';
+import { THEME_ATTRIBUTE, getRootElement } from '../utils/dom';
+
+export interface UseThemeParams {
+  defaultTheme?: ThemeName;
+  storageKey?: string;
+  attribute?: string;
+}
+
+export const useInitialTheme = ({
+  defaultTheme = 'light',
+  storageKey = CUI_THEME_STORAGE_KEY,
+  attribute = THEME_ATTRIBUTE,
+}: UseThemeParams = {}) => {
+  // WARNING: This is intentional due to SSR state
+  const [theme, setTheme] = useState<ThemeName | null>(() => {
+    if (typeof document !== 'undefined') {
+      const el = getRootElement();
+
+      if (!el) {
+        console.warn('Failed to get root html');
+        return null;
+      }
+
+      const attr = el.getAttribute(attribute);
+
+      if (attr === THEMES.Light || attr === THEMES.Dark) {
+        return attr;
+      }
+    }
+
+    return defaultTheme;
+  });
+
+  // TODO: Remove mounted once migrated from styled-components
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(storageKey);
+
+      if (
+        stored &&
+        (stored === THEMES.Light || stored === THEMES.Dark) &&
+        stored !== theme
+      ) {
+        setTheme(stored);
+      }
+    } catch {
+      console.warn('localStorage not available');
+    }
+
+    setMounted(true);
+  }, [storageKey, attribute, theme]);
+
+  return {
+    theme,
+    mounted,
+  };
+};

From c3a4cf46c90c289025aa2a5aade26ba4eecd664d Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:24:57 +0100
Subject: [PATCH 04/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Create=20index=20?=
 =?UTF-8?q?files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/index.ts |  9 ++++++
 packages/design-tokens/legacy/index.ts       | 29 ++++++++++++++++++++
 packages/design-tokens/legacy/theme/index.ts | 15 ++++++++++
 packages/design-tokens/legacy/utils/index.ts | 12 ++++++++
 4 files changed, 65 insertions(+)
 create mode 100644 packages/design-tokens/legacy/hooks/index.ts
 create mode 100644 packages/design-tokens/legacy/index.ts
 create mode 100644 packages/design-tokens/legacy/theme/index.ts
 create mode 100644 packages/design-tokens/legacy/utils/index.ts

diff --git a/packages/design-tokens/legacy/hooks/index.ts b/packages/design-tokens/legacy/hooks/index.ts
new file mode 100644
index 000000000..aef200f34
--- /dev/null
+++ b/packages/design-tokens/legacy/hooks/index.ts
@@ -0,0 +1,9 @@
+/**
+ * @deprecated These hooks are deprecated. Use CSS variables for theming instead.
+ * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
+ */
+
+export { useCUITheme } from './useCUITheme';
+export type { CUIThemeType } from './useCUITheme';
+export { useInitialTheme } from './useInitialTheme';
+export type { UseThemeParams } from './useInitialTheme';
diff --git a/packages/design-tokens/legacy/index.ts b/packages/design-tokens/legacy/index.ts
new file mode 100644
index 000000000..77ae4549e
--- /dev/null
+++ b/packages/design-tokens/legacy/index.ts
@@ -0,0 +1,29 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ */
+
+// Theme exports
+export { THEMES, themes } from './theme/theme.core';
+export type { ThemeName, Theme } from './theme/theme.types';
+export {
+  isValidThemeName,
+  getFallbackThemeName,
+  getDefaultThemeName,
+  getAvailableThemeNames,
+} from './theme/theme.utils';
+export { InitCUIThemeScript } from './theme/InitCUIThemeScript';
+export type { InitCUIThemeScriptProps } from './theme/InitCUIThemeScript';
+
+// Hooks exports
+export { useCUITheme, useInitialTheme } from './hooks';
+export type { CUIThemeType, UseThemeParams } from './hooks';
+
+// Utils exports
+export { CUI_THEME_STORAGE_KEY } from './utils/localStorage';
+export {
+  THEME_ATTRIBUTE,
+  getRootElement,
+  setRootThemeAttribute,
+  removeRootThemeAttribute,
+} from './utils/dom';
diff --git a/packages/design-tokens/legacy/theme/index.ts b/packages/design-tokens/legacy/theme/index.ts
new file mode 100644
index 000000000..3695e237b
--- /dev/null
+++ b/packages/design-tokens/legacy/theme/index.ts
@@ -0,0 +1,15 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy/theme' only for backward compatibility.
+ */
+
+export { THEMES, themes } from './theme.core';
+export type { ThemeName, Theme } from './theme.types';
+export {
+  isValidThemeName,
+  getFallbackThemeName,
+  getDefaultThemeName,
+  getAvailableThemeNames,
+} from './theme.utils';
+export { InitCUIThemeScript } from './InitCUIThemeScript';
+export type { InitCUIThemeScriptProps } from './InitCUIThemeScript';
diff --git a/packages/design-tokens/legacy/utils/index.ts b/packages/design-tokens/legacy/utils/index.ts
new file mode 100644
index 000000000..3c8b37f57
--- /dev/null
+++ b/packages/design-tokens/legacy/utils/index.ts
@@ -0,0 +1,12 @@
+/**
+ * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
+ * Import from '@clickhouse/design-tokens/legacy/utils' only for backward compatibility.
+ */
+
+export { CUI_THEME_STORAGE_KEY } from './localStorage';
+export {
+  THEME_ATTRIBUTE,
+  getRootElement,
+  setRootThemeAttribute,
+  removeRootThemeAttribute,
+} from './dom';

From 4688dcb8366ab7096546393a7fb17ada2ca56c46 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:26:05 +0100
Subject: [PATCH 05/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Update=20package?=
 =?UTF-8?q?=20configuration,=20e.g.=20legacy=20config,=20package.json,=20e?=
 =?UTF-8?q?tc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json         | 36 +++++++++++++++++++--
 packages/design-tokens/tsconfig.json        |  2 +-
 packages/design-tokens/tsconfig.legacy.json | 20 ++++++++++++
 3 files changed, 55 insertions(+), 3 deletions(-)
 create mode 100644 packages/design-tokens/tsconfig.legacy.json

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 4fd337063..b29b6f1a7 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -16,7 +16,8 @@
   "type": "module",
   "license": "Apache-2.0",
   "files": [
-    "dist"
+    "dist",
+    "legacy"
   ],
   "publishConfig": {
     "access": "public"
@@ -24,12 +25,39 @@
   "exports": {
     ".": {
       "default": "./dist/tokens.css"
+    },
+    "./legacy": {
+      "types": "./dist/legacy/index.d.ts",
+      "import": "./dist/legacy/index.js"
+    },
+    "./legacy/hooks": {
+      "types": "./dist/legacy/hooks/index.d.ts",
+      "import": "./dist/legacy/hooks/index.js"
+    },
+    "./legacy/theme": {
+      "types": "./dist/legacy/theme/index.d.ts",
+      "import": "./dist/legacy/theme/index.js"
+    },
+    "./legacy/utils": {
+      "types": "./dist/legacy/utils/index.d.ts",
+      "import": "./dist/legacy/utils/index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "styled-components": "^5.0.0 || ^6.0.0"
+  },
+  "peerDependenciesMeta": {
+    "styled-components": {
+      "optional": false
     }
   },
   "scripts": {
-    "build": "yarn tokens:build",
+    "build": "yarn tokens:build && yarn legacy:build",
     "format": "prettier --check .",
     "format:fix": "prettier --write .",
+    "legacy:build": "tsc -p tsconfig.legacy.json",
     "tokens:build": ".scripts/bash/tokens-build",
     "tokens:build:watch": ".scripts/bash/tokens-build watch",
     "lint": "tz lint",
@@ -39,8 +67,12 @@
   "devDependencies": {
     "@terrazzo/cli": "^2.0.0",
     "@terrazzo/plugin-css": "^2.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/styled-components": "^5.0.0",
     "chokidar-cli": "^3.0.0",
     "prettier": "^3.0.0",
+    "styled-components": "^6.0.0",
     "typescript": "^5.0.0"
   }
 }
diff --git a/packages/design-tokens/tsconfig.json b/packages/design-tokens/tsconfig.json
index 67c0ada62..4d7610556 100644
--- a/packages/design-tokens/tsconfig.json
+++ b/packages/design-tokens/tsconfig.json
@@ -13,6 +13,6 @@
     "isolatedModules": true,
     "noEmit": true
   },
-  "include": ["*.ts"],
+  "include": ["*.ts", "legacy/**/*.ts"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/design-tokens/tsconfig.legacy.json b/packages/design-tokens/tsconfig.legacy.json
new file mode 100644
index 000000000..2fb76c061
--- /dev/null
+++ b/packages/design-tokens/tsconfig.legacy.json
@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist/legacy",
+    "rootDir": "./legacy",
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "target": "ES2020",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": false
+  },
+  "include": ["legacy/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

From 7ccd4b3302cc88002561e600ac43167515ae6bac Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:27:58 +0100
Subject: [PATCH 06/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20update=20lockfile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yarn.lock | 48 +++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index d69fb4a01..0774c9a6f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -658,9 +658,20 @@ __metadata:
   dependencies:
     "@terrazzo/cli": "npm:^2.0.0"
     "@terrazzo/plugin-css": "npm:^2.0.0"
+    "@types/react": "npm:^18.0.0"
+    "@types/react-dom": "npm:^18.0.0"
+    "@types/styled-components": "npm:^5.0.0"
     chokidar-cli: "npm:^3.0.0"
     prettier: "npm:^3.0.0"
+    styled-components: "npm:^6.0.0"
     typescript: "npm:^5.0.0"
+  peerDependencies:
+    react: ^18.0.0
+    react-dom: ^18.0.0
+    styled-components: ^5.0.0 || ^6.0.0
+  peerDependenciesMeta:
+    styled-components:
+      optional: false
   languageName: unknown
   linkType: soft
 
@@ -4223,6 +4234,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/hoist-non-react-statics@npm:*":
+  version: 3.3.7
+  resolution: "@types/hoist-non-react-statics@npm:3.3.7"
+  dependencies:
+    hoist-non-react-statics: "npm:^3.3.0"
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 10c0/ed8f4e88338f7d021d0f956adf6089d2a12b2e254a03c05292324f2e986d2376eb9efdb8a4f04596823e8fca88c9d06361d20dab4a2a00dc935fb36ac911de55
+  languageName: node
+  linkType: hard
+
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.15":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
@@ -4355,6 +4377,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/styled-components@npm:^5.0.0":
+  version: 5.1.36
+  resolution: "@types/styled-components@npm:5.1.36"
+  dependencies:
+    "@types/hoist-non-react-statics": "npm:*"
+    "@types/react": "npm:*"
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/bbbf65e22a852a5bc3e1839aa591372febe084e33b8d4f44712f790e0675df9f5a327c6c6a262bbf5fd08032afe2ac9b265de92c72efca0bfa5dea09d7127c28
+  languageName: node
+  linkType: hard
+
 "@types/stylis@npm:4.2.7":
   version: 4.2.7
   resolution: "@types/stylis@npm:4.2.7"
@@ -6055,7 +6088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:3.2.3, csstype@npm:^3.0.2":
+"csstype@npm:3.2.3, csstype@npm:^3.0.2, csstype@npm:^3.2.2":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -7883,6 +7916,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hoist-non-react-statics@npm:^3.3.0":
+  version: 3.3.2
+  resolution: "hoist-non-react-statics@npm:3.3.2"
+  dependencies:
+    react-is: "npm:^16.7.0"
+  checksum: 10c0/fe0889169e845d738b59b64badf5e55fa3cf20454f9203d1eb088df322d49d4318df774828e789898dcb280e8a5521bb59b3203385662ca5e9218a6ca5820e74
+  languageName: node
+  linkType: hard
+
 "homedir-polyfill@npm:^1.0.1":
   version: 1.0.3
   resolution: "homedir-polyfill@npm:1.0.3"
@@ -10288,7 +10330,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.13.1":
+"react-is@npm:^16.13.1, react-is@npm:^16.7.0":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
   checksum: 10c0/33977da7a5f1a287936a0c85639fec6ca74f4f15ef1e59a6bc20338fc73dc69555381e211f7a3529b8150a1f71e4225525b41b60b52965bda53ce7d47377ada1
@@ -11472,7 +11514,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"styled-components@npm:^6.1.11":
+"styled-components@npm:^6.0.0, styled-components@npm:^6.1.11":
   version: 6.3.12
   resolution: "styled-components@npm:6.3.12"
   dependencies:

From a99ac3d75e1afe1e31403f26c19595090337b2ca Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:40:11 +0100
Subject: [PATCH 07/48] =?UTF-8?q?docs:=20=F0=9F=93=9D=20tokens=20legacy=20?=
 =?UTF-8?q?support?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/LEGACY.md | 129 +++++++++++++++++++++++++++++++
 packages/design-tokens/README.md |   6 ++
 2 files changed, 135 insertions(+)
 create mode 100644 packages/design-tokens/LEGACY.md

diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
new file mode 100644
index 000000000..435a75113
--- /dev/null
+++ b/packages/design-tokens/LEGACY.md
@@ -0,0 +1,129 @@
+# Legacy Support (Deprecated)
+
+> [!WARNING]
+> These exports are **deprecated** and will be removed in a future major version.
+> They are provided only for backward compatibility while migrating consumer apps to CSS variables.
+
+## Quick Start
+
+The host app must have the peer dependency [Styled Components](https://www.npmjs.com/package/styled-components):
+
+```bash
+yarn add styled-components
+```
+
+## Usage
+
+Replace imports from `@clickhouse/click-ui` with explicit legacy paths.
+
+Before (from @clickhouse/click-ui - deprecated):
+
+```tsx
+import { useCUITheme } from '@clickhouse/click-ui';
+```
+
+After (explicit legacy import)
+  
+```tsx
+import { useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
+```
+
+## Import Paths
+
+| Import | Path | Exports |
+|--------|------|---------|
+| Everything | `/legacy` | Hooks, themes, utils, types |
+| Hooks only | `/legacy/hooks` | `useCUITheme`, `useInitialTheme` |
+| Theme only | `/legacy/theme` | `THEMES`, `themes`, `InitCUIThemeScript` |
+| Utils only | `/legacy/utils` | `CUI_THEME_STORAGE_KEY`, DOM helpers |
+
+### Main Entry (`/legacy`)
+
+```tsx
+import {
+  // Theme
+  THEMES,
+  themes,
+  InitCUIThemeScript,
+  // Hooks
+  useCUITheme,
+  useInitialTheme,
+  // Utils
+  CUI_THEME_STORAGE_KEY,
+  THEME_ATTRIBUTE,
+} from '@clickhouse/design-tokens/legacy';
+```
+
+### Hooks (`/legacy/hooks`)
+
+```tsx
+import { useCUITheme, useInitialTheme } from '@clickhouse/design-tokens/legacy/hooks';
+import type { CUIThemeType, UseThemeParams } from '@clickhouse/design-tokens/legacy/hooks';
+```
+
+### Theme (`/legacy/theme`)
+
+```tsx
+import {
+  THEMES,
+  themes,
+  InitCUIThemeScript,
+  isValidThemeName,
+} from '@clickhouse/design-tokens/legacy/theme';
+import type { ThemeName, Theme, InitCUIThemeScriptProps } from '@clickhouse/design-tokens/legacy/theme';
+```
+
+### Utils (`/legacy/utils`)
+
+```sx
+import {
+  CUI_THEME_STORAGE_KEY,
+  THEME_ATTRIBUTE,
+  getRootElement,
+} from '@clickhouse/design-tokens/legacy/utils';
+```
+
+## Migration Example
+
+**Before (legacy styled-components theme):**
+
+```tsx
+import { theme } from 'primitives';
+import { useCUITheme } from '@clickhouse/click-ui';
+
+function ThemeProvider({ children }) {
+  const cuiTheme = useCUITheme();
+  return (
+    <EmotionThemeProvider theme={{ ...theme.lightTheme, ...cuiTheme }}>
+      {children}
+    </EmotionThemeProvider>
+  );
+}
+```
+
+**After (CSS variables):**
+
+Example, no JS theme import using CSS variables directly in your styles:
+
+```tsx
+function Component() {
+  return (
+    <div style={{ color: 'var(--cui-color-foreground-default)' }}>
+      Content
+    </div>
+  );
+}
+```
+
+## CSS Variable Migration Guide
+
+Replace theme object access with CSS variables (for intent token role, consult the product design team):
+
+| Legacy (JS) | New (CSS) |
+|-------------|-----------|
+| `theme.global.color.text.default` | `var(--cui-color-foreground-default)` |
+| `theme.global.color.background.default` | `var(--cui-color-background-default)` |
+| `theme.sizes.100` | `var(--cui-space-100)` |
+| `theme.breakpoint` | Use media queries with `var(--cui-breakpoint-*)` |
+
+For complete CSS variable reference, see the main [README.md](./README.md).
diff --git a/packages/design-tokens/README.md b/packages/design-tokens/README.md
index 4eeb1e05d..b25bd89f6 100644
--- a/packages/design-tokens/README.md
+++ b/packages/design-tokens/README.md
@@ -131,6 +131,12 @@ For CSS-in-JS (e.g., styled-components):
 
 For complete details on naming conventions, metadata strategies, and implementation guidelines, see [SPECIFICATION.md](./SPECIFICATION.md).
 
+## Legacy Support
+
+> [!WARNING]
+> Legacy Styled-Component/Object/JavaScript/TypeScript theme exports are **deprecated** and will be removed in a future major version. Migrate to CSS variables when possible!
+> See [LEGACY.md](./LEGACY.md) for backward compatibility details.
+
 # References
 
 - [DTCG](https://www.designtokens.org)

From 6c040a7392ca24b12248507d766346d3170e2ef0 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 11:51:05 +0100
Subject: [PATCH 08/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20add=20changeset?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/design-tokens-legacy-support.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 .changeset/design-tokens-legacy-support.md

diff --git a/.changeset/design-tokens-legacy-support.md b/.changeset/design-tokens-legacy-support.md
new file mode 100644
index 000000000..38a1fde5e
--- /dev/null
+++ b/.changeset/design-tokens-legacy-support.md
@@ -0,0 +1,20 @@
+---
+"@clickhouse/design-tokens": minor
+---
+
+Add legacy backward compatibility exports for styled-components theme
+
+Provides deprecated TypeScript theme exports for gradual migration from `@clickhouse/click-ui`.
+
+**Usage:**
+
+```typescript
+// Before (deprecated in @clickhouse/click-ui)
+import { useCUITheme } from '@clickhouse/click-ui';
+
+// After (explicit legacy path)
+import { useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
+import { THEMES, InitCUIThemeScript } from '@clickhouse/design-tokens/legacy';
+```
+
+See [LEGACY.md](./packages/design-tokens/LEGACY.md) for migration guide.

From 96b4c2626cc6bd4319126a8c181c749e4c4ff3a7 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:08:02 +0100
Subject: [PATCH 09/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20prevent=20script?=
 =?UTF-8?q?=20injection=20via=20unsanitized=20props?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
index 14f5edaac..4c91ba951 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -30,7 +30,7 @@ export const InitCUIThemeScript = ({
       dangerouslySetInnerHTML={{
         __html: `(function() {
 try {
-  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
+  const theme = localStorage.getItem(${JSON.stringify(storageKey)}) || '${defaultTheme}';
   const dark = '${THEMES.Dark}';
   const light = '${THEMES.Light}';
   let colorScheme = '';
@@ -42,7 +42,7 @@ try {
     colorScheme = dark;
   }
   if (colorScheme) {
-    document.documentElement.setAttribute('${attribute}', colorScheme);
+    document.documentElement.setAttribute(${JSON.stringify(attribute)}, colorScheme);
   }
 } catch(e){}})();`,
       }}

From 37d56f7b7af5406ad008e64d783db3c7d9547461 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:32:53 +0100
Subject: [PATCH 10/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20updated=20theme?=
 =?UTF-8?q?=20and=20hooks=20exports=20to=20re-export=20from=20legacy,=20re?=
 =?UTF-8?q?-export=20theme=20hooks=20from=20design-tokens,=20update=20inte?=
 =?UTF-8?q?rnal=20imports,=20deleted=20local=20files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/package.json                |    1 +
 .../components/Assets/Flags/system/Flag.tsx   |    2 +-
 .../components/Assets/Flags/system/types.ts   |    2 +-
 .../components/Assets/Icons/system/Icon.tsx   |    2 +-
 .../components/Assets/Icons/system/types.ts   |    2 +-
 .../components/Assets/Logos/system/Logo.tsx   |    2 +-
 .../components/Assets/Logos/system/types.ts   |    2 +-
 .../Assets/Payments/system/Payment.tsx        |    2 +-
 .../Assets/Payments/system/types.ts           |    2 +-
 .../click-ui/src/components/Assets/types.ts   |    2 +-
 .../GenericMenu/GenericMenu.test.tsx          |    2 +-
 .../click-ui/src/components/Switch/Switch.tsx |    2 +-
 packages/click-ui/src/hooks/index.ts          |   22 +-
 packages/click-ui/src/hooks/useCUITheme.ts    |   16 -
 .../click-ui/src/hooks/useInitialTheme.ts     |   65 -
 packages/click-ui/src/index.ts                |   19 +-
 .../src/providers/ClickUIProvider.tsx         |    9 +-
 .../click-ui/src/providers/ThemeProvider.tsx  |   10 +-
 .../InitCUIThemeScript/InitCUIThemeScript.tsx |   48 -
 .../src/theme/InitCUIThemeScript/index.ts     |    2 -
 packages/click-ui/src/theme/theme.core.ts     |   19 -
 packages/click-ui/src/theme/theme.types.ts    |    9 -
 packages/click-ui/src/theme/theme.utils.ts    |   12 -
 packages/click-ui/src/theme/themes.ts         |    8 -
 .../src/theme/tokens/variables.dark.ts        | 4024 -----------------
 .../src/theme/tokens/variables.light.ts       | 4007 ----------------
 packages/click-ui/src/types/index.ts          |    2 +-
 packages/click-ui/src/utils/dom.ts            |    2 +-
 packages/click-ui/src/utils/test-utils.tsx    |    2 +-
 yarn.lock                                     |    3 +-
 30 files changed, 49 insertions(+), 8253 deletions(-)
 delete mode 100644 packages/click-ui/src/hooks/useCUITheme.ts
 delete mode 100644 packages/click-ui/src/hooks/useInitialTheme.ts
 delete mode 100644 packages/click-ui/src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
 delete mode 100644 packages/click-ui/src/theme/InitCUIThemeScript/index.ts
 delete mode 100644 packages/click-ui/src/theme/theme.core.ts
 delete mode 100644 packages/click-ui/src/theme/theme.types.ts
 delete mode 100644 packages/click-ui/src/theme/theme.utils.ts
 delete mode 100644 packages/click-ui/src/theme/themes.ts
 delete mode 100644 packages/click-ui/src/theme/tokens/variables.dark.ts
 delete mode 100644 packages/click-ui/src/theme/tokens/variables.light.ts

diff --git a/packages/click-ui/package.json b/packages/click-ui/package.json
index e97138595..3261fb4ea 100644
--- a/packages/click-ui/package.json
+++ b/packages/click-ui/package.json
@@ -392,6 +392,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@clickhouse/design-tokens": "workspace:^",
     "@h6s/calendar": "2.0.1",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-avatar": "1.1.1",
diff --git a/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx b/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx
index ed67b35c1..116542b64 100644
--- a/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx
+++ b/packages/click-ui/src/components/Assets/Flags/system/Flag.tsx
@@ -1,6 +1,6 @@
 import { SVGAttributes } from 'react';
 import { useTheme } from 'styled-components';
-import { getFallbackThemeName } from '@/theme/theme.utils';
+import { getFallbackThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { SvgImageElement } from '@/components/Icon/SvgImageElement';
 import { FlagName, FlagProps } from './types';
 import {
diff --git a/packages/click-ui/src/components/Assets/Flags/system/types.ts b/packages/click-ui/src/components/Assets/Flags/system/types.ts
index b876d8d0c..abd59cbdd 100644
--- a/packages/click-ui/src/components/Assets/Flags/system/types.ts
+++ b/packages/click-ui/src/components/Assets/Flags/system/types.ts
@@ -1,6 +1,6 @@
 import type { SVGAttributes } from 'react';
 import type { AssetSize } from '@/types';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type FlagName =
   | 'australia'
diff --git a/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx b/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx
index 3a5b8411d..8641f8906 100644
--- a/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx
+++ b/packages/click-ui/src/components/Assets/Icons/system/Icon.tsx
@@ -1,6 +1,6 @@
 import { SVGAttributes } from 'react';
 import { useTheme } from 'styled-components';
-import { getFallbackThemeName } from '@/theme/theme.utils';
+import { getFallbackThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { SvgImageElement } from '@/components/Icon/SvgImageElement';
 import { IconName, IconProps } from './types';
 import {
diff --git a/packages/click-ui/src/components/Assets/Icons/system/types.ts b/packages/click-ui/src/components/Assets/Icons/system/types.ts
index a41659710..db0493411 100644
--- a/packages/click-ui/src/components/Assets/Icons/system/types.ts
+++ b/packages/click-ui/src/components/Assets/Icons/system/types.ts
@@ -1,6 +1,6 @@
 import type { SVGAttributes } from 'react';
 import type { AssetSize } from '@/types';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type IconName =
   | 'activity'
diff --git a/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx b/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx
index 851a312bf..969995d79 100644
--- a/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx
+++ b/packages/click-ui/src/components/Assets/Logos/system/Logo.tsx
@@ -1,6 +1,6 @@
 import { SVGAttributes } from 'react';
 import { useTheme } from 'styled-components';
-import { getFallbackThemeName } from '@/theme/theme.utils';
+import { getFallbackThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { SvgImageElement } from '@/components/Icon/SvgImageElement';
 import { LogoName, LogoProps } from './types';
 import {
diff --git a/packages/click-ui/src/components/Assets/Logos/system/types.ts b/packages/click-ui/src/components/Assets/Logos/system/types.ts
index 2b79b78e3..3aa0b2b58 100644
--- a/packages/click-ui/src/components/Assets/Logos/system/types.ts
+++ b/packages/click-ui/src/components/Assets/Logos/system/types.ts
@@ -1,6 +1,6 @@
 import type { SVGAttributes } from 'react';
 import type { AssetSize } from '@/types';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type LogoName =
   | 'airbyte'
diff --git a/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx b/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx
index 6f11366be..84cacb01f 100644
--- a/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx
+++ b/packages/click-ui/src/components/Assets/Payments/system/Payment.tsx
@@ -1,6 +1,6 @@
 import { SVGAttributes } from 'react';
 import { useTheme } from 'styled-components';
-import { getFallbackThemeName } from '@/theme/theme.utils';
+import { getFallbackThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { SvgImageElement } from '@/components/Icon/SvgImageElement';
 import { PaymentName, PaymentProps } from './types';
 import {
diff --git a/packages/click-ui/src/components/Assets/Payments/system/types.ts b/packages/click-ui/src/components/Assets/Payments/system/types.ts
index 080a63b92..fbab5525e 100644
--- a/packages/click-ui/src/components/Assets/Payments/system/types.ts
+++ b/packages/click-ui/src/components/Assets/Payments/system/types.ts
@@ -1,6 +1,6 @@
 import type { SVGAttributes } from 'react';
 import type { AssetSize } from '@/types';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type PaymentName = 'amex' | 'mastercard' | 'paypal' | 'visa';
 
diff --git a/packages/click-ui/src/components/Assets/types.ts b/packages/click-ui/src/components/Assets/types.ts
index 6dc61c07c..42ae3fbf9 100644
--- a/packages/click-ui/src/components/Assets/types.ts
+++ b/packages/click-ui/src/components/Assets/types.ts
@@ -1,6 +1,6 @@
 import type { SVGAttributes } from 'react';
 import type { AssetSize } from '@/types';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type SVGAssetProps = SVGAttributes<SVGElement> & {
   theme?: ThemeName;
diff --git a/packages/click-ui/src/components/GenericMenu/GenericMenu.test.tsx b/packages/click-ui/src/components/GenericMenu/GenericMenu.test.tsx
index 86b7ea7bc..d005f365c 100644
--- a/packages/click-ui/src/components/GenericMenu/GenericMenu.test.tsx
+++ b/packages/click-ui/src/components/GenericMenu/GenericMenu.test.tsx
@@ -6,7 +6,7 @@ import {
   GenericPopoverMenuPanel,
   GenericMenuItem,
 } from './GenericMenu';
-import { themes } from '@/theme/theme.core';
+import { themes } from '@clickhouse/design-tokens/legacy/theme';
 
 const renderWithTheme = (component: React.ReactNode) => {
   return render(<ThemeProvider theme={themes.dark}>{component}</ThemeProvider>);
diff --git a/packages/click-ui/src/components/Switch/Switch.tsx b/packages/click-ui/src/components/Switch/Switch.tsx
index 01c2133a7..bdeb9e9b8 100644
--- a/packages/click-ui/src/components/Switch/Switch.tsx
+++ b/packages/click-ui/src/components/Switch/Switch.tsx
@@ -4,7 +4,7 @@ import { styled } from 'styled-components';
 import { FormRoot } from '@/components/FormContainer';
 import { GenericLabel } from '@/components/GenericLabel';
 import { SwitchProps } from './Switch.types';
-import type { Theme } from '@/theme/theme.types';
+import type { Theme } from '@clickhouse/design-tokens/legacy/theme';
 
 interface ThumbProps {
   $checked: boolean;
diff --git a/packages/click-ui/src/hooks/index.ts b/packages/click-ui/src/hooks/index.ts
index ecfd9ab25..308fce09d 100644
--- a/packages/click-ui/src/hooks/index.ts
+++ b/packages/click-ui/src/hooks/index.ts
@@ -1,15 +1,9 @@
 export { useToast } from './useToast';
-export { useInitialTheme } from './useInitialTheme';
-export type { UseThemeParams } from './useInitialTheme';
-
-/**
- * @deprecated This hook is deprecated and will be removed in a future version.
- * Use CSS variables for theming instead (e.g., `var(--click-global-color-text-default)`).
- * For theme name, use the `useInitialTheme` hook or access the theme context directly.
- */
-export { useCUITheme } from './useCUITheme';
-
-/**
- * @deprecated This type is deprecated and will be removed in a future version.
- */
-export type { CUIThemeType } from './useCUITheme';
+export {
+  useInitialTheme,
+  useCUITheme,
+} from '@clickhouse/design-tokens/legacy/hooks';
+export type {
+  UseThemeParams,
+  CUIThemeType,
+} from '@clickhouse/design-tokens/legacy/hooks';
diff --git a/packages/click-ui/src/hooks/useCUITheme.ts b/packages/click-ui/src/hooks/useCUITheme.ts
deleted file mode 100644
index e6a1c538f..000000000
--- a/packages/click-ui/src/hooks/useCUITheme.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client';
-
-import { useTheme } from 'styled-components';
-import type { Theme } from '@/theme/theme.types';
-
-export type CUIThemeType = Pick<Theme, 'breakpoint' | 'global' | 'name' | 'sizes'>;
-
-export const useCUITheme = (): CUIThemeType => {
-  const theme = useTheme();
-  return {
-    breakpoint: theme.breakpoint,
-    global: theme.global,
-    name: theme.name,
-    sizes: theme.sizes,
-  };
-};
diff --git a/packages/click-ui/src/hooks/useInitialTheme.ts b/packages/click-ui/src/hooks/useInitialTheme.ts
deleted file mode 100644
index a012c84ff..000000000
--- a/packages/click-ui/src/hooks/useInitialTheme.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-'use client';
-
-import { useState, useEffect } from 'react';
-import { THEMES } from '@/theme/theme.core';
-import type { ThemeName } from '@/theme/theme.types';
-import { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';
-import { THEME_ATTRIBUTE, getRootElement } from '@/utils/dom';
-
-export interface UseThemeParams {
-  defaultTheme?: ThemeName;
-  storageKey?: string;
-  attribute?: string;
-}
-
-export const useInitialTheme = ({
-  defaultTheme = 'light',
-  storageKey = CUI_THEME_STORAGE_KEY,
-  attribute = THEME_ATTRIBUTE,
-}: UseThemeParams = {}) => {
-  // WARNING: This is intentional due to SSR state
-  const [theme, setTheme] = useState<ThemeName | null>(() => {
-    if (typeof document !== 'undefined') {
-      const el = getRootElement();
-
-      if (!el) {
-        console.warn('Failed to get root html');
-        return null;
-      }
-
-      const attr = el.getAttribute(attribute);
-
-      if (attr === THEMES.Light || attr === THEMES.Dark) {
-        return attr;
-      }
-    }
-
-    return defaultTheme;
-  });
-
-  // TODO: Remove mounted once migrated from styled-components
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    try {
-      const stored = localStorage.getItem(storageKey);
-
-      if (
-        stored &&
-        (stored === THEMES.Light || stored === THEMES.Dark) &&
-        stored !== theme
-      ) {
-        setTheme(stored);
-      }
-    } catch {
-      console.warn('localStorage not available');
-    }
-
-    setMounted(true);
-  }, [storageKey, attribute, theme]);
-
-  return {
-    theme,
-    mounted,
-  };
-};
diff --git a/packages/click-ui/src/index.ts b/packages/click-ui/src/index.ts
index 9275bafe3..d0a80a685 100644
--- a/packages/click-ui/src/index.ts
+++ b/packages/click-ui/src/index.ts
@@ -264,8 +264,9 @@ export type { ToastProps } from './components/Toast';
 // Hooks
 // ================================================
 
-export { useInitialTheme, useToast, useCUITheme } from './hooks';
-export type { CUIThemeType, UseThemeParams } from './hooks';
+export { useToast } from './hooks';
+export { useInitialTheme, useCUITheme } from '@clickhouse/design-tokens/legacy';
+export type { CUIThemeType, UseThemeParams } from '@clickhouse/design-tokens/legacy';
 
 // Tooltip
 export { Tooltip } from './components/Tooltip/Tooltip';
@@ -298,16 +299,20 @@ export { ClickUIProvider, ThemeProvider } from './providers';
 // Theme
 // ================================================
 
-export { THEMES, themes } from './theme/theme.core';
-export type { ThemeName, Theme } from './theme/theme.types';
 export {
+  THEMES,
+  themes,
+  InitCUIThemeScript,
   isValidThemeName,
   getFallbackThemeName,
   getDefaultThemeName,
   getAvailableThemeNames,
-} from './theme/theme.utils';
-export { InitCUIThemeScript } from './theme/InitCUIThemeScript/InitCUIThemeScript';
-export type { InitCUIThemeScriptProps } from './theme/InitCUIThemeScript/InitCUIThemeScript';
+} from '@clickhouse/design-tokens/legacy';
+export type {
+  ThemeName,
+  Theme,
+  InitCUIThemeScriptProps,
+} from '@clickhouse/design-tokens/legacy';
 
 // ================================================
 // Global Types
diff --git a/packages/click-ui/src/providers/ClickUIProvider.tsx b/packages/click-ui/src/providers/ClickUIProvider.tsx
index b38605324..84924b2fa 100644
--- a/packages/click-ui/src/providers/ClickUIProvider.tsx
+++ b/packages/click-ui/src/providers/ClickUIProvider.tsx
@@ -3,13 +3,16 @@ import {
   TooltipProviderProps,
 } from '@radix-ui/react-tooltip';
 import { ToastProvider, ToastProviderProps } from '@/components/Toast/Toast';
-import { THEMES } from '@/theme/theme.core';
-import type { ThemeName } from '@/theme/theme.types';
+import {
+  THEMES,
+  isValidThemeName,
+  getFallbackThemeName,
+} from '@clickhouse/design-tokens/legacy/theme';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { ThemeProvider } from './ThemeProvider';
 import { ReactNode, useEffect } from 'react';
 import { setRootThemeAttribute, removeRootThemeAttribute } from '@/utils/dom';
 import { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';
-import { isValidThemeName, getFallbackThemeName } from '@/theme/theme.utils';
 
 interface Props {
   config?: {
diff --git a/packages/click-ui/src/providers/ThemeProvider.tsx b/packages/click-ui/src/providers/ThemeProvider.tsx
index a998d49e5..cbccc1119 100644
--- a/packages/click-ui/src/providers/ThemeProvider.tsx
+++ b/packages/click-ui/src/providers/ThemeProvider.tsx
@@ -2,10 +2,12 @@ import {
   ThemeProvider as StyledThemeProvider,
   createGlobalStyle,
 } from 'styled-components';
-import { THEMES } from '@/theme/theme.core';
-import type { ThemeName } from '@/theme/theme.types';
-import { themes } from '@/theme/theme.core';
-import { isValidThemeName } from '@/theme/theme.utils';
+import {
+  THEMES,
+  themes,
+  isValidThemeName,
+} from '@clickhouse/design-tokens/legacy/theme';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 const GlobalStyle = createGlobalStyle`
   body{
diff --git a/packages/click-ui/src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/click-ui/src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
deleted file mode 100644
index 6db22f807..000000000
--- a/packages/click-ui/src/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { THEME_ATTRIBUTE } from '@/utils/dom';
-import { CUI_THEME_STORAGE_KEY } from '@/utils/localStorage';
-import { THEMES } from '@/theme/theme.core';
-import type { ThemeName } from '@/theme/theme.types';
-
-export interface InitCUIThemeScriptProps {
-  defaultTheme?: ThemeName;
-  storageKey?: string;
-  attribute?: string;
-  nonce?: string;
-}
-
-// TODO: Provide support for system prefers-color-scheme
-
-export const InitCUIThemeScript = ({
-  defaultTheme = THEMES.Light,
-  storageKey = CUI_THEME_STORAGE_KEY,
-  attribute = THEME_ATTRIBUTE,
-  nonce,
-}: InitCUIThemeScriptProps) => {
-  return (
-    <script
-      suppressHydrationWarning
-      nonce={nonce}
-      dangerouslySetInnerHTML={{
-        __html: `(function() {
-try {
-  const theme = localStorage.getItem('${storageKey}') || '${defaultTheme}';
-  const dark = '${THEMES.Dark}';
-  const light = '${THEMES.Light}';
-  let colorScheme = '';
-
-  if (theme === '${THEMES.Light}') {
-    colorScheme = light;
-  }
-  if (theme === '${THEMES.Dark}') {
-    colorScheme = dark;
-  }
-  if (colorScheme) {
-    document.documentElement.setAttribute('${attribute}', colorScheme);
-  }
-} catch(e){}})();`,
-      }}
-    />
-  );
-};
-
-export default InitCUIThemeScript;
diff --git a/packages/click-ui/src/theme/InitCUIThemeScript/index.ts b/packages/click-ui/src/theme/InitCUIThemeScript/index.ts
deleted file mode 100644
index e27aefd3a..000000000
--- a/packages/click-ui/src/theme/InitCUIThemeScript/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { InitCUIThemeScript } from './InitCUIThemeScript';
-export type { InitCUIThemeScriptProps } from './InitCUIThemeScript';
diff --git a/packages/click-ui/src/theme/theme.core.ts b/packages/click-ui/src/theme/theme.core.ts
deleted file mode 100644
index 815c00df1..000000000
--- a/packages/click-ui/src/theme/theme.core.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import darkTheme from './tokens/variables.dark';
-import lightTheme from './tokens/variables.light';
-import type { Theme, ThemeName } from './theme.types';
-
-export const THEMES: Record<Capitalize<ThemeName>, ThemeName> = {
-  Dark: 'dark',
-  Light: 'light',
-};
-
-// Note: darkTheme and lightTheme have different
-// token values but compatible structures.
-// We use 'satisfies' to ensure type compatibility
-// without casting, allowing TypeScript
-// to infer the most precise type while still
-// checking against the Theme interface.
-export const themes = {
-  dark: darkTheme,
-  light: lightTheme,
-} satisfies Record<ThemeName, Theme>;
diff --git a/packages/click-ui/src/theme/theme.types.ts b/packages/click-ui/src/theme/theme.types.ts
deleted file mode 100644
index 90c1ef2de..000000000
--- a/packages/click-ui/src/theme/theme.types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import lightTheme from './tokens/variables.light';
-
-export type Theme = typeof lightTheme;
-
-export type ThemeName = 'dark' | 'light';
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends Theme {}
-}
diff --git a/packages/click-ui/src/theme/theme.utils.ts b/packages/click-ui/src/theme/theme.utils.ts
deleted file mode 100644
index 572dd6c50..000000000
--- a/packages/click-ui/src/theme/theme.utils.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { THEMES } from '@/theme/theme.core';
-import type { ThemeName } from '@/theme/theme.types';
-
-export const isValidThemeName = (theme: string | undefined): theme is ThemeName =>
-  theme !== undefined && ([THEMES.Dark, THEMES.Light] as Array<string>).includes(theme);
-
-export const getFallbackThemeName = (theme: string | undefined): ThemeName =>
-  isValidThemeName(theme) ? theme : THEMES.Light;
-
-export const getDefaultThemeName = (): ThemeName => THEMES.Light;
-
-export const getAvailableThemeNames = (): ThemeName[] => [THEMES.Dark, THEMES.Light];
diff --git a/packages/click-ui/src/theme/themes.ts b/packages/click-ui/src/theme/themes.ts
deleted file mode 100644
index 9df7b9006..000000000
--- a/packages/click-ui/src/theme/themes.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import darkTheme from './tokens/variables.dark';
-import lightTheme from './tokens/variables.light';
-import type { ThemeName, Theme } from './theme.types';
-
-export const themes: Record<ThemeName, Theme> = {
-  dark: darkTheme as unknown as Theme,
-  light: lightTheme as unknown as Theme,
-};
diff --git a/packages/click-ui/src/theme/tokens/variables.dark.ts b/packages/click-ui/src/theme/tokens/variables.dark.ts
deleted file mode 100644
index 5eeaaa6fd..000000000
--- a/packages/click-ui/src/theme/tokens/variables.dark.ts
+++ /dev/null
@@ -1,4024 +0,0 @@
-const theme = {
-  click: {
-    accordion: {
-      sm: {
-        icon: {
-          size: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      md: {
-        icon: {
-          size: {
-            height: '1.25rem',
-            width: '1.25rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      lg: {
-        icon: {
-          size: {
-            height: '1.5rem',
-            width: '1.5rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        default: {
-          label: {
-            default: '#ffffff',
-            hover: 'rgb(100% 100% 100%)',
-            active: '#ffffff',
-          },
-          icon: {
-            default: '#ffffff',
-            hover: 'rgb(100% 100% 100%)',
-            active: '#ffffff',
-          },
-        },
-        link: {
-          label: {
-            default: '#faff69',
-            hover: '#feffc2',
-            active: '#faff69',
-          },
-          icon: {
-            default: '#faff69',
-            hover: 'rgb(99.637% 100% 77.873%)',
-            active: '#faff69',
-          },
-        },
-      },
-    },
-    alert: {
-      medium: {
-        space: {
-          y: '0.75rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.5rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          text: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        icon: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      small: {
-        space: {
-          y: '0.5rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.25rem',
-        },
-        icon: {
-          height: '1rem',
-          width: '1rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          text: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      radii: {
-        center: '0',
-        end: '0.25rem',
-      },
-      color: {
-        background: {
-          default: '#1f1f1c',
-          success: 'rgb(20% 100% 26.667% / 0.2)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-        },
-        text: {
-          default: '#b3b6bd',
-          success: '#ccffd0',
-          neutral: '#c0c0c0',
-          danger: '#ffbaba',
-          warning: '#ffb88f',
-          info: '#d0dffb',
-        },
-        iconBackground: {
-          default: '#1f1f1c',
-          success: 'rgb(20% 100% 26.667% / 0)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0)',
-          danger: 'rgb(100% 13.725% 13.725% / 0)',
-          warning: 'rgb(100% 46.667% 16.078% / 0)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0)',
-        },
-        iconForeground: {
-          default: '#b3b6bd',
-          success: 'lch(95.558 28.893 143.93 / 0.75)',
-          neutral: 'lch(77.704 0 none / 0.75)',
-          danger: 'lch(82.069 27.695 22.026 / 0.75)',
-          warning: 'lch(80.892 39.042 53.918 / 0.75)',
-          info: 'lch(88.343 15.514 266.4 / 0.75)',
-        },
-      },
-    },
-    avatar: {
-      typography: {
-        label: {
-          sm: {
-            default:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          md: {
-            default:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      size: {
-        label: {
-          width: '1.5rem',
-        },
-        width: '1.5rem',
-        height: '1.5rem',
-      },
-      radii: {
-        all: '9999px',
-      },
-      color: {
-        background: {
-          default: '#808691',
-          hover: '#b3b6bd',
-          active: '#b3b6bd',
-        },
-        text: {
-          default: '#1f1f1c',
-          hover: '#1f1f1c',
-          active: '#1f1f1c',
-        },
-      },
-    },
-    badge: {
-      space: {
-        md: {
-          x: '0.75rem',
-          y: '0.125rem',
-          gap: '0.25rem',
-        },
-        sm: {
-          x: '0.5rem',
-          y: '0.1563rem',
-          gap: '0.125rem',
-        },
-      },
-      typography: {
-        label: {
-          md: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          sm: {
-            default:
-              '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      radii: {
-        all: '9999px',
-      },
-      stroke: '1px',
-      icon: {
-        md: {
-          size: {
-            height: '0.75rem',
-            width: '0.75rem',
-          },
-        },
-        sm: {
-          size: {
-            height: '0.625rem',
-            width: '0.625rem',
-          },
-        },
-      },
-      opaque: {
-        color: {
-          background: {
-            default: '#1f1f1c',
-            success: 'rgb(20% 100% 26.667% / 0.2)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-            disabled: '#414141',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.2)',
-          },
-          text: {
-            default: '#b3b6bd',
-            success: '#ccffd0',
-            neutral: '#c0c0c0',
-            danger: '#ffbaba',
-            disabled: '#808080',
-            info: '#d0dffb',
-            warning: '#ffb88f',
-          },
-          stroke: {
-            default: '#323232',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
-            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
-            disabled: 'rgb(24.216% 24.216% 24.216%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-          },
-        },
-      },
-      solid: {
-        color: {
-          background: {
-            default: '#c0c0c0',
-            success: '#99ffa1',
-            neutral: '#c0c0c0',
-            danger: '#ff9898',
-            disabled: '#414141',
-            info: '#a1bef7',
-            warning: '#ff9457',
-          },
-          text: {
-            default: '#1f1f1c',
-            success: '#1f1f1c',
-            neutral: '#1f1f1c',
-            danger: '#1f1f1c',
-            disabled: '#808080',
-            info: '#1f1f1c',
-            warning: '#1f1f1c',
-          },
-          stroke: {
-            default: 'rgb(19.608% 19.608% 19.608% / 0.1)',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
-            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
-            disabled: 'rgb(24.216% 24.216% 24.216%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-          },
-        },
-      },
-    },
-    bigStat: {
-      space: {
-        all: '1rem',
-        sm: {
-          gap: '0',
-        },
-        lg: {
-          gap: '0.5rem',
-        },
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        lg: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        sm: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        stroke: {
-          default: '#323232',
-          muted: '#323232',
-          danger: '#ffbaba',
-        },
-        background: {
-          default: '#1f1f1c',
-          muted: '#282828',
-        },
-        label: {
-          default: '#b3b6bd',
-          muted: '#b3b6bd',
-          danger: '#ffbaba',
-        },
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          muted: 'rgb(97.5% 97.5% 97.5%)',
-        },
-      },
-    },
-    button: {
-      radii: {
-        all: '0.25rem',
-      },
-      basic: {
-        space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-          group: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        size: {
-          icon: {
-            height: '0.9688rem',
-            all: '0.9688rem',
-            width: '0.9688rem',
-          },
-        },
-        color: {
-          primary: {
-            background: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(90.686% 92.5% 38.088%)',
-              disabled: '#414141',
-              loading:
-                'linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%)',
-            },
-            text: {
-              default: '#1f1f1c',
-              hover: '#1f1f1c',
-              active: '#1f1f1c',
-              disabled: '#808080',
-            },
-            stroke: {
-              default: '#faff69',
-              hover: '#faff69',
-              active: 'rgb(82.978% 84.638% 34.851%)',
-              disabled: '#414141',
-            },
-          },
-          secondary: {
-            background: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: 'rgb(19.902% 19.902% 19.902%)',
-              disabled: '#414141',
-              loading:
-                'linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%)',
-            },
-            stroke: {
-              default: '#414141',
-              hover: '#53575f',
-              active: 'rgb(22.882% 22.137% 23.627%)',
-              disabled: '#414141',
-            },
-            text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#808080',
-            },
-          },
-          danger: {
-            background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
-              disabled: '#414141',
-              loading:
-                'linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%)',
-            },
-            text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
-              disabled: '#808080',
-            },
-            stroke: {
-              default: 'rgb(100% 22.353% 22.353% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
-              active: 'rgb(100% 13.725% 13.725% / 0.05)',
-              disabled: '#414141',
-            },
-          },
-          empty: {
-            text: {
-              default: '#faff69',
-              hover: '#feffc2',
-              active: '#faff69',
-              disabled: '#a0a0a0',
-            },
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
-              loading:
-                'linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
-            },
-          },
-        },
-      },
-      iconButton: {
-        default: {
-          space: {
-            x: '0.4375rem',
-            y: '0.4375rem',
-          },
-        },
-        size: {
-          small: '0.75rem',
-          medium: '1rem',
-          large: '1.25rem',
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        sm: {
-          space: {
-            x: '0.25rem',
-            y: '0.25rem',
-          },
-        },
-        xs: {
-          space: {
-            x: '0',
-            y: '0',
-          },
-        },
-        color: {
-          primary: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgb(14.118% 14.118% 14.118%)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgb(14.118% 14.118% 14.118%)',
-            },
-            text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-            },
-          },
-          secondary: {
-            background: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(86.152% 87.875% 36.184%)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(86.152% 87.875% 36.184%)',
-            },
-            text: {
-              default: '#1f1f1c',
-              hover: '#1f1f1c',
-              active: '#1f1f1c',
-            },
-          },
-          disabled: {
-            background: {
-              default: '#414141',
-            },
-            text: {
-              default: '#808080',
-            },
-          },
-          danger: {
-            background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: '#ff9898',
-              active: '#c10000',
-            },
-            text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
-            },
-            stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
-            },
-          },
-          ghost: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgb(0% 0% 0% / 0)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-            },
-            text: {
-              default: '#b3b6bd',
-              hover: '#ffffff',
-              active: '#ffffff',
-            },
-          },
-          info: {
-            background: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-              hover: '#1d64ec',
-              active: '#437eef',
-            },
-            text: {
-              default: '#d0dffb',
-              hover: '#d0dffb',
-              active: '#d0dffb',
-            },
-            stroke: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-              hover: '#1d64ec',
-              active: '#437eef',
-            },
-          },
-        },
-      },
-      stroke: '1px',
-      split: {
-        icon: {
-          space: {
-            y: '0.4375rem',
-            x: '0.3438rem',
-          },
-        },
-        space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        primary: {
-          background: {
-            main: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(82.978% 84.638% 34.851%)',
-              disabled: 'rgb(23.324% 23.324% 23.324%)',
-            },
-            action: {
-              default: 'rgb(88.235% 90% 37.059%)',
-              hover: 'rgb(90.737% 92% 54.118%)',
-              active: 'rgb(73.021% 74.481% 30.669%)',
-              disabled: 'rgb(20.525% 20.525% 20.525%)',
-            },
-          },
-          text: {
-            default: '#1f1f1c',
-            hover: '#1f1f1c',
-            active: '#1f1f1c',
-            disabled: '#808080',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-          },
-          divide: {
-            default: 'rgb(85.784% 87.5% 36.029%)',
-            hover: 'rgb(86.299% 87.5% 51.471%)',
-            active: 'rgb(72.606% 74.058% 30.495%)',
-            disabled: 'rgb(21.341% 21.341% 21.341%)',
-          },
-        },
-        secondary: {
-          divide: {
-            default: '#414141',
-            hover: '#414141',
-            active: 'rgb(23.653% 22.916% 24.391%)',
-            disabled: '#414141',
-          },
-          background: {
-            main: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: 'rgb(19.902% 19.902% 19.902%)',
-              disabled: '#414141',
-            },
-            action: {
-              default: '#282828',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: 'rgb(20.703% 20.703% 20.703%)',
-              disabled: 'rgb(22.158% 22.158% 22.158%)',
-            },
-          },
-          text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-            disabled: '#808080',
-          },
-          stroke: {
-            default: '#414141',
-            hover: '#414141',
-            active: 'rgb(23.653% 22.916% 24.391%)',
-            disabled: 'rgba(0, 0, 0, 0)',
-          },
-        },
-      },
-      mobile: {
-        button: {
-          space: {
-            x: '0.75rem',
-            y: '0.5rem',
-            gap: '0.5rem',
-          },
-        },
-        basic: {
-          size: {
-            icon: {
-              all: '1.25rem',
-            },
-          },
-        },
-      },
-      group: {
-        radii: {
-          button: {
-            default: {
-              all: '2px',
-            },
-            borderless: {
-              all: '0.25rem',
-            },
-          },
-          panel: {
-            all: '0.25rem',
-          },
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        space: {
-          panel: {
-            default: {
-              x: '3px',
-              y: '3px',
-              gap: '3px',
-            },
-            borderless: {
-              x: '0',
-              y: '0',
-              gap: '0.25rem',
-            },
-          },
-          button: {
-            default: {
-              y: '1.5px',
-              x: '0.75rem',
-            },
-            borderless: {
-              y: '5.5px',
-              x: '1rem',
-            },
-          },
-        },
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: '#414141',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'lch(0 0 none / 0)',
-            panel: 'rgba(0, 0, 0, 0)',
-          },
-          text: {
-            default: '#c0c0c0',
-            hover: '#c0c0c0',
-            active: '#ffffff',
-            disabled: '#414141',
-            'disabled-active': '#808080',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'rgba(0, 0, 0, 0)',
-            panel: '#323232',
-          },
-          panel: {
-            stroke: {
-              default: '#323232',
-              borderless: 'rgba(0, 0, 0, 0)',
-            },
-          },
-        },
-      },
-      alignLeft: {
-        size: {
-          icon: {
-            all: '0.9688rem',
-          },
-        },
-        space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-      },
-      alignedLeft: {
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: 'rgb(15.373% 15.373% 15.373%)',
-          },
-          stroke: {
-            default: '#323232',
-            hover: '#53575f',
-            active: 'rgb(22.882% 22.137% 23.627%)',
-          },
-          text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-          },
-        },
-      },
-    },
-    card: {
-      secondary: {
-        space: {
-          all: '1rem',
-          gap: '1rem',
-          link: {
-            gap: '0.5rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        icon: {
-          size: {
-            all: '2rem',
-          },
-        },
-        stroke: '1px',
-        color: {
-          background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: 'rgb(14.902% 14.902% 14.902%)',
-            disabled: '#414141',
-          },
-          title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-            hover: 'rgb(97.5% 97.5% 97.5%)',
-            active: 'rgb(97.5% 97.5% 97.5%)',
-            disabled: '#808080',
-          },
-          description: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#808080',
-          },
-          link: {
-            default: '#ffffff',
-            hover: '#faff69',
-            active: '#ffffff',
-            disabled: '#808080',
-          },
-          stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: 'rgb(18.627% 18.627% 18.627%)',
-            disabled: '#414141',
-          },
-        },
-      },
-      typography: {
-        title: {
-          default:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        link: {
-          default:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      primary: {
-        size: {
-          icon: {
-            sm: {
-              all: '2rem',
-            },
-            md: {
-              all: '4rem',
-            },
-          },
-        },
-        space: {
-          md: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.75rem',
-          },
-          sm: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.25rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        stroke: '1px',
-        color: {
-          background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: 'rgb(14.902% 14.902% 14.902%)',
-            disabled: '#414141',
-          },
-          title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-            hover: 'rgb(97.5% 97.5% 97.5%)',
-            active: 'rgb(97.5% 97.5% 97.5%)',
-            disabled: '#808080',
-          },
-          description: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#808080',
-          },
-          stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: '#faff69',
-            disabled: '#414141',
-          },
-        },
-      },
-      shadow:
-        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-      horizontal: {
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        icon: {
-          size: {
-            all: '1.5rem',
-          },
-        },
-        space: {
-          md: {
-            y: '0.75rem',
-            x: '1rem',
-            gap: '1rem',
-          },
-          sm: {
-            y: '0.5rem',
-            x: '0.75rem',
-            gap: '0.75rem',
-          },
-        },
-        default: {
-          color: {
-            background: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: '#282828',
-              disabled: '#414141',
-            },
-            title: {
-              default: 'rgb(97.5% 97.5% 97.5%)',
-              hover: 'rgb(97.5% 97.5% 97.5%)',
-              active: 'rgb(97.5% 97.5% 97.5%)',
-              disabled: '#808080',
-            },
-            description: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-              disabled: '#808080',
-            },
-            stroke: {
-              default: '#323232',
-              hover: '#323232',
-              active: '#faff69',
-              disabled: '#414141',
-            },
-          },
-        },
-        muted: {
-          color: {
-            background: {
-              default: '#282828',
-              hover: '#1f1f1c',
-              active: '#282828',
-              disabled: '#414141',
-            },
-            title: {
-              default: 'rgb(97.5% 97.5% 97.5%)',
-              hover: 'rgb(97.5% 97.5% 97.5%)',
-              active: 'rgb(97.5% 97.5% 97.5%)',
-              disabled: '#808080',
-            },
-            description: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-              disabled: '#808080',
-            },
-            stroke: {
-              default: '#323232',
-              hover: '#323232',
-              active: '#faff69',
-              disabled: '#414141',
-            },
-          },
-        },
-      },
-      promotion: {
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          text: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        space: {
-          y: '5.5px',
-          x: '0.75rem',
-          gap: '0.75rem',
-        },
-        icon: {
-          size: {
-            all: '1rem',
-          },
-        },
-        color: {
-          text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-          },
-          icon: {
-            default: '#faff69',
-            hover: '#faff69',
-            active: '#faff69',
-          },
-          background: {
-            default: 'rgb(15.686% 15.686% 15.686% / 0.9)',
-            hover: 'rgb(17.794% 17.794% 17.794% / 0.9)',
-            active: 'rgb(19.849% 19.849% 19.849% / 0.9)',
-          },
-          stroke: {
-            default: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            hover: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            active: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            focus: '#faff69',
-          },
-        },
-      },
-    },
-    checkbox: {
-      radii: {
-        all: '0.125rem',
-      },
-      space: {
-        all: '1px',
-        gap: '0.5rem',
-      },
-      size: {
-        all: '1rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        variations: {
-          default: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#faff69',
-              disabled: '#414141',
-            },
-            stroke: {
-              default: '#414141',
-              hover: '#414141',
-              active: '#faff69',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#151515',
-              disabled: '#808080',
-            },
-            label: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#606060',
-            },
-          },
-          var1: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#33ff44',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#00bd10',
-              hover: '#66ff73',
-              active: '#66ff73',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var2: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#437eef',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#6d9bf3',
-              hover: '#a1bef7',
-              active: '#a1bef7',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var3: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#fb64d6',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#fb64d6',
-              hover: '#fb64d6',
-              active: '#fb64d6',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var4: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#ff7729',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#faff69',
-              hover: '#fdffa3',
-              active: '#fdffa3',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var5: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#6df8e1',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#6df8e1',
-              hover: '#a3faec',
-              active: '#a3faec',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var6: {
-            background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#bb33ff',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
-            },
-            stroke: {
-              default: '#cc66ff',
-              hover: '#cc66ff',
-              active: '#cc66ff',
-              disabled: '#606060',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-        },
-        background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#faff69',
-          disabled: '#414141',
-        },
-        stroke: {
-          default: '#414141',
-          hover: '#414141',
-          active: '#faff69',
-          disabled: '#606060',
-        },
-        check: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#151515',
-          disabled: '#808080',
-        },
-        label: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#606060',
-        },
-      },
-    },
-    codeblock: {
-      space: {
-        x: '1rem',
-        y: '1rem',
-        gap: '1.5rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        text: {
-          default:
-            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      numbers: {
-        size: {
-          width: '1.5rem',
-        },
-      },
-      darkMode: {
-        color: {
-          background: {
-            default: '#282828',
-          },
-          text: {
-            default: '#ffffff',
-          },
-          numbers: {
-            default: '#c0c0c0',
-          },
-          button: {
-            background: {
-              default: '#282828',
-              hover: '#53575f',
-            },
-            foreground: {
-              default: '#ffffff',
-            },
-          },
-          stroke: {
-            default: '#282828',
-          },
-        },
-      },
-      lightMode: {
-        color: {
-          background: {
-            default: '#f6f7fa',
-          },
-          text: {
-            default: '#282828',
-          },
-          numbers: {
-            default: '#808080',
-          },
-          button: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#53575f',
-            },
-            foreground: {
-              default: '#a0a0a0',
-            },
-          },
-          stroke: {
-            default: '#282828',
-          },
-        },
-      },
-      monacoTheme: {
-        parameter: {
-          foreground: '#c0c0c0',
-          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-        },
-      },
-    },
-    codeInline: {
-      space: {
-        x: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        text: {
-          default:
-            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      color: {
-        background: {
-          default: '#282828',
-        },
-        text: {
-          default: '#ffffff',
-        },
-        stroke: {
-          default: '#323232',
-        },
-      },
-    },
-    container: {
-      space: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-      },
-      gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-      },
-    },
-    datePicker: {
-      dateOption: {
-        space: {
-          gap: '2px',
-        },
-        radii: {
-          default: '0.25rem',
-          range: '0',
-        },
-        stroke: '1px',
-        size: {
-          height: '2rem',
-          width: '2rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            range:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        color: {
-          label: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#1f1f1c',
-            disabled: '#a0a0a0',
-            range: '#ffffff',
-          },
-          background: {
-            default: '#1f1f1c',
-            hover: '#1f1f1c',
-            active: '#faff69',
-            disabled: '#1f1f1c',
-            range: '#323232',
-          },
-          stroke: {
-            default: '#1f1f1c',
-            hover: '#faff69',
-            active: '#faff69',
-            disabled: '#1f1f1c',
-            range: '#323232',
-          },
-        },
-      },
-      space: {
-        gap: '0.25rem',
-      },
-      typography: {
-        daytitle: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        title: {
-          default:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-        },
-        daytitle: {
-          default: '#b3b6bd',
-        },
-      },
-    },
-    dialog: {
-      space: {
-        y: '1.5rem',
-        x: '2rem',
-        gap: '1rem',
-      },
-      title: {
-        space: {
-          gap: '0.25rem',
-        },
-      },
-      radii: {
-        all: '0.5rem',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-      },
-      stroke: {
-        default: '1px solid #323232',
-      },
-      typography: {
-        title: {
-          default:
-            '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: '#1f1f1c',
-        },
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-        },
-        description: {
-          default: '#b3b6bd',
-        },
-        opaqueBackground: {
-          default: 'lch(40.731 0 none / 0.75)',
-        },
-      },
-    },
-    docs: {
-      typography: {
-        titles: {
-          lg: '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        text: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        breadcrumbs: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        toc: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          item: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-    },
-    field: {
-      typography: {
-        label: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        fieldText: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        placeholder: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        format: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        genericLabel: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      type: {
-        mobile: {
-          label:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          'field-value':
-            '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      space: {
-        x: '0.75rem',
-        y: '0.2813rem',
-        gap: '0.5rem',
-      },
-      size: {
-        icon: '1rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      mobile: {
-        space: {
-          x: '0.75rem',
-          y: '0.5rem',
-          gap: '0.5rem',
-        },
-      },
-      color: {
-        background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(19.849% 19.849% 19.849%)',
-          active: 'rgb(19.849% 19.849% 19.849%)',
-          disabled: '#414141',
-          error: 'rgb(19.849% 19.849% 19.849%)',
-        },
-        text: {
-          default: '#e6e7e9',
-          hover: '#e6e7e9',
-          active: '#ffffff',
-          disabled: '#808080',
-          error: '#ffbaba',
-        },
-        stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(27.446% 27.446% 27.446%)',
-          active: '#faff69',
-          disabled: '#414141',
-          error: '#ffbaba',
-        },
-        label: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#ffffff',
-          disabled: '#606060',
-          error: '#ffbaba',
-        },
-        format: {
-          default: 'rgb(60.157% 60.157% 60.157%)',
-          hover: 'rgb(60.157% 60.157% 60.157%)',
-          active: 'rgb(60.157% 60.157% 60.157%)',
-          disabled: '#808080',
-          error: 'rgb(60.157% 60.157% 60.157%)',
-        },
-        genericLabel: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
-        },
-        placeholder: {
-          default: '#808080',
-          disabled: '#606060',
-        },
-      },
-    },
-    fileUpload: {
-      sm: {
-        icon: {
-          size: {
-            height: '1.5rem',
-            width: '1.5rem',
-          },
-        },
-        space: {
-          gap: '0.75rem',
-          x: '1rem',
-          y: '0.5rem',
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        color: {
-          icon: {
-            default: '#b3b6bd',
-          },
-        },
-      },
-      md: {
-        icon: {
-          size: {
-            height: '2rem',
-            width: '2rem',
-          },
-        },
-        space: {
-          gap: '0.5rem',
-          x: '1rem',
-          y: '0.75rem',
-        },
-        radii: {
-          all: '0.5rem',
-        },
-        color: {
-          icon: {
-            default: '#ffffff',
-          },
-        },
-      },
-      typography: {
-        title: {
-          default:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      hasFile: {
-        space: {
-          gap: '0.75rem',
-        },
-        header: {
-          space: {
-            gap: '0.5rem',
-          },
-        },
-      },
-      transitions: {
-        all: 'all 100ms ease-in 0ms',
-      },
-      color: {
-        background: {
-          default: '#1f1f1c',
-          hover: '#1f1f1c',
-          active: 'rgb(19.849% 19.849% 19.849%)',
-          error: 'rgb(100% 13.725% 13.725% / 0.2)',
-        },
-        stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(23.627% 23.627% 23.627%)',
-          active: '#414141',
-          error: 'rgba(0, 0, 0, 0)',
-        },
-        title: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          error: '#ffbaba',
-        },
-        description: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#b3b6bd',
-          error: '#ffbaba',
-        },
-      },
-    },
-    flyout: {
-      space: {
-        default: {
-          x: '0',
-          y: '1.5rem',
-          gap: '1rem',
-          top: '0',
-          content: {
-            x: '1.5rem',
-            y: '1.5rem',
-            'row-gap': '0.25rem',
-            'column-gap': '1rem',
-          },
-        },
-        inline: {
-          x: '0',
-          y: '0.75rem',
-          gap: '0.75rem',
-          top: '3.5rem',
-          content: {
-            x: '0.75rem',
-            y: '0.75rem',
-            'row-gap': '0.25rem',
-            'column-gap': '0.75rem',
-          },
-        },
-      },
-      shadow: {
-        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-      },
-      size: {
-        default: {
-          width: '27.5rem',
-          height: '100%',
-        },
-        wide: {
-          width: '37.5rem',
-          height: '100vh',
-        },
-        narrow: {
-          width: '21rem',
-          height: '100%',
-        },
-        widest: {
-          width: '55rem',
-          height: '100vh',
-        },
-      },
-      typography: {
-        default: {
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        inline: {
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        background: {
-          default: '#282828',
-        },
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-        },
-        description: {
-          default: '#b3b6bd',
-        },
-        opaqueBackground: {
-          default: 'lch(6.7738 0 none / 0.45)',
-        },
-        stroke: {
-          default: '#323232',
-        },
-      },
-    },
-    genericMenu: {
-      item: {
-        space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
-        },
-        icon: {
-          size: {
-            height: '0.9688rem',
-            width: '0.9688rem',
-          },
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          sectionHeader: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          subtext: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        'two-lines': {
-          space: {
-            x: '1rem',
-            y: '0.3438rem',
-            gap: '0.75rem',
-          },
-        },
-        size: {
-          minWidth: '180px',
-        },
-        color: {
-          default: {
-            text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#808080',
-              muted: '#b3b6bd',
-            },
-            background: {
-              default: '#282828',
-              hover: 'rgb(23.064% 23.064% 23.064%)',
-              active: '#282828',
-              disabled: '#414141',
-            },
-            stroke: {
-              default: '#323232',
-              focus: '#faff69',
-            },
-          },
-          format: {
-            default: 'lch(62.868 0 none)',
-            hover: 'rgb(60.157% 60.157% 60.157%)',
-            active: 'rgb(60.157% 60.157% 60.157%)',
-            disabled: '#808080',
-            error: 'rgb(60.157% 60.157% 60.157%)',
-          },
-          subtext: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#c0c0c0',
-          },
-          danger: {
-            text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
-              disabled: '#808080',
-            },
-            background: {
-              default: '#282828',
-              hover: 'rgb(100% 21.274% 21.274% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
-              disabled: '#414141',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              focus: '#faff69',
-            },
-          },
-        },
-      },
-      itemCustom: {
-        typography: {
-          label: {
-            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      button: {
-        space: {
-          gap: '0.25rem',
-          y: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        color: {
-          background: {
-            default: '#282828',
-          },
-          label: {
-            default: '#b3b6bd',
-          },
-          stroke: {
-            default: '#323232',
-          },
-        },
-      },
-      panel: {
-        radii: {
-          all: '0.25rem',
-        },
-        shadow: {
-          default:
-            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-        },
-        size: {
-          height: '2rem',
-        },
-        color: {
-          background: {
-            default: '#282828',
-          },
-          stroke: {
-            default: '#414141',
-          },
-        },
-      },
-      autocomplete: {
-        typography: {
-          results: {
-            label: {
-              default:
-                '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          search: {
-            placeholder: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-            term: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        search: {
-          stroke: {
-            default: '2px solid #323232',
-          },
-        },
-        color: {
-          placeholder: {
-            default: '#808080',
-          },
-          searchTerm: {
-            default: '#ffffff',
-          },
-          background: {
-            default: '#282828',
-          },
-          stroke: {
-            default: '#323232',
-          },
-        },
-      },
-      sectionHeader: {
-        space: {
-          bottom: '0.3438rem',
-          top: '0.5rem',
-        },
-      },
-      placeholder: {
-        space: {
-          gap: '0.5rem',
-        },
-      },
-    },
-    grid: {
-      header: {
-        cell: {
-          space: {
-            y: '0.4375rem',
-            x: '0.5rem',
-          },
-          size: {
-            height: '2rem',
-          },
-          color: {
-            background: {
-              default: '#282828',
-              selectIndirect: 'lch(19.47 0 none)',
-              selectDirect: 'lch(27.259 0 none)',
-            },
-            title: {
-              default: '#b3b6bd',
-              selectIndirect: '#ffffff',
-              selectDirect: '#ffffff',
-            },
-            stroke: {
-              default: 'lch(20.268 0 none)',
-              selectIndirect: 'lch(26.846 0 none)',
-              selectDirect: 'lch(29.406 0 none)',
-            },
-          },
-        },
-        title: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      body: {
-        cell: {
-          space: {
-            y: '5.5px',
-            x: '0.5rem',
-          },
-          size: {
-            height: '2rem',
-          },
-          color: {
-            background: {
-              default: '#1f1f1c',
-              selectIndirect: 'lch(15.792 0 none)',
-              selectDirect: 'lch(15.792 0 none)',
-            },
-            stroke: {
-              default: '#323232',
-              selectIndirect: 'lch(22.028 0 none)',
-              selectDirect: '#faff69',
-            },
-            text: {
-              default: 'lch(100 0 none)',
-              selectIndirect: '#ffffff',
-              selectDirect: '#ffffff',
-            },
-          },
-        },
-      },
-      cell: {
-        text: {
-          default:
-            '500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
-      },
-      global: {
-        color: {
-          stroke: {
-            default: '#323232',
-          },
-          background: {
-            default: '#1f1f1c',
-          },
-        },
-      },
-    },
-    gridContainer: {
-      gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-        unset: "''",
-      },
-    },
-    icon: {
-      space: {
-        xs: {
-          all: '0.25rem',
-        },
-        sm: {
-          all: '0.25rem',
-        },
-        md: {
-          all: '0.365rem',
-        },
-        lg: {
-          all: '0.5rem',
-        },
-        xl: {
-          all: '0.75rem',
-        },
-        xxl: {
-          all: '1rem',
-        },
-      },
-      color: {
-        background: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.2)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
-        },
-        text: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: '#ccffd0',
-          neutral: '#c0c0c0',
-          danger: '#ffbaba',
-          info: '#d0dffb',
-          warning: '#ffb88f',
-        },
-        stroke: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.05)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
-        },
-      },
-    },
-    image: {
-      sm: {
-        size: {
-          height: '1rem',
-          width: '1rem',
-        },
-      },
-      xs: {
-        size: {
-          height: '0.75rem',
-          width: '0.75rem',
-        },
-      },
-      md: {
-        size: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      lg: {
-        size: {
-          height: '1.5rem',
-          width: '1.5rem',
-        },
-      },
-      xl: {
-        size: {
-          height: '2rem',
-          width: '2rem',
-        },
-      },
-      xxl: {
-        size: {
-          height: '4rem',
-          width: '4rem',
-        },
-      },
-      borderWidth: {
-        default: '1.5px',
-        thin: '1px',
-      },
-      color: {
-        stroke: '#ffffff',
-      },
-    },
-    link: {
-      space: {
-        md: {
-          gap: '0.25rem',
-        },
-        sm: {
-          gap: '2px',
-        },
-      },
-      icon: {
-        size: {
-          sm: {
-            height: '0.75rem',
-            width: '0.75rem',
-          },
-          md: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-      },
-    },
-    panel: {
-      strokeWidth: {
-        default: '1px',
-      },
-      radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
-      },
-      stroke: {
-        default: '1px solid #323232',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-      },
-      space: {
-        y: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-        x: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-        gap: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-      },
-      color: {
-        background: {
-          default: '#1f1f1c',
-          muted: '#282828',
-          transparent: 'rgba(0, 0, 0, 0)',
-        },
-        stroke: {
-          default: '#323232',
-        },
-      },
-    },
-    popover: {
-      space: {
-        y: '1rem',
-        x: '1.5rem',
-        gap: '0.75rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-      },
-      icon: {
-        size: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      color: {
-        panel: {
-          background: {
-            default: '#282828',
-          },
-          stroke: {
-            default: '#414141',
-          },
-        },
-      },
-    },
-    radio: {
-      radii: {
-        all: '9999px',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#faff69',
-          disabled: '#414141',
-        },
-        stroke: {
-          default: '#414141',
-          hover: '#414141',
-          active: '#151515',
-          disabled: '#414141',
-        },
-        indicator: {
-          default: '#1f1f1c',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#151515',
-          disabled: '#808080',
-        },
-      },
-    },
-    separator: {
-      horizontal: {
-        space: {
-          y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          x: {
-            all: '0',
-          },
-        },
-      },
-      vertical: {
-        space: {
-          x: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          y: {
-            all: '0',
-          },
-        },
-      },
-      color: {
-        stroke: {
-          default: '#323232',
-        },
-      },
-    },
-    sidebar: {
-      navigation: {
-        item: {
-          radii: {
-            all: '0.25rem',
-          },
-          default: {
-            space: {
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-              left: '0',
-            },
-          },
-          typography: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            typography: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-            space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
-            },
-          },
-          collapsible: {
-            space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-            },
-          },
-          icon: {
-            size: {
-              height: '1rem',
-              width: '1rem',
-            },
-          },
-          global: {
-            gap: '2px',
-          },
-        },
-        title: {
-          typography: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        subItem: {
-          default: {
-            space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.2813rem',
-            },
-          },
-          mobile: {
-            space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
-            },
-            typography: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          radii: {
-            all: '0.25rem',
-          },
-          typography: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        dragControl: {
-          separator: {
-            size: {
-              height: '0.125rem',
-            },
-          },
-        },
-      },
-      main: {
-        color: {
-          background: {
-            default: '#1f1f1c',
-          },
-          text: {
-            default: '#ffffff',
-            muted: '#b3b6bd',
-          },
-          stroke: {
-            default: '#323232',
-          },
-        },
-        navigation: {
-          item: {
-            color: {
-              background: {
-                active: 'lch(27.535 0 none / 0.6)',
-                hover: 'lch(19.05 0 none)',
-                default: 'rgba(0, 0, 0, 0)',
-              },
-              text: {
-                default: '#ffffff',
-                hover: '#ffffff',
-                active: '#ffffff',
-                muted: '#b3b6bd',
-                disabled: '#808080',
-              },
-              icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
-              },
-            },
-          },
-          title: {
-            color: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-            },
-          },
-          subItem: {
-            color: {
-              text: {
-                default: '#b3b6bd',
-                disabled: '#808080',
-                hover: '#ffffff',
-                active: '#ffffff',
-              },
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                disabled: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(19.05 0 none)',
-                active: 'rgba(0, 0, 0, 0)',
-              },
-              icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
-              },
-            },
-          },
-          dragControl: {
-            separator: {
-              color: {
-                default: '#faff69',
-              },
-            },
-          },
-        },
-      },
-      sqlSidebar: {
-        color: {
-          background: {
-            default: '#282828',
-          },
-          stroke: {
-            default: '#323232',
-          },
-        },
-        navigation: {
-          item: {
-            color: {
-              background: {
-                active: 'lch(27.535 0 none / 0.6)',
-                hover: 'lch(19.05 0 none)',
-                default: 'rgba(0, 0, 0, 0)',
-              },
-              text: {
-                default: '#ffffff',
-                hover: '#ffffff',
-                active: '#ffffff',
-                muted: '#b3b6bd',
-                disabled: '#808080',
-              },
-              icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
-              },
-            },
-          },
-          subItem: {
-            color: {
-              text: {
-                disabled: '#808080',
-                default: '#b3b6bd',
-                hover: '#ffffff',
-                active: '#ffffff',
-              },
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(19.05 0 none)',
-                active: 'rgba(0, 0, 0, 0)',
-              },
-            },
-          },
-          title: {
-            color: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-            },
-          },
-          dragControl: {
-            separator: {
-              color: {
-                default: '#faff69',
-              },
-            },
-          },
-        },
-      },
-    },
-    spacer: {
-      horizontal: {
-        space: {
-          y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          x: {
-            all: '0',
-          },
-        },
-      },
-    },
-    stepper: {
-      vertical: {
-        numbered: {
-          connector: {
-            size: {
-              width: '0.1875rem',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#606060',
-              },
-            },
-          },
-          typography: {
-            title: {
-              default:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          step: {
-            typography: {
-              number: {
-                default:
-                  '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              },
-            },
-            size: {
-              height: '1.5rem',
-              width: '1.5rem',
-              icon: {
-                height: '0.75rem',
-                width: '0.75rem',
-              },
-            },
-            stroke: {
-              default: '2px',
-            },
-            radii: {
-              default: '9999px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#ffffff',
-              },
-              background: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
-              },
-              icon: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#1f1f1c',
-              },
-            },
-          },
-          content: {
-            space: {
-              gap: {
-                x: '1rem',
-                y: '0.5rem',
-              },
-              left: '2.75rem',
-              bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
-              },
-            },
-          },
-          color: {
-            title: {
-              incomplete: '#606060',
-              complete: '#b3b6bd',
-              active: '#ffffff',
-            },
-          },
-        },
-        bulleted: {
-          connector: {
-            size: {
-              width: '0.1875rem',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#606060',
-              },
-            },
-          },
-          step: {
-            size: {
-              height: '1rem',
-              width: '1rem',
-              icon: {
-                height: '0.75rem',
-                width: '0.75rem',
-              },
-            },
-            radii: {
-              default: '9999px',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#ffffff',
-              },
-              background: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
-              },
-              icon: {
-                incomplete: '#1f1f1c',
-                complete: '#ffffff',
-                active: '#ffffff',
-              },
-            },
-          },
-          typography: {
-            title: {
-              default:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          content: {
-            space: {
-              gap: {
-                x: '1rem',
-                y: '0.5rem',
-              },
-              left: '2.25rem',
-              bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
-              },
-            },
-          },
-          color: {
-            title: {
-              incomplete: '#606060',
-              complete: '#b3b6bd',
-              active: '#ffffff',
-            },
-          },
-        },
-      },
-    },
-    switch: {
-      space: {
-        gap: '0.5rem',
-      },
-      radii: {
-        all: '9999px',
-      },
-      size: {
-        width: '2rem',
-        height: '1rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: '#606060',
-          active: '#faff69',
-          disabled: '#414141',
-        },
-        stroke: {
-          default: '#606060',
-          active: '#faff69',
-          disabled: '#414141',
-        },
-        indicator: {
-          default: '#151515',
-          active: '#161517',
-          disabled: '#606060',
-        },
-      },
-    },
-    table: {
-      header: {
-        title: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        cell: {
-          space: {
-            md: {
-              y: '0.75rem',
-              x: '1rem',
-            },
-            sm: {
-              y: '0.5rem',
-              x: '1rem',
-            },
-          },
-        },
-        color: {
-          background: {
-            default: '#282828',
-            hover: '#282828',
-            active: 'rgb(17.794% 17.794% 17.794%)',
-          },
-          title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-          },
-          icon: {
-            default: '#ffffff',
-          },
-          checkbox: {
-            background: {
-              default: '#cccfd3',
-            },
-            border: {
-              default: '#808691',
-            },
-          },
-        },
-      },
-      cell: {
-        text: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        label: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        stroke: '1px',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      body: {
-        cell: {
-          space: {
-            md: {
-              y: '1rem',
-              x: '1rem',
-            },
-            sm: {
-              y: '0.5rem',
-              x: '1rem',
-            },
-          },
-        },
-      },
-      mobile: {
-        cell: {
-          space: {
-            y: '1rem',
-            x: '1rem',
-            gap: '0.5rem',
-          },
-        },
-      },
-      row: {
-        color: {
-          background: {
-            default: '#1f1f1c',
-            hover: 'lch(15.792 0 none)',
-            active: 'rgb(17.535% 17.535% 17.535%)',
-          },
-          stroke: {
-            default: '#323232',
-          },
-          text: {
-            default: '#ffffff',
-            disabled: '#808080',
-          },
-          link: {
-            default: '#faff69',
-          },
-          label: {
-            default: '#b3b6bd',
-          },
-          barChart: {
-            default: '#414141',
-            hover: '#606060',
-          },
-        },
-      },
-      global: {
-        color: {
-          stroke: {
-            default: '#323232',
-          },
-          background: {
-            default: '#1f1f1c',
-          },
-        },
-      },
-    },
-    tabs: {
-      space: {
-        y: '0.5rem',
-        x: '0.75rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      basic: {
-        strokeWidth: {
-          default: '1px',
-          hover: '1px',
-          active: '2px',
-          global: '1px',
-        },
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: 'rgba(0, 0, 0, 0)',
-          },
-          text: {
-            default: '#b3b6bd',
-            hover: '#ffffff',
-            active: '#ffffff',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: '#faff69',
-          },
-          global: {
-            default: '#323232',
-          },
-        },
-      },
-      fileTabs: {
-        icon: {
-          size: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-        space: {
-          y: '1.0625rem',
-          x: '1rem',
-          gap: '0.75rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        radii: {
-          all: '0',
-        },
-        color: {
-          background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: '#282828',
-          },
-          text: {
-            default: '#b3b6bd',
-            hover: '#ffffff',
-            active: '#ffffff',
-          },
-          stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: '#323232',
-          },
-          closeButton: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#414141',
-            },
-          },
-        },
-      },
-    },
-    toast: {
-      icon: {
-        size: {
-          height: '1rem',
-          width: '1rem',
-        },
-      },
-      space: {
-        title: {
-          gap: '0.5rem',
-        },
-        y: '0.75rem',
-        x: '0.75rem',
-        gap: '0.5rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      shadow:
-        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-      typography: {
-        title: {
-          default:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      size: {
-        width: '20.75rem',
-      },
-      color: {
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-        },
-        description: {
-          default: '#b3b6bd',
-        },
-        stroke: {
-          default: '#414141',
-        },
-        icon: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          success: '#ccffd0',
-          warning: '#ffb88f',
-          danger: '#ffbaba',
-        },
-      },
-    },
-    tooltip: {
-      radii: {
-        all: '0.25rem',
-      },
-      space: {
-        x: '0.75rem',
-        y: '0.5rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: 'lch(16.114 0 none / 0.95)',
-        },
-        label: {
-          default: '#ffffff',
-        },
-      },
-    },
-    dashboards: {
-      chartWidget: {
-        space: {
-          gap: '1rem',
-          element: {
-            gap: '0.5rem',
-          },
-        },
-        borderWidth: {
-          default: '1px',
-        },
-        stroke: {
-          default: '1px solid #323232',
-          element: {
-            default: '1px solid #323232',
-          },
-          hover: '1px solid #414141',
-          selected: '1px solid #faff69',
-        },
-        element: {
-          radii: {
-            all: '0.25rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          description: {
-            default: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          label: {
-            default: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        shadow: {
-          default: '0',
-          hover:
-            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-        },
-        size: {
-          icon: {
-            all: {
-              drag: '1.25rem',
-              menu: '1.5rem',
-              resize: '0.75rem',
-            },
-          },
-        },
-        color: {
-          stroke: {
-            default: '#323232',
-            hover: '#414141',
-            selected: '#faff69',
-          },
-          title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-          },
-          description: {
-            default: '#b3b6bd',
-          },
-          legend: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            selected: '#ffffff',
-          },
-          element: {
-            stroke: {
-              default: '#323232',
-            },
-          },
-          background: {
-            default: '#282828',
-            hover: '#282828',
-            selected: '#282828',
-          },
-          icon: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            selected: '#faff69',
-          },
-          opacity: {
-            bar: {
-              default: 0.2,
-              hover: 0.5,
-            },
-          },
-          label: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            selected: '#b3b6bd',
-          },
-        },
-      },
-    },
-    global: {
-      color: {
-        background: {
-          default: '#1f1f1c',
-          muted: '#282828',
-        },
-        text: {
-          default: '#ffffff',
-          muted: '#b3b6bd',
-          disabled: '#808080',
-          link: {
-            default: '#faff69',
-            hover: '#feffc2',
-          },
-          danger: '#ffbaba',
-          warning: '#ffb88f',
-        },
-        stroke: {
-          default: '#323232',
-          muted: '#323232',
-          intense: '#414141',
-        },
-        accent: {
-          default: '#faff69',
-        },
-        outline: {
-          default: '#faff69',
-        },
-        shadow: {
-          default: 'rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-        },
-        title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          muted: '#b3b6bd',
-        },
-      },
-    },
-    feedback: {
-      color: {
-        info: {
-          background: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-          foreground: '#d0dffb',
-        },
-        success: {
-          background: 'rgb(20% 100% 26.667% / 0.2)',
-          foreground: '#ccffd0',
-        },
-        warning: {
-          background: 'rgb(100% 46.667% 16.078% / 0.2)',
-          foreground: '#ffb88f',
-        },
-        danger: {
-          background: 'rgb(100% 13.725% 13.725% / 0.2)',
-          foreground: '#ffbaba',
-        },
-        neutral: {
-          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          foreground: '#c0c0c0',
-          stroke: '#323232',
-        },
-      },
-    },
-    storybook: {
-      global: {
-        background: '#1b1c1d',
-      },
-    },
-    chart: {
-      bars: {
-        color: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-      },
-      color: {
-        default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        label: {
-          default: '#ffffff',
-          deselected: 'lch(100 0 none / 0.3)',
-        },
-      },
-    },
-    serviceCard: {
-      color: {
-        background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'lch(19.053 0 none)',
-        },
-        stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(27.446% 27.446% 27.446%)',
-        },
-      },
-    },
-    gareth: {
-      test: {
-        main: {
-          text: '#ffffff',
-          danger: '#ffbaba',
-        },
-      },
-    },
-  },
-  transition: {
-    default: 'all 100ms ease-in 0ms',
-    duration: {
-      slow: '300ms',
-      smooth: '150ms',
-      medium: '100ms',
-      fast: '50ms',
-    },
-    delay: {
-      slow: '100ms',
-      fast: '0ms',
-    },
-    function: {
-      ease: 'ease',
-      'ease-in': 'ease-in',
-      'ease-in-out': 'ease-in-out',
-      linear: 'linear',
-    },
-  },
-  grid: {
-    header: {
-      cell: {
-        borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '1px',
-        },
-      },
-    },
-    body: {
-      cell: {
-        borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '2px',
-        },
-      },
-    },
-  },
-  palette: {
-    brand: {
-      '50': '#ffffe8',
-      '100': '#feffc2',
-      '200': '#fdffa3',
-      '300': '#faff69',
-      '400': '#eef400',
-      '500': '#c7cc00',
-      '600': '#959900',
-      '700': '#686b00',
-      '800': '#3c4601',
-      '900': '#333300',
-      base: '#fbff46',
-    },
-    neutral: {
-      '0': '#ffffff',
-      '100': '#f9f9f9',
-      '200': '#dfdfdf',
-      '300': '#c0c0c0',
-      '400': '#a0a0a0',
-      '500': '#808080',
-      '600': '#606060',
-      '650': '#505050',
-      '700': '#414141',
-      '712': '#323232',
-      '725': '#282828',
-      '750': '#1f1f1c',
-      '800': '#1d1d1d',
-      '900': '#151515',
-      base: '#212121',
-    },
-    slate: {
-      '25': '#fbfcff',
-      '50': '#f6f7fa',
-      '100': '#e6e7e9',
-      '200': '#cccfd3',
-      '300': '#b3b6bd',
-      '400': '#9a9ea7',
-      '500': '#808691',
-      '600': '#696e79',
-      '700': '#53575f',
-      '800': '#302e32',
-      '900': '#161517',
-      base: '#373439',
-      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
-    },
-    indigo: {
-      '50': '#f4f1fc',
-      '100': '#e4e2e9',
-      '200': '#c8c5d3',
-      '300': '#ada8bd',
-      '400': '#918ba7',
-      '500': '#766e91',
-      '600': '#5e5874',
-      '700': '#474257',
-      '800': '#23212c',
-      '900': '#18161d',
-      base: '#2f2c3a',
-    },
-    info: {
-      '50': '#e7effd',
-      '100': '#d0dffb',
-      '200': '#a1bef7',
-      '300': '#6d9bf3',
-      '400': '#437eef',
-      '500': '#1d64ec',
-      '600': '#104ec6',
-      '650': '#0d3e9b',
-      '700': '#0d3e9b',
-      '800': '#092b6c',
-      '900': '#061c47',
-      base: '#4781f0',
-    },
-    success: {
-      '50': '#e5ffe8',
-      '100': '#ccffd0',
-      '200': '#99ffa1',
-      '300': '#66ff73',
-      '400': '#33ff44',
-      '500': '#00e513',
-      '600': '#00bd10',
-      '700': '#008a0b',
-      '800': '#006108',
-      '850': '#004206',
-      '900': '#004206',
-      base: '#62de85',
-    },
-    warning: {
-      '50': '#ffe2d1',
-      '100': '#ffcbad',
-      '200': '#ffb88f',
-      '300': '#ff9457',
-      '400': '#ff7729',
-      '500': '#f55a00',
-      '600': '#d64f00',
-      '700': '#a33c00',
-      '800': '#7a2d00',
-      '900': '#471a00',
-      base: '#ffa63d',
-    },
-    danger: {
-      '50': '#ffdddd',
-      '100': '#ffbaba',
-      '200': '#ff9898',
-      '300': '#ff7575',
-      '400': '#ff2323',
-      '500': '#f10000',
-      '600': '#c10000',
-      '700': '#910000',
-      '800': '#610000',
-      '900': '#300000',
-      base: '#ff5353',
-    },
-    gradients: {
-      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
-      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
-      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
-      transparent: 'rgba(0, 0, 0, 0)',
-    },
-    utility: {
-      transparent: 'rgba(0, 0, 0, 0)',
-    },
-    teal: {
-      '50': '#e6fefa',
-      '100': '#cffcf4',
-      '200': '#a3faec',
-      '300': '#6df8e1',
-      '400': '#0cedc8',
-      '500': '#0bd0af',
-      '600': '#089b83',
-      '700': '#067462',
-      '800': '#045245',
-      '850': '#004237',
-      '900': '#03352d',
-    },
-    violet: {
-      '50': '#f6e5ff',
-      '100': '#eeccff',
-      '200': '#dd99ff',
-      '300': '#cc66ff',
-      '400': '#bb33ff',
-      '500': '#aa00ff',
-      '600': '#8800cc',
-      '700': '#660099',
-      '800': '#440066',
-      '850': '#33004d',
-      '900': '#220033',
-    },
-    fuchsia: {
-      '50': '#fbeff8',
-      '100': '#fbc9ef',
-      '200': '#fb97e2',
-      '300': '#fb64d6',
-      '400': '#fb32c9',
-      '500': '#fb00bc',
-      '600': '#cc0099',
-      '700': '#990073',
-      '800': '#66004d',
-      '850': '#4d0039',
-      '900': '#330026',
-    },
-    sunrise: {
-      '50': '#fff3cc',
-      '100': '#ffe799',
-      '200': '#ffdb66',
-      '300': '#ffcf33',
-      '400': '#ffc300',
-      '500': '#e0ac00',
-      '600': '#b28800',
-      '700': '#8a6900',
-      '800': '#574200',
-      '900': '#332700',
-    },
-    babyblue: {
-      '50': '#dbfaff',
-      '100': '#bdf6ff',
-      '200': '#8aefff',
-      '300': '#33e4ff',
-      '400': '#00cbeb',
-      '500': '#00b5d1',
-      '600': '#008599',
-      '700': '#006170',
-      '800': '#00424d',
-      '900': '#002c33',
-    },
-  },
-  sizes: {
-    '0': '0',
-    '1': '1px',
-    '2': '0.25rem',
-    '3': '0.5rem',
-    '4': '0.75rem',
-    '5': '1rem',
-    '6': '1.25rem',
-    '7': '1.5rem',
-    '8': '1.75rem',
-    '9': '2rem',
-    '10': '2.5rem',
-    '11': '4rem',
-  },
-  typography: {
-    font: {
-      families: {
-        regular:
-          '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        mono: '"Inconsolata", Consolas, "SFMono Regular", monospace',
-        display:
-          '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-      },
-      weights: {
-        '1': '400',
-        '2': '500',
-        '3': '600',
-        '4': '700',
-      },
-      sizes: {
-        '0': '0.625rem',
-        '1': '0.75rem',
-        '2': '0.875rem',
-        '3': '1rem',
-        '4': '1.125rem',
-        '5': '1.25rem',
-        '6': '2rem',
-        base: '16px',
-      },
-      'line-height': {
-        '1': 1.5,
-        '2': 1.6,
-        '3': 1.7,
-        '4': 1.3,
-      },
-    },
-    styles: {
-      product: {
-        titles: {
-          xs: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
-            '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        text: {
-          normal: {
-            xs: '400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          medium: {
-            xs: '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          semibold: {
-            xs: '600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mono: {
-            xs: '500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            sm: '500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            md: '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            lg: '500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-          },
-          bold: {
-            xs: '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      brand: {
-        titles: {
-          xs: '600 20px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 24px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
-            '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      field: {
-        md: '400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-      },
-    },
-  },
-  border: {
-    radii: {
-      '0': '0',
-      '1': '0.25rem',
-      '2': '0.5rem',
-      '3': '0.75rem',
-      full: '9999px',
-    },
-    width: {
-      '1': '1px',
-      '2': '2px',
-    },
-  },
-  spaces: {
-    '0': '0',
-    '1': '0.25rem',
-    '2': '0.5rem',
-    '3': '0.75rem',
-    '4': '1rem',
-    '5': '1.5rem',
-    '6': '2rem',
-    '7': '2.5rem',
-    '8': '4rem',
-  },
-  shadow: {
-    '1': '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
-    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
-  },
-  breakpoint: {
-    sizes: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-      '2xl': '1536px',
-    },
-  },
-  global: {
-    color: {
-      gradients: {
-        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
-        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
-      },
-      background: {
-        default: '#1f1f1c',
-        muted: '#282828',
-        sidebar: '#1f1f1c',
-        split: '#282828',
-        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
-      },
-      text: {
-        default: '#ffffff',
-        muted: '#b3b6bd',
-        disabled: '#808080',
-        link: {
-          default: '#faff69',
-          hover: '#feffc2',
-        },
-      },
-      stroke: {
-        default: '#323232',
-        muted: '#323232',
-        intense: '#414141',
-        split: '#414141',
-      },
-      accent: {
-        default: '#faff69',
-      },
-      outline: {
-        default: '#faff69',
-      },
-      shadow: {
-        default: 'lch(6.7738 0 none / 0.6)',
-      },
-      feedback: {
-        info: {
-          background: '#0d3e9b',
-          foreground: '#d0dffb',
-        },
-        success: {
-          background: '#004206',
-          foreground: '#ccffd0',
-        },
-        warning: {
-          background: '#7a2d00',
-          foreground: '#ffb88f',
-        },
-        danger: {
-          background: '#610000',
-          foreground: '#ffbaba',
-        },
-        neutral: {
-          background: '#414141',
-          foreground: '#f9f9f9',
-          stroke: '#323232',
-        },
-      },
-      chart: {
-        bars: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          danger: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        label: {
-          default: '#ffffff',
-          deselected: 'lch(100 0 none / 0.3)',
-        },
-      },
-      iconButton: {
-        badge: {
-          foreground: '#1d1d1d',
-          background: '#faff69',
-        },
-      },
-      icon: {
-        background: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
-      },
-    },
-  },
-  name: 'dark',
-};
-
-export default theme;
diff --git a/packages/click-ui/src/theme/tokens/variables.light.ts b/packages/click-ui/src/theme/tokens/variables.light.ts
deleted file mode 100644
index 8706303ac..000000000
--- a/packages/click-ui/src/theme/tokens/variables.light.ts
+++ /dev/null
@@ -1,4007 +0,0 @@
-const theme = {
-  click: {
-    accordion: {
-      sm: {
-        icon: {
-          size: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      md: {
-        icon: {
-          size: {
-            height: '1.25rem',
-            width: '1.25rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      lg: {
-        icon: {
-          size: {
-            height: '1.5rem',
-            width: '1.5rem',
-          },
-        },
-        space: {
-          gap: '0.25rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        default: {
-          label: {
-            default: '#161517',
-            hover: 'lch(13.917 1.3308 305.43)',
-            active: '#161517',
-          },
-          icon: {
-            default: '#161517',
-            hover: 'lch(13.917 1.3308 305.43)',
-            active: '#161517',
-          },
-        },
-        link: {
-          label: {
-            default: '#437eef',
-            hover: '#104ec6',
-            active: '#437eef',
-          },
-          icon: {
-            default: '#437eef',
-            hover: 'lch(40.786 66.387 286.32)',
-            active: '#437eef',
-          },
-        },
-      },
-    },
-    alert: {
-      medium: {
-        space: {
-          y: '0.75rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.5rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          text: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        icon: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      small: {
-        space: {
-          y: '0.5rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.25rem',
-        },
-        icon: {
-          height: '1rem',
-          width: '1rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          text: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      radii: {
-        center: '0',
-        end: '0.25rem',
-      },
-      color: {
-        background: {
-          default: '#ffffff',
-          success: 'rgb(20% 100% 26.667% / 0.1)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-        },
-        text: {
-          default: '#696e79',
-          success: '#008a0b',
-          neutral: '#53575f',
-          danger: '#c10000',
-          warning: '#a33c00',
-          info: '#437eef',
-        },
-        iconBackground: {
-          default: '#ffffff',
-          success: 'rgb(20% 100% 26.667% / 0)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0)',
-          danger: 'rgb(100% 13.725% 13.725% / 0)',
-          warning: 'rgb(100% 46.667% 16.078% / 0)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0)',
-        },
-        iconForeground: {
-          default: '#696e79',
-          success: 'lch(49.786 70.246 135.31 / 0.75)',
-          neutral: 'lch(36.838 5.2307 266.96 / 0.75)',
-          danger: 'lch(41.001 86.638 40.858 / 0.75)',
-          warning: 'lch(40.227 66.602 51.059 / 0.75)',
-          info: 'lch(53.426 64.605 278.98 / 0.75)',
-        },
-      },
-    },
-    avatar: {
-      typography: {
-        label: {
-          sm: {
-            default:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.6875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          md: {
-            default:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      size: {
-        label: {
-          width: '1.5rem',
-        },
-        width: '1.5rem',
-        height: '1.5rem',
-      },
-      radii: {
-        all: '9999px',
-      },
-      color: {
-        background: {
-          default: '#696e79',
-          hover: '#9a9ea7',
-          active: '#9a9ea7',
-        },
-        text: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-        },
-      },
-    },
-    badge: {
-      space: {
-        md: {
-          x: '0.75rem',
-          y: '0.125rem',
-          gap: '0.25rem',
-        },
-        sm: {
-          x: '0.5rem',
-          y: '0.1563rem',
-          gap: '0.125rem',
-        },
-      },
-      typography: {
-        label: {
-          md: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          sm: {
-            default:
-              '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      radii: {
-        all: '9999px',
-      },
-      stroke: '1px',
-      icon: {
-        md: {
-          size: {
-            height: '0.75rem',
-            width: '0.75rem',
-          },
-        },
-        sm: {
-          size: {
-            height: '0.625rem',
-            width: '0.625rem',
-          },
-        },
-      },
-      opaque: {
-        color: {
-          background: {
-            default: '#f6f7fa',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-            disabled: '#dfdfdf',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-          },
-          text: {
-            default: '#696e79',
-            success: '#008a0b',
-            neutral: '#53575f',
-            danger: '#c10000',
-            disabled: '#a0a0a0',
-            info: '#437eef',
-            warning: '#a33c00',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            success: 'rgb(20% 100% 26.667% / 0.05)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-            disabled: 'rgb(83.078% 83.078% 83.078%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
-          },
-        },
-      },
-      solid: {
-        color: {
-          background: {
-            default: '#a0a0a0',
-            success: '#008a0b',
-            neutral: '#606060',
-            danger: '#c10000',
-            disabled: '#dfdfdf',
-            info: '#104ec6',
-            warning: '#d64f00',
-          },
-          text: {
-            default: '#ffffff',
-            success: '#ffffff',
-            neutral: '#ffffff',
-            danger: '#ffffff',
-            disabled: '#a0a0a0',
-            info: '#ffffff',
-            warning: '#ffffff',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            success: 'rgb(20% 100% 26.667% / 0.05)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-            disabled: 'rgb(83.078% 83.078% 83.078%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
-          },
-        },
-      },
-    },
-    bigStat: {
-      space: {
-        all: '1rem',
-        sm: {
-          gap: '0',
-        },
-        lg: {
-          gap: '0.5rem',
-        },
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        lg: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '700 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        sm: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            muted:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        stroke: {
-          default: '#e6e7e9',
-          muted: '#e6e7e9',
-          danger: '#c10000',
-        },
-        background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
-        },
-        label: {
-          default: '#696e79',
-          muted: '#696e79',
-          danger: '#c10000',
-        },
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-          muted: 'lch(11.126 1.374 305.43)',
-        },
-      },
-    },
-    button: {
-      radii: {
-        all: '0.25rem',
-      },
-      basic: {
-        space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-          group: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        size: {
-          icon: {
-            height: '0.9688rem',
-            all: '0.9688rem',
-            width: '0.9688rem',
-          },
-        },
-        color: {
-          primary: {
-            background: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: '#161517',
-              disabled: '#dfdfdf',
-              loading:
-                'linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%)',
-            },
-            stroke: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: '#161517',
-              disabled: '#dfdfdf',
-            },
-            text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          secondary: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'lch(95.274 1.5364 271.98)',
-              disabled: '#dfdfdf',
-              loading:
-                'linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%)',
-            },
-            stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#cccfd3',
-              disabled: '#dfdfdf',
-            },
-            text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
-              disabled: '#a0a0a0',
-            },
-          },
-          danger: {
-            text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
-              disabled: '#a0a0a0',
-            },
-            background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-              disabled: '#dfdfdf',
-              loading:
-                'linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%)',
-            },
-            stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
-              active: 'rgb(100% 13.725% 13.725% / 0.05)',
-              disabled: '#dfdfdf',
-            },
-          },
-          empty: {
-            text: {
-              default: '#437eef',
-              hover: '#104ec6',
-              active: '#437eef',
-              disabled: '#a0a0a0',
-            },
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
-              loading:
-                'linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
-            },
-          },
-        },
-      },
-      iconButton: {
-        default: {
-          space: {
-            x: '0.4375rem',
-            y: '0.4375rem',
-          },
-        },
-        size: {
-          small: '0.75rem',
-          medium: '1rem',
-          large: '1.25rem',
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        sm: {
-          space: {
-            x: '0.25rem',
-            y: '0.25rem',
-          },
-        },
-        xs: {
-          space: {
-            x: '0',
-            y: '0',
-          },
-        },
-        color: {
-          primary: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgb(86.824% 87.176% 88.235%)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgb(86.824% 87.176% 88.235%)',
-            },
-            text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
-            },
-          },
-          secondary: {
-            background: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: 'lch(6.5908 1.3668 305.43)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: 'lch(6.5908 1.3668 305.43)',
-            },
-            text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-            },
-          },
-          disabled: {
-            background: {
-              default: '#dfdfdf',
-            },
-            text: {
-              default: '#a0a0a0',
-            },
-          },
-          danger: {
-            background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-            },
-            text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
-            },
-            stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-            },
-          },
-          ghost: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgb(0% 0% 0% / 0)',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-            },
-            text: {
-              default: '#696e79',
-              hover: '#161517',
-              active: '#161517',
-            },
-          },
-          info: {
-            background: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-              hover: '#d0dffb',
-              active: '#a1bef7',
-            },
-            text: {
-              default: '#437eef',
-              hover: '#437eef',
-              active: '#437eef',
-            },
-            stroke: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-              hover: '#d0dffb',
-              active: '#a1bef7',
-            },
-          },
-        },
-      },
-      stroke: '1px',
-      split: {
-        icon: {
-          space: {
-            y: '0.4375rem',
-            x: '0.3438rem',
-          },
-        },
-        space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        primary: {
-          divide: {
-            default: 'lch(23.301 2.6341 306.08)',
-            active: 'lch(16.375 2.3568 306.08)',
-            hover: 'lch(33.055 3.2737 266.96)',
-            disabled: 'lch(75.5 0 none)',
-          },
-          background: {
-            main: {
-              default: '#302e32',
-              hover: 'lch(26.965 3.8288 266.96)',
-              active: 'lch(6.348 1.3164 305.43)',
-              disabled: '#dfdfdf',
-            },
-            action: {
-              default: '#161517',
-              hover: 'lch(25.617 3.6374 266.96)',
-              active: 'lch(3.4689 0.71935 305.43)',
-              disabled: 'lch(84.382 0 none)',
-            },
-          },
-          text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-            disabled: '#a0a0a0',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-          },
-        },
-        secondary: {
-          divide: {
-            default: 'lch(92.029 1.0472 265.86)',
-            hover: 'lch(92.449 0.99207 265.86)',
-            active: '#cccfd3',
-            disabled: 'lch(75.5 0 none)',
-          },
-          background: {
-            main: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'lch(95.274 1.5364 271.98)',
-              disabled: '#dfdfdf',
-            },
-            action: {
-              default: '#f6f7fa',
-              hover: 'lch(94.788 1.5286 271.98)',
-              active: 'lch(92.892 1.498 271.98)',
-              disabled: 'lch(84.382 0 none)',
-            },
-          },
-          text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
-            disabled: '#a0a0a0',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#cccfd3',
-            disabled: 'rgba(0, 0, 0, 0)',
-          },
-        },
-      },
-      mobile: {
-        button: {
-          space: {
-            x: '0.75rem',
-            y: '0.5rem',
-            gap: '0.5rem',
-          },
-        },
-        basic: {
-          size: {
-            icon: {
-              all: '1.25rem',
-            },
-          },
-        },
-      },
-      group: {
-        radii: {
-          button: {
-            default: {
-              all: '2px',
-            },
-            borderless: {
-              all: '0.25rem',
-            },
-          },
-          panel: {
-            all: '0.25rem',
-          },
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        space: {
-          panel: {
-            default: {
-              x: '3px',
-              y: '3px',
-              gap: '3px',
-            },
-            borderless: {
-              x: '0',
-              y: '0',
-              gap: '0.25rem',
-            },
-          },
-          button: {
-            default: {
-              y: '1.5px',
-              x: '0.75rem',
-            },
-            borderless: {
-              y: '5.5px',
-              x: '1rem',
-            },
-          },
-        },
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'lch(95.274 1.5364 271.98)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'lch(76.219 1.2291 271.98)',
-            panel: 'rgba(0, 0, 0, 0)',
-          },
-          text: {
-            default: '#505050',
-            hover: '#505050',
-            active: '#161517',
-            disabled: '#a0a0a0',
-            'disabled-active': '#a0a0a0',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'rgba(0, 0, 0, 0)',
-            panel: '#e6e7e9',
-          },
-          panel: {
-            stroke: {
-              default: '#e6e7e9',
-              borderless: 'rgba(0, 0, 0, 0)',
-            },
-          },
-        },
-      },
-      alignLeft: {
-        size: {
-          icon: {
-            all: '0.9688rem',
-          },
-        },
-        space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            label: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-      },
-      alignedLeft: {
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'lch(95.274 1.5364 271.98)',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#cccfd3',
-          },
-          text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
-          },
-        },
-      },
-    },
-    card: {
-      secondary: {
-        space: {
-          all: '1rem',
-          gap: '1rem',
-          link: {
-            gap: '0.5rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        icon: {
-          size: {
-            all: '2rem',
-          },
-        },
-        stroke: '1px',
-        color: {
-          background: {
-            default: '#ffffff',
-            hover: '#f6f7fa',
-            active: 'lch(92.358 1.4894 271.98)',
-            disabled: '#dfdfdf',
-          },
-          title: {
-            default: 'lch(11.126 1.374 305.43)',
-            hover: 'lch(11.126 1.374 305.43)',
-            active: 'lch(11.126 1.374 305.43)',
-            disabled: '#a0a0a0',
-          },
-          description: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#a0a0a0',
-          },
-          link: {
-            default: '#161517',
-            hover: '#437eef',
-            active: '#161517',
-            disabled: '#a0a0a0',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: 'lch(87.029 1.0472 265.86)',
-            disabled: '#dfdfdf',
-          },
-        },
-      },
-      typography: {
-        title: {
-          default:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        link: {
-          default:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      primary: {
-        size: {
-          icon: {
-            sm: {
-              all: '2rem',
-            },
-            md: {
-              all: '4rem',
-            },
-          },
-        },
-        space: {
-          md: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.75rem',
-          },
-          sm: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.25rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        stroke: '1px',
-        color: {
-          background: {
-            default: '#ffffff',
-            hover: '#f6f7fa',
-            active: '#ffffff',
-            disabled: '#dfdfdf',
-          },
-          title: {
-            default: 'lch(11.126 1.374 305.43)',
-            hover: 'lch(11.126 1.374 305.43)',
-            active: 'lch(11.126 1.374 305.43)',
-            disabled: '#a0a0a0',
-          },
-          description: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#a0a0a0',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#151515',
-            disabled: '#dfdfdf',
-          },
-        },
-      },
-      shadow:
-        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-      horizontal: {
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        icon: {
-          size: {
-            all: '1.5rem',
-          },
-        },
-        space: {
-          md: {
-            y: '0.75rem',
-            x: '1rem',
-            gap: '1rem',
-          },
-          sm: {
-            y: '0.5rem',
-            x: '0.75rem',
-            gap: '0.75rem',
-          },
-        },
-        default: {
-          color: {
-            background: {
-              default: '#ffffff',
-              hover: '#f6f7fa',
-              active: '#ffffff',
-              disabled: '#dfdfdf',
-            },
-            title: {
-              default: 'lch(11.126 1.374 305.43)',
-              hover: 'lch(11.126 1.374 305.43)',
-              active: 'lch(11.126 1.374 305.43)',
-              disabled: '#a0a0a0',
-            },
-            description: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-              disabled: '#a0a0a0',
-            },
-            stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#151515',
-              disabled: '#dfdfdf',
-            },
-          },
-        },
-        muted: {
-          color: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#ffffff',
-              active: '#f6f7fa',
-              disabled: '#dfdfdf',
-            },
-            title: {
-              default: 'lch(11.126 1.374 305.43)',
-              hover: 'lch(11.126 1.374 305.43)',
-              active: 'lch(11.126 1.374 305.43)',
-              disabled: '#a0a0a0',
-            },
-            description: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-              disabled: '#a0a0a0',
-            },
-            stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#151515',
-              disabled: '#dfdfdf',
-            },
-          },
-        },
-      },
-      promotion: {
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          text: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        space: {
-          y: '5.5px',
-          x: '0.75rem',
-          gap: '0.75rem',
-        },
-        icon: {
-          size: {
-            all: '1rem',
-          },
-        },
-        color: {
-          background: {
-            default: '#f6f7fa',
-            hover: '#e6e7e9',
-            active: 'lch(89.777 1.0803 265.86)',
-          },
-          icon: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
-          },
-          stroke: {
-            default: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            hover: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            active: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            focus: '#151515',
-          },
-          text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
-          },
-        },
-      },
-    },
-    checkbox: {
-      radii: {
-        all: '0.125rem',
-      },
-      space: {
-        all: '1px',
-        gap: '0.5rem',
-      },
-      size: {
-        all: '1rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        variations: {
-          default: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#161517',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#161517',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var1: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#00e513',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#62de85',
-              hover: '#62de85',
-              active: '#62de85',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var2: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#437eef',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#6d9bf3',
-              hover: '#6d9bf3',
-              active: '#6d9bf3',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var3: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#fb32c9',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#fb64d6',
-              hover: '#fb64d6',
-              active: '#fb64d6',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var4: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#ff7729',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#ff9457',
-              hover: '#ff9457',
-              active: '#ff9457',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var5: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#089b83',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#089b83',
-              hover: '#089b83',
-              active: '#089b83',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-          var6: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#bb33ff',
-              disabled: '#dfdfdf',
-            },
-            stroke: {
-              default: '#cc66ff',
-              hover: '#bb33ff',
-              active: '#bb33ff',
-              disabled: '#c0c0c0',
-            },
-            check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
-            },
-          },
-        },
-        check: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
-        },
-        background: {
-          default: '#f6f7fa',
-          hover: '#f6f7fa',
-          active: '#161517',
-          disabled: '#dfdfdf',
-        },
-        stroke: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#161517',
-          disabled: '#c0c0c0',
-        },
-      },
-    },
-    codeblock: {
-      space: {
-        x: '1rem',
-        y: '1rem',
-        gap: '1.5rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        text: {
-          default:
-            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      numbers: {
-        size: {
-          width: '1.5rem',
-        },
-      },
-      darkMode: {
-        color: {
-          background: {
-            default: '#282828',
-          },
-          text: {
-            default: '#ffffff',
-          },
-          numbers: {
-            default: '#c0c0c0',
-          },
-          button: {
-            background: {
-              default: '#282828',
-              hover: '#53575f',
-            },
-            foreground: {
-              default: '#ffffff',
-            },
-          },
-          stroke: {
-            default: '#282828',
-          },
-        },
-      },
-      lightMode: {
-        color: {
-          background: {
-            default: '#f6f7fa',
-          },
-          text: {
-            default: '#282828',
-          },
-          numbers: {
-            default: '#808080',
-          },
-          button: {
-            background: {
-              default: '#f6f7fa',
-              hover: '#53575f',
-            },
-            foreground: {
-              default: '#a0a0a0',
-            },
-          },
-          stroke: {
-            default: '#282828',
-          },
-        },
-      },
-      monacoTheme: {
-        parameter: {
-          foreground: '#53575f',
-          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-        },
-      },
-    },
-    codeInline: {
-      space: {
-        x: '0.25rem',
-      },
-      stroke: '1px',
-      typography: {
-        text: {
-          default:
-            '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      color: {
-        background: {
-          default: '#f6f7fa',
-        },
-        text: {
-          default: '#161517',
-        },
-        stroke: {
-          default: '#e6e7e9',
-        },
-      },
-    },
-    container: {
-      space: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-      },
-      gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-      },
-    },
-    datePicker: {
-      dateOption: {
-        space: {
-          gap: '2px',
-        },
-        radii: {
-          default: '0.25rem',
-          range: '0',
-        },
-        stroke: '1px',
-        size: {
-          height: '2rem',
-          width: '2rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            range:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        color: {
-          label: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#ffffff',
-            disabled: '#a0a0a0',
-            range: '#161517',
-          },
-          background: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#151515',
-            disabled: '#ffffff',
-            range: '#e6e7e9',
-          },
-          stroke: {
-            default: '#ffffff',
-            hover: '#151515',
-            active: '#151515',
-            disabled: '#ffffff',
-            range: '#e6e7e9',
-          },
-        },
-      },
-      space: {
-        gap: '0.25rem',
-      },
-      typography: {
-        daytitle: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        title: {
-          default:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-        },
-        daytitle: {
-          default: '#696e79',
-        },
-      },
-    },
-    dialog: {
-      space: {
-        y: '1.5rem',
-        x: '2rem',
-        gap: '1rem',
-      },
-      title: {
-        space: {
-          gap: '0.25rem',
-        },
-      },
-      radii: {
-        all: '0.5rem',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-      },
-      stroke: {
-        default: '1px solid #e6e7e9',
-      },
-      typography: {
-        title: {
-          default:
-            '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: '#ffffff',
-        },
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-        },
-        description: {
-          default: '#696e79',
-        },
-        opaqueBackground: {
-          default: 'lch(6.7738 0 none / 0.75)',
-        },
-      },
-    },
-    docs: {
-      typography: {
-        titles: {
-          lg: '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        text: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        breadcrumbs: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        toc: {
-          title: {
-            default:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          item: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-    },
-    field: {
-      typography: {
-        label: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        fieldText: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        placeholder: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        format: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        genericLabel: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          error:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      type: {
-        mobile: {
-          label:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          'field-value':
-            '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      space: {
-        x: '0.75rem',
-        y: '0.2813rem',
-        gap: '0.5rem',
-      },
-      size: {
-        icon: '1rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      mobile: {
-        space: {
-          x: '0.75rem',
-          y: '0.5rem',
-          gap: '0.5rem',
-        },
-      },
-      color: {
-        genericLabel: {
-          default: '#161517',
-          hover: '#161517',
-          active: '#161517',
-          disabled: '#a0a0a0',
-        },
-        background: {
-          default: '#fbfcff',
-          hover: '#f6f7fa',
-          active: '#ffffff',
-          disabled: '#dfdfdf',
-          error: '#ffffff',
-        },
-        text: {
-          default: '#302e32',
-          hover: '#302e32',
-          active: '#161517',
-          disabled: '#a0a0a0',
-          error: '#c10000',
-        },
-        stroke: {
-          default: '#e6e7e9',
-          hover: '#cccfd3',
-          active: '#161517',
-          disabled: '#dfdfdf',
-          error: '#c10000',
-        },
-        label: {
-          default: '#696e79',
-          hover: '#696e79',
-          active: '#161517',
-          disabled: '#a0a0a0',
-          error: '#c10000',
-        },
-        placeholder: {
-          default: '#9a9ea7',
-          disabled: '#b3b6bd',
-        },
-        format: {
-          default: 'lch(71.998 4.1843 268.48)',
-          hover: 'lch(71.998 4.1843 268.48)',
-          active: 'lch(71.998 4.1843 268.48)',
-          disabled: '#a0a0a0',
-          error: 'lch(71.998 4.1843 268.48)',
-        },
-      },
-    },
-    fileUpload: {
-      sm: {
-        icon: {
-          size: {
-            height: '1.5rem',
-            width: '1.5rem',
-          },
-        },
-        space: {
-          gap: '0.75rem',
-          x: '1rem',
-          y: '0.5rem',
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        color: {
-          icon: {
-            default: '#696e79',
-          },
-        },
-      },
-      md: {
-        icon: {
-          size: {
-            height: '2rem',
-            width: '2rem',
-          },
-        },
-        space: {
-          gap: '0.5rem',
-          x: '1rem',
-          y: '0.75rem',
-        },
-        radii: {
-          all: '0.5rem',
-        },
-        color: {
-          icon: {
-            default: '#161517',
-          },
-        },
-      },
-      typography: {
-        title: {
-          default:
-            '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      hasFile: {
-        space: {
-          gap: '0.75rem',
-        },
-        header: {
-          space: {
-            gap: '0.5rem',
-          },
-        },
-      },
-      transitions: {
-        all: 'all 100ms ease-in 0ms',
-      },
-      color: {
-        background: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#f6f7fa',
-          error: 'rgb(100% 13.725% 13.725% / 0.1)',
-        },
-        stroke: {
-          default: '#e6e7e9',
-          hover: '#e6e7e9',
-          active: '#b3b6bd',
-          error: 'rgba(0, 0, 0, 0)',
-        },
-        title: {
-          default: '#161517',
-          hover: '#161517',
-          active: '#161517',
-          error: '#c10000',
-        },
-        description: {
-          default: '#696e79',
-          hover: '#696e79',
-          active: '#696e79',
-          error: '#c10000',
-        },
-      },
-    },
-    flyout: {
-      space: {
-        default: {
-          x: '0',
-          y: '1.5rem',
-          gap: '1rem',
-          top: '0',
-          content: {
-            x: '1.5rem',
-            y: '1.5rem',
-            'row-gap': '0.25rem',
-            'column-gap': '1rem',
-          },
-        },
-        inline: {
-          x: '0',
-          y: '0.75rem',
-          gap: '0.75rem',
-          top: '3.5rem',
-          content: {
-            x: '0.75rem',
-            y: '0.75rem',
-            'row-gap': '0.25rem',
-            'column-gap': '0.75rem',
-          },
-        },
-      },
-      shadow: {
-        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-      },
-      size: {
-        default: {
-          width: '27.5rem',
-          height: '100%',
-        },
-        wide: {
-          width: '37.5rem',
-          height: '100vh',
-        },
-        narrow: {
-          width: '21rem',
-          height: '100%',
-        },
-        widest: {
-          width: '55rem',
-          height: '100vh',
-        },
-      },
-      typography: {
-        default: {
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        inline: {
-          description: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      color: {
-        background: {
-          default: '#ffffff',
-        },
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-        },
-        description: {
-          default: '#696e79',
-        },
-        stroke: {
-          default: '#e6e7e9',
-        },
-      },
-    },
-    genericMenu: {
-      item: {
-        space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
-        },
-        icon: {
-          size: {
-            height: '0.9688rem',
-            width: '0.9688rem',
-          },
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          sectionHeader: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          subtext: {
-            default:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        'two-lines': {
-          space: {
-            x: '1rem',
-            y: '0.3438rem',
-            gap: '0.75rem',
-          },
-        },
-        size: {
-          minWidth: '180px',
-        },
-        color: {
-          default: {
-            text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
-              disabled: '#a0a0a0',
-              muted: '#696e79',
-            },
-            background: {
-              default: '#ffffff',
-              hover: '#f6f7fa',
-              active: '#ffffff',
-              disabled: '#ffffff',
-            },
-            stroke: {
-              default: '#e6e7e9',
-              focus: '#437eef',
-            },
-          },
-          format: {
-            default: 'lch(71.998 4.1843 268.48)',
-            hover: 'lch(71.998 4.1843 268.48)',
-            active: 'lch(71.998 4.1843 268.48)',
-            disabled: '#a0a0a0',
-          },
-          subtext: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#c0c0c0',
-          },
-          danger: {
-            text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
-              disabled: '#a0a0a0',
-            },
-            background: {
-              default: '#ffffff',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-              disabled: '#ffffff',
-            },
-            stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              focus: '#437eef',
-            },
-          },
-        },
-      },
-      itemCustom: {
-        typography: {
-          label: {
-            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      button: {
-        space: {
-          gap: '0.25rem',
-          y: '0.5rem',
-        },
-        typography: {
-          label: {
-            default:
-              '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        color: {
-          background: {
-            default: '#f6f7fa',
-          },
-          label: {
-            default: '#696e79',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-      panel: {
-        radii: {
-          all: '0.25rem',
-        },
-        shadow: {
-          default:
-            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-        },
-        size: {
-          height: '2rem',
-        },
-        color: {
-          background: {
-            default: '#ffffff',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-      autocomplete: {
-        typography: {
-          results: {
-            label: {
-              default:
-                '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          search: {
-            placeholder: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-            term: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        search: {
-          stroke: {
-            default: '2px solid #e6e7e9',
-          },
-        },
-        color: {
-          placeholder: {
-            default: '#9a9ea7',
-          },
-          searchTerm: {
-            default: '#161517',
-          },
-          background: {
-            default: '#ffffff',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-      sectionHeader: {
-        space: {
-          bottom: '0.3438rem',
-          top: '0.5rem',
-        },
-      },
-      placeholder: {
-        space: {
-          gap: '0.5rem',
-        },
-      },
-    },
-    grid: {
-      header: {
-        cell: {
-          space: {
-            y: '0.4375rem',
-            x: '0.5rem',
-          },
-          size: {
-            height: '2rem',
-          },
-          color: {
-            background: {
-              default: '#f6f7fa',
-              selectIndirect: 'lch(95.61 5.8361 264.18)',
-              selectDirect: '#e7effd',
-            },
-            title: {
-              default: '#696e79',
-              selectIndirect: '#161517',
-              selectDirect: '#161517',
-            },
-            stroke: {
-              default: 'lch(89.319 1.0747 265.86)',
-              selectIndirect: '#e7effd',
-              selectDirect: 'lch(86.135 15.126 266.4)',
-            },
-          },
-        },
-        title: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      body: {
-        cell: {
-          space: {
-            y: '5.5px',
-            x: '0.5rem',
-          },
-          size: {
-            height: '2rem',
-          },
-          color: {
-            background: {
-              default: '#ffffff',
-              selectIndirect: 'lch(94.146 7.7815 264.18 / 0.2)',
-              selectDirect: 'lch(94.146 7.7815 264.18 / 0.2)',
-            },
-            stroke: {
-              default: '#e6e7e9',
-              selectIndirect: '#d0dffb',
-              selectDirect: '#437eef',
-            },
-            text: {
-              default: 'lch(7.1704 1.4351 305.43)',
-              selectIndirect: '#161517',
-              selectDirect: '#161517',
-            },
-          },
-        },
-      },
-      cell: {
-        text: {
-          default:
-            '500 0.875rem/1.5 "Inconsolata", Consolas, "SFMono Regular", monospace',
-        },
-      },
-      radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
-      },
-      global: {
-        color: {
-          stroke: {
-            default: '#e6e7e9',
-          },
-          background: {
-            default: '#ffffff',
-          },
-        },
-      },
-    },
-    gridContainer: {
-      gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
-        unset: "''",
-      },
-    },
-    icon: {
-      space: {
-        xs: {
-          all: '0.25rem',
-        },
-        sm: {
-          all: '0.25rem',
-        },
-        md: {
-          all: '0.365rem',
-        },
-        lg: {
-          all: '0.5rem',
-        },
-        xl: {
-          all: '0.75rem',
-        },
-        xxl: {
-          all: '1rem',
-        },
-      },
-      color: {
-        background: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.1)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-        },
-        text: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: '#008a0b',
-          neutral: '#53575f',
-          danger: '#c10000',
-          info: '#437eef',
-          warning: '#a33c00',
-        },
-        stroke: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.05)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
-        },
-      },
-    },
-    image: {
-      sm: {
-        size: {
-          height: '1rem',
-          width: '1rem',
-        },
-      },
-      xs: {
-        size: {
-          height: '0.75rem',
-          width: '0.75rem',
-        },
-      },
-      md: {
-        size: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      lg: {
-        size: {
-          height: '1.5rem',
-          width: '1.5rem',
-        },
-      },
-      xl: {
-        size: {
-          height: '2rem',
-          width: '2rem',
-        },
-      },
-      xxl: {
-        size: {
-          height: '4rem',
-          width: '4rem',
-        },
-      },
-      borderWidth: {
-        default: '1.5px',
-        thin: '1px',
-      },
-      color: {
-        stroke: '#161517',
-      },
-    },
-    link: {
-      space: {
-        md: {
-          gap: '0.25rem',
-        },
-        sm: {
-          gap: '2px',
-        },
-      },
-      icon: {
-        size: {
-          sm: {
-            height: '0.75rem',
-            width: '0.75rem',
-          },
-          md: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-      },
-    },
-    panel: {
-      strokeWidth: {
-        default: '1px',
-      },
-      radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
-      },
-      stroke: {
-        default: '1px solid #e6e7e9',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-      },
-      space: {
-        y: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-        x: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-        gap: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
-        },
-      },
-      color: {
-        background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
-          transparent: 'rgba(0, 0, 0, 0)',
-        },
-        stroke: {
-          default: '#e6e7e9',
-        },
-      },
-    },
-    popover: {
-      space: {
-        y: '1rem',
-        x: '1.5rem',
-        gap: '0.75rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      shadow: {
-        default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-      },
-      icon: {
-        size: {
-          height: '1.25rem',
-          width: '1.25rem',
-        },
-      },
-      color: {
-        panel: {
-          background: {
-            default: '#ffffff',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-    },
-    radio: {
-      radii: {
-        all: '9999px',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: '#f6f7fa',
-          hover: '#f6f7fa',
-          active: '#161517',
-          disabled: '#dfdfdf',
-        },
-        stroke: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#151515',
-          disabled: '#c0c0c0',
-        },
-        indicator: {
-          default: '#ffffff',
-          hover: '#f6f7fa',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
-        },
-      },
-    },
-    separator: {
-      horizontal: {
-        space: {
-          y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          x: {
-            all: '0',
-          },
-        },
-      },
-      vertical: {
-        space: {
-          x: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          y: {
-            all: '0',
-          },
-        },
-      },
-      color: {
-        stroke: {
-          default: '#e6e7e9',
-        },
-      },
-    },
-    sidebar: {
-      navigation: {
-        item: {
-          radii: {
-            all: '0.25rem',
-          },
-          default: {
-            space: {
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-              left: '0',
-            },
-          },
-          typography: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mobile: {
-            typography: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-            space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
-            },
-          },
-          collapsible: {
-            space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-            },
-          },
-          icon: {
-            size: {
-              height: '1rem',
-              width: '1rem',
-            },
-          },
-          global: {
-            gap: '2px',
-          },
-        },
-        title: {
-          typography: {
-            default:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        subItem: {
-          default: {
-            space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.2813rem',
-            },
-          },
-          mobile: {
-            space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
-            },
-            typography: {
-              default:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              hover:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              active:
-                '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          radii: {
-            all: '0.25rem',
-          },
-          typography: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            disabled:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        dragControl: {
-          separator: {
-            size: {
-              height: '0.125rem',
-            },
-          },
-        },
-      },
-      main: {
-        color: {
-          background: {
-            default: '#ffffff',
-          },
-          text: {
-            default: '#161517',
-            muted: '#696e79',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-        navigation: {
-          item: {
-            color: {
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: '#e6e7e9',
-              },
-              text: {
-                default: '#161517',
-                hover: '#161517',
-                active: '#161517',
-                muted: '#696e79',
-                disabled: '#a0a0a0',
-              },
-              icon: {
-                default: '#696e79',
-                disabled: '#a0a0a0',
-              },
-            },
-          },
-          title: {
-            color: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-            },
-          },
-          subItem: {
-            color: {
-              text: {
-                default: '#696e79',
-                hover: '#161517',
-                active: '#161517',
-                disabled: '#a0a0a0',
-              },
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: 'rgba(0, 0, 0, 0)',
-                disabled: 'rgba(0, 0, 0, 0)',
-              },
-              icon: {
-                default: '#696e79',
-                disabled: '#a0a0a0',
-              },
-            },
-          },
-          dragControl: {
-            separator: {
-              color: {
-                default: '#161517',
-              },
-            },
-          },
-        },
-      },
-      sqlSidebar: {
-        navigation: {
-          item: {
-            color: {
-              text: {
-                disabled: '#a0a0a0',
-                default: '#161517',
-                hover: '#161517',
-                active: '#161517',
-                muted: '#696e79',
-              },
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: '#e6e7e9',
-              },
-              icon: {
-                default: '#696e79',
-              },
-            },
-          },
-          title: {
-            color: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-            },
-          },
-          subItem: {
-            color: {
-              text: {
-                default: '#696e79',
-                hover: '#161517',
-                active: '#161517',
-                disabled: '#a0a0a0',
-              },
-              background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: 'rgba(0, 0, 0, 0)',
-              },
-            },
-          },
-          dragControl: {
-            separator: {
-              color: {
-                default: '#161517',
-              },
-            },
-          },
-        },
-        color: {
-          background: {
-            default: '#f6f7fa',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-    },
-    spacer: {
-      horizontal: {
-        space: {
-          y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
-          },
-          x: {
-            all: '0',
-          },
-        },
-      },
-    },
-    stepper: {
-      vertical: {
-        numbered: {
-          connector: {
-            size: {
-              width: '0.1875rem',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#c0c0c0',
-              },
-            },
-          },
-          typography: {
-            title: {
-              default:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          step: {
-            typography: {
-              number: {
-                default:
-                  '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-              },
-            },
-            size: {
-              height: '1.5rem',
-              width: '1.5rem',
-              icon: {
-                height: '0.75rem',
-                width: '0.75rem',
-              },
-            },
-            stroke: {
-              default: '2px',
-            },
-            radii: {
-              default: '9999px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#1f1f1c',
-              },
-              background: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#1f1f1c',
-              },
-              icon: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
-              },
-            },
-          },
-          content: {
-            space: {
-              gap: {
-                x: '1rem',
-                y: '0.5rem',
-              },
-              left: '2.75rem',
-              bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
-              },
-            },
-          },
-          color: {
-            title: {
-              incomplete: '#c0c0c0',
-              complete: '#696e79',
-              active: '#161517',
-            },
-          },
-        },
-        bulleted: {
-          connector: {
-            size: {
-              width: '0.1875rem',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#c0c0c0',
-              },
-            },
-          },
-          step: {
-            size: {
-              height: '1rem',
-              width: '1rem',
-              icon: {
-                height: '0.75rem',
-                width: '0.75rem',
-              },
-            },
-            radii: {
-              default: '9999px',
-            },
-            stroke: {
-              default: '2px',
-            },
-            color: {
-              stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#1f1f1c',
-              },
-              background: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#ffffff',
-              },
-              icon: {
-                incomplete: '#ffffff',
-                complete: '#1f1f1c',
-                active: '#ffffff',
-              },
-            },
-          },
-          typography: {
-            title: {
-              default:
-                '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          content: {
-            space: {
-              gap: {
-                x: '1rem',
-                y: '0.5rem',
-              },
-              left: '2.25rem',
-              bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
-              },
-            },
-          },
-          color: {
-            title: {
-              incomplete: '#c0c0c0',
-              complete: '#696e79',
-              active: '#161517',
-            },
-          },
-        },
-      },
-    },
-    switch: {
-      space: {
-        gap: '0.5rem',
-      },
-      radii: {
-        all: '9999px',
-      },
-      size: {
-        width: '2rem',
-        height: '1rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          disabled:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: '#cccfd3',
-          active: '#151515',
-          disabled: '#dfdfdf',
-        },
-        stroke: {
-          default: '#cccfd3',
-          active: '#161517',
-          disabled: '#dfdfdf',
-        },
-        indicator: {
-          default: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
-        },
-      },
-    },
-    table: {
-      header: {
-        title: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        cell: {
-          space: {
-            md: {
-              y: '0.75rem',
-              x: '1rem',
-            },
-            sm: {
-              y: '0.5rem',
-              x: '1rem',
-            },
-          },
-        },
-        color: {
-          background: {
-            default: '#f6f7fa',
-            hover: '#f6f7fa',
-            active: '#e7effd',
-          },
-          title: {
-            default: '#161517',
-          },
-          icon: {
-            default: '#161517',
-          },
-          checkbox: {
-            background: {
-              default: '#cccfd3',
-            },
-            border: {
-              default: '#808691',
-            },
-          },
-        },
-      },
-      cell: {
-        text: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        label: {
-          default:
-            '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        stroke: '1px',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      body: {
-        cell: {
-          space: {
-            md: {
-              y: '1rem',
-              x: '1rem',
-            },
-            sm: {
-              y: '0.5rem',
-              x: '1rem',
-            },
-          },
-        },
-      },
-      mobile: {
-        cell: {
-          space: {
-            y: '1rem',
-            x: '1rem',
-            gap: '0.5rem',
-          },
-        },
-      },
-      row: {
-        color: {
-          background: {
-            default: '#ffffff',
-            hover: 'lch(94.146 7.7815 264.18 / 0.2)',
-            active: 'lch(94.146 7.7815 264.18 / 0.2)',
-          },
-          stroke: {
-            default: '#e6e7e9',
-          },
-          text: {
-            default: '#161517',
-            disabled: '#a0a0a0',
-          },
-          link: {
-            default: '#437eef',
-          },
-          label: {
-            default: '#696e79',
-          },
-          barChart: {
-            default: '#dfdfdf',
-            hover: '#c0c0c0',
-          },
-        },
-      },
-      global: {
-        color: {
-          stroke: {
-            default: '#e6e7e9',
-          },
-          background: {
-            default: '#ffffff',
-          },
-        },
-      },
-    },
-    tabs: {
-      space: {
-        y: '0.5rem',
-        x: '0.75rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          hover:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          active:
-            '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      basic: {
-        strokeWidth: {
-          default: '1px',
-          hover: '1px',
-          active: '2px',
-          global: '1px',
-        },
-        color: {
-          background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'rgba(0, 0, 0, 0)',
-          },
-          text: {
-            default: '#696e79',
-            hover: '#161517',
-            active: '#161517',
-          },
-          stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: '#151515',
-          },
-          global: {
-            default: '#e6e7e9',
-          },
-        },
-      },
-      fileTabs: {
-        icon: {
-          size: {
-            height: '1rem',
-            width: '1rem',
-          },
-        },
-        space: {
-          y: '1.0625rem',
-          x: '1rem',
-          gap: '0.75rem',
-        },
-        typography: {
-          label: {
-            default:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            hover:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            active:
-              '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-        radii: {
-          all: '0',
-        },
-        color: {
-          background: {
-            default: '#f6f7fa',
-            hover: '#ffffff',
-            active: '#ffffff',
-          },
-          text: {
-            default: '#696e79',
-            hover: '#161517',
-            active: '#161517',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#e6e7e9',
-          },
-          closeButton: {
-            background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#e6e7e9',
-            },
-          },
-        },
-      },
-    },
-    toast: {
-      icon: {
-        size: {
-          height: '1rem',
-          width: '1rem',
-        },
-      },
-      space: {
-        title: {
-          gap: '0.5rem',
-        },
-        y: '0.75rem',
-        x: '0.75rem',
-        gap: '0.5rem',
-      },
-      radii: {
-        all: '0.25rem',
-      },
-      shadow:
-        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-      typography: {
-        title: {
-          default:
-            '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        description: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      size: {
-        width: '20.75rem',
-      },
-      color: {
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-        },
-        description: {
-          default: '#696e79',
-        },
-        stroke: {
-          default: '#e6e7e9',
-        },
-        icon: {
-          default: 'lch(11.126 1.374 305.43)',
-          success: '#008a0b',
-          warning: '#a33c00',
-          danger: '#c10000',
-        },
-      },
-    },
-    tooltip: {
-      radii: {
-        all: '0.25rem',
-      },
-      space: {
-        x: '0.75rem',
-        y: '0.5rem',
-      },
-      typography: {
-        label: {
-          default:
-            '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      color: {
-        background: {
-          default: 'lch(10.767 0 none / 0.85)',
-        },
-        label: {
-          default: '#ffffff',
-        },
-      },
-    },
-    dashboards: {
-      chartWidget: {
-        space: {
-          gap: '1rem',
-          element: {
-            gap: '0.5rem',
-          },
-        },
-        borderWidth: {
-          default: '1px',
-        },
-        stroke: {
-          default: '1px solid #e6e7e9',
-          element: {
-            default: '1px solid #e6e7e9',
-          },
-          hover: '1px solid #b3b6bd',
-          selected: '1px solid #151515',
-        },
-        element: {
-          radii: {
-            all: '0.25rem',
-          },
-        },
-        radii: {
-          all: '0.25rem',
-        },
-        typography: {
-          title: {
-            default:
-              '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          description: {
-            default: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-          label: {
-            default: {
-              default:
-                '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            },
-          },
-        },
-        shadow: {
-          default: '0',
-          hover:
-            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-        },
-        size: {
-          icon: {
-            all: {
-              drag: '1.25rem',
-              menu: '1.5rem',
-              resize: '0.75rem',
-            },
-          },
-        },
-        color: {
-          background: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            selected: '#ffffff',
-          },
-          stroke: {
-            default: '#e6e7e9',
-            hover: '#b3b6bd',
-            selected: '#151515',
-          },
-          title: {
-            default: 'lch(11.126 1.374 305.43)',
-          },
-          description: {
-            default: '#696e79',
-          },
-          legend: {
-            default: '#696e79',
-            hover: '#696e79',
-            selected: '#161517',
-          },
-          element: {
-            stroke: {
-              default: '#e6e7e9',
-            },
-          },
-          icon: {
-            default: '#161517',
-            hover: '#161517',
-            selected: '#151515',
-          },
-          opacity: {
-            bar: {
-              default: 0.2,
-              hover: 0.5,
-            },
-          },
-          label: {
-            default: '#696e79',
-            hover: '#696e79',
-            selected: '#696e79',
-          },
-        },
-      },
-    },
-    global: {
-      color: {
-        stroke: {
-          default: '#e6e7e9',
-          muted: 'lch(91.609 1.1023 265.86)',
-          intense: '#b3b6bd',
-        },
-        accent: {
-          default: '#151515',
-        },
-        background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
-        },
-        text: {
-          default: '#161517',
-          muted: '#696e79',
-          disabled: '#a0a0a0',
-          link: {
-            default: '#437eef',
-            hover: '#104ec6',
-          },
-          danger: '#c10000',
-          warning: '#a33c00',
-        },
-        title: {
-          default: 'lch(11.126 1.374 305.43)',
-          muted: '#696e79',
-        },
-        outline: {
-          default: '#437eef',
-        },
-        shadow: {
-          default: 'lch(6.7738 0 none / 0.15)',
-        },
-      },
-    },
-    feedback: {
-      color: {
-        info: {
-          background: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-          foreground: '#437eef',
-        },
-        success: {
-          background: 'rgb(20% 100% 26.667% / 0.1)',
-          foreground: '#008a0b',
-        },
-        warning: {
-          background: 'rgb(100% 46.667% 16.078% / 0.1)',
-          foreground: '#a33c00',
-        },
-        danger: {
-          background: 'rgb(100% 13.725% 13.725% / 0.1)',
-          foreground: '#c10000',
-        },
-        neutral: {
-          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          foreground: '#53575f',
-          stroke: '#e6e7e9',
-        },
-      },
-    },
-    storybook: {
-      global: {
-        background: '#ffffff',
-      },
-    },
-    chart: {
-      color: {
-        default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        label: {
-          default: '#161517',
-          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
-        },
-      },
-      bars: {
-        color: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-      },
-    },
-    serviceCard: {
-      color: {
-        background: {
-          default: '#fbfcff',
-          hover: '#fbfcff',
-        },
-        stroke: {
-          default: '#e6e7e9',
-          hover: '#cccfd3',
-        },
-      },
-    },
-    gareth: {
-      test: {
-        main: {
-          text: '#161517',
-          danger: '#c10000',
-        },
-      },
-    },
-  },
-  transition: {
-    default: 'all 100ms ease-in 0ms',
-    duration: {
-      slow: '300ms',
-      smooth: '150ms',
-      medium: '100ms',
-      fast: '50ms',
-    },
-    delay: {
-      slow: '100ms',
-      fast: '0ms',
-    },
-    function: {
-      ease: 'ease',
-      'ease-in': 'ease-in',
-      'ease-in-out': 'ease-in-out',
-      linear: 'linear',
-    },
-  },
-  grid: {
-    header: {
-      cell: {
-        borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '1px',
-        },
-      },
-    },
-    body: {
-      cell: {
-        borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '2px',
-        },
-      },
-    },
-  },
-  palette: {
-    brand: {
-      '50': '#ffffe8',
-      '100': '#feffc2',
-      '200': '#fdffa3',
-      '300': '#faff69',
-      '400': '#eef400',
-      '500': '#c7cc00',
-      '600': '#959900',
-      '700': '#686b00',
-      '800': '#3c4601',
-      '900': '#333300',
-      base: '#fbff46',
-    },
-    neutral: {
-      '0': '#ffffff',
-      '100': '#f9f9f9',
-      '200': '#dfdfdf',
-      '300': '#c0c0c0',
-      '400': '#a0a0a0',
-      '500': '#808080',
-      '600': '#606060',
-      '650': '#505050',
-      '700': '#414141',
-      '712': '#323232',
-      '725': '#282828',
-      '750': '#1f1f1c',
-      '800': '#1d1d1d',
-      '900': '#151515',
-      base: '#212121',
-    },
-    slate: {
-      '25': '#fbfcff',
-      '50': '#f6f7fa',
-      '100': '#e6e7e9',
-      '200': '#cccfd3',
-      '300': '#b3b6bd',
-      '400': '#9a9ea7',
-      '500': '#808691',
-      '600': '#696e79',
-      '700': '#53575f',
-      '800': '#302e32',
-      '900': '#161517',
-      base: '#373439',
-      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
-    },
-    indigo: {
-      '50': '#f4f1fc',
-      '100': '#e4e2e9',
-      '200': '#c8c5d3',
-      '300': '#ada8bd',
-      '400': '#918ba7',
-      '500': '#766e91',
-      '600': '#5e5874',
-      '700': '#474257',
-      '800': '#23212c',
-      '900': '#18161d',
-      base: '#2f2c3a',
-    },
-    info: {
-      '50': '#e7effd',
-      '100': '#d0dffb',
-      '200': '#a1bef7',
-      '300': '#6d9bf3',
-      '400': '#437eef',
-      '500': '#1d64ec',
-      '600': '#104ec6',
-      '650': '#0d3e9b',
-      '700': '#0d3e9b',
-      '800': '#092b6c',
-      '900': '#061c47',
-      base: '#4781f0',
-    },
-    success: {
-      '50': '#e5ffe8',
-      '100': '#ccffd0',
-      '200': '#99ffa1',
-      '300': '#66ff73',
-      '400': '#33ff44',
-      '500': '#00e513',
-      '600': '#00bd10',
-      '700': '#008a0b',
-      '800': '#006108',
-      '850': '#004206',
-      '900': '#004206',
-      base: '#62de85',
-    },
-    warning: {
-      '50': '#ffe2d1',
-      '100': '#ffcbad',
-      '200': '#ffb88f',
-      '300': '#ff9457',
-      '400': '#ff7729',
-      '500': '#f55a00',
-      '600': '#d64f00',
-      '700': '#a33c00',
-      '800': '#7a2d00',
-      '900': '#471a00',
-      base: '#ffa63d',
-    },
-    danger: {
-      '50': '#ffdddd',
-      '100': '#ffbaba',
-      '200': '#ff9898',
-      '300': '#ff7575',
-      '400': '#ff2323',
-      '500': '#f10000',
-      '600': '#c10000',
-      '700': '#910000',
-      '800': '#610000',
-      '900': '#300000',
-      base: '#ff5353',
-    },
-    gradients: {
-      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
-      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
-      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
-      transparent: 'rgba(0, 0, 0, 0)',
-    },
-    utility: {
-      transparent: 'rgba(0, 0, 0, 0)',
-    },
-    teal: {
-      '50': '#e6fefa',
-      '100': '#cffcf4',
-      '200': '#a3faec',
-      '300': '#6df8e1',
-      '400': '#0cedc8',
-      '500': '#0bd0af',
-      '600': '#089b83',
-      '700': '#067462',
-      '800': '#045245',
-      '850': '#004237',
-      '900': '#03352d',
-    },
-    violet: {
-      '50': '#f6e5ff',
-      '100': '#eeccff',
-      '200': '#dd99ff',
-      '300': '#cc66ff',
-      '400': '#bb33ff',
-      '500': '#aa00ff',
-      '600': '#8800cc',
-      '700': '#660099',
-      '800': '#440066',
-      '850': '#33004d',
-      '900': '#220033',
-    },
-    fuchsia: {
-      '50': '#fbeff8',
-      '100': '#fbc9ef',
-      '200': '#fb97e2',
-      '300': '#fb64d6',
-      '400': '#fb32c9',
-      '500': '#fb00bc',
-      '600': '#cc0099',
-      '700': '#990073',
-      '800': '#66004d',
-      '850': '#4d0039',
-      '900': '#330026',
-    },
-    sunrise: {
-      '50': '#fff3cc',
-      '100': '#ffe799',
-      '200': '#ffdb66',
-      '300': '#ffcf33',
-      '400': '#ffc300',
-      '500': '#e0ac00',
-      '600': '#b28800',
-      '700': '#8a6900',
-      '800': '#574200',
-      '900': '#332700',
-    },
-    babyblue: {
-      '50': '#dbfaff',
-      '100': '#bdf6ff',
-      '200': '#8aefff',
-      '300': '#33e4ff',
-      '400': '#00cbeb',
-      '500': '#00b5d1',
-      '600': '#008599',
-      '700': '#006170',
-      '800': '#00424d',
-      '900': '#002c33',
-    },
-  },
-  sizes: {
-    '0': '0',
-    '1': '1px',
-    '2': '0.25rem',
-    '3': '0.5rem',
-    '4': '0.75rem',
-    '5': '1rem',
-    '6': '1.25rem',
-    '7': '1.5rem',
-    '8': '1.75rem',
-    '9': '2rem',
-    '10': '2.5rem',
-    '11': '4rem',
-  },
-  typography: {
-    font: {
-      families: {
-        regular:
-          '"Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        mono: '"Inconsolata", Consolas, "SFMono Regular", monospace',
-        display:
-          '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-      },
-      weights: {
-        '1': '400',
-        '2': '500',
-        '3': '600',
-        '4': '700',
-      },
-      sizes: {
-        '0': '0.625rem',
-        '1': '0.75rem',
-        '2': '0.875rem',
-        '3': '1rem',
-        '4': '1.125rem',
-        '5': '1.25rem',
-        '6': '2rem',
-        base: '16px',
-      },
-      'line-height': {
-        '1': 1.5,
-        '2': 1.6,
-        '3': 1.7,
-        '4': 1.3,
-      },
-    },
-    styles: {
-      product: {
-        titles: {
-          xs: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
-            '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-        text: {
-          normal: {
-            xs: '400 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '400 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          medium: {
-            xs: '500 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '500 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          semibold: {
-            xs: '600 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '600 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '600 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-          mono: {
-            xs: '500 0.625rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            sm: '500 0.75rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            md: '500 0.875rem/1.7 "Inconsolata", Consolas, "SFMono Regular", monospace',
-            lg: '500 1rem/1.6 "Inconsolata", Consolas, "SFMono Regular", monospace',
-          },
-          bold: {
-            xs: '700 0.625rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            sm: '700 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            md: '700 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-            lg: '700 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          },
-        },
-      },
-      brand: {
-        titles: {
-          xs: '600 20px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          sm: '600 24px/1.5 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
-            '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-        },
-      },
-      field: {
-        md: '400 0.875rem/1.6 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-      },
-    },
-  },
-  border: {
-    radii: {
-      '0': '0',
-      '1': '0.25rem',
-      '2': '0.5rem',
-      '3': '0.75rem',
-      full: '9999px',
-    },
-    width: {
-      '1': '1px',
-      '2': '2px',
-    },
-  },
-  spaces: {
-    '0': '0',
-    '1': '0.25rem',
-    '2': '0.5rem',
-    '3': '0.75rem',
-    '4': '1rem',
-    '5': '1.5rem',
-    '6': '2rem',
-    '7': '2.5rem',
-    '8': '4rem',
-  },
-  shadow: {
-    '1': '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
-    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
-  },
-  breakpoint: {
-    sizes: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-      '2xl': '1536px',
-    },
-  },
-  global: {
-    color: {
-      gradients: {
-        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
-        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
-      },
-      background: {
-        default: '#ffffff',
-        muted: '#f6f7fa',
-        sidebar: '#ffffff',
-        split: '#f6f7fa',
-        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
-      },
-      stroke: {
-        default: '#e6e7e9',
-        muted: '#e6e7e9',
-        intense: '#b3b6bd',
-        split: '#e6e7e9',
-      },
-      accent: {
-        default: '#151515',
-      },
-      text: {
-        default: '#161517',
-        muted: '#696e79',
-        disabled: '#a0a0a0',
-        link: {
-          default: '#437eef',
-          hover: '#104ec6',
-        },
-      },
-      outline: {
-        default: '#437eef',
-      },
-      shadow: {
-        default: 'lch(6.7738 0 none / 0.15)',
-      },
-      feedback: {
-        info: {
-          background: '#e7effd',
-          foreground: '#437eef',
-        },
-        success: {
-          background: '#e5ffe8',
-          foreground: '#008a0b',
-        },
-        warning: {
-          background: '#ffe2d1',
-          foreground: '#a33c00',
-        },
-        danger: {
-          background: '#ffdddd',
-          foreground: '#c10000',
-        },
-        neutral: {
-          background: '#f6f7fa',
-          foreground: '#53575f',
-          stroke: '#e6e7e9',
-        },
-      },
-      chart: {
-        default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          danger: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        bars: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
-        },
-        label: {
-          default: '#161517',
-          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
-        },
-      },
-      iconButton: {
-        badge: {
-          foreground: '#437eef',
-          background: '#e7effd',
-        },
-      },
-      icon: {
-        background: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
-      },
-    },
-  },
-  name: 'light',
-};
-
-export default theme;
diff --git a/packages/click-ui/src/types/index.ts b/packages/click-ui/src/types/index.ts
index 0acdd9081..149e1c920 100644
--- a/packages/click-ui/src/types/index.ts
+++ b/packages/click-ui/src/types/index.ts
@@ -1,5 +1,5 @@
 import type { SVGAttributes } from 'react';
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export type States = 'default' | 'active' | 'disabled' | 'error' | 'hover';
 export type HorizontalDirection = 'start' | 'end';
diff --git a/packages/click-ui/src/utils/dom.ts b/packages/click-ui/src/utils/dom.ts
index b9c6cd1e3..404ef67e7 100644
--- a/packages/click-ui/src/utils/dom.ts
+++ b/packages/click-ui/src/utils/dom.ts
@@ -1,4 +1,4 @@
-import { ThemeName } from '@/theme/theme.types';
+import { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { CUI_THEME_STORAGE_KEY } from './localStorage';
 
 export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
diff --git a/packages/click-ui/src/utils/test-utils.tsx b/packages/click-ui/src/utils/test-utils.tsx
index 169beb24a..bbab482bc 100644
--- a/packages/click-ui/src/utils/test-utils.tsx
+++ b/packages/click-ui/src/utils/test-utils.tsx
@@ -1,4 +1,4 @@
-import type { ThemeName } from '@/theme/theme.types';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import { render as renderTL } from '@testing-library/react';
 import { ClickUIProvider } from '@/providers';
 
diff --git a/yarn.lock b/yarn.lock
index 0774c9a6f..c37780e34 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -568,6 +568,7 @@ __metadata:
   resolution: "@clickhouse/click-ui@workspace:packages/click-ui"
   dependencies:
     "@changesets/cli": "npm:^2.29.8"
+    "@clickhouse/design-tokens": "workspace:^"
     "@h6s/calendar": "npm:2.0.1"
     "@playwright/test": "npm:^1.57.0"
     "@radix-ui/react-accordion": "npm:1.2.12"
@@ -652,7 +653,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@clickhouse/design-tokens@workspace:packages/design-tokens":
+"@clickhouse/design-tokens@workspace:^, @clickhouse/design-tokens@workspace:packages/design-tokens":
   version: 0.0.0-use.local
   resolution: "@clickhouse/design-tokens@workspace:packages/design-tokens"
   dependencies:

From 6abbd8687a020e8514cad712fd2fb85157e55302 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:33:32 +0100
Subject: [PATCH 11/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20format?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/src/hooks/index.ts          |    5 +-
 .../click-ui/src/providers/ThemeProvider.tsx  |    6 +-
 packages/design-tokens/LEGACY.md              |   55 +-
 packages/design-tokens/README.md              |    2 +-
 packages/design-tokens/SPECIFICATION.md       |   99 +-
 .../dictionary/primitives.dtcg.json           | 1164 +-----
 packages/design-tokens/legacy/hooks/index.ts  |    8 +-
 .../design-tokens/legacy/hooks/useCUITheme.ts |    8 +-
 .../legacy/hooks/useInitialTheme.ts           |   20 +-
 packages/design-tokens/legacy/index.ts        |   18 +-
 .../InitCUIThemeScript/InitCUIThemeScript.tsx |    8 +-
 .../legacy/theme/InitCUIThemeScript/index.ts  |    4 +-
 packages/design-tokens/legacy/theme/index.ts  |   10 +-
 .../design-tokens/legacy/theme/theme.core.ts  |   10 +-
 .../design-tokens/legacy/theme/theme.types.ts |    6 +-
 .../design-tokens/legacy/theme/theme.utils.ts |    4 +-
 .../legacy/theme/tokens/variables.dark.ts     | 3158 ++++++++---------
 .../legacy/theme/tokens/variables.light.ts    | 3136 ++++++++--------
 packages/design-tokens/legacy/utils/dom.ts    |    8 +-
 packages/design-tokens/legacy/utils/index.ts  |    4 +-
 .../legacy/utils/localStorage.ts              |    2 +-
 21 files changed, 3480 insertions(+), 4255 deletions(-)

diff --git a/packages/click-ui/src/hooks/index.ts b/packages/click-ui/src/hooks/index.ts
index 308fce09d..e358bad78 100644
--- a/packages/click-ui/src/hooks/index.ts
+++ b/packages/click-ui/src/hooks/index.ts
@@ -1,8 +1,5 @@
 export { useToast } from './useToast';
-export {
-  useInitialTheme,
-  useCUITheme,
-} from '@clickhouse/design-tokens/legacy/hooks';
+export { useInitialTheme, useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
 export type {
   UseThemeParams,
   CUIThemeType,
diff --git a/packages/click-ui/src/providers/ThemeProvider.tsx b/packages/click-ui/src/providers/ThemeProvider.tsx
index cbccc1119..6096578c2 100644
--- a/packages/click-ui/src/providers/ThemeProvider.tsx
+++ b/packages/click-ui/src/providers/ThemeProvider.tsx
@@ -2,11 +2,7 @@ import {
   ThemeProvider as StyledThemeProvider,
   createGlobalStyle,
 } from 'styled-components';
-import {
-  THEMES,
-  themes,
-  isValidThemeName,
-} from '@clickhouse/design-tokens/legacy/theme';
+import { THEMES, themes, isValidThemeName } from '@clickhouse/design-tokens/legacy/theme';
 import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 const GlobalStyle = createGlobalStyle`
diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index 435a75113..4661577d7 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -19,23 +19,23 @@ Replace imports from `@clickhouse/click-ui` with explicit legacy paths.
 Before (from @clickhouse/click-ui - deprecated):
 
 ```tsx
-import { useCUITheme } from '@clickhouse/click-ui';
+import { useCUITheme } from "@clickhouse/click-ui";
 ```
 
 After (explicit legacy import)
-  
+
 ```tsx
-import { useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
+import { useCUITheme } from "@clickhouse/design-tokens/legacy/hooks";
 ```
 
 ## Import Paths
 
-| Import | Path | Exports |
-|--------|------|---------|
-| Everything | `/legacy` | Hooks, themes, utils, types |
-| Hooks only | `/legacy/hooks` | `useCUITheme`, `useInitialTheme` |
+| Import     | Path            | Exports                                  |
+| ---------- | --------------- | ---------------------------------------- |
+| Everything | `/legacy`       | Hooks, themes, utils, types              |
+| Hooks only | `/legacy/hooks` | `useCUITheme`, `useInitialTheme`         |
 | Theme only | `/legacy/theme` | `THEMES`, `themes`, `InitCUIThemeScript` |
-| Utils only | `/legacy/utils` | `CUI_THEME_STORAGE_KEY`, DOM helpers |
+| Utils only | `/legacy/utils` | `CUI_THEME_STORAGE_KEY`, DOM helpers     |
 
 ### Main Entry (`/legacy`)
 
@@ -51,14 +51,17 @@ import {
   // Utils
   CUI_THEME_STORAGE_KEY,
   THEME_ATTRIBUTE,
-} from '@clickhouse/design-tokens/legacy';
+} from "@clickhouse/design-tokens/legacy";
 ```
 
 ### Hooks (`/legacy/hooks`)
 
 ```tsx
-import { useCUITheme, useInitialTheme } from '@clickhouse/design-tokens/legacy/hooks';
-import type { CUIThemeType, UseThemeParams } from '@clickhouse/design-tokens/legacy/hooks';
+import { useCUITheme, useInitialTheme } from "@clickhouse/design-tokens/legacy/hooks";
+import type {
+  CUIThemeType,
+  UseThemeParams,
+} from "@clickhouse/design-tokens/legacy/hooks";
 ```
 
 ### Theme (`/legacy/theme`)
@@ -69,8 +72,12 @@ import {
   themes,
   InitCUIThemeScript,
   isValidThemeName,
-} from '@clickhouse/design-tokens/legacy/theme';
-import type { ThemeName, Theme, InitCUIThemeScriptProps } from '@clickhouse/design-tokens/legacy/theme';
+} from "@clickhouse/design-tokens/legacy/theme";
+import type {
+  ThemeName,
+  Theme,
+  InitCUIThemeScriptProps,
+} from "@clickhouse/design-tokens/legacy/theme";
 ```
 
 ### Utils (`/legacy/utils`)
@@ -88,8 +95,8 @@ import {
 **Before (legacy styled-components theme):**
 
 ```tsx
-import { theme } from 'primitives';
-import { useCUITheme } from '@clickhouse/click-ui';
+import { theme } from "primitives";
+import { useCUITheme } from "@clickhouse/click-ui";
 
 function ThemeProvider({ children }) {
   const cuiTheme = useCUITheme();
@@ -107,11 +114,7 @@ Example, no JS theme import using CSS variables directly in your styles:
 
 ```tsx
 function Component() {
-  return (
-    <div style={{ color: 'var(--cui-color-foreground-default)' }}>
-      Content
-    </div>
-  );
+  return <div style={{ color: "var(--cui-color-foreground-default)" }}>Content</div>;
 }
 ```
 
@@ -119,11 +122,11 @@ function Component() {
 
 Replace theme object access with CSS variables (for intent token role, consult the product design team):
 
-| Legacy (JS) | New (CSS) |
-|-------------|-----------|
-| `theme.global.color.text.default` | `var(--cui-color-foreground-default)` |
-| `theme.global.color.background.default` | `var(--cui-color-background-default)` |
-| `theme.sizes.100` | `var(--cui-space-100)` |
-| `theme.breakpoint` | Use media queries with `var(--cui-breakpoint-*)` |
+| Legacy (JS)                             | New (CSS)                                        |
+| --------------------------------------- | ------------------------------------------------ |
+| `theme.global.color.text.default`       | `var(--cui-color-foreground-default)`            |
+| `theme.global.color.background.default` | `var(--cui-color-background-default)`            |
+| `theme.sizes.100`                       | `var(--cui-space-100)`                           |
+| `theme.breakpoint`                      | Use media queries with `var(--cui-breakpoint-*)` |
 
 For complete CSS variable reference, see the main [README.md](./README.md).
diff --git a/packages/design-tokens/README.md b/packages/design-tokens/README.md
index b25bd89f6..d49196daa 100644
--- a/packages/design-tokens/README.md
+++ b/packages/design-tokens/README.md
@@ -63,7 +63,7 @@ This package follows the [DTCG (Design Tokens Community Group)](https://www.desi
 | **Spacing**    | Percentage-based with 8px base unit                                                                  | `space/100` (8px), `space/200` (16px)                           |
 | **Radius**     | Percentage-based scale                                                                               | `radius/50` (4px), `radius/100` (8px)                           |
 | **Sizing**     | T-shirt sizes by type                                                                                | `sizing/icon/md` (20px), `sizing/component/lg` (48px)           |
-| **Typography** | `font/{property}/{scale}`                                                                            | `font/size/lg` (16px), `font/weight/semibold` (600)            |
+| **Typography** | `font/{property}/{scale}`                                                                            | `font/size/lg` (16px), `font/weight/semibold` (600)             |
 
 ### Usage Examples
 
diff --git a/packages/design-tokens/SPECIFICATION.md b/packages/design-tokens/SPECIFICATION.md
index fdb5c26d7..71c594536 100644
--- a/packages/design-tokens/SPECIFICATION.md
+++ b/packages/design-tokens/SPECIFICATION.md
@@ -132,6 +132,7 @@ space/{percentage}
 ```
 
 Where `index` is percentage of 8px base unit:
+
 - `space.100` = 8px (8 × 1)
 - `space.200` = 16px (8 × 2)
 - `space.400` = 32px (8 × 4)
@@ -144,17 +145,17 @@ space/{size}
 
 **Scale:**
 
-| Primitive | Value | Semantic | Use Case |
-|-----------|-------|----------|----------|
-| `space.0` | 0px | `space.none` | No spacing, reset, compact |
-| `space.50` | 4px | `space.xs` | Extra-small gaps, icon spacing |
-| `space.100` | 8px | `space.sm` | Small gaps, base unit, inline |
-| `space.150` | 12px | `space.md` | Medium gaps, component padding |
-| `space.200` | 16px | `space.lg` | Large gaps, card padding |
-| `space.300` | 24px | `space.xl` | Extra-large, container gaps |
-| `space.400` | 32px | `space.2xl` | 2x large, layout sections |
-| `space.600` | 48px | `space.3xl` | 3x large, major layout gaps |
-| `space.1000` | 80px | `space.4xl` | 4x large, page sections |
+| Primitive    | Value | Semantic     | Use Case                       |
+| ------------ | ----- | ------------ | ------------------------------ |
+| `space.0`    | 0px   | `space.none` | No spacing, reset, compact     |
+| `space.50`   | 4px   | `space.xs`   | Extra-small gaps, icon spacing |
+| `space.100`  | 8px   | `space.sm`   | Small gaps, base unit, inline  |
+| `space.150`  | 12px  | `space.md`   | Medium gaps, component padding |
+| `space.200`  | 16px  | `space.lg`   | Large gaps, card padding       |
+| `space.300`  | 24px  | `space.xl`   | Extra-large, container gaps    |
+| `space.400`  | 32px  | `space.2xl`  | 2x large, layout sections      |
+| `space.600`  | 48px  | `space.3xl`  | 3x large, major layout gaps    |
+| `space.1000` | 80px  | `space.4xl`  | 4x large, page sections        |
 
 **Skipped Values:** 25 (2px), 75 (6px), 250 (20px), 500 (40px), 800 (64px) — consolidated into adjacent semantic sizes.
 
@@ -173,6 +174,7 @@ space/{size}
 ```
 
 **Rationale:** Following Atlassian's two-tier approach:
+
 - **Primitives** (numeric): Hidden from Figma UI, continuous mathematical scale (8px base)
 - **Semantic** (T-shirt): Public-facing tokens designers use, consolidated to 9 essential sizes
 - Continuous primitives allow fine-grained theming; semantic aliases provide designer-friendly names
@@ -207,18 +209,18 @@ Examples: `radius.none`, `radius.sm`, `radius.md`, `radius.all`
 
 **Scale:**
 
-| Primitive | Value | Semantic Token | Use Case |
-|-----------|-------|----------------|----------|
-| `radius.0` | 0px | `radius.none` | Square corners, sharp, angular elements |
-| `radius.25` | 2px | `radius.minimal` | Subtle rounding — data tables, micro UI |
-| `radius.50` | 4px | `radius.sm` | Input fields, chips, tags, compact elements |
-| `radius.75` | 6px | — | (Unused intermediate) |
-| `radius.100` | 8px | `radius.md` | Standard buttons, cards, default components |
-| `radius.150` | 12px | — | (Unused intermediate) |
-| `radius.200` | 16px | `radius.lg` | Containers, modals, dialogs, panels |
-| `radius.300` | 24px | `radius.xl` | Large cards, feature sections, prominent |
-| `radius.400` | 32px | — | (Unused intermediate) |
-| `radius.999` | 999px | `radius.all` | Fully rounded — pills, capsules, circular |
+| Primitive    | Value | Semantic Token   | Use Case                                    |
+| ------------ | ----- | ---------------- | ------------------------------------------- |
+| `radius.0`   | 0px   | `radius.none`    | Square corners, sharp, angular elements     |
+| `radius.25`  | 2px   | `radius.minimal` | Subtle rounding — data tables, micro UI     |
+| `radius.50`  | 4px   | `radius.sm`      | Input fields, chips, tags, compact elements |
+| `radius.75`  | 6px   | —                | (Unused intermediate)                       |
+| `radius.100` | 8px   | `radius.md`      | Standard buttons, cards, default components |
+| `radius.150` | 12px  | —                | (Unused intermediate)                       |
+| `radius.200` | 16px  | `radius.lg`      | Containers, modals, dialogs, panels         |
+| `radius.300` | 24px  | `radius.xl`      | Large cards, feature sections, prominent    |
+| `radius.400` | 32px  | —                | (Unused intermediate)                       |
+| `radius.999` | 999px | `radius.all`     | Fully rounded — pills, capsules, circular   |
 
 **Semantic Aliases:**
 
@@ -235,6 +237,7 @@ Examples: `radius.none`, `radius.sm`, `radius.md`, `radius.all`
 ```
 
 **Rationale:** Following Atlassian's approach with a two-tier system:
+
 - **Primitives** (numeric): Hidden from Figma UI, used as base values for theming
 - **Semantic** (categorical): Public-facing tokens designers use, aliased to primitives
 - Allows overriding radius primitives for custom themes while maintaining semantic consistency
@@ -259,6 +262,7 @@ sizing/{category}/{index}
 ```
 
 Where `index` is percentage of 8px base unit:
+
 - `sizing/icon/150` = 12px (8 × 1.5)
 - `sizing/icon/200` = 16px (8 × 2)
 - `sizing/stroke/13` = 1px (8 × 0.125)
@@ -274,20 +278,20 @@ Examples: `sizing/icon/sm`, `sizing/component/md`, `sizing/stroke/default`
 
 **Scale:**
 
-| Category | Primitive | Value | Semantic | Use Case |
-|----------|-----------|-------|----------|----------|
-| **Icon** | `icon/150` | 12px | `icon/xs` | Extra-small icons, micro UI |
-| | `icon/200` | 16px | `icon/sm` | Small icons, compact UI |
-| | `icon/250` | 20px | `icon/md` | Medium icons, default |
-| | `icon/300` | 24px | `icon/lg` | Large icons, prominent |
-| | `icon/400` | 32px | `icon/xl` | Extra-large icons, feature |
-| **Component** | `component/300` | 24px | `component/xs` | Tiny buttons, micro inputs |
-| | `component/400` | 32px | `component/sm` | Compact buttons, tight inputs |
-| | `component/500` | 40px | `component/md` | Standard buttons, default inputs |
-| | `component/600` | 48px | `component/lg` | Roomy buttons, relaxed inputs |
-| | `component/800` | 64px | `component/xl` | Spacious buttons, generous inputs |
-| **Stroke** | `stroke/13` | 1px | `stroke/default` | Default borders, thin outlines |
-| | `stroke/25` | 2px | `stroke/emphasis` | Strong borders, selected states |
+| Category      | Primitive       | Value | Semantic          | Use Case                          |
+| ------------- | --------------- | ----- | ----------------- | --------------------------------- |
+| **Icon**      | `icon/150`      | 12px  | `icon/xs`         | Extra-small icons, micro UI       |
+|               | `icon/200`      | 16px  | `icon/sm`         | Small icons, compact UI           |
+|               | `icon/250`      | 20px  | `icon/md`         | Medium icons, default             |
+|               | `icon/300`      | 24px  | `icon/lg`         | Large icons, prominent            |
+|               | `icon/400`      | 32px  | `icon/xl`         | Extra-large icons, feature        |
+| **Component** | `component/300` | 24px  | `component/xs`    | Tiny buttons, micro inputs        |
+|               | `component/400` | 32px  | `component/sm`    | Compact buttons, tight inputs     |
+|               | `component/500` | 40px  | `component/md`    | Standard buttons, default inputs  |
+|               | `component/600` | 48px  | `component/lg`    | Roomy buttons, relaxed inputs     |
+|               | `component/800` | 64px  | `component/xl`    | Spacious buttons, generous inputs |
+| **Stroke**    | `stroke/13`     | 1px   | `stroke/default`  | Default borders, thin outlines    |
+|               | `stroke/25`     | 2px   | `stroke/emphasis` | Strong borders, selected states   |
 
 **Semantic Aliases:**
 
@@ -306,6 +310,7 @@ Examples: `sizing/icon/sm`, `sizing/component/md`, `sizing/stroke/default`
 ```
 
 **Rationale:** Following Atlassian's two-tier approach:
+
 - **Primitives** (percentage-based): Hidden from Figma UI, aligned to 8px base unit for mathematical consistency
 - **Semantic** (categorical): Public-facing tokens designers use, aliased to primitives
 - Icon and component sizes are specific UI sizes that don't follow simple doubling
@@ -337,15 +342,15 @@ Typography uses the `font/*` namespace with T-shirt size naming for sizes:
 font/size/{size}
 ```
 
-| Token | Value | Notes |
-|-------|-------|-------|
-| `font/size/xs` | 10px | Extra small, tiny |
-| `font/size/sm` | 12px | Small |
-| `font/size/md` | 14px | Medium, body-sm |
-| `font/size/lg` | 16px | Large, base, body |
-| `font/size/xl` | 18px | Extra large |
-| `font/size/2xl` | 20px | 2x large, title-sm |
-| `font/size/3xl` | 32px | 3x large, heading |
+| Token           | Value | Notes              |
+| --------------- | ----- | ------------------ |
+| `font/size/xs`  | 10px  | Extra small, tiny  |
+| `font/size/sm`  | 12px  | Small              |
+| `font/size/md`  | 14px  | Medium, body-sm    |
+| `font/size/lg`  | 16px  | Large, base, body  |
+| `font/size/xl`  | 18px  | Extra large        |
+| `font/size/2xl` | 20px  | 2x large, title-sm |
+| `font/size/3xl` | 32px  | 3x large, heading  |
 
 **Line Height Scale:**
 
@@ -654,7 +659,7 @@ token.setValueForMode(targetModeId, value);
 
 1. `primitives.dtcg.json` (color base values) - Creates color primitives with NO scope
 2. `radius.dtcg.json` (radius base values) - Creates radius primitives with NO scope
-3. `sizing.dtcg.json` (sizing base values) - Creates sizing primitives with NO scope  
+3. `sizing.dtcg.json` (sizing base values) - Creates sizing primitives with NO scope
 4. `spacing.dtcg.json` (spacing base values) - Creates spacing primitives with NO scope
 5. `semantic.dtcg.json` (color + radius + sizing + spacing semantic aliases) - References primitives, gets appropriate scopes
 6. `typography.dtcg.json` (dimension and number tokens for font properties) - Standalone, no semantic layer
diff --git a/packages/design-tokens/dictionary/primitives.dtcg.json b/packages/design-tokens/dictionary/primitives.dtcg.json
index c31fe1767..f40570944 100644
--- a/packages/design-tokens/dictionary/primitives.dtcg.json
+++ b/packages/design-tokens/dictionary/primitives.dtcg.json
@@ -4,11 +4,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          0,
-          0,
-          100
-        ],
+        "components": [0, 0, 100],
         "alpha": 1,
         "hex": "#ffffff"
       },
@@ -18,11 +14,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          0,
-          0,
-          0
-        ],
+        "components": [0, 0, 0],
         "alpha": 0,
         "hex": "#000000"
       },
@@ -33,11 +25,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            225,
-            29,
-            97
-          ],
+          "components": [225, 29, 97],
           "alpha": 1,
           "hex": "#f5f6fa"
         },
@@ -47,11 +35,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            225,
-            11,
-            93
-          ],
+          "components": [225, 11, 93],
           "alpha": 1,
           "hex": "#ebecef"
         },
@@ -61,11 +45,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            220,
-            6,
-            91
-          ],
+          "components": [220, 6, 91],
           "alpha": 1,
           "hex": "#e7e8e9"
         },
@@ -75,11 +55,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            214,
-            7,
-            81
-          ],
+          "components": [214, 7, 81],
           "alpha": 1,
           "hex": "#cbced2"
         },
@@ -89,11 +65,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            222,
-            7,
-            72
-          ],
+          "components": [222, 7, 72],
           "alpha": 1,
           "hex": "#b3b6bd"
         },
@@ -103,11 +75,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            222,
-            7,
-            63
-          ],
+          "components": [222, 7, 63],
           "alpha": 1,
           "hex": "#9a9ea7"
         },
@@ -117,11 +85,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            7,
-            54
-          ],
+          "components": [219, 7, 54],
           "alpha": 1,
           "hex": "#818792"
         },
@@ -131,11 +95,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            221,
-            7,
-            44
-          ],
+          "components": [221, 7, 44],
           "alpha": 1,
           "hex": "#686d78"
         },
@@ -145,11 +105,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            220,
-            7,
-            35
-          ],
+          "components": [220, 7, 35],
           "alpha": 1,
           "hex": "#53575f"
         },
@@ -159,11 +115,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            270,
-            4,
-            19
-          ],
+          "components": [270, 4, 19],
           "alpha": 1,
           "hex": "#302f32"
         },
@@ -173,11 +125,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            270,
-            6,
-            14
-          ],
+          "components": [270, 6, 14],
           "alpha": 1,
           "hex": "#242226"
         },
@@ -187,11 +135,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            270,
-            7,
-            11
-          ],
+          "components": [270, 7, 11],
           "alpha": 1,
           "hex": "#1c1a1e"
         },
@@ -201,11 +145,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            270,
-            5,
-            9
-          ],
+          "components": [270, 5, 9],
           "alpha": 1,
           "hex": "#171618"
         },
@@ -217,11 +157,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            98
-          ],
+          "components": [0, 0, 98],
           "alpha": 1,
           "hex": "#fafafa"
         },
@@ -231,11 +167,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            87
-          ],
+          "components": [0, 0, 87],
           "alpha": 1,
           "hex": "#dedede"
         },
@@ -245,11 +177,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            75
-          ],
+          "components": [0, 0, 75],
           "alpha": 1,
           "hex": "#bfbfbf"
         },
@@ -259,11 +187,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            63
-          ],
+          "components": [0, 0, 63],
           "alpha": 1,
           "hex": "#a1a1a1"
         },
@@ -273,11 +197,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            50
-          ],
+          "components": [0, 0, 50],
           "alpha": 1,
           "hex": "#808080"
         },
@@ -287,11 +207,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            38
-          ],
+          "components": [0, 0, 38],
           "alpha": 1,
           "hex": "#616161"
         },
@@ -301,11 +217,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            31
-          ],
+          "components": [0, 0, 31],
           "alpha": 1,
           "hex": "#4f4f4f"
         },
@@ -315,11 +227,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            25
-          ],
+          "components": [0, 0, 25],
           "alpha": 1,
           "hex": "#404040"
         },
@@ -329,11 +237,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            16
-          ],
+          "components": [0, 0, 16],
           "alpha": 1,
           "hex": "#292929"
         },
@@ -343,11 +247,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            8
-          ],
+          "components": [0, 0, 8],
           "alpha": 1,
           "hex": "#141414"
         },
@@ -358,11 +258,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              221,
-              7,
-              44
-            ],
+            "components": [221, 7, 44],
             "alpha": 0.1,
             "hex": "#686d78"
           },
@@ -372,11 +268,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              221,
-              7,
-              44
-            ],
+            "components": [221, 7, 44],
             "alpha": 0.15,
             "hex": "#686d78"
           },
@@ -387,11 +279,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            221,
-            7,
-            94
-          ],
+          "components": [221, 7, 94],
           "alpha": 1,
           "hex": "#eceeef"
         },
@@ -401,11 +289,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            221,
-            5,
-            88
-          ],
+          "components": [221, 5, 88],
           "alpha": 1,
           "hex": "#dadddf"
         },
@@ -418,11 +302,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              0,
-              8
-            ],
+            "components": [0, 0, 8],
             "alpha": 1,
             "hex": "#141414"
           },
@@ -432,11 +312,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              3,
-              11
-            ],
+            "components": [240, 3, 11],
             "alpha": 1,
             "hex": "#1b1b1d"
           },
@@ -446,11 +322,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              3,
-              12
-            ],
+            "components": [240, 3, 12],
             "alpha": 1,
             "hex": "#1e1e20"
           },
@@ -460,11 +332,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              3,
-              14
-            ],
+            "components": [240, 3, 14],
             "alpha": 1,
             "hex": "#232325"
           },
@@ -474,11 +342,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              2,
-              17
-            ],
+            "components": [240, 2, 17],
             "alpha": 1,
             "hex": "#2a2a2c"
           },
@@ -488,11 +352,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              2,
-              19
-            ],
+            "components": [240, 2, 19],
             "alpha": 1,
             "hex": "#2f2f31"
           },
@@ -502,11 +362,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              2,
-              20
-            ],
+            "components": [240, 2, 20],
             "alpha": 1,
             "hex": "#323234"
           },
@@ -516,11 +372,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              2,
-              23
-            ],
+            "components": [240, 2, 23],
             "alpha": 1,
             "hex": "#39393c"
           },
@@ -530,11 +382,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              240,
-              1,
-              29
-            ],
+            "components": [240, 1, 29],
             "alpha": 1,
             "hex": "#49494b"
           },
@@ -546,11 +394,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              260,
-              7,
-              91
-            ],
+            "components": [260, 7, 91],
             "alpha": 1,
             "hex": "#e8e6ea"
           },
@@ -560,11 +404,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              252,
-              8,
-              88
-            ],
+            "components": [252, 8, 88],
             "alpha": 1,
             "hex": "#dfdee3"
           },
@@ -574,11 +414,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              252,
-              5,
-              79
-            ],
+            "components": [252, 5, 79],
             "alpha": 1,
             "hex": "#c8c7cc"
           },
@@ -588,11 +424,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              252,
-              3,
-              70
-            ],
+            "components": [252, 3, 70],
             "alpha": 1,
             "hex": "#b1b0b5"
           },
@@ -602,11 +434,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              222,
-              7,
-              63
-            ],
+            "components": [222, 7, 63],
             "alpha": 1,
             "hex": "#9a9ea7"
           },
@@ -616,11 +444,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              218,
-              3,
-              52
-            ],
+            "components": [218, 3, 52],
             "alpha": 1,
             "hex": "#818488"
           },
@@ -630,11 +454,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              222,
-              4,
-              45
-            ],
+            "components": [222, 4, 45],
             "alpha": 1,
             "hex": "#6e7177"
           },
@@ -644,11 +464,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              0,
-              38
-            ],
+            "components": [0, 0, 38],
             "alpha": 1,
             "hex": "#616161"
           },
@@ -660,11 +476,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          225,
-          100,
-          99
-        ],
+        "components": [225, 100, 99],
         "alpha": 1,
         "hex": "#fafbff"
       },
@@ -674,11 +486,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          219,
-          19,
-          71
-        ],
+        "components": [219, 19, 71],
         "alpha": 1,
         "hex": "#a7b1c3"
       },
@@ -689,11 +497,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            84,
-            60
-          ],
+          "components": [219, 84, 60],
           "alpha": 0.1,
           "hex": "#437fef"
         },
@@ -703,11 +507,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            84,
-            90
-          ],
+          "components": [219, 84, 90],
           "alpha": 1,
           "hex": "#d0dffb"
         },
@@ -717,11 +517,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            220,
-            84,
-            80
-          ],
+          "components": [220, 84, 80],
           "alpha": 1,
           "hex": "#a1bef7"
         },
@@ -731,11 +527,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            84,
-            60
-          ],
+          "components": [219, 84, 60],
           "alpha": 1,
           "hex": "#437fef"
         },
@@ -745,11 +537,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            220,
-            85,
-            42
-          ],
+          "components": [220, 85, 42],
           "alpha": 1,
           "hex": "#104dc6"
         },
@@ -759,11 +547,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            218,
-            85,
-            95
-          ],
+          "components": [218, 85, 95],
           "alpha": 1,
           "hex": "#e7effd"
         },
@@ -773,11 +557,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            218,
-            86,
-            70
-          ],
+          "components": [218, 86, 70],
           "alpha": 1,
           "hex": "#71a1f4"
         },
@@ -787,11 +567,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            84,
-            60
-          ],
+          "components": [219, 84, 60],
           "alpha": 1,
           "hex": "#437fef"
         },
@@ -802,11 +578,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              219,
-              84,
-              60
-            ],
+            "components": [219, 84, 60],
             "alpha": 0.15,
             "hex": "#437fef"
           },
@@ -816,11 +588,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              219,
-              84,
-              60
-            ],
+            "components": [219, 84, 60],
             "alpha": 0.2,
             "hex": "#437fef"
           },
@@ -831,11 +599,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            219,
-            85,
-            95
-          ],
+          "components": [219, 85, 95],
           "alpha": 1,
           "hex": "#e7effd"
         },
@@ -845,11 +609,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            220,
-            82,
-            33
-          ],
+          "components": [220, 82, 33],
           "alpha": 1,
           "hex": "#0d3e9b"
         },
@@ -861,11 +621,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            100,
-            38
-          ],
+          "components": [0, 100, 38],
           "alpha": 0.05,
           "hex": "#c20000"
         },
@@ -875,11 +631,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            100,
-            38
-          ],
+          "components": [0, 100, 38],
           "alpha": 0.1,
           "hex": "#c20000"
         },
@@ -889,11 +641,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            100,
-            38
-          ],
+          "components": [0, 100, 38],
           "alpha": 1,
           "hex": "#c20000"
         },
@@ -903,11 +651,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            76,
-            62
-          ],
+          "components": [0, 76, 62],
           "alpha": 1,
           "hex": "#e85454"
         },
@@ -918,11 +662,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              100,
-              38
-            ],
+            "components": [0, 100, 38],
             "alpha": 0.15,
             "hex": "#c20000"
           },
@@ -932,11 +672,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              100,
-              38
-            ],
+            "components": [0, 100, 38],
             "alpha": 0.2,
             "hex": "#c20000"
           },
@@ -946,11 +682,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              100,
-              38
-            ],
+            "components": [0, 100, 38],
             "alpha": 0.25,
             "hex": "#c20000"
           },
@@ -960,11 +692,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              100,
-              38
-            ],
+            "components": [0, 100, 38],
             "alpha": 0.35,
             "hex": "#c20000"
           },
@@ -975,11 +703,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            70,
-            95
-          ],
+          "components": [0, 70, 95],
           "alpha": 1,
           "hex": "#fce5e5"
         },
@@ -989,11 +713,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            55,
-            29
-          ],
+          "components": [0, 55, 29],
           "alpha": 1,
           "hex": "#702523"
         },
@@ -1003,11 +723,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            70,
-            90
-          ],
+          "components": [0, 70, 90],
           "alpha": 1,
           "hex": "#f9cccc"
         },
@@ -1017,11 +733,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            100,
-            93
-          ],
+          "components": [0, 100, 93],
           "alpha": 1,
           "hex": "#ffdddd"
         },
@@ -1031,11 +743,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            100,
-            19
-          ],
+          "components": [0, 100, 19],
           "alpha": 1,
           "hex": "#610000"
         },
@@ -1045,11 +753,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            40,
-            85
-          ],
+          "components": [0, 40, 85],
           "alpha": 1,
           "hex": "#e69999"
         },
@@ -1061,11 +765,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            100,
-            27
-          ],
+          "components": [125, 100, 27],
           "alpha": 0.1,
           "hex": "#008a0b"
         },
@@ -1075,11 +775,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            100,
-            27
-          ],
+          "components": [125, 100, 27],
           "alpha": 1,
           "hex": "#008a0b"
         },
@@ -1089,11 +785,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            100,
-            35
-          ],
+          "components": [125, 100, 35],
           "alpha": 1,
           "hex": "#00b30f"
         },
@@ -1104,11 +796,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              125,
-              100,
-              27
-            ],
+            "components": [125, 100, 27],
             "alpha": 0.15,
             "hex": "#008a0b"
           },
@@ -1118,11 +806,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              125,
-              100,
-              27
-            ],
+            "components": [125, 100, 27],
             "alpha": 0.2,
             "hex": "#008a0b"
           },
@@ -1133,11 +817,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            42,
-            26
-          ],
+          "components": [125, 42, 26],
           "alpha": 1,
           "hex": "#255E27"
         },
@@ -1147,11 +827,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            42,
-            26
-          ],
+          "components": [125, 42, 26],
           "alpha": 1,
           "hex": "#255E27"
         },
@@ -1161,11 +837,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            100,
-            95
-          ],
+          "components": [125, 100, 95],
           "alpha": 1,
           "hex": "#e5ffe8"
         },
@@ -1175,11 +847,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            125,
-            100,
-            13
-          ],
+          "components": [125, 100, 13],
           "alpha": 1,
           "hex": "#004206"
         },
@@ -1191,11 +859,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            42
-          ],
+          "components": [22, 100, 42],
           "alpha": 0.1,
           "hex": "#d64f00"
         },
@@ -1205,11 +869,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            42
-          ],
+          "components": [22, 100, 42],
           "alpha": 1,
           "hex": "#d64f00"
         },
@@ -1219,11 +879,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            32
-          ],
+          "components": [22, 100, 32],
           "alpha": 1,
           "hex": "#a33c00"
         },
@@ -1233,11 +889,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            21,
-            100,
-            55
-          ],
+          "components": [21, 100, 55],
           "alpha": 1,
           "hex": "#ff6a1a"
         },
@@ -1248,11 +900,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              22,
-              100,
-              42
-            ],
+            "components": [22, 100, 42],
             "alpha": 0.15,
             "hex": "#d64f00"
           },
@@ -1262,11 +910,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              22,
-              100,
-              42
-            ],
+            "components": [22, 100, 42],
             "alpha": 0.2,
             "hex": "#d64f00"
           },
@@ -1277,11 +921,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            95
-          ],
+          "components": [22, 100, 95],
           "alpha": 1,
           "hex": "#fdeee5"
         },
@@ -1291,11 +931,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            60,
-            90
-          ],
+          "components": [22, 60, 90],
           "alpha": 1,
           "hex": "#f9d1c1"
         },
@@ -1305,11 +941,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            91
-          ],
+          "components": [22, 100, 91],
           "alpha": 1,
           "hex": "#ffe2d1"
         },
@@ -1319,11 +951,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            22,
-            100,
-            24
-          ],
+          "components": [22, 100, 24],
           "alpha": 1,
           "hex": "#7a2d00"
         },
@@ -1335,11 +963,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            0
-          ],
+          "components": [0, 0, 0],
           "alpha": 0.15,
           "hex": "#000000"
         },
@@ -1350,11 +974,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              0,
-              0
-            ],
+            "components": [0, 0, 0],
             "alpha": 0.3,
             "hex": "#000000"
           },
@@ -1364,11 +984,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              0,
-              0
-            ],
+            "components": [0, 0, 0],
             "alpha": 0.8,
             "hex": "#000000"
           },
@@ -1378,11 +994,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              0,
-              0,
-              0
-            ],
+            "components": [0, 0, 0],
             "alpha": 0.9,
             "hex": "#000000"
           },
@@ -1395,11 +1007,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            0
-          ],
+          "components": [0, 0, 0],
           "alpha": 0.75,
           "hex": "#000000"
         },
@@ -1409,11 +1017,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            0,
-            0,
-            0
-          ],
+          "components": [0, 0, 0],
           "alpha": 0.85,
           "hex": "#000000"
         },
@@ -1424,11 +1028,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          214,
-          11,
-          49
-        ],
+        "components": [214, 11, 49],
         "alpha": 1,
         "hex": "#6f7b8b"
       },
@@ -1439,11 +1039,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            60,
-            100,
-            95
-          ],
+          "components": [60, 100, 95],
           "alpha": 1,
           "hex": "#ffffe5"
         },
@@ -1453,11 +1049,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            61,
-            100,
-            88
-          ],
+          "components": [61, 100, 88],
           "alpha": 1,
           "hex": "#feffc2"
         },
@@ -1467,11 +1059,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            61,
-            100,
-            82
-          ],
+          "components": [61, 100, 82],
           "alpha": 1,
           "hex": "#fdffa3"
         },
@@ -1481,11 +1069,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            62,
-            100,
-            71
-          ],
+          "components": [62, 100, 71],
           "alpha": 1,
           "hex": "#faff6b"
         },
@@ -1495,11 +1079,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            61,
-            100,
-            48
-          ],
+          "components": [61, 100, 48],
           "alpha": 1,
           "hex": "#f1f500"
         },
@@ -1509,11 +1089,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            61,
-            100,
-            40
-          ],
+          "components": [61, 100, 40],
           "alpha": 1,
           "hex": "#c9cc00"
         },
@@ -1523,11 +1099,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            62,
-            100,
-            30
-          ],
+          "components": [62, 100, 30],
           "alpha": 1,
           "hex": "#949900"
         },
@@ -1537,11 +1109,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            62,
-            100,
-            21
-          ],
+          "components": [62, 100, 21],
           "alpha": 1,
           "hex": "#686b00"
         },
@@ -1551,11 +1119,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            69,
-            97,
-            14
-          ],
+          "components": [69, 97, 14],
           "alpha": 1,
           "hex": "#3c4601"
         },
@@ -1565,11 +1129,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            60,
-            100,
-            10
-          ],
+          "components": [60, 100, 10],
           "alpha": 1,
           "hex": "#333300"
         },
@@ -1579,11 +1139,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            61,
-            100,
-            64
-          ],
+          "components": [61, 100, 64],
           "alpha": 1,
           "hex": "#fcff47"
         },
@@ -1595,11 +1151,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            256,
-            65,
-            97
-          ],
+          "components": [256, 65, 97],
           "alpha": 1,
           "hex": "#f5f2fc"
         },
@@ -1609,11 +1161,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            257,
-            14,
-            90
-          ],
+          "components": [257, 14, 90],
           "alpha": 1,
           "hex": "#e4e2e9"
         },
@@ -1623,11 +1171,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            253,
-            14,
-            80
-          ],
+          "components": [253, 14, 80],
           "alpha": 1,
           "hex": "#c8c5d3"
         },
@@ -1637,11 +1181,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            254,
-            14,
-            70
-          ],
+          "components": [254, 14, 70],
           "alpha": 1,
           "hex": "#ada8bd"
         },
@@ -1651,11 +1191,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            253,
-            14,
-            60
-          ],
+          "components": [253, 14, 60],
           "alpha": 1,
           "hex": "#918ba7"
         },
@@ -1665,11 +1201,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            254,
-            14,
-            50
-          ],
+          "components": [254, 14, 50],
           "alpha": 1,
           "hex": "#766e91"
         },
@@ -1679,11 +1211,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            253,
-            14,
-            40
-          ],
+          "components": [253, 14, 40],
           "alpha": 1,
           "hex": "#5e5874"
         },
@@ -1693,11 +1221,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            254,
-            14,
-            30
-          ],
+          "components": [254, 14, 30],
           "alpha": 1,
           "hex": "#474257"
         },
@@ -1707,11 +1231,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            251,
-            14,
-            15
-          ],
+          "components": [251, 14, 15],
           "alpha": 1,
           "hex": "#23212c"
         },
@@ -1721,11 +1241,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            257,
-            14,
-            10
-          ],
+          "components": [257, 14, 10],
           "alpha": 1,
           "hex": "#18161d"
         },
@@ -1735,11 +1251,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            253,
-            14,
-            20
-          ],
+          "components": [253, 14, 20],
           "alpha": 1,
           "hex": "#2f2c3a"
         },
@@ -1751,11 +1263,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            92,
-            95
-          ],
+          "components": [170, 92, 95],
           "alpha": 1,
           "hex": "#e7fefa"
         },
@@ -1765,11 +1273,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            169,
-            88,
-            90
-          ],
+          "components": [169, 88, 90],
           "alpha": 1,
           "hex": "#cffcf4"
         },
@@ -1779,11 +1283,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            90,
-            81
-          ],
+          "components": [170, 90, 81],
           "alpha": 1,
           "hex": "#a3faec"
         },
@@ -1793,11 +1293,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            91,
-            70
-          ],
+          "components": [170, 91, 70],
           "alpha": 1,
           "hex": "#6df8e1"
         },
@@ -1807,11 +1303,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            90,
-            49
-          ],
+          "components": [170, 90, 49],
           "alpha": 1,
           "hex": "#0cedc8"
         },
@@ -1821,11 +1313,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            90,
-            43
-          ],
+          "components": [170, 90, 43],
           "alpha": 1,
           "hex": "#0bd0af"
         },
@@ -1835,11 +1323,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            90,
-            32
-          ],
+          "components": [170, 90, 32],
           "alpha": 1,
           "hex": "#089b83"
         },
@@ -1849,11 +1333,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            90,
-            24
-          ],
+          "components": [170, 90, 24],
           "alpha": 1,
           "hex": "#067462"
         },
@@ -1863,11 +1343,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            91,
-            17
-          ],
+          "components": [170, 91, 17],
           "alpha": 1,
           "hex": "#045346"
         },
@@ -1877,11 +1353,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            100,
-            13
-          ],
+          "components": [170, 100, 13],
           "alpha": 1,
           "hex": "#004237"
         },
@@ -1891,11 +1363,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            170,
-            89,
-            11
-          ],
+          "components": [170, 89, 11],
           "alpha": 1,
           "hex": "#03352d"
         },
@@ -1907,11 +1375,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            279,
-            100,
-            95
-          ],
+          "components": [279, 100, 95],
           "alpha": 1,
           "hex": "#f6e5ff"
         },
@@ -1921,11 +1385,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            90
-          ],
+          "components": [280, 100, 90],
           "alpha": 1,
           "hex": "#eeccff"
         },
@@ -1935,11 +1395,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            80
-          ],
+          "components": [280, 100, 80],
           "alpha": 1,
           "hex": "#dd99ff"
         },
@@ -1949,11 +1405,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            70
-          ],
+          "components": [280, 100, 70],
           "alpha": 1,
           "hex": "#cc66ff"
         },
@@ -1963,11 +1415,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            60
-          ],
+          "components": [280, 100, 60],
           "alpha": 1,
           "hex": "#bb33ff"
         },
@@ -1977,11 +1425,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            50
-          ],
+          "components": [280, 100, 50],
           "alpha": 1,
           "hex": "#aa00ff"
         },
@@ -1991,11 +1435,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            40
-          ],
+          "components": [280, 100, 40],
           "alpha": 1,
           "hex": "#8800cc"
         },
@@ -2005,11 +1445,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            30
-          ],
+          "components": [280, 100, 30],
           "alpha": 1,
           "hex": "#660099"
         },
@@ -2019,11 +1455,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            20
-          ],
+          "components": [280, 100, 20],
           "alpha": 1,
           "hex": "#440066"
         },
@@ -2033,11 +1465,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            15
-          ],
+          "components": [280, 100, 15],
           "alpha": 1,
           "hex": "#33004d"
         },
@@ -2047,11 +1475,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            280,
-            100,
-            10
-          ],
+          "components": [280, 100, 10],
           "alpha": 1,
           "hex": "#220033"
         },
@@ -2063,11 +1487,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            60,
-            96
-          ],
+          "components": [315, 60, 96],
           "alpha": 1,
           "hex": "#fbeff8"
         },
@@ -2077,11 +1497,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            314,
-            86,
-            89
-          ],
+          "components": [314, 86, 89],
           "alpha": 1,
           "hex": "#fbcbf0"
         },
@@ -2091,11 +1507,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            93,
-            79
-          ],
+          "components": [315, 93, 79],
           "alpha": 1,
           "hex": "#fb98e2"
         },
@@ -2105,11 +1517,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            95,
-            69
-          ],
+          "components": [315, 95, 69],
           "alpha": 1,
           "hex": "#fb65d5"
         },
@@ -2119,11 +1527,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            96,
-            59
-          ],
+          "components": [315, 96, 59],
           "alpha": 1,
           "hex": "#fb32c9"
         },
@@ -2133,11 +1537,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            100,
-            49
-          ],
+          "components": [315, 100, 49],
           "alpha": 1,
           "hex": "#fa00bb"
         },
@@ -2147,11 +1547,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            100,
-            40
-          ],
+          "components": [315, 100, 40],
           "alpha": 1,
           "hex": "#cc0099"
         },
@@ -2161,11 +1557,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            100,
-            30
-          ],
+          "components": [315, 100, 30],
           "alpha": 1,
           "hex": "#990073"
         },
@@ -2175,11 +1567,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            100,
-            20
-          ],
+          "components": [315, 100, 20],
           "alpha": 1,
           "hex": "#66004d"
         },
@@ -2189,11 +1577,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            316,
-            100,
-            15
-          ],
+          "components": [316, 100, 15],
           "alpha": 1,
           "hex": "#4d0038"
         },
@@ -2203,11 +1587,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            315,
-            100,
-            10
-          ],
+          "components": [315, 100, 10],
           "alpha": 1,
           "hex": "#330026"
         },
@@ -2219,11 +1599,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            90
-          ],
+          "components": [46, 100, 90],
           "alpha": 1,
           "hex": "#fff3cc"
         },
@@ -2233,11 +1609,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            80
-          ],
+          "components": [46, 100, 80],
           "alpha": 1,
           "hex": "#ffe799"
         },
@@ -2247,11 +1619,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            70
-          ],
+          "components": [46, 100, 70],
           "alpha": 1,
           "hex": "#ffdb66"
         },
@@ -2261,11 +1629,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            60
-          ],
+          "components": [46, 100, 60],
           "alpha": 1,
           "hex": "#ffcf33"
         },
@@ -2275,11 +1639,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            50
-          ],
+          "components": [46, 100, 50],
           "alpha": 1,
           "hex": "#ffc400"
         },
@@ -2289,11 +1649,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            44
-          ],
+          "components": [46, 100, 44],
           "alpha": 1,
           "hex": "#e0ac00"
         },
@@ -2303,11 +1659,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            35
-          ],
+          "components": [46, 100, 35],
           "alpha": 1,
           "hex": "#b38900"
         },
@@ -2317,11 +1669,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            27
-          ],
+          "components": [46, 100, 27],
           "alpha": 1,
           "hex": "#8a6a00"
         },
@@ -2331,11 +1679,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            17
-          ],
+          "components": [46, 100, 17],
           "alpha": 1,
           "hex": "#574200"
         },
@@ -2345,11 +1689,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            46,
-            100,
-            10
-          ],
+          "components": [46, 100, 10],
           "alpha": 1,
           "hex": "#332700"
         },
@@ -2361,11 +1701,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            93
-          ],
+          "components": [188, 100, 93],
           "alpha": 1,
           "hex": "#dbfaff"
         },
@@ -2375,11 +1711,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            87
-          ],
+          "components": [188, 100, 87],
           "alpha": 1,
           "hex": "#bdf6ff"
         },
@@ -2389,11 +1721,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            77
-          ],
+          "components": [188, 100, 77],
           "alpha": 1,
           "hex": "#8aefff"
         },
@@ -2403,11 +1731,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            60
-          ],
+          "components": [188, 100, 60],
           "alpha": 1,
           "hex": "#33e4ff"
         },
@@ -2417,11 +1741,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            46
-          ],
+          "components": [188, 100, 46],
           "alpha": 1,
           "hex": "#00cbeb"
         },
@@ -2431,11 +1751,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            41
-          ],
+          "components": [188, 100, 41],
           "alpha": 1,
           "hex": "#00b5d1"
         },
@@ -2445,11 +1761,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            30
-          ],
+          "components": [188, 100, 30],
           "alpha": 1,
           "hex": "#008599"
         },
@@ -2459,11 +1771,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            22
-          ],
+          "components": [188, 100, 22],
           "alpha": 1,
           "hex": "#006170"
         },
@@ -2473,11 +1781,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            189,
-            100,
-            15
-          ],
+          "components": [189, 100, 15],
           "alpha": 1,
           "hex": "#00414d"
         },
@@ -2487,11 +1791,7 @@
         "$type": "color",
         "$value": {
           "colorSpace": "hsl",
-          "components": [
-            188,
-            100,
-            10
-          ],
+          "components": [188, 100, 10],
           "alpha": 1,
           "hex": "#002c33"
         },
@@ -2504,11 +1804,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          22,
-          100,
-          58
-        ],
+        "components": [22, 100, 58],
         "alpha": 1,
         "hex": "#ff7729"
       },
@@ -2518,11 +1814,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          125,
-          100,
-          45
-        ],
+        "components": [125, 100, 45],
         "alpha": 1,
         "hex": "#00e613"
       },
@@ -2532,11 +1824,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          315,
-          96,
-          59
-        ],
+        "components": [315, 96, 59],
         "alpha": 1,
         "hex": "#fb32c9"
       },
@@ -2546,11 +1834,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          61,
-          100,
-          48
-        ],
+        "components": [61, 100, 48],
         "alpha": 1,
         "hex": "#f1f500"
       },
@@ -2560,11 +1844,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          280,
-          100,
-          60
-        ],
+        "components": [280, 100, 60],
         "alpha": 1,
         "hex": "#bb33ff"
       },
@@ -2574,11 +1854,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          188,
-          100,
-          46
-        ],
+        "components": [188, 100, 46],
         "alpha": 1,
         "hex": "#00cbeb"
       },
@@ -2588,11 +1864,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          0,
-          100,
-          57
-        ],
+        "components": [0, 100, 57],
         "alpha": 1,
         "hex": "#ff2424"
       },
@@ -2602,11 +1874,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          170,
-          90,
-          32
-        ],
+        "components": [170, 90, 32],
         "alpha": 1,
         "hex": "#089b83"
       },
@@ -2616,11 +1884,7 @@
       "$type": "color",
       "$value": {
         "colorSpace": "hsl",
-        "components": [
-          46,
-          100,
-          50
-        ],
+        "components": [46, 100, 50],
         "alpha": 1,
         "hex": "#ffc400"
       },
@@ -2634,11 +1898,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              137,
-              65,
-              63
-            ],
+            "components": [137, 65, 63],
             "alpha": 1,
             "hex": "#63de86"
           },
@@ -2648,11 +1908,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              125,
-              100,
-              45
-            ],
+            "components": [125, 100, 45],
             "alpha": 1,
             "hex": "#00e613"
           },
@@ -2664,11 +1920,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              219,
-              85,
-              69
-            ],
+            "components": [219, 85, 69],
             "alpha": 1,
             "hex": "#6d9cf3"
           },
@@ -2680,11 +1932,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              315,
-              95,
-              69
-            ],
+            "components": [315, 95, 69],
             "alpha": 1,
             "hex": "#fb65d5"
           },
@@ -2694,11 +1942,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              315,
-              96,
-              59
-            ],
+            "components": [315, 96, 59],
             "alpha": 1,
             "hex": "#fb32c9"
           },
@@ -2710,11 +1954,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              22,
-              100,
-              67
-            ],
+            "components": [22, 100, 67],
             "alpha": 1,
             "hex": "#ff9457"
           },
@@ -2724,11 +1964,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              22,
-              100,
-              58
-            ],
+            "components": [22, 100, 58],
             "alpha": 1,
             "hex": "#ff7729"
           },
@@ -2740,11 +1976,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              170,
-              90,
-              32
-            ],
+            "components": [170, 90, 32],
             "alpha": 1,
             "hex": "#089b83"
           },
@@ -2756,11 +1988,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              280,
-              100,
-              70
-            ],
+            "components": [280, 100, 70],
             "alpha": 1,
             "hex": "#cc66ff"
           },
@@ -2770,11 +1998,7 @@
           "$type": "color",
           "$value": {
             "colorSpace": "hsl",
-            "components": [
-              280,
-              100,
-              60
-            ],
+            "components": [280, 100, 60],
             "alpha": 1,
             "hex": "#bb33ff"
           },
diff --git a/packages/design-tokens/legacy/hooks/index.ts b/packages/design-tokens/legacy/hooks/index.ts
index aef200f34..93057f976 100644
--- a/packages/design-tokens/legacy/hooks/index.ts
+++ b/packages/design-tokens/legacy/hooks/index.ts
@@ -3,7 +3,7 @@
  * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
  */
 
-export { useCUITheme } from './useCUITheme';
-export type { CUIThemeType } from './useCUITheme';
-export { useInitialTheme } from './useInitialTheme';
-export type { UseThemeParams } from './useInitialTheme';
+export { useCUITheme } from "./useCUITheme";
+export type { CUIThemeType } from "./useCUITheme";
+export { useInitialTheme } from "./useInitialTheme";
+export type { UseThemeParams } from "./useInitialTheme";
diff --git a/packages/design-tokens/legacy/hooks/useCUITheme.ts b/packages/design-tokens/legacy/hooks/useCUITheme.ts
index aa562b12e..33de9b51e 100644
--- a/packages/design-tokens/legacy/hooks/useCUITheme.ts
+++ b/packages/design-tokens/legacy/hooks/useCUITheme.ts
@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 /**
  * @deprecated This hook is deprecated and will be removed in a future version.
@@ -6,10 +6,10 @@
  * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
  */
 
-import { useTheme } from 'styled-components';
-import type { Theme } from '../theme/theme.types';
+import { useTheme } from "styled-components";
+import type { Theme } from "../theme/theme.types";
 
-export type CUIThemeType = Pick<Theme, 'breakpoint' | 'global' | 'name' | 'sizes'>;
+export type CUIThemeType = Pick<Theme, "breakpoint" | "global" | "name" | "sizes">;
 
 export const useCUITheme = (): CUIThemeType => {
   const theme = useTheme();
diff --git a/packages/design-tokens/legacy/hooks/useInitialTheme.ts b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
index b0a4d0c0a..32d8a6ee6 100644
--- a/packages/design-tokens/legacy/hooks/useInitialTheme.ts
+++ b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
@@ -1,15 +1,15 @@
-'use client';
+"use client";
 
 /**
  * @deprecated This hook is deprecated and will be removed in a future version.
  * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
  */
 
-import { useState, useEffect } from 'react';
-import { THEMES } from '../theme/theme.core';
-import type { ThemeName } from '../theme/theme.types';
-import { CUI_THEME_STORAGE_KEY } from '../utils/localStorage';
-import { THEME_ATTRIBUTE, getRootElement } from '../utils/dom';
+import { useState, useEffect } from "react";
+import { THEMES } from "../theme/theme.core";
+import type { ThemeName } from "../theme/theme.types";
+import { CUI_THEME_STORAGE_KEY } from "../utils/localStorage";
+import { THEME_ATTRIBUTE, getRootElement } from "../utils/dom";
 
 export interface UseThemeParams {
   defaultTheme?: ThemeName;
@@ -18,17 +18,17 @@ export interface UseThemeParams {
 }
 
 export const useInitialTheme = ({
-  defaultTheme = 'light',
+  defaultTheme = "light",
   storageKey = CUI_THEME_STORAGE_KEY,
   attribute = THEME_ATTRIBUTE,
 }: UseThemeParams = {}) => {
   // WARNING: This is intentional due to SSR state
   const [theme, setTheme] = useState<ThemeName | null>(() => {
-    if (typeof document !== 'undefined') {
+    if (typeof document !== "undefined") {
       const el = getRootElement();
 
       if (!el) {
-        console.warn('Failed to get root html');
+        console.warn("Failed to get root html");
         return null;
       }
 
@@ -57,7 +57,7 @@ export const useInitialTheme = ({
         setTheme(stored);
       }
     } catch {
-      console.warn('localStorage not available');
+      console.warn("localStorage not available");
     }
 
     setMounted(true);
diff --git a/packages/design-tokens/legacy/index.ts b/packages/design-tokens/legacy/index.ts
index 77ae4549e..17445bd09 100644
--- a/packages/design-tokens/legacy/index.ts
+++ b/packages/design-tokens/legacy/index.ts
@@ -4,26 +4,26 @@
  */
 
 // Theme exports
-export { THEMES, themes } from './theme/theme.core';
-export type { ThemeName, Theme } from './theme/theme.types';
+export { THEMES, themes } from "./theme/theme.core";
+export type { ThemeName, Theme } from "./theme/theme.types";
 export {
   isValidThemeName,
   getFallbackThemeName,
   getDefaultThemeName,
   getAvailableThemeNames,
-} from './theme/theme.utils';
-export { InitCUIThemeScript } from './theme/InitCUIThemeScript';
-export type { InitCUIThemeScriptProps } from './theme/InitCUIThemeScript';
+} from "./theme/theme.utils";
+export { InitCUIThemeScript } from "./theme/InitCUIThemeScript";
+export type { InitCUIThemeScriptProps } from "./theme/InitCUIThemeScript";
 
 // Hooks exports
-export { useCUITheme, useInitialTheme } from './hooks';
-export type { CUIThemeType, UseThemeParams } from './hooks';
+export { useCUITheme, useInitialTheme } from "./hooks";
+export type { CUIThemeType, UseThemeParams } from "./hooks";
 
 // Utils exports
-export { CUI_THEME_STORAGE_KEY } from './utils/localStorage';
+export { CUI_THEME_STORAGE_KEY } from "./utils/localStorage";
 export {
   THEME_ATTRIBUTE,
   getRootElement,
   setRootThemeAttribute,
   removeRootThemeAttribute,
-} from './utils/dom';
+} from "./utils/dom";
diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
index 4c91ba951..d3130d747 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -3,10 +3,10 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import { THEME_ATTRIBUTE } from '../../utils/dom';
-import { CUI_THEME_STORAGE_KEY } from '../../utils/localStorage';
-import { THEMES } from '../theme.core';
-import type { ThemeName } from '../theme.types';
+import { THEME_ATTRIBUTE } from "../../utils/dom";
+import { CUI_THEME_STORAGE_KEY } from "../../utils/localStorage";
+import { THEMES } from "../theme.core";
+import type { ThemeName } from "../theme.types";
 
 export interface InitCUIThemeScriptProps {
   defaultTheme?: ThemeName;
diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts b/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
index 2e36be8e5..2f52ca9b1 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/index.ts
@@ -3,5 +3,5 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-export { InitCUIThemeScript } from './InitCUIThemeScript';
-export type { InitCUIThemeScriptProps } from './InitCUIThemeScript';
+export { InitCUIThemeScript } from "./InitCUIThemeScript";
+export type { InitCUIThemeScriptProps } from "./InitCUIThemeScript";
diff --git a/packages/design-tokens/legacy/theme/index.ts b/packages/design-tokens/legacy/theme/index.ts
index 3695e237b..ed8c29085 100644
--- a/packages/design-tokens/legacy/theme/index.ts
+++ b/packages/design-tokens/legacy/theme/index.ts
@@ -3,13 +3,13 @@
  * Import from '@clickhouse/design-tokens/legacy/theme' only for backward compatibility.
  */
 
-export { THEMES, themes } from './theme.core';
-export type { ThemeName, Theme } from './theme.types';
+export { THEMES, themes } from "./theme.core";
+export type { ThemeName, Theme } from "./theme.types";
 export {
   isValidThemeName,
   getFallbackThemeName,
   getDefaultThemeName,
   getAvailableThemeNames,
-} from './theme.utils';
-export { InitCUIThemeScript } from './InitCUIThemeScript';
-export type { InitCUIThemeScriptProps } from './InitCUIThemeScript';
+} from "./theme.utils";
+export { InitCUIThemeScript } from "./InitCUIThemeScript";
+export type { InitCUIThemeScriptProps } from "./InitCUIThemeScript";
diff --git a/packages/design-tokens/legacy/theme/theme.core.ts b/packages/design-tokens/legacy/theme/theme.core.ts
index cda90dfef..8e8f00c8e 100644
--- a/packages/design-tokens/legacy/theme/theme.core.ts
+++ b/packages/design-tokens/legacy/theme/theme.core.ts
@@ -3,13 +3,13 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import darkTheme from './tokens/variables.dark';
-import lightTheme from './tokens/variables.light';
-import type { Theme, ThemeName } from './theme.types';
+import darkTheme from "./tokens/variables.dark";
+import lightTheme from "./tokens/variables.light";
+import type { Theme, ThemeName } from "./theme.types";
 
 export const THEMES: Record<Capitalize<ThemeName>, ThemeName> = {
-  Dark: 'dark',
-  Light: 'light',
+  Dark: "dark",
+  Light: "light",
 };
 
 // Note: darkTheme and lightTheme have different
diff --git a/packages/design-tokens/legacy/theme/theme.types.ts b/packages/design-tokens/legacy/theme/theme.types.ts
index 0d64ee459..caa89bffa 100644
--- a/packages/design-tokens/legacy/theme/theme.types.ts
+++ b/packages/design-tokens/legacy/theme/theme.types.ts
@@ -3,12 +3,12 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import lightTheme from './tokens/variables.light';
+import lightTheme from "./tokens/variables.light";
 
 export type Theme = typeof lightTheme;
 
-export type ThemeName = 'dark' | 'light';
+export type ThemeName = "dark" | "light";
 
-declare module 'styled-components' {
+declare module "styled-components" {
   export interface DefaultTheme extends Theme {}
 }
diff --git a/packages/design-tokens/legacy/theme/theme.utils.ts b/packages/design-tokens/legacy/theme/theme.utils.ts
index 9eb691f2e..2f32eef40 100644
--- a/packages/design-tokens/legacy/theme/theme.utils.ts
+++ b/packages/design-tokens/legacy/theme/theme.utils.ts
@@ -3,8 +3,8 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import { THEMES } from './theme.core';
-import type { ThemeName } from './theme.types';
+import { THEMES } from "./theme.core";
+import type { ThemeName } from "./theme.types";
 
 export const isValidThemeName = (theme: string | undefined): theme is ThemeName =>
   theme !== undefined && ([THEMES.Dark, THEMES.Light] as Array<string>).includes(theme);
diff --git a/packages/design-tokens/legacy/theme/tokens/variables.dark.ts b/packages/design-tokens/legacy/theme/tokens/variables.dark.ts
index e2d50a9d6..6bee7405a 100644
--- a/packages/design-tokens/legacy/theme/tokens/variables.dark.ts
+++ b/packages/design-tokens/legacy/theme/tokens/variables.dark.ts
@@ -9,12 +9,12 @@ const theme = {
       sm: {
         icon: {
           size: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -30,12 +30,12 @@ const theme = {
       md: {
         icon: {
           size: {
-            height: '1.25rem',
-            width: '1.25rem',
+            height: "1.25rem",
+            width: "1.25rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -51,12 +51,12 @@ const theme = {
       lg: {
         icon: {
           size: {
-            height: '1.5rem',
-            width: '1.5rem',
+            height: "1.5rem",
+            width: "1.5rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -72,26 +72,26 @@ const theme = {
       color: {
         default: {
           label: {
-            default: '#ffffff',
-            hover: 'rgb(100% 100% 100%)',
-            active: '#ffffff',
+            default: "#ffffff",
+            hover: "rgb(100% 100% 100%)",
+            active: "#ffffff",
           },
           icon: {
-            default: '#ffffff',
-            hover: 'rgb(100% 100% 100%)',
-            active: '#ffffff',
+            default: "#ffffff",
+            hover: "rgb(100% 100% 100%)",
+            active: "#ffffff",
           },
         },
         link: {
           label: {
-            default: '#faff69',
-            hover: '#feffc2',
-            active: '#faff69',
+            default: "#faff69",
+            hover: "#feffc2",
+            active: "#faff69",
           },
           icon: {
-            default: '#faff69',
-            hover: 'rgb(99.637% 100% 77.873%)',
-            active: '#faff69',
+            default: "#faff69",
+            hover: "rgb(99.637% 100% 77.873%)",
+            active: "#faff69",
           },
         },
       },
@@ -99,10 +99,10 @@ const theme = {
     alert: {
       medium: {
         space: {
-          y: '0.75rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.5rem',
+          y: "0.75rem",
+          x: "0.75rem",
+          gap: "0",
+          banner: "0.5rem",
         },
         typography: {
           title: {
@@ -115,20 +115,20 @@ const theme = {
           },
         },
         icon: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       small: {
         space: {
-          y: '0.5rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.25rem',
+          y: "0.5rem",
+          x: "0.75rem",
+          gap: "0",
+          banner: "0.25rem",
         },
         icon: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
         typography: {
           title: {
@@ -142,41 +142,41 @@ const theme = {
         },
       },
       radii: {
-        center: '0',
-        end: '0.25rem',
+        center: "0",
+        end: "0.25rem",
       },
       color: {
         background: {
-          default: '#1f1f1c',
-          success: 'rgb(20% 100% 26.667% / 0.2)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
+          default: "#1f1f1c",
+          success: "rgb(20% 100% 26.667% / 0.2)",
+          neutral: "rgb(62.745% 62.745% 62.745% / 0.2)",
+          danger: "rgb(100% 13.725% 13.725% / 0.2)",
+          warning: "rgb(100% 46.667% 16.078% / 0.2)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.2)",
         },
         text: {
-          default: '#b3b6bd',
-          success: '#ccffd0',
-          neutral: '#c0c0c0',
-          danger: '#ffbaba',
-          warning: '#ffb88f',
-          info: '#d0dffb',
+          default: "#b3b6bd",
+          success: "#ccffd0",
+          neutral: "#c0c0c0",
+          danger: "#ffbaba",
+          warning: "#ffb88f",
+          info: "#d0dffb",
         },
         iconBackground: {
-          default: '#1f1f1c',
-          success: 'rgb(20% 100% 26.667% / 0)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0)',
-          danger: 'rgb(100% 13.725% 13.725% / 0)',
-          warning: 'rgb(100% 46.667% 16.078% / 0)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0)',
+          default: "#1f1f1c",
+          success: "rgb(20% 100% 26.667% / 0)",
+          neutral: "rgb(62.745% 62.745% 62.745% / 0)",
+          danger: "rgb(100% 13.725% 13.725% / 0)",
+          warning: "rgb(100% 46.667% 16.078% / 0)",
+          info: "rgb(26.275% 49.412% 93.725% / 0)",
         },
         iconForeground: {
-          default: '#b3b6bd',
-          success: 'lch(95.558 28.893 143.93 / 0.75)',
-          neutral: 'lch(77.704 0 none / 0.75)',
-          danger: 'lch(82.069 27.695 22.026 / 0.75)',
-          warning: 'lch(80.892 39.042 53.918 / 0.75)',
-          info: 'lch(88.343 15.514 266.4 / 0.75)',
+          default: "#b3b6bd",
+          success: "lch(95.558 28.893 143.93 / 0.75)",
+          neutral: "lch(77.704 0 none / 0.75)",
+          danger: "lch(82.069 27.695 22.026 / 0.75)",
+          warning: "lch(80.892 39.042 53.918 / 0.75)",
+          info: "lch(88.343 15.514 266.4 / 0.75)",
         },
       },
     },
@@ -203,38 +203,38 @@ const theme = {
       },
       size: {
         label: {
-          width: '1.5rem',
+          width: "1.5rem",
         },
-        width: '1.5rem',
-        height: '1.5rem',
+        width: "1.5rem",
+        height: "1.5rem",
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       color: {
         background: {
-          default: '#808691',
-          hover: '#b3b6bd',
-          active: '#b3b6bd',
+          default: "#808691",
+          hover: "#b3b6bd",
+          active: "#b3b6bd",
         },
         text: {
-          default: '#1f1f1c',
-          hover: '#1f1f1c',
-          active: '#1f1f1c',
+          default: "#1f1f1c",
+          hover: "#1f1f1c",
+          active: "#1f1f1c",
         },
       },
     },
     badge: {
       space: {
         md: {
-          x: '0.75rem',
-          y: '0.125rem',
-          gap: '0.25rem',
+          x: "0.75rem",
+          y: "0.125rem",
+          gap: "0.25rem",
         },
         sm: {
-          x: '0.5rem',
-          y: '0.1563rem',
-          gap: '0.125rem',
+          x: "0.5rem",
+          y: "0.1563rem",
+          gap: "0.125rem",
         },
       },
       typography: {
@@ -250,100 +250,100 @@ const theme = {
         },
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
-      stroke: '1px',
+      stroke: "1px",
       icon: {
         md: {
           size: {
-            height: '0.75rem',
-            width: '0.75rem',
+            height: "0.75rem",
+            width: "0.75rem",
           },
         },
         sm: {
           size: {
-            height: '0.625rem',
-            width: '0.625rem',
+            height: "0.625rem",
+            width: "0.625rem",
           },
         },
       },
       opaque: {
         color: {
           background: {
-            default: '#1f1f1c',
-            success: 'rgb(20% 100% 26.667% / 0.2)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-            disabled: '#414141',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.2)',
+            default: "#1f1f1c",
+            success: "rgb(20% 100% 26.667% / 0.2)",
+            neutral: "rgb(62.745% 62.745% 62.745% / 0.2)",
+            danger: "rgb(100% 13.725% 13.725% / 0.2)",
+            disabled: "#414141",
+            info: "rgb(26.275% 49.412% 93.725% / 0.2)",
+            warning: "rgb(100% 46.667% 16.078% / 0.2)",
           },
           text: {
-            default: '#b3b6bd',
-            success: '#ccffd0',
-            neutral: '#c0c0c0',
-            danger: '#ffbaba',
-            disabled: '#808080',
-            info: '#d0dffb',
-            warning: '#ffb88f',
+            default: "#b3b6bd",
+            success: "#ccffd0",
+            neutral: "#c0c0c0",
+            danger: "#ffbaba",
+            disabled: "#808080",
+            info: "#d0dffb",
+            warning: "#ffb88f",
           },
           stroke: {
-            default: '#323232',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
-            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
-            disabled: 'rgb(24.216% 24.216% 24.216%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+            default: "#323232",
+            success: "rgb(20% 100% 26.667% / 0.1)",
+            neutral: "rgb(62.745% 62.745% 62.745% / 0.1)",
+            danger: "rgb(100% 22.353% 22.353% / 0.2)",
+            disabled: "rgb(24.216% 24.216% 24.216%)",
+            info: "rgb(26.275% 49.412% 93.725% / 0.1)",
+            warning: "rgb(100% 46.667% 16.078% / 0.1)",
           },
         },
       },
       solid: {
         color: {
           background: {
-            default: '#c0c0c0',
-            success: '#99ffa1',
-            neutral: '#c0c0c0',
-            danger: '#ff9898',
-            disabled: '#414141',
-            info: '#a1bef7',
-            warning: '#ff9457',
+            default: "#c0c0c0",
+            success: "#99ffa1",
+            neutral: "#c0c0c0",
+            danger: "#ff9898",
+            disabled: "#414141",
+            info: "#a1bef7",
+            warning: "#ff9457",
           },
           text: {
-            default: '#1f1f1c',
-            success: '#1f1f1c',
-            neutral: '#1f1f1c',
-            danger: '#1f1f1c',
-            disabled: '#808080',
-            info: '#1f1f1c',
-            warning: '#1f1f1c',
+            default: "#1f1f1c",
+            success: "#1f1f1c",
+            neutral: "#1f1f1c",
+            danger: "#1f1f1c",
+            disabled: "#808080",
+            info: "#1f1f1c",
+            warning: "#1f1f1c",
           },
           stroke: {
-            default: 'rgb(19.608% 19.608% 19.608% / 0.1)',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(62.745% 62.745% 62.745% / 0.1)',
-            danger: 'rgb(100% 22.353% 22.353% / 0.2)',
-            disabled: 'rgb(24.216% 24.216% 24.216%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+            default: "rgb(19.608% 19.608% 19.608% / 0.1)",
+            success: "rgb(20% 100% 26.667% / 0.1)",
+            neutral: "rgb(62.745% 62.745% 62.745% / 0.1)",
+            danger: "rgb(100% 22.353% 22.353% / 0.2)",
+            disabled: "rgb(24.216% 24.216% 24.216%)",
+            info: "rgb(26.275% 49.412% 93.725% / 0.1)",
+            warning: "rgb(100% 46.667% 16.078% / 0.1)",
           },
         },
       },
     },
     bigStat: {
       space: {
-        all: '1rem',
+        all: "1rem",
         sm: {
-          gap: '0',
+          gap: "0",
         },
         lg: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         lg: {
           label: {
@@ -376,35 +376,35 @@ const theme = {
       },
       color: {
         stroke: {
-          default: '#323232',
-          muted: '#323232',
-          danger: '#ffbaba',
+          default: "#323232",
+          muted: "#323232",
+          danger: "#ffbaba",
         },
         background: {
-          default: '#1f1f1c',
-          muted: '#282828',
+          default: "#1f1f1c",
+          muted: "#282828",
         },
         label: {
-          default: '#b3b6bd',
-          muted: '#b3b6bd',
-          danger: '#ffbaba',
+          default: "#b3b6bd",
+          muted: "#b3b6bd",
+          danger: "#ffbaba",
         },
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          muted: 'rgb(97.5% 97.5% 97.5%)',
+          default: "rgb(97.5% 97.5% 97.5%)",
+          muted: "rgb(97.5% 97.5% 97.5%)",
         },
       },
     },
     button: {
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       basic: {
         space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-          group: '0.5rem',
+          x: "1rem",
+          y: "0.2813rem",
+          gap: "0.5rem",
+          group: "0.5rem",
         },
         typography: {
           label: {
@@ -430,98 +430,98 @@ const theme = {
         },
         size: {
           icon: {
-            height: '0.9688rem',
-            all: '0.9688rem',
-            width: '0.9688rem',
+            height: "0.9688rem",
+            all: "0.9688rem",
+            width: "0.9688rem",
           },
         },
         color: {
           primary: {
             background: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(90.686% 92.5% 38.088%)',
-              disabled: '#414141',
+              default: "#faff69",
+              hover: "rgb(98.627% 100% 58.824%)",
+              active: "rgb(90.686% 92.5% 38.088%)",
+              disabled: "#414141",
               loading:
-                'linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%)',
+                "linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%)",
             },
             text: {
-              default: '#1f1f1c',
-              hover: '#1f1f1c',
-              active: '#1f1f1c',
-              disabled: '#808080',
+              default: "#1f1f1c",
+              hover: "#1f1f1c",
+              active: "#1f1f1c",
+              disabled: "#808080",
             },
             stroke: {
-              default: '#faff69',
-              hover: '#faff69',
-              active: 'rgb(82.978% 84.638% 34.851%)',
-              disabled: '#414141',
+              default: "#faff69",
+              hover: "#faff69",
+              active: "rgb(82.978% 84.638% 34.851%)",
+              disabled: "#414141",
             },
           },
           secondary: {
             background: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: 'rgb(19.902% 19.902% 19.902%)',
-              disabled: '#414141',
+              default: "#1f1f1c",
+              hover: "#282828",
+              active: "rgb(19.902% 19.902% 19.902%)",
+              disabled: "#414141",
               loading:
-                'linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%)',
+                "linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%)",
             },
             stroke: {
-              default: '#414141',
-              hover: '#53575f',
-              active: 'rgb(22.882% 22.137% 23.627%)',
-              disabled: '#414141',
+              default: "#414141",
+              hover: "#53575f",
+              active: "rgb(22.882% 22.137% 23.627%)",
+              disabled: "#414141",
             },
             text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#808080',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#808080",
             },
           },
           danger: {
             background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
-              disabled: '#414141',
+              default: "rgb(100% 13.725% 13.725% / 0.2)",
+              hover: "rgb(100% 13.725% 13.725% / 0.3)",
+              active: "rgb(100% 13.725% 13.725% / 0.45)",
+              disabled: "#414141",
               loading:
-                'linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%)',
+                "linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%)",
             },
             text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
-              disabled: '#808080',
+              default: "#ffbaba",
+              hover: "#ffbaba",
+              active: "#ffbaba",
+              disabled: "#808080",
             },
             stroke: {
-              default: 'rgb(100% 22.353% 22.353% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
-              active: 'rgb(100% 13.725% 13.725% / 0.05)',
-              disabled: '#414141',
+              default: "rgb(100% 22.353% 22.353% / 0.2)",
+              hover: "rgb(100% 13.725% 13.725% / 0.05)",
+              active: "rgb(100% 13.725% 13.725% / 0.05)",
+              disabled: "#414141",
             },
           },
           empty: {
             text: {
-              default: '#faff69',
-              hover: '#feffc2',
-              active: '#faff69',
-              disabled: '#a0a0a0',
+              default: "#faff69",
+              hover: "#feffc2",
+              active: "#faff69",
+              disabled: "#a0a0a0",
             },
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#282828",
+              active: "rgba(0, 0, 0, 0)",
+              disabled: "rgba(0, 0, 0, 0)",
               loading:
-                'linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%)',
+                "linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgba(0, 0, 0, 0)",
+              disabled: "rgba(0, 0, 0, 0)",
             },
           },
         },
@@ -529,138 +529,138 @@ const theme = {
       iconButton: {
         default: {
           space: {
-            x: '0.4375rem',
-            y: '0.4375rem',
+            x: "0.4375rem",
+            y: "0.4375rem",
           },
         },
         size: {
-          small: '0.75rem',
-          medium: '1rem',
-          large: '1.25rem',
+          small: "0.75rem",
+          medium: "1rem",
+          large: "1.25rem",
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         sm: {
           space: {
-            x: '0.25rem',
-            y: '0.25rem',
+            x: "0.25rem",
+            y: "0.25rem",
           },
         },
         xs: {
           space: {
-            x: '0',
-            y: '0',
+            x: "0",
+            y: "0",
           },
         },
         color: {
           primary: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgb(14.118% 14.118% 14.118%)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#282828",
+              active: "rgb(14.118% 14.118% 14.118%)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#282828',
-              active: 'rgb(14.118% 14.118% 14.118%)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#282828",
+              active: "rgb(14.118% 14.118% 14.118%)",
             },
             text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
             },
           },
           secondary: {
             background: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(86.152% 87.875% 36.184%)',
+              default: "#faff69",
+              hover: "rgb(98.627% 100% 58.824%)",
+              active: "rgb(86.152% 87.875% 36.184%)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(86.152% 87.875% 36.184%)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgb(98.627% 100% 58.824%)",
+              active: "rgb(86.152% 87.875% 36.184%)",
             },
             text: {
-              default: '#1f1f1c',
-              hover: '#1f1f1c',
-              active: '#1f1f1c',
+              default: "#1f1f1c",
+              hover: "#1f1f1c",
+              active: "#1f1f1c",
             },
           },
           disabled: {
             background: {
-              default: '#414141',
+              default: "#414141",
             },
             text: {
-              default: '#808080',
+              default: "#808080",
             },
           },
           danger: {
             background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: '#ff9898',
-              active: '#c10000',
+              default: "rgb(100% 13.725% 13.725% / 0.2)",
+              hover: "#ff9898",
+              active: "#c10000",
             },
             text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
+              default: "#ffbaba",
+              hover: "#ffbaba",
+              active: "#ffbaba",
             },
             stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.2)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
+              default: "rgb(100% 13.725% 13.725% / 0.2)",
+              hover: "rgb(100% 13.725% 13.725% / 0.3)",
+              active: "rgb(100% 13.725% 13.725% / 0.45)",
             },
           },
           ghost: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgb(0% 0% 0% / 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgb(0% 0% 0% / 0)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgba(0, 0, 0, 0)",
             },
             text: {
-              default: '#b3b6bd',
-              hover: '#ffffff',
-              active: '#ffffff',
+              default: "#b3b6bd",
+              hover: "#ffffff",
+              active: "#ffffff",
             },
           },
           info: {
             background: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-              hover: '#1d64ec',
-              active: '#437eef',
+              default: "rgb(26.275% 49.412% 93.725% / 0.2)",
+              hover: "#1d64ec",
+              active: "#437eef",
             },
             text: {
-              default: '#d0dffb',
-              hover: '#d0dffb',
-              active: '#d0dffb',
+              default: "#d0dffb",
+              hover: "#d0dffb",
+              active: "#d0dffb",
             },
             stroke: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-              hover: '#1d64ec',
-              active: '#437eef',
+              default: "rgb(26.275% 49.412% 93.725% / 0.2)",
+              hover: "#1d64ec",
+              active: "#437eef",
             },
           },
         },
       },
-      stroke: '1px',
+      stroke: "1px",
       split: {
         icon: {
           space: {
-            y: '0.4375rem',
-            x: '0.3438rem',
+            y: "0.4375rem",
+            x: "0.3438rem",
           },
         },
         space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.2813rem",
+          gap: "0.5rem",
         },
         typography: {
           label: {
@@ -687,84 +687,84 @@ const theme = {
         primary: {
           background: {
             main: {
-              default: '#faff69',
-              hover: 'rgb(98.627% 100% 58.824%)',
-              active: 'rgb(82.978% 84.638% 34.851%)',
-              disabled: 'rgb(23.324% 23.324% 23.324%)',
+              default: "#faff69",
+              hover: "rgb(98.627% 100% 58.824%)",
+              active: "rgb(82.978% 84.638% 34.851%)",
+              disabled: "rgb(23.324% 23.324% 23.324%)",
             },
             action: {
-              default: 'rgb(88.235% 90% 37.059%)',
-              hover: 'rgb(90.737% 92% 54.118%)',
-              active: 'rgb(73.021% 74.481% 30.669%)',
-              disabled: 'rgb(20.525% 20.525% 20.525%)',
+              default: "rgb(88.235% 90% 37.059%)",
+              hover: "rgb(90.737% 92% 54.118%)",
+              active: "rgb(73.021% 74.481% 30.669%)",
+              disabled: "rgb(20.525% 20.525% 20.525%)",
             },
           },
           text: {
-            default: '#1f1f1c',
-            hover: '#1f1f1c',
-            active: '#1f1f1c',
-            disabled: '#808080',
+            default: "#1f1f1c",
+            hover: "#1f1f1c",
+            active: "#1f1f1c",
+            disabled: "#808080",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "rgba(0, 0, 0, 0)",
+            disabled: "rgba(0, 0, 0, 0)",
           },
           divide: {
-            default: 'rgb(85.784% 87.5% 36.029%)',
-            hover: 'rgb(86.299% 87.5% 51.471%)',
-            active: 'rgb(72.606% 74.058% 30.495%)',
-            disabled: 'rgb(21.341% 21.341% 21.341%)',
+            default: "rgb(85.784% 87.5% 36.029%)",
+            hover: "rgb(86.299% 87.5% 51.471%)",
+            active: "rgb(72.606% 74.058% 30.495%)",
+            disabled: "rgb(21.341% 21.341% 21.341%)",
           },
         },
         secondary: {
           divide: {
-            default: '#414141',
-            hover: '#414141',
-            active: 'rgb(23.653% 22.916% 24.391%)',
-            disabled: '#414141',
+            default: "#414141",
+            hover: "#414141",
+            active: "rgb(23.653% 22.916% 24.391%)",
+            disabled: "#414141",
           },
           background: {
             main: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: 'rgb(19.902% 19.902% 19.902%)',
-              disabled: '#414141',
+              default: "#1f1f1c",
+              hover: "#282828",
+              active: "rgb(19.902% 19.902% 19.902%)",
+              disabled: "#414141",
             },
             action: {
-              default: '#282828',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: 'rgb(20.703% 20.703% 20.703%)',
-              disabled: 'rgb(22.158% 22.158% 22.158%)',
+              default: "#282828",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "rgb(20.703% 20.703% 20.703%)",
+              disabled: "rgb(22.158% 22.158% 22.158%)",
             },
           },
           text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-            disabled: '#808080',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#ffffff",
+            disabled: "#808080",
           },
           stroke: {
-            default: '#414141',
-            hover: '#414141',
-            active: 'rgb(23.653% 22.916% 24.391%)',
-            disabled: 'rgba(0, 0, 0, 0)',
+            default: "#414141",
+            hover: "#414141",
+            active: "rgb(23.653% 22.916% 24.391%)",
+            disabled: "rgba(0, 0, 0, 0)",
           },
         },
       },
       mobile: {
         button: {
           space: {
-            x: '0.75rem',
-            y: '0.5rem',
-            gap: '0.5rem',
+            x: "0.75rem",
+            y: "0.5rem",
+            gap: "0.5rem",
           },
         },
         basic: {
           size: {
             icon: {
-              all: '1.25rem',
+              all: "1.25rem",
             },
           },
         },
@@ -773,14 +773,14 @@ const theme = {
         radii: {
           button: {
             default: {
-              all: '2px',
+              all: "2px",
             },
             borderless: {
-              all: '0.25rem',
+              all: "0.25rem",
             },
           },
           panel: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
         },
         typography: {
@@ -808,55 +808,55 @@ const theme = {
         space: {
           panel: {
             default: {
-              x: '3px',
-              y: '3px',
-              gap: '3px',
+              x: "3px",
+              y: "3px",
+              gap: "3px",
             },
             borderless: {
-              x: '0',
-              y: '0',
-              gap: '0.25rem',
+              x: "0",
+              y: "0",
+              gap: "0.25rem",
             },
           },
           button: {
             default: {
-              y: '1.5px',
-              x: '0.75rem',
+              y: "1.5px",
+              x: "0.75rem",
             },
             borderless: {
-              y: '5.5px',
-              x: '1rem',
+              y: "5.5px",
+              x: "1rem",
             },
           },
         },
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: '#414141',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'lch(0 0 none / 0)',
-            panel: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#282828",
+            active: "#414141",
+            disabled: "rgba(0, 0, 0, 0)",
+            "disabled-active": "lch(0 0 none / 0)",
+            panel: "rgba(0, 0, 0, 0)",
           },
           text: {
-            default: '#c0c0c0',
-            hover: '#c0c0c0',
-            active: '#ffffff',
-            disabled: '#414141',
-            'disabled-active': '#808080',
+            default: "#c0c0c0",
+            hover: "#c0c0c0",
+            active: "#ffffff",
+            disabled: "#414141",
+            "disabled-active": "#808080",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'rgba(0, 0, 0, 0)',
-            panel: '#323232',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "rgba(0, 0, 0, 0)",
+            disabled: "rgba(0, 0, 0, 0)",
+            "disabled-active": "rgba(0, 0, 0, 0)",
+            panel: "#323232",
           },
           panel: {
             stroke: {
-              default: '#323232',
-              borderless: 'rgba(0, 0, 0, 0)',
+              default: "#323232",
+              borderless: "rgba(0, 0, 0, 0)",
             },
           },
         },
@@ -864,13 +864,13 @@ const theme = {
       alignLeft: {
         size: {
           icon: {
-            all: '0.9688rem',
+            all: "0.9688rem",
           },
         },
         space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.3438rem",
+          gap: "0.5rem",
         },
         typography: {
           label: {
@@ -898,19 +898,19 @@ const theme = {
       alignedLeft: {
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: 'rgb(15.373% 15.373% 15.373%)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#282828",
+            active: "rgb(15.373% 15.373% 15.373%)",
           },
           stroke: {
-            default: '#323232',
-            hover: '#53575f',
-            active: 'rgb(22.882% 22.137% 23.627%)',
+            default: "#323232",
+            hover: "#53575f",
+            active: "rgb(22.882% 22.137% 23.627%)",
           },
           text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#ffffff",
           },
         },
       },
@@ -918,51 +918,51 @@ const theme = {
     card: {
       secondary: {
         space: {
-          all: '1rem',
-          gap: '1rem',
+          all: "1rem",
+          gap: "1rem",
           link: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         icon: {
           size: {
-            all: '2rem',
+            all: "2rem",
           },
         },
-        stroke: '1px',
+        stroke: "1px",
         color: {
           background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: 'rgb(14.902% 14.902% 14.902%)',
-            disabled: '#414141',
+            default: "#1f1f1c",
+            hover: "#282828",
+            active: "rgb(14.902% 14.902% 14.902%)",
+            disabled: "#414141",
           },
           title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-            hover: 'rgb(97.5% 97.5% 97.5%)',
-            active: 'rgb(97.5% 97.5% 97.5%)',
-            disabled: '#808080',
+            default: "rgb(97.5% 97.5% 97.5%)",
+            hover: "rgb(97.5% 97.5% 97.5%)",
+            active: "rgb(97.5% 97.5% 97.5%)",
+            disabled: "#808080",
           },
           description: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#808080',
+            default: "#b3b6bd",
+            hover: "#b3b6bd",
+            active: "#b3b6bd",
+            disabled: "#808080",
           },
           link: {
-            default: '#ffffff',
-            hover: '#faff69',
-            active: '#ffffff',
-            disabled: '#808080',
+            default: "#ffffff",
+            hover: "#faff69",
+            active: "#ffffff",
+            disabled: "#808080",
           },
           stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: 'rgb(18.627% 18.627% 18.627%)',
-            disabled: '#414141',
+            default: "#323232",
+            hover: "#323232",
+            active: "rgb(18.627% 18.627% 18.627%)",
+            disabled: "#414141",
           },
         },
       },
@@ -1002,61 +1002,61 @@ const theme = {
         size: {
           icon: {
             sm: {
-              all: '2rem',
+              all: "2rem",
             },
             md: {
-              all: '4rem',
+              all: "4rem",
             },
           },
         },
         space: {
           md: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.75rem',
+            y: "1.5rem",
+            x: "1.5rem",
+            gap: "0.75rem",
           },
           sm: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.25rem',
+            y: "1.5rem",
+            x: "1.5rem",
+            gap: "0.25rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
-        stroke: '1px',
+        stroke: "1px",
         color: {
           background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: 'rgb(14.902% 14.902% 14.902%)',
-            disabled: '#414141',
+            default: "#1f1f1c",
+            hover: "#282828",
+            active: "rgb(14.902% 14.902% 14.902%)",
+            disabled: "#414141",
           },
           title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
-            hover: 'rgb(97.5% 97.5% 97.5%)',
-            active: 'rgb(97.5% 97.5% 97.5%)',
-            disabled: '#808080',
+            default: "rgb(97.5% 97.5% 97.5%)",
+            hover: "rgb(97.5% 97.5% 97.5%)",
+            active: "rgb(97.5% 97.5% 97.5%)",
+            disabled: "#808080",
           },
           description: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#808080',
+            default: "#b3b6bd",
+            hover: "#b3b6bd",
+            active: "#b3b6bd",
+            disabled: "#808080",
           },
           stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: '#faff69',
-            disabled: '#414141',
+            default: "#323232",
+            hover: "#323232",
+            active: "#faff69",
+            disabled: "#414141",
           },
         },
       },
       shadow:
-        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+        "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
       horizontal: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           title: {
@@ -1082,81 +1082,81 @@ const theme = {
         },
         icon: {
           size: {
-            all: '1.5rem',
+            all: "1.5rem",
           },
         },
         space: {
           md: {
-            y: '0.75rem',
-            x: '1rem',
-            gap: '1rem',
+            y: "0.75rem",
+            x: "1rem",
+            gap: "1rem",
           },
           sm: {
-            y: '0.5rem',
-            x: '0.75rem',
-            gap: '0.75rem',
+            y: "0.5rem",
+            x: "0.75rem",
+            gap: "0.75rem",
           },
         },
         default: {
           color: {
             background: {
-              default: '#1f1f1c',
-              hover: '#282828',
-              active: '#282828',
-              disabled: '#414141',
+              default: "#1f1f1c",
+              hover: "#282828",
+              active: "#282828",
+              disabled: "#414141",
             },
             title: {
-              default: 'rgb(97.5% 97.5% 97.5%)',
-              hover: 'rgb(97.5% 97.5% 97.5%)',
-              active: 'rgb(97.5% 97.5% 97.5%)',
-              disabled: '#808080',
+              default: "rgb(97.5% 97.5% 97.5%)",
+              hover: "rgb(97.5% 97.5% 97.5%)",
+              active: "rgb(97.5% 97.5% 97.5%)",
+              disabled: "#808080",
             },
             description: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-              disabled: '#808080',
+              default: "#b3b6bd",
+              hover: "#b3b6bd",
+              active: "#b3b6bd",
+              disabled: "#808080",
             },
             stroke: {
-              default: '#323232',
-              hover: '#323232',
-              active: '#faff69',
-              disabled: '#414141',
+              default: "#323232",
+              hover: "#323232",
+              active: "#faff69",
+              disabled: "#414141",
             },
           },
         },
         muted: {
           color: {
             background: {
-              default: '#282828',
-              hover: '#1f1f1c',
-              active: '#282828',
-              disabled: '#414141',
+              default: "#282828",
+              hover: "#1f1f1c",
+              active: "#282828",
+              disabled: "#414141",
             },
             title: {
-              default: 'rgb(97.5% 97.5% 97.5%)',
-              hover: 'rgb(97.5% 97.5% 97.5%)',
-              active: 'rgb(97.5% 97.5% 97.5%)',
-              disabled: '#808080',
+              default: "rgb(97.5% 97.5% 97.5%)",
+              hover: "rgb(97.5% 97.5% 97.5%)",
+              active: "rgb(97.5% 97.5% 97.5%)",
+              disabled: "#808080",
             },
             description: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
-              disabled: '#808080',
+              default: "#b3b6bd",
+              hover: "#b3b6bd",
+              active: "#b3b6bd",
+              disabled: "#808080",
             },
             stroke: {
-              default: '#323232',
-              hover: '#323232',
-              active: '#faff69',
-              disabled: '#414141',
+              default: "#323232",
+              hover: "#323232",
+              active: "#faff69",
+              disabled: "#414141",
             },
           },
         },
       },
       promotion: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           text: {
@@ -1165,50 +1165,50 @@ const theme = {
           },
         },
         space: {
-          y: '5.5px',
-          x: '0.75rem',
-          gap: '0.75rem',
+          y: "5.5px",
+          x: "0.75rem",
+          gap: "0.75rem",
         },
         icon: {
           size: {
-            all: '1rem',
+            all: "1rem",
           },
         },
         color: {
           text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#ffffff",
           },
           icon: {
-            default: '#faff69',
-            hover: '#faff69',
-            active: '#faff69',
+            default: "#faff69",
+            hover: "#faff69",
+            active: "#faff69",
           },
           background: {
-            default: 'rgb(15.686% 15.686% 15.686% / 0.9)',
-            hover: 'rgb(17.794% 17.794% 17.794% / 0.9)',
-            active: 'rgb(19.849% 19.849% 19.849% / 0.9)',
+            default: "rgb(15.686% 15.686% 15.686% / 0.9)",
+            hover: "rgb(17.794% 17.794% 17.794% / 0.9)",
+            active: "rgb(19.849% 19.849% 19.849% / 0.9)",
           },
           stroke: {
-            default: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            hover: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            active: 'linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)',
-            focus: '#faff69',
+            default: "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
+            hover: "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
+            active: "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
+            focus: "#faff69",
           },
         },
       },
     },
     checkbox: {
       radii: {
-        all: '0.125rem',
+        all: "0.125rem",
       },
       space: {
-        all: '1px',
-        gap: '0.5rem',
+        all: "1px",
+        gap: "0.5rem",
       },
       size: {
-        all: '1rem',
+        all: "1rem",
       },
       typography: {
         label: {
@@ -1226,187 +1226,187 @@ const theme = {
         variations: {
           default: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#faff69',
-              disabled: '#414141',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#faff69",
+              disabled: "#414141",
             },
             stroke: {
-              default: '#414141',
-              hover: '#414141',
-              active: '#faff69',
-              disabled: '#606060',
+              default: "#414141",
+              hover: "#414141",
+              active: "#faff69",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#151515',
-              disabled: '#808080',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#151515",
+              disabled: "#808080",
             },
             label: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#606060',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#606060",
             },
           },
           var1: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#33ff44',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#33ff44",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#00bd10',
-              hover: '#66ff73',
-              active: '#66ff73',
-              disabled: '#606060',
+              default: "#00bd10",
+              hover: "#66ff73",
+              active: "#66ff73",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var2: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#437eef',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#437eef",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#6d9bf3',
-              hover: '#a1bef7',
-              active: '#a1bef7',
-              disabled: '#606060',
+              default: "#6d9bf3",
+              hover: "#a1bef7",
+              active: "#a1bef7",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var3: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#fb64d6',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#fb64d6",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#fb64d6',
-              hover: '#fb64d6',
-              active: '#fb64d6',
-              disabled: '#606060',
+              default: "#fb64d6",
+              hover: "#fb64d6",
+              active: "#fb64d6",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var4: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#ff7729',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#ff7729",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#faff69',
-              hover: '#fdffa3',
-              active: '#fdffa3',
-              disabled: '#606060',
+              default: "#faff69",
+              hover: "#fdffa3",
+              active: "#fdffa3",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var5: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#6df8e1',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#6df8e1",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#6df8e1',
-              hover: '#a3faec',
-              active: '#a3faec',
-              disabled: '#606060',
+              default: "#6df8e1",
+              hover: "#a3faec",
+              active: "#a3faec",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var6: {
             background: {
-              default: 'rgb(17.794% 17.794% 17.794%)',
-              hover: 'rgb(17.794% 17.794% 17.794%)',
-              active: '#bb33ff',
-              disabled: 'rgb(17.794% 17.794% 17.794%)',
+              default: "rgb(17.794% 17.794% 17.794%)",
+              hover: "rgb(17.794% 17.794% 17.794%)",
+              active: "#bb33ff",
+              disabled: "rgb(17.794% 17.794% 17.794%)",
             },
             stroke: {
-              default: '#cc66ff',
-              hover: '#cc66ff',
-              active: '#cc66ff',
-              disabled: '#606060',
+              default: "#cc66ff",
+              hover: "#cc66ff",
+              active: "#cc66ff",
+              disabled: "#606060",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
         },
         background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#faff69',
-          disabled: '#414141',
+          default: "rgb(17.794% 17.794% 17.794%)",
+          hover: "rgb(17.794% 17.794% 17.794%)",
+          active: "#faff69",
+          disabled: "#414141",
         },
         stroke: {
-          default: '#414141',
-          hover: '#414141',
-          active: '#faff69',
-          disabled: '#606060',
+          default: "#414141",
+          hover: "#414141",
+          active: "#faff69",
+          disabled: "#606060",
         },
         check: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#151515',
-          disabled: '#808080',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#151515",
+          disabled: "#808080",
         },
         label: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#606060',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
+          disabled: "#606060",
         },
       },
     },
     codeblock: {
       space: {
-        x: '1rem',
-        y: '1rem',
-        gap: '1.5rem',
+        x: "1rem",
+        y: "1rem",
+        gap: "1.5rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         text: {
           default:
@@ -1415,71 +1415,71 @@ const theme = {
       },
       numbers: {
         size: {
-          width: '1.5rem',
+          width: "1.5rem",
         },
       },
       darkMode: {
         color: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           text: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           numbers: {
-            default: '#c0c0c0',
+            default: "#c0c0c0",
           },
           button: {
             background: {
-              default: '#282828',
-              hover: '#53575f',
+              default: "#282828",
+              hover: "#53575f",
             },
             foreground: {
-              default: '#ffffff',
+              default: "#ffffff",
             },
           },
           stroke: {
-            default: '#282828',
+            default: "#282828",
           },
         },
       },
       lightMode: {
         color: {
           background: {
-            default: '#f6f7fa',
+            default: "#f6f7fa",
           },
           text: {
-            default: '#282828',
+            default: "#282828",
           },
           numbers: {
-            default: '#808080',
+            default: "#808080",
           },
           button: {
             background: {
-              default: '#f6f7fa',
-              hover: '#53575f',
+              default: "#f6f7fa",
+              hover: "#53575f",
             },
             foreground: {
-              default: '#a0a0a0',
+              default: "#a0a0a0",
             },
           },
           stroke: {
-            default: '#282828',
+            default: "#282828",
           },
         },
       },
       monacoTheme: {
         parameter: {
-          foreground: '#c0c0c0',
-          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
+          foreground: "#c0c0c0",
+          background: "rgb(62.745% 62.745% 62.745% / 0.2)",
         },
       },
     },
     codeInline: {
       space: {
-        x: '0.25rem',
+        x: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         text: {
           default:
@@ -1487,55 +1487,55 @@ const theme = {
         },
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       color: {
         background: {
-          default: '#282828',
+          default: "#282828",
         },
         text: {
-          default: '#ffffff',
+          default: "#ffffff",
         },
         stroke: {
-          default: '#323232',
+          default: "#323232",
         },
       },
     },
     container: {
       space: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
       },
       gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
       },
     },
     datePicker: {
       dateOption: {
         space: {
-          gap: '2px',
+          gap: "2px",
         },
         radii: {
-          default: '0.25rem',
-          range: '0',
+          default: "0.25rem",
+          range: "0",
         },
-        stroke: '1px',
+        stroke: "1px",
         size: {
-          height: '2rem',
-          width: '2rem',
+          height: "2rem",
+          width: "2rem",
         },
         typography: {
           label: {
@@ -1553,30 +1553,30 @@ const theme = {
         },
         color: {
           label: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#1f1f1c',
-            disabled: '#a0a0a0',
-            range: '#ffffff',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#1f1f1c",
+            disabled: "#a0a0a0",
+            range: "#ffffff",
           },
           background: {
-            default: '#1f1f1c',
-            hover: '#1f1f1c',
-            active: '#faff69',
-            disabled: '#1f1f1c',
-            range: '#323232',
+            default: "#1f1f1c",
+            hover: "#1f1f1c",
+            active: "#faff69",
+            disabled: "#1f1f1c",
+            range: "#323232",
           },
           stroke: {
-            default: '#1f1f1c',
-            hover: '#faff69',
-            active: '#faff69',
-            disabled: '#1f1f1c',
-            range: '#323232',
+            default: "#1f1f1c",
+            hover: "#faff69",
+            active: "#faff69",
+            disabled: "#1f1f1c",
+            range: "#323232",
           },
         },
       },
       space: {
-        gap: '0.25rem',
+        gap: "0.25rem",
       },
       typography: {
         daytitle: {
@@ -1590,33 +1590,33 @@ const theme = {
       },
       color: {
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
+          default: "rgb(97.5% 97.5% 97.5%)",
         },
         daytitle: {
-          default: '#b3b6bd',
+          default: "#b3b6bd",
         },
       },
     },
     dialog: {
       space: {
-        y: '1.5rem',
-        x: '2rem',
-        gap: '1rem',
+        y: "1.5rem",
+        x: "2rem",
+        gap: "1rem",
       },
       title: {
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
       },
       radii: {
-        all: '0.5rem',
+        all: "0.5rem",
       },
       shadow: {
         default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+          "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
       },
       stroke: {
-        default: '1px solid #323232',
+        default: "1px solid #323232",
       },
       typography: {
         title: {
@@ -1630,16 +1630,16 @@ const theme = {
       },
       color: {
         background: {
-          default: '#1f1f1c',
+          default: "#1f1f1c",
         },
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
+          default: "rgb(97.5% 97.5% 97.5%)",
         },
         description: {
-          default: '#b3b6bd',
+          default: "#b3b6bd",
         },
         opaqueBackground: {
-          default: 'lch(40.731 0 none / 0.75)',
+          default: "lch(40.731 0 none / 0.75)",
         },
       },
     },
@@ -1735,73 +1735,73 @@ const theme = {
         mobile: {
           label:
             '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          'field-value':
+          "field-value":
             '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
       },
       space: {
-        x: '0.75rem',
-        y: '0.2813rem',
-        gap: '0.5rem',
+        x: "0.75rem",
+        y: "0.2813rem",
+        gap: "0.5rem",
       },
       size: {
-        icon: '1rem',
+        icon: "1rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       mobile: {
         space: {
-          x: '0.75rem',
-          y: '0.5rem',
-          gap: '0.5rem',
+          x: "0.75rem",
+          y: "0.5rem",
+          gap: "0.5rem",
         },
       },
       color: {
         background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(19.849% 19.849% 19.849%)',
-          active: 'rgb(19.849% 19.849% 19.849%)',
-          disabled: '#414141',
-          error: 'rgb(19.849% 19.849% 19.849%)',
+          default: "rgb(17.794% 17.794% 17.794%)",
+          hover: "rgb(19.849% 19.849% 19.849%)",
+          active: "rgb(19.849% 19.849% 19.849%)",
+          disabled: "#414141",
+          error: "rgb(19.849% 19.849% 19.849%)",
         },
         text: {
-          default: '#e6e7e9',
-          hover: '#e6e7e9',
-          active: '#ffffff',
-          disabled: '#808080',
-          error: '#ffbaba',
+          default: "#e6e7e9",
+          hover: "#e6e7e9",
+          active: "#ffffff",
+          disabled: "#808080",
+          error: "#ffbaba",
         },
         stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(27.446% 27.446% 27.446%)',
-          active: '#faff69',
-          disabled: '#414141',
-          error: '#ffbaba',
+          default: "rgb(23.627% 23.627% 23.627%)",
+          hover: "rgb(27.446% 27.446% 27.446%)",
+          active: "#faff69",
+          disabled: "#414141",
+          error: "#ffbaba",
         },
         label: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#ffffff',
-          disabled: '#606060',
-          error: '#ffbaba',
+          default: "#b3b6bd",
+          hover: "#b3b6bd",
+          active: "#ffffff",
+          disabled: "#606060",
+          error: "#ffbaba",
         },
         format: {
-          default: 'rgb(60.157% 60.157% 60.157%)',
-          hover: 'rgb(60.157% 60.157% 60.157%)',
-          active: 'rgb(60.157% 60.157% 60.157%)',
-          disabled: '#808080',
-          error: 'rgb(60.157% 60.157% 60.157%)',
+          default: "rgb(60.157% 60.157% 60.157%)",
+          hover: "rgb(60.157% 60.157% 60.157%)",
+          active: "rgb(60.157% 60.157% 60.157%)",
+          disabled: "#808080",
+          error: "rgb(60.157% 60.157% 60.157%)",
         },
         genericLabel: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
+          disabled: "#a0a0a0",
         },
         placeholder: {
-          default: '#808080',
-          disabled: '#606060',
+          default: "#808080",
+          disabled: "#606060",
         },
       },
     },
@@ -1809,42 +1809,42 @@ const theme = {
       sm: {
         icon: {
           size: {
-            height: '1.5rem',
-            width: '1.5rem',
+            height: "1.5rem",
+            width: "1.5rem",
           },
         },
         space: {
-          gap: '0.75rem',
-          x: '1rem',
-          y: '0.5rem',
+          gap: "0.75rem",
+          x: "1rem",
+          y: "0.5rem",
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         color: {
           icon: {
-            default: '#b3b6bd',
+            default: "#b3b6bd",
           },
         },
       },
       md: {
         icon: {
           size: {
-            height: '2rem',
-            width: '2rem',
+            height: "2rem",
+            width: "2rem",
           },
         },
         space: {
-          gap: '0.5rem',
-          x: '1rem',
-          y: '0.75rem',
+          gap: "0.5rem",
+          x: "1rem",
+          y: "0.75rem",
         },
         radii: {
-          all: '0.5rem',
+          all: "0.5rem",
         },
         color: {
           icon: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
         },
       },
@@ -1860,91 +1860,91 @@ const theme = {
       },
       hasFile: {
         space: {
-          gap: '0.75rem',
+          gap: "0.75rem",
         },
         header: {
           space: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
       },
       transitions: {
-        all: 'all 100ms ease-in 0ms',
+        all: "all 100ms ease-in 0ms",
       },
       color: {
         background: {
-          default: '#1f1f1c',
-          hover: '#1f1f1c',
-          active: 'rgb(19.849% 19.849% 19.849%)',
-          error: 'rgb(100% 13.725% 13.725% / 0.2)',
+          default: "#1f1f1c",
+          hover: "#1f1f1c",
+          active: "rgb(19.849% 19.849% 19.849%)",
+          error: "rgb(100% 13.725% 13.725% / 0.2)",
         },
         stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(23.627% 23.627% 23.627%)',
-          active: '#414141',
-          error: 'rgba(0, 0, 0, 0)',
+          default: "rgb(23.627% 23.627% 23.627%)",
+          hover: "rgb(23.627% 23.627% 23.627%)",
+          active: "#414141",
+          error: "rgba(0, 0, 0, 0)",
         },
         title: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          error: '#ffbaba',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
+          error: "#ffbaba",
         },
         description: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#b3b6bd',
-          error: '#ffbaba',
+          default: "#b3b6bd",
+          hover: "#b3b6bd",
+          active: "#b3b6bd",
+          error: "#ffbaba",
         },
       },
     },
     flyout: {
       space: {
         default: {
-          x: '0',
-          y: '1.5rem',
-          gap: '1rem',
-          top: '0',
+          x: "0",
+          y: "1.5rem",
+          gap: "1rem",
+          top: "0",
           content: {
-            x: '1.5rem',
-            y: '1.5rem',
-            'row-gap': '0.25rem',
-            'column-gap': '1rem',
+            x: "1.5rem",
+            y: "1.5rem",
+            "row-gap": "0.25rem",
+            "column-gap": "1rem",
           },
         },
         inline: {
-          x: '0',
-          y: '0.75rem',
-          gap: '0.75rem',
-          top: '3.5rem',
+          x: "0",
+          y: "0.75rem",
+          gap: "0.75rem",
+          top: "3.5rem",
           content: {
-            x: '0.75rem',
-            y: '0.75rem',
-            'row-gap': '0.25rem',
-            'column-gap': '0.75rem',
+            x: "0.75rem",
+            y: "0.75rem",
+            "row-gap": "0.25rem",
+            "column-gap": "0.75rem",
           },
         },
       },
       shadow: {
-        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+        default: "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+        reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)",
       },
       size: {
         default: {
-          width: '27.5rem',
-          height: '100%',
+          width: "27.5rem",
+          height: "100%",
         },
         wide: {
-          width: '37.5rem',
-          height: '100vh',
+          width: "37.5rem",
+          height: "100vh",
         },
         narrow: {
-          width: '21rem',
-          height: '100%',
+          width: "21rem",
+          height: "100%",
         },
         widest: {
-          width: '55rem',
-          height: '100vh',
+          width: "55rem",
+          height: "100vh",
         },
       },
       typography: {
@@ -1971,33 +1971,33 @@ const theme = {
       },
       color: {
         background: {
-          default: '#282828',
+          default: "#282828",
         },
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
+          default: "rgb(97.5% 97.5% 97.5%)",
         },
         description: {
-          default: '#b3b6bd',
+          default: "#b3b6bd",
         },
         opaqueBackground: {
-          default: 'lch(6.7738 0 none / 0.45)',
+          default: "lch(6.7738 0 none / 0.45)",
         },
         stroke: {
-          default: '#323232',
+          default: "#323232",
         },
       },
     },
     genericMenu: {
       item: {
         space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.3438rem",
+          gap: "0.5rem",
         },
         icon: {
           size: {
-            height: '0.9688rem',
-            width: '0.9688rem',
+            height: "0.9688rem",
+            width: "0.9688rem",
           },
         },
         typography: {
@@ -2026,65 +2026,65 @@ const theme = {
               '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           },
         },
-        'two-lines': {
+        "two-lines": {
           space: {
-            x: '1rem',
-            y: '0.3438rem',
-            gap: '0.75rem',
+            x: "1rem",
+            y: "0.3438rem",
+            gap: "0.75rem",
           },
         },
         size: {
-          minWidth: '180px',
+          minWidth: "180px",
         },
         color: {
           default: {
             text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#808080',
-              muted: '#b3b6bd',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#808080",
+              muted: "#b3b6bd",
             },
             background: {
-              default: '#282828',
-              hover: 'rgb(23.064% 23.064% 23.064%)',
-              active: '#282828',
-              disabled: '#414141',
+              default: "#282828",
+              hover: "rgb(23.064% 23.064% 23.064%)",
+              active: "#282828",
+              disabled: "#414141",
             },
             stroke: {
-              default: '#323232',
-              focus: '#faff69',
+              default: "#323232",
+              focus: "#faff69",
             },
           },
           format: {
-            default: 'lch(62.868 0 none)',
-            hover: 'rgb(60.157% 60.157% 60.157%)',
-            active: 'rgb(60.157% 60.157% 60.157%)',
-            disabled: '#808080',
-            error: 'rgb(60.157% 60.157% 60.157%)',
+            default: "lch(62.868 0 none)",
+            hover: "rgb(60.157% 60.157% 60.157%)",
+            active: "rgb(60.157% 60.157% 60.157%)",
+            disabled: "#808080",
+            error: "rgb(60.157% 60.157% 60.157%)",
           },
           subtext: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            active: '#b3b6bd',
-            disabled: '#c0c0c0',
+            default: "#b3b6bd",
+            hover: "#b3b6bd",
+            active: "#b3b6bd",
+            disabled: "#c0c0c0",
           },
           danger: {
             text: {
-              default: '#ffbaba',
-              hover: '#ffbaba',
-              active: '#ffbaba',
-              disabled: '#808080',
+              default: "#ffbaba",
+              hover: "#ffbaba",
+              active: "#ffbaba",
+              disabled: "#808080",
             },
             background: {
-              default: '#282828',
-              hover: 'rgb(100% 21.274% 21.274% / 0.3)',
-              active: 'rgb(100% 13.725% 13.725% / 0.45)',
-              disabled: '#414141',
+              default: "#282828",
+              hover: "rgb(100% 21.274% 21.274% / 0.3)",
+              active: "rgb(100% 13.725% 13.725% / 0.45)",
+              disabled: "#414141",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              focus: '#faff69',
+              default: "rgba(0, 0, 0, 0)",
+              focus: "#faff69",
             },
           },
         },
@@ -2099,8 +2099,8 @@ const theme = {
       },
       button: {
         space: {
-          gap: '0.25rem',
-          y: '0.5rem',
+          gap: "0.25rem",
+          y: "0.5rem",
         },
         typography: {
           label: {
@@ -2114,33 +2114,33 @@ const theme = {
         },
         color: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           label: {
-            default: '#b3b6bd',
+            default: "#b3b6bd",
           },
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
         },
       },
       panel: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         shadow: {
           default:
-            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+            "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
         },
         size: {
-          height: '2rem',
+          height: "2rem",
         },
         color: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           stroke: {
-            default: '#414141',
+            default: "#414141",
           },
         },
       },
@@ -2165,33 +2165,33 @@ const theme = {
         },
         search: {
           stroke: {
-            default: '2px solid #323232',
+            default: "2px solid #323232",
           },
         },
         color: {
           placeholder: {
-            default: '#808080',
+            default: "#808080",
           },
           searchTerm: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
         },
       },
       sectionHeader: {
         space: {
-          bottom: '0.3438rem',
-          top: '0.5rem',
+          bottom: "0.3438rem",
+          top: "0.5rem",
         },
       },
       placeholder: {
         space: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
       },
     },
@@ -2199,27 +2199,27 @@ const theme = {
       header: {
         cell: {
           space: {
-            y: '0.4375rem',
-            x: '0.5rem',
+            y: "0.4375rem",
+            x: "0.5rem",
           },
           size: {
-            height: '2rem',
+            height: "2rem",
           },
           color: {
             background: {
-              default: '#282828',
-              selectIndirect: 'lch(19.47 0 none)',
-              selectDirect: 'lch(27.259 0 none)',
+              default: "#282828",
+              selectIndirect: "lch(19.47 0 none)",
+              selectDirect: "lch(27.259 0 none)",
             },
             title: {
-              default: '#b3b6bd',
-              selectIndirect: '#ffffff',
-              selectDirect: '#ffffff',
+              default: "#b3b6bd",
+              selectIndirect: "#ffffff",
+              selectDirect: "#ffffff",
             },
             stroke: {
-              default: 'lch(20.268 0 none)',
-              selectIndirect: 'lch(26.846 0 none)',
-              selectDirect: 'lch(29.406 0 none)',
+              default: "lch(20.268 0 none)",
+              selectIndirect: "lch(26.846 0 none)",
+              selectDirect: "lch(29.406 0 none)",
             },
           },
         },
@@ -2231,27 +2231,27 @@ const theme = {
       body: {
         cell: {
           space: {
-            y: '5.5px',
-            x: '0.5rem',
+            y: "5.5px",
+            x: "0.5rem",
           },
           size: {
-            height: '2rem',
+            height: "2rem",
           },
           color: {
             background: {
-              default: '#1f1f1c',
-              selectIndirect: 'lch(15.792 0 none)',
-              selectDirect: 'lch(15.792 0 none)',
+              default: "#1f1f1c",
+              selectIndirect: "lch(15.792 0 none)",
+              selectDirect: "lch(15.792 0 none)",
             },
             stroke: {
-              default: '#323232',
-              selectIndirect: 'lch(22.028 0 none)',
-              selectDirect: '#faff69',
+              default: "#323232",
+              selectIndirect: "lch(22.028 0 none)",
+              selectDirect: "#faff69",
             },
             text: {
-              default: 'lch(100 0 none)',
-              selectIndirect: '#ffffff',
-              selectDirect: '#ffffff',
+              default: "lch(100 0 none)",
+              selectIndirect: "#ffffff",
+              selectDirect: "#ffffff",
             },
           },
         },
@@ -2263,237 +2263,237 @@ const theme = {
         },
       },
       radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
       },
       global: {
         color: {
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
           background: {
-            default: '#1f1f1c',
+            default: "#1f1f1c",
           },
         },
       },
     },
     gridContainer: {
       gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
         unset: "''",
       },
     },
     icon: {
       space: {
         xs: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         sm: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         md: {
-          all: '0.365rem',
+          all: "0.365rem",
         },
         lg: {
-          all: '0.5rem',
+          all: "0.5rem",
         },
         xl: {
-          all: '0.75rem',
+          all: "0.75rem",
         },
         xxl: {
-          all: '1rem',
+          all: "1rem",
         },
       },
       color: {
         background: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.2)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.2)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.2)',
+          default: "rgba(0, 0, 0, 0)",
+          success: "rgb(20% 100% 26.667% / 0.2)",
+          neutral: "rgb(62.745% 62.745% 62.745% / 0.2)",
+          danger: "rgb(100% 13.725% 13.725% / 0.2)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.2)",
+          warning: "rgb(100% 46.667% 16.078% / 0.2)",
         },
         text: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: '#ccffd0',
-          neutral: '#c0c0c0',
-          danger: '#ffbaba',
-          info: '#d0dffb',
-          warning: '#ffb88f',
+          default: "rgba(0, 0, 0, 0)",
+          success: "#ccffd0",
+          neutral: "#c0c0c0",
+          danger: "#ffbaba",
+          info: "#d0dffb",
+          warning: "#ffb88f",
         },
         stroke: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.05)',
-          neutral: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+          default: "rgba(0, 0, 0, 0)",
+          success: "rgb(20% 100% 26.667% / 0.05)",
+          neutral: "rgb(62.745% 62.745% 62.745% / 0.2)",
+          danger: "rgb(100% 13.725% 13.725% / 0.05)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.05)",
+          warning: "rgb(100% 46.667% 16.078% / 0.05)",
         },
       },
     },
     image: {
       sm: {
         size: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
       },
       xs: {
         size: {
-          height: '0.75rem',
-          width: '0.75rem',
+          height: "0.75rem",
+          width: "0.75rem",
         },
       },
       md: {
         size: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       lg: {
         size: {
-          height: '1.5rem',
-          width: '1.5rem',
+          height: "1.5rem",
+          width: "1.5rem",
         },
       },
       xl: {
         size: {
-          height: '2rem',
-          width: '2rem',
+          height: "2rem",
+          width: "2rem",
         },
       },
       xxl: {
         size: {
-          height: '4rem',
-          width: '4rem',
+          height: "4rem",
+          width: "4rem",
         },
       },
       borderWidth: {
-        default: '1.5px',
-        thin: '1px',
+        default: "1.5px",
+        thin: "1px",
       },
       color: {
-        stroke: '#ffffff',
+        stroke: "#ffffff",
       },
     },
     link: {
       space: {
         md: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         sm: {
-          gap: '2px',
+          gap: "2px",
         },
       },
       icon: {
         size: {
           sm: {
-            height: '0.75rem',
-            width: '0.75rem',
+            height: "0.75rem",
+            width: "0.75rem",
           },
           md: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
       },
     },
     panel: {
       strokeWidth: {
-        default: '1px',
+        default: "1px",
       },
       radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
       },
       stroke: {
-        default: '1px solid #323232',
+        default: "1px solid #323232",
       },
       shadow: {
         default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+          "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
       },
       space: {
         y: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
         x: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
         gap: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
       },
       color: {
         background: {
-          default: '#1f1f1c',
-          muted: '#282828',
-          transparent: 'rgba(0, 0, 0, 0)',
+          default: "#1f1f1c",
+          muted: "#282828",
+          transparent: "rgba(0, 0, 0, 0)",
         },
         stroke: {
-          default: '#323232',
+          default: "#323232",
         },
       },
     },
     popover: {
       space: {
-        y: '1rem',
-        x: '1.5rem',
-        gap: '0.75rem',
+        y: "1rem",
+        x: "1.5rem",
+        gap: "0.75rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       shadow: {
         default:
-          '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+          "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
       },
       icon: {
         size: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       color: {
         panel: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           stroke: {
-            default: '#414141',
+            default: "#414141",
           },
         },
       },
     },
     radio: {
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       typography: {
         label: {
@@ -2509,22 +2509,22 @@ const theme = {
       },
       color: {
         background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#faff69',
-          disabled: '#414141',
+          default: "rgb(17.794% 17.794% 17.794%)",
+          hover: "rgb(17.794% 17.794% 17.794%)",
+          active: "#faff69",
+          disabled: "#414141",
         },
         stroke: {
-          default: '#414141',
-          hover: '#414141',
-          active: '#151515',
-          disabled: '#414141',
+          default: "#414141",
+          hover: "#414141",
+          active: "#151515",
+          disabled: "#414141",
         },
         indicator: {
-          default: '#1f1f1c',
-          hover: 'rgb(17.794% 17.794% 17.794%)',
-          active: '#151515',
-          disabled: '#808080',
+          default: "#1f1f1c",
+          hover: "rgb(17.794% 17.794% 17.794%)",
+          active: "#151515",
+          disabled: "#808080",
         },
       },
     },
@@ -2532,37 +2532,37 @@ const theme = {
       horizontal: {
         space: {
           y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            ml: "0.75rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           x: {
-            all: '0',
+            all: "0",
           },
         },
       },
       vertical: {
         space: {
           x: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           y: {
-            all: '0',
+            all: "0",
           },
         },
       },
       color: {
         stroke: {
-          default: '#323232',
+          default: "#323232",
         },
       },
     },
@@ -2570,14 +2570,14 @@ const theme = {
       navigation: {
         item: {
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
           default: {
             space: {
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-              left: '0',
+              right: "0.75rem",
+              y: "0.2813rem",
+              gap: "0.75rem",
+              left: "0",
             },
           },
           typography: {
@@ -2600,28 +2600,28 @@ const theme = {
                 '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
             },
             space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
+              left: "0",
+              right: "0.75rem",
+              y: "0.75rem",
+              gap: "0.75rem",
             },
           },
           collapsible: {
             space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
+              left: "0",
+              right: "0.75rem",
+              y: "0.2813rem",
+              gap: "0.75rem",
             },
           },
           icon: {
             size: {
-              height: '1rem',
-              width: '1rem',
+              height: "1rem",
+              width: "1rem",
             },
           },
           global: {
-            gap: '2px',
+            gap: "2px",
           },
         },
         title: {
@@ -2639,17 +2639,17 @@ const theme = {
         subItem: {
           default: {
             space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.2813rem',
+              left: "2.75rem",
+              right: "0.75rem",
+              y: "0.2813rem",
             },
           },
           mobile: {
             space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
+              left: "2.75rem",
+              right: "0.75rem",
+              y: "0.75rem",
+              gap: "0.75rem",
             },
             typography: {
               default:
@@ -2661,7 +2661,7 @@ const theme = {
             },
           },
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
           typography: {
             default:
@@ -2677,7 +2677,7 @@ const theme = {
         dragControl: {
           separator: {
             size: {
-              height: '0.125rem',
+              height: "0.125rem",
             },
           },
         },
@@ -2685,68 +2685,68 @@ const theme = {
       main: {
         color: {
           background: {
-            default: '#1f1f1c',
+            default: "#1f1f1c",
           },
           text: {
-            default: '#ffffff',
-            muted: '#b3b6bd',
+            default: "#ffffff",
+            muted: "#b3b6bd",
           },
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
         },
         navigation: {
           item: {
             color: {
               background: {
-                active: 'lch(27.535 0 none / 0.6)',
-                hover: 'lch(19.05 0 none)',
-                default: 'rgba(0, 0, 0, 0)',
+                active: "lch(27.535 0 none / 0.6)",
+                hover: "lch(19.05 0 none)",
+                default: "rgba(0, 0, 0, 0)",
               },
               text: {
-                default: '#ffffff',
-                hover: '#ffffff',
-                active: '#ffffff',
-                muted: '#b3b6bd',
-                disabled: '#808080',
+                default: "#ffffff",
+                hover: "#ffffff",
+                active: "#ffffff",
+                muted: "#b3b6bd",
+                disabled: "#808080",
               },
               icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
+                default: "#b3b6bd",
+                disabled: "#808080",
               },
             },
           },
           title: {
             color: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
+              default: "#b3b6bd",
+              hover: "#b3b6bd",
+              active: "#b3b6bd",
             },
           },
           subItem: {
             color: {
               text: {
-                default: '#b3b6bd',
-                disabled: '#808080',
-                hover: '#ffffff',
-                active: '#ffffff',
+                default: "#b3b6bd",
+                disabled: "#808080",
+                hover: "#ffffff",
+                active: "#ffffff",
               },
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                disabled: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(19.05 0 none)',
-                active: 'rgba(0, 0, 0, 0)',
+                default: "rgba(0, 0, 0, 0)",
+                disabled: "rgba(0, 0, 0, 0)",
+                hover: "lch(19.05 0 none)",
+                active: "rgba(0, 0, 0, 0)",
               },
               icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
+                default: "#b3b6bd",
+                disabled: "#808080",
               },
             },
           },
           dragControl: {
             separator: {
               color: {
-                default: '#faff69',
+                default: "#faff69",
               },
             },
           },
@@ -2755,59 +2755,59 @@ const theme = {
       sqlSidebar: {
         color: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
         },
         navigation: {
           item: {
             color: {
               background: {
-                active: 'lch(27.535 0 none / 0.6)',
-                hover: 'lch(19.05 0 none)',
-                default: 'rgba(0, 0, 0, 0)',
+                active: "lch(27.535 0 none / 0.6)",
+                hover: "lch(19.05 0 none)",
+                default: "rgba(0, 0, 0, 0)",
               },
               text: {
-                default: '#ffffff',
-                hover: '#ffffff',
-                active: '#ffffff',
-                muted: '#b3b6bd',
-                disabled: '#808080',
+                default: "#ffffff",
+                hover: "#ffffff",
+                active: "#ffffff",
+                muted: "#b3b6bd",
+                disabled: "#808080",
               },
               icon: {
-                default: '#b3b6bd',
-                disabled: '#808080',
+                default: "#b3b6bd",
+                disabled: "#808080",
               },
             },
           },
           subItem: {
             color: {
               text: {
-                disabled: '#808080',
-                default: '#b3b6bd',
-                hover: '#ffffff',
-                active: '#ffffff',
+                disabled: "#808080",
+                default: "#b3b6bd",
+                hover: "#ffffff",
+                active: "#ffffff",
               },
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(19.05 0 none)',
-                active: 'rgba(0, 0, 0, 0)',
+                default: "rgba(0, 0, 0, 0)",
+                hover: "lch(19.05 0 none)",
+                active: "rgba(0, 0, 0, 0)",
               },
             },
           },
           title: {
             color: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#b3b6bd',
+              default: "#b3b6bd",
+              hover: "#b3b6bd",
+              active: "#b3b6bd",
             },
           },
           dragControl: {
             separator: {
               color: {
-                default: '#faff69',
+                default: "#faff69",
               },
             },
           },
@@ -2818,16 +2818,16 @@ const theme = {
       horizontal: {
         space: {
           y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            ml: "0.75rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           x: {
-            all: '0',
+            all: "0",
           },
         },
       },
@@ -2837,16 +2837,16 @@ const theme = {
         numbered: {
           connector: {
             size: {
-              width: '0.1875rem',
+              width: "0.1875rem",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#606060',
+                incomplete: "#606060",
+                complete: "#ffffff",
+                active: "#606060",
               },
             },
           },
@@ -2864,104 +2864,104 @@ const theme = {
               },
             },
             size: {
-              height: '1.5rem',
-              width: '1.5rem',
+              height: "1.5rem",
+              width: "1.5rem",
               icon: {
-                height: '0.75rem',
-                width: '0.75rem',
+                height: "0.75rem",
+                width: "0.75rem",
               },
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             radii: {
-              default: '9999px',
+              default: "9999px",
             },
             color: {
               stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#ffffff',
+                incomplete: "#606060",
+                complete: "#ffffff",
+                active: "#ffffff",
               },
               background: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
+                incomplete: "#1f1f1c",
+                complete: "#1f1f1c",
+                active: "#ffffff",
               },
               icon: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#1f1f1c',
+                incomplete: "#ffffff",
+                complete: "#ffffff",
+                active: "#1f1f1c",
               },
             },
           },
           content: {
             space: {
               gap: {
-                x: '1rem',
-                y: '0.5rem',
+                x: "1rem",
+                y: "0.5rem",
               },
-              left: '2.75rem',
+              left: "2.75rem",
               bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
+                default: "2.5rem",
+                active: "1.5rem",
               },
             },
           },
           color: {
             title: {
-              incomplete: '#606060',
-              complete: '#b3b6bd',
-              active: '#ffffff',
+              incomplete: "#606060",
+              complete: "#b3b6bd",
+              active: "#ffffff",
             },
           },
         },
         bulleted: {
           connector: {
             size: {
-              width: '0.1875rem',
+              width: "0.1875rem",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#606060',
+                incomplete: "#606060",
+                complete: "#ffffff",
+                active: "#606060",
               },
             },
           },
           step: {
             size: {
-              height: '1rem',
-              width: '1rem',
+              height: "1rem",
+              width: "1rem",
               icon: {
-                height: '0.75rem',
-                width: '0.75rem',
+                height: "0.75rem",
+                width: "0.75rem",
               },
             },
             radii: {
-              default: '9999px',
+              default: "9999px",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#606060',
-                complete: '#ffffff',
-                active: '#ffffff',
+                incomplete: "#606060",
+                complete: "#ffffff",
+                active: "#ffffff",
               },
               background: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
+                incomplete: "#1f1f1c",
+                complete: "#1f1f1c",
+                active: "#ffffff",
               },
               icon: {
-                incomplete: '#1f1f1c',
-                complete: '#ffffff',
-                active: '#ffffff',
+                incomplete: "#1f1f1c",
+                complete: "#ffffff",
+                active: "#ffffff",
               },
             },
           },
@@ -2974,21 +2974,21 @@ const theme = {
           content: {
             space: {
               gap: {
-                x: '1rem',
-                y: '0.5rem',
+                x: "1rem",
+                y: "0.5rem",
               },
-              left: '2.25rem',
+              left: "2.25rem",
               bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
+                default: "2.5rem",
+                active: "1.5rem",
               },
             },
           },
           color: {
             title: {
-              incomplete: '#606060',
-              complete: '#b3b6bd',
-              active: '#ffffff',
+              incomplete: "#606060",
+              complete: "#b3b6bd",
+              active: "#ffffff",
             },
           },
         },
@@ -2996,14 +2996,14 @@ const theme = {
     },
     switch: {
       space: {
-        gap: '0.5rem',
+        gap: "0.5rem",
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       size: {
-        width: '2rem',
-        height: '1rem',
+        width: "2rem",
+        height: "1rem",
       },
       typography: {
         label: {
@@ -3019,19 +3019,19 @@ const theme = {
       },
       color: {
         background: {
-          default: '#606060',
-          active: '#faff69',
-          disabled: '#414141',
+          default: "#606060",
+          active: "#faff69",
+          disabled: "#414141",
         },
         stroke: {
-          default: '#606060',
-          active: '#faff69',
-          disabled: '#414141',
+          default: "#606060",
+          active: "#faff69",
+          disabled: "#414141",
         },
         indicator: {
-          default: '#151515',
-          active: '#161517',
-          disabled: '#606060',
+          default: "#151515",
+          active: "#161517",
+          disabled: "#606060",
         },
       },
     },
@@ -3044,33 +3044,33 @@ const theme = {
         cell: {
           space: {
             md: {
-              y: '0.75rem',
-              x: '1rem',
+              y: "0.75rem",
+              x: "1rem",
             },
             sm: {
-              y: '0.5rem',
-              x: '1rem',
+              y: "0.5rem",
+              x: "1rem",
             },
           },
         },
         color: {
           background: {
-            default: '#282828',
-            hover: '#282828',
-            active: 'rgb(17.794% 17.794% 17.794%)',
+            default: "#282828",
+            hover: "#282828",
+            active: "rgb(17.794% 17.794% 17.794%)",
           },
           title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
+            default: "rgb(97.5% 97.5% 97.5%)",
           },
           icon: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           checkbox: {
             background: {
-              default: '#cccfd3',
+              default: "#cccfd3",
             },
             border: {
-              default: '#808691',
+              default: "#808691",
             },
           },
         },
@@ -3084,21 +3084,21 @@ const theme = {
           default:
             '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
-        stroke: '1px',
+        stroke: "1px",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       body: {
         cell: {
           space: {
             md: {
-              y: '1rem',
-              x: '1rem',
+              y: "1rem",
+              x: "1rem",
             },
             sm: {
-              y: '0.5rem',
-              x: '1rem',
+              y: "0.5rem",
+              x: "1rem",
             },
           },
         },
@@ -3106,56 +3106,56 @@ const theme = {
       mobile: {
         cell: {
           space: {
-            y: '1rem',
-            x: '1rem',
-            gap: '0.5rem',
+            y: "1rem",
+            x: "1rem",
+            gap: "0.5rem",
           },
         },
       },
       row: {
         color: {
           background: {
-            default: '#1f1f1c',
-            hover: 'lch(15.792 0 none)',
-            active: 'rgb(17.535% 17.535% 17.535%)',
+            default: "#1f1f1c",
+            hover: "lch(15.792 0 none)",
+            active: "rgb(17.535% 17.535% 17.535%)",
           },
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
           text: {
-            default: '#ffffff',
-            disabled: '#808080',
+            default: "#ffffff",
+            disabled: "#808080",
           },
           link: {
-            default: '#faff69',
+            default: "#faff69",
           },
           label: {
-            default: '#b3b6bd',
+            default: "#b3b6bd",
           },
           barChart: {
-            default: '#414141',
-            hover: '#606060',
+            default: "#414141",
+            hover: "#606060",
           },
         },
       },
       global: {
         color: {
           stroke: {
-            default: '#323232',
+            default: "#323232",
           },
           background: {
-            default: '#1f1f1c',
+            default: "#1f1f1c",
           },
         },
       },
     },
     tabs: {
       space: {
-        y: '0.5rem',
-        x: '0.75rem',
+        y: "0.5rem",
+        x: "0.75rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       typography: {
         label: {
@@ -3169,43 +3169,43 @@ const theme = {
       },
       basic: {
         strokeWidth: {
-          default: '1px',
-          hover: '1px',
-          active: '2px',
-          global: '1px',
+          default: "1px",
+          hover: "1px",
+          active: "2px",
+          global: "1px",
         },
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#282828',
-            active: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#282828",
+            active: "rgba(0, 0, 0, 0)",
           },
           text: {
-            default: '#b3b6bd',
-            hover: '#ffffff',
-            active: '#ffffff',
+            default: "#b3b6bd",
+            hover: "#ffffff",
+            active: "#ffffff",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: '#faff69',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "#faff69",
           },
           global: {
-            default: '#323232',
+            default: "#323232",
           },
         },
       },
       fileTabs: {
         icon: {
           size: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
         space: {
-          y: '1.0625rem',
-          x: '1rem',
-          gap: '0.75rem',
+          y: "1.0625rem",
+          x: "1rem",
+          gap: "0.75rem",
         },
         typography: {
           label: {
@@ -3218,28 +3218,28 @@ const theme = {
           },
         },
         radii: {
-          all: '0',
+          all: "0",
         },
         color: {
           background: {
-            default: '#1f1f1c',
-            hover: '#282828',
-            active: '#282828',
+            default: "#1f1f1c",
+            hover: "#282828",
+            active: "#282828",
           },
           text: {
-            default: '#b3b6bd',
-            hover: '#ffffff',
-            active: '#ffffff',
+            default: "#b3b6bd",
+            hover: "#ffffff",
+            active: "#ffffff",
           },
           stroke: {
-            default: '#323232',
-            hover: '#323232',
-            active: '#323232',
+            default: "#323232",
+            hover: "#323232",
+            active: "#323232",
           },
           closeButton: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#414141',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#414141",
             },
           },
         },
@@ -3248,23 +3248,23 @@ const theme = {
     toast: {
       icon: {
         size: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
       },
       space: {
         title: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
-        y: '0.75rem',
-        x: '0.75rem',
-        gap: '0.5rem',
+        y: "0.75rem",
+        x: "0.75rem",
+        gap: "0.5rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       shadow:
-        '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+        "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
       typography: {
         title: {
           default:
@@ -3276,33 +3276,33 @@ const theme = {
         },
       },
       size: {
-        width: '20.75rem',
+        width: "20.75rem",
       },
       color: {
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
+          default: "rgb(97.5% 97.5% 97.5%)",
         },
         description: {
-          default: '#b3b6bd',
+          default: "#b3b6bd",
         },
         stroke: {
-          default: '#414141',
+          default: "#414141",
         },
         icon: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          success: '#ccffd0',
-          warning: '#ffb88f',
-          danger: '#ffbaba',
+          default: "rgb(97.5% 97.5% 97.5%)",
+          success: "#ccffd0",
+          warning: "#ffb88f",
+          danger: "#ffbaba",
         },
       },
     },
     tooltip: {
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       space: {
-        x: '0.75rem',
-        y: '0.5rem',
+        x: "0.75rem",
+        y: "0.5rem",
       },
       typography: {
         label: {
@@ -3312,39 +3312,39 @@ const theme = {
       },
       color: {
         background: {
-          default: 'lch(16.114 0 none / 0.95)',
+          default: "lch(16.114 0 none / 0.95)",
         },
         label: {
-          default: '#ffffff',
+          default: "#ffffff",
         },
       },
     },
     dashboards: {
       chartWidget: {
         space: {
-          gap: '1rem',
+          gap: "1rem",
           element: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
         borderWidth: {
-          default: '1px',
+          default: "1px",
         },
         stroke: {
-          default: '1px solid #323232',
+          default: "1px solid #323232",
           element: {
-            default: '1px solid #323232',
+            default: "1px solid #323232",
           },
-          hover: '1px solid #414141',
-          selected: '1px solid #faff69',
+          hover: "1px solid #414141",
+          selected: "1px solid #faff69",
         },
         element: {
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           title: {
@@ -3365,50 +3365,50 @@ const theme = {
           },
         },
         shadow: {
-          default: '0',
+          default: "0",
           hover:
-            '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+            "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
         },
         size: {
           icon: {
             all: {
-              drag: '1.25rem',
-              menu: '1.5rem',
-              resize: '0.75rem',
+              drag: "1.25rem",
+              menu: "1.5rem",
+              resize: "0.75rem",
             },
           },
         },
         color: {
           stroke: {
-            default: '#323232',
-            hover: '#414141',
-            selected: '#faff69',
+            default: "#323232",
+            hover: "#414141",
+            selected: "#faff69",
           },
           title: {
-            default: 'rgb(97.5% 97.5% 97.5%)',
+            default: "rgb(97.5% 97.5% 97.5%)",
           },
           description: {
-            default: '#b3b6bd',
+            default: "#b3b6bd",
           },
           legend: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            selected: '#ffffff',
+            default: "#b3b6bd",
+            hover: "#b3b6bd",
+            selected: "#ffffff",
           },
           element: {
             stroke: {
-              default: '#323232',
+              default: "#323232",
             },
           },
           background: {
-            default: '#282828',
-            hover: '#282828',
-            selected: '#282828',
+            default: "#282828",
+            hover: "#282828",
+            selected: "#282828",
           },
           icon: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            selected: '#faff69',
+            default: "#ffffff",
+            hover: "#ffffff",
+            selected: "#faff69",
           },
           opacity: {
             bar: {
@@ -3417,9 +3417,9 @@ const theme = {
             },
           },
           label: {
-            default: '#b3b6bd',
-            hover: '#b3b6bd',
-            selected: '#b3b6bd',
+            default: "#b3b6bd",
+            hover: "#b3b6bd",
+            selected: "#b3b6bd",
           },
         },
       },
@@ -3427,365 +3427,365 @@ const theme = {
     global: {
       color: {
         background: {
-          default: '#1f1f1c',
-          muted: '#282828',
+          default: "#1f1f1c",
+          muted: "#282828",
         },
         text: {
-          default: '#ffffff',
-          muted: '#b3b6bd',
-          disabled: '#808080',
+          default: "#ffffff",
+          muted: "#b3b6bd",
+          disabled: "#808080",
           link: {
-            default: '#faff69',
-            hover: '#feffc2',
+            default: "#faff69",
+            hover: "#feffc2",
           },
-          danger: '#ffbaba',
-          warning: '#ffb88f',
+          danger: "#ffbaba",
+          warning: "#ffb88f",
         },
         stroke: {
-          default: '#323232',
-          muted: '#323232',
-          intense: '#414141',
+          default: "#323232",
+          muted: "#323232",
+          intense: "#414141",
         },
         accent: {
-          default: '#faff69',
+          default: "#faff69",
         },
         outline: {
-          default: '#faff69',
+          default: "#faff69",
         },
         shadow: {
-          default: 'rgb(8.2353% 8.2353% 8.2353% / 0.6)',
+          default: "rgb(8.2353% 8.2353% 8.2353% / 0.6)",
         },
         title: {
-          default: 'rgb(97.5% 97.5% 97.5%)',
-          muted: '#b3b6bd',
+          default: "rgb(97.5% 97.5% 97.5%)",
+          muted: "#b3b6bd",
         },
       },
     },
     feedback: {
       color: {
         info: {
-          background: 'rgb(26.275% 49.412% 93.725% / 0.2)',
-          foreground: '#d0dffb',
+          background: "rgb(26.275% 49.412% 93.725% / 0.2)",
+          foreground: "#d0dffb",
         },
         success: {
-          background: 'rgb(20% 100% 26.667% / 0.2)',
-          foreground: '#ccffd0',
+          background: "rgb(20% 100% 26.667% / 0.2)",
+          foreground: "#ccffd0",
         },
         warning: {
-          background: 'rgb(100% 46.667% 16.078% / 0.2)',
-          foreground: '#ffb88f',
+          background: "rgb(100% 46.667% 16.078% / 0.2)",
+          foreground: "#ffb88f",
         },
         danger: {
-          background: 'rgb(100% 13.725% 13.725% / 0.2)',
-          foreground: '#ffbaba',
+          background: "rgb(100% 13.725% 13.725% / 0.2)",
+          foreground: "#ffbaba",
         },
         neutral: {
-          background: 'rgb(62.745% 62.745% 62.745% / 0.2)',
-          foreground: '#c0c0c0',
-          stroke: '#323232',
+          background: "rgb(62.745% 62.745% 62.745% / 0.2)",
+          foreground: "#c0c0c0",
+          stroke: "#323232",
         },
       },
     },
     storybook: {
       global: {
-        background: '#1b1c1d',
+        background: "#1b1c1d",
       },
     },
     chart: {
       bars: {
         color: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#33ff44",
+          fuchsia: "#fb64d6",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#6df8e1",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
       },
       color: {
         default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#33ff44",
+          fuchsia: "#fb64d6",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#6df8e1",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         label: {
-          default: '#ffffff',
-          deselected: 'lch(100 0 none / 0.3)',
+          default: "#ffffff",
+          deselected: "lch(100 0 none / 0.3)",
         },
       },
     },
     serviceCard: {
       color: {
         background: {
-          default: 'rgb(17.794% 17.794% 17.794%)',
-          hover: 'lch(19.053 0 none)',
+          default: "rgb(17.794% 17.794% 17.794%)",
+          hover: "lch(19.053 0 none)",
         },
         stroke: {
-          default: 'rgb(23.627% 23.627% 23.627%)',
-          hover: 'rgb(27.446% 27.446% 27.446%)',
+          default: "rgb(23.627% 23.627% 23.627%)",
+          hover: "rgb(27.446% 27.446% 27.446%)",
         },
       },
     },
     gareth: {
       test: {
         main: {
-          text: '#ffffff',
-          danger: '#ffbaba',
+          text: "#ffffff",
+          danger: "#ffbaba",
         },
       },
     },
   },
   transition: {
-    default: 'all 100ms ease-in 0ms',
+    default: "all 100ms ease-in 0ms",
     duration: {
-      slow: '300ms',
-      smooth: '150ms',
-      medium: '100ms',
-      fast: '50ms',
+      slow: "300ms",
+      smooth: "150ms",
+      medium: "100ms",
+      fast: "50ms",
     },
     delay: {
-      slow: '100ms',
-      fast: '0ms',
+      slow: "100ms",
+      fast: "0ms",
     },
     function: {
-      ease: 'ease',
-      'ease-in': 'ease-in',
-      'ease-in-out': 'ease-in-out',
-      linear: 'linear',
+      ease: "ease",
+      "ease-in": "ease-in",
+      "ease-in-out": "ease-in-out",
+      linear: "linear",
     },
   },
   grid: {
     header: {
       cell: {
         borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '1px',
+          default: "1px",
+          selectIndirect: "1px",
+          selectDirect: "1px",
         },
       },
     },
     body: {
       cell: {
         borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '2px',
+          default: "1px",
+          selectIndirect: "1px",
+          selectDirect: "2px",
         },
       },
     },
   },
   palette: {
     brand: {
-      '50': '#ffffe8',
-      '100': '#feffc2',
-      '200': '#fdffa3',
-      '300': '#faff69',
-      '400': '#eef400',
-      '500': '#c7cc00',
-      '600': '#959900',
-      '700': '#686b00',
-      '800': '#3c4601',
-      '900': '#333300',
-      base: '#fbff46',
+      "50": "#ffffe8",
+      "100": "#feffc2",
+      "200": "#fdffa3",
+      "300": "#faff69",
+      "400": "#eef400",
+      "500": "#c7cc00",
+      "600": "#959900",
+      "700": "#686b00",
+      "800": "#3c4601",
+      "900": "#333300",
+      base: "#fbff46",
     },
     neutral: {
-      '0': '#ffffff',
-      '100': '#f9f9f9',
-      '200': '#dfdfdf',
-      '300': '#c0c0c0',
-      '400': '#a0a0a0',
-      '500': '#808080',
-      '600': '#606060',
-      '650': '#505050',
-      '700': '#414141',
-      '712': '#323232',
-      '725': '#282828',
-      '750': '#1f1f1c',
-      '800': '#1d1d1d',
-      '900': '#151515',
-      base: '#212121',
+      "0": "#ffffff",
+      "100": "#f9f9f9",
+      "200": "#dfdfdf",
+      "300": "#c0c0c0",
+      "400": "#a0a0a0",
+      "500": "#808080",
+      "600": "#606060",
+      "650": "#505050",
+      "700": "#414141",
+      "712": "#323232",
+      "725": "#282828",
+      "750": "#1f1f1c",
+      "800": "#1d1d1d",
+      "900": "#151515",
+      base: "#212121",
     },
     slate: {
-      '25': '#fbfcff',
-      '50': '#f6f7fa',
-      '100': '#e6e7e9',
-      '200': '#cccfd3',
-      '300': '#b3b6bd',
-      '400': '#9a9ea7',
-      '500': '#808691',
-      '600': '#696e79',
-      '700': '#53575f',
-      '800': '#302e32',
-      '900': '#161517',
-      base: '#373439',
-      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
+      "25": "#fbfcff",
+      "50": "#f6f7fa",
+      "100": "#e6e7e9",
+      "200": "#cccfd3",
+      "300": "#b3b6bd",
+      "400": "#9a9ea7",
+      "500": "#808691",
+      "600": "#696e79",
+      "700": "#53575f",
+      "800": "#302e32",
+      "900": "#161517",
+      base: "#373439",
+      "50a": "lch(49.809 30.506 276.77 / 0.06)",
     },
     indigo: {
-      '50': '#f4f1fc',
-      '100': '#e4e2e9',
-      '200': '#c8c5d3',
-      '300': '#ada8bd',
-      '400': '#918ba7',
-      '500': '#766e91',
-      '600': '#5e5874',
-      '700': '#474257',
-      '800': '#23212c',
-      '900': '#18161d',
-      base: '#2f2c3a',
+      "50": "#f4f1fc",
+      "100": "#e4e2e9",
+      "200": "#c8c5d3",
+      "300": "#ada8bd",
+      "400": "#918ba7",
+      "500": "#766e91",
+      "600": "#5e5874",
+      "700": "#474257",
+      "800": "#23212c",
+      "900": "#18161d",
+      base: "#2f2c3a",
     },
     info: {
-      '50': '#e7effd',
-      '100': '#d0dffb',
-      '200': '#a1bef7',
-      '300': '#6d9bf3',
-      '400': '#437eef',
-      '500': '#1d64ec',
-      '600': '#104ec6',
-      '650': '#0d3e9b',
-      '700': '#0d3e9b',
-      '800': '#092b6c',
-      '900': '#061c47',
-      base: '#4781f0',
+      "50": "#e7effd",
+      "100": "#d0dffb",
+      "200": "#a1bef7",
+      "300": "#6d9bf3",
+      "400": "#437eef",
+      "500": "#1d64ec",
+      "600": "#104ec6",
+      "650": "#0d3e9b",
+      "700": "#0d3e9b",
+      "800": "#092b6c",
+      "900": "#061c47",
+      base: "#4781f0",
     },
     success: {
-      '50': '#e5ffe8',
-      '100': '#ccffd0',
-      '200': '#99ffa1',
-      '300': '#66ff73',
-      '400': '#33ff44',
-      '500': '#00e513',
-      '600': '#00bd10',
-      '700': '#008a0b',
-      '800': '#006108',
-      '850': '#004206',
-      '900': '#004206',
-      base: '#62de85',
+      "50": "#e5ffe8",
+      "100": "#ccffd0",
+      "200": "#99ffa1",
+      "300": "#66ff73",
+      "400": "#33ff44",
+      "500": "#00e513",
+      "600": "#00bd10",
+      "700": "#008a0b",
+      "800": "#006108",
+      "850": "#004206",
+      "900": "#004206",
+      base: "#62de85",
     },
     warning: {
-      '50': '#ffe2d1',
-      '100': '#ffcbad',
-      '200': '#ffb88f',
-      '300': '#ff9457',
-      '400': '#ff7729',
-      '500': '#f55a00',
-      '600': '#d64f00',
-      '700': '#a33c00',
-      '800': '#7a2d00',
-      '900': '#471a00',
-      base: '#ffa63d',
+      "50": "#ffe2d1",
+      "100": "#ffcbad",
+      "200": "#ffb88f",
+      "300": "#ff9457",
+      "400": "#ff7729",
+      "500": "#f55a00",
+      "600": "#d64f00",
+      "700": "#a33c00",
+      "800": "#7a2d00",
+      "900": "#471a00",
+      base: "#ffa63d",
     },
     danger: {
-      '50': '#ffdddd',
-      '100': '#ffbaba',
-      '200': '#ff9898',
-      '300': '#ff7575',
-      '400': '#ff2323',
-      '500': '#f10000',
-      '600': '#c10000',
-      '700': '#910000',
-      '800': '#610000',
-      '900': '#300000',
-      base: '#ff5353',
+      "50": "#ffdddd",
+      "100": "#ffbaba",
+      "200": "#ff9898",
+      "300": "#ff7575",
+      "400": "#ff2323",
+      "500": "#f10000",
+      "600": "#c10000",
+      "700": "#910000",
+      "800": "#610000",
+      "900": "#300000",
+      base: "#ff5353",
     },
     gradients: {
-      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
-      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
-      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
-      transparent: 'rgba(0, 0, 0, 0)',
+      base: "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
+      yellowToblack: "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
+      whiteToblack: "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
+      transparent: "rgba(0, 0, 0, 0)",
     },
     utility: {
-      transparent: 'rgba(0, 0, 0, 0)',
+      transparent: "rgba(0, 0, 0, 0)",
     },
     teal: {
-      '50': '#e6fefa',
-      '100': '#cffcf4',
-      '200': '#a3faec',
-      '300': '#6df8e1',
-      '400': '#0cedc8',
-      '500': '#0bd0af',
-      '600': '#089b83',
-      '700': '#067462',
-      '800': '#045245',
-      '850': '#004237',
-      '900': '#03352d',
+      "50": "#e6fefa",
+      "100": "#cffcf4",
+      "200": "#a3faec",
+      "300": "#6df8e1",
+      "400": "#0cedc8",
+      "500": "#0bd0af",
+      "600": "#089b83",
+      "700": "#067462",
+      "800": "#045245",
+      "850": "#004237",
+      "900": "#03352d",
     },
     violet: {
-      '50': '#f6e5ff',
-      '100': '#eeccff',
-      '200': '#dd99ff',
-      '300': '#cc66ff',
-      '400': '#bb33ff',
-      '500': '#aa00ff',
-      '600': '#8800cc',
-      '700': '#660099',
-      '800': '#440066',
-      '850': '#33004d',
-      '900': '#220033',
+      "50": "#f6e5ff",
+      "100": "#eeccff",
+      "200": "#dd99ff",
+      "300": "#cc66ff",
+      "400": "#bb33ff",
+      "500": "#aa00ff",
+      "600": "#8800cc",
+      "700": "#660099",
+      "800": "#440066",
+      "850": "#33004d",
+      "900": "#220033",
     },
     fuchsia: {
-      '50': '#fbeff8',
-      '100': '#fbc9ef',
-      '200': '#fb97e2',
-      '300': '#fb64d6',
-      '400': '#fb32c9',
-      '500': '#fb00bc',
-      '600': '#cc0099',
-      '700': '#990073',
-      '800': '#66004d',
-      '850': '#4d0039',
-      '900': '#330026',
+      "50": "#fbeff8",
+      "100": "#fbc9ef",
+      "200": "#fb97e2",
+      "300": "#fb64d6",
+      "400": "#fb32c9",
+      "500": "#fb00bc",
+      "600": "#cc0099",
+      "700": "#990073",
+      "800": "#66004d",
+      "850": "#4d0039",
+      "900": "#330026",
     },
     sunrise: {
-      '50': '#fff3cc',
-      '100': '#ffe799',
-      '200': '#ffdb66',
-      '300': '#ffcf33',
-      '400': '#ffc300',
-      '500': '#e0ac00',
-      '600': '#b28800',
-      '700': '#8a6900',
-      '800': '#574200',
-      '900': '#332700',
+      "50": "#fff3cc",
+      "100": "#ffe799",
+      "200": "#ffdb66",
+      "300": "#ffcf33",
+      "400": "#ffc300",
+      "500": "#e0ac00",
+      "600": "#b28800",
+      "700": "#8a6900",
+      "800": "#574200",
+      "900": "#332700",
     },
     babyblue: {
-      '50': '#dbfaff',
-      '100': '#bdf6ff',
-      '200': '#8aefff',
-      '300': '#33e4ff',
-      '400': '#00cbeb',
-      '500': '#00b5d1',
-      '600': '#008599',
-      '700': '#006170',
-      '800': '#00424d',
-      '900': '#002c33',
+      "50": "#dbfaff",
+      "100": "#bdf6ff",
+      "200": "#8aefff",
+      "300": "#33e4ff",
+      "400": "#00cbeb",
+      "500": "#00b5d1",
+      "600": "#008599",
+      "700": "#006170",
+      "800": "#00424d",
+      "900": "#002c33",
     },
   },
   sizes: {
-    '0': '0',
-    '1': '1px',
-    '2': '0.25rem',
-    '3': '0.5rem',
-    '4': '0.75rem',
-    '5': '1rem',
-    '6': '1.25rem',
-    '7': '1.5rem',
-    '8': '1.75rem',
-    '9': '2rem',
-    '10': '2.5rem',
-    '11': '4rem',
+    "0": "0",
+    "1": "1px",
+    "2": "0.25rem",
+    "3": "0.5rem",
+    "4": "0.75rem",
+    "5": "1rem",
+    "6": "1.25rem",
+    "7": "1.5rem",
+    "8": "1.75rem",
+    "9": "2rem",
+    "10": "2.5rem",
+    "11": "4rem",
   },
   typography: {
     font: {
@@ -3797,26 +3797,26 @@ const theme = {
           '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
       },
       weights: {
-        '1': '400',
-        '2': '500',
-        '3': '600',
-        '4': '700',
+        "1": "400",
+        "2": "500",
+        "3": "600",
+        "4": "700",
       },
       sizes: {
-        '0': '0.625rem',
-        '1': '0.75rem',
-        '2': '0.875rem',
-        '3': '1rem',
-        '4': '1.125rem',
-        '5': '1.25rem',
-        '6': '2rem',
-        base: '16px',
-      },
-      'line-height': {
-        '1': 1.5,
-        '2': 1.6,
-        '3': 1.7,
-        '4': 1.3,
+        "0": "0.625rem",
+        "1": "0.75rem",
+        "2": "0.875rem",
+        "3": "1rem",
+        "4": "1.125rem",
+        "5": "1.25rem",
+        "6": "2rem",
+        base: "16px",
+      },
+      "line-height": {
+        "1": 1.5,
+        "2": 1.6,
+        "3": 1.7,
+        "4": 1.3,
       },
     },
     styles: {
@@ -3827,7 +3827,7 @@ const theme = {
           md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
+          "2xl":
             '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
         text: {
@@ -3870,7 +3870,7 @@ const theme = {
           md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
+          "2xl":
             '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
       },
@@ -3881,149 +3881,149 @@ const theme = {
   },
   border: {
     radii: {
-      '0': '0',
-      '1': '0.25rem',
-      '2': '0.5rem',
-      '3': '0.75rem',
-      full: '9999px',
+      "0": "0",
+      "1": "0.25rem",
+      "2": "0.5rem",
+      "3": "0.75rem",
+      full: "9999px",
     },
     width: {
-      '1': '1px',
-      '2': '2px',
+      "1": "1px",
+      "2": "2px",
     },
   },
   spaces: {
-    '0': '0',
-    '1': '0.25rem',
-    '2': '0.5rem',
-    '3': '0.75rem',
-    '4': '1rem',
-    '5': '1.5rem',
-    '6': '2rem',
-    '7': '2.5rem',
-    '8': '4rem',
+    "0": "0",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.5rem",
+    "6": "2rem",
+    "7": "2.5rem",
+    "8": "4rem",
   },
   shadow: {
-    '1': '0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)',
-    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
-    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
+    "1": "0 4px 6px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6), 0 2px 4px -1px rgb(8.2353% 8.2353% 8.2353% / 0.6)",
+    "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
+    "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+    "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+    "5": "0 2px 2px 0 rgba(0, 0, 0, 0.03)",
   },
   breakpoint: {
     sizes: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-      '2xl': '1536px',
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px",
     },
   },
   global: {
     color: {
       gradients: {
-        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
-        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
+        yellowToBlack: "linear-gradient(132deg, #faff69 8%, #292929 30%)",
+        whiteToBlack: "linear-gradient(132deg, #ffffff 8%, #292929 30%)",
       },
       background: {
-        default: '#1f1f1c',
-        muted: '#282828',
-        sidebar: '#1f1f1c',
-        split: '#282828',
-        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
+        default: "#1f1f1c",
+        muted: "#282828",
+        sidebar: "#1f1f1c",
+        split: "#282828",
+        muted_a: "lch(49.809 30.506 276.77 / 0.06)",
       },
       text: {
-        default: '#ffffff',
-        muted: '#b3b6bd',
-        disabled: '#808080',
+        default: "#ffffff",
+        muted: "#b3b6bd",
+        disabled: "#808080",
         link: {
-          default: '#faff69',
-          hover: '#feffc2',
+          default: "#faff69",
+          hover: "#feffc2",
         },
       },
       stroke: {
-        default: '#323232',
-        muted: '#323232',
-        intense: '#414141',
-        split: '#414141',
+        default: "#323232",
+        muted: "#323232",
+        intense: "#414141",
+        split: "#414141",
       },
       accent: {
-        default: '#faff69',
+        default: "#faff69",
       },
       outline: {
-        default: '#faff69',
+        default: "#faff69",
       },
       shadow: {
-        default: 'lch(6.7738 0 none / 0.6)',
+        default: "lch(6.7738 0 none / 0.6)",
       },
       feedback: {
         info: {
-          background: '#0d3e9b',
-          foreground: '#d0dffb',
+          background: "#0d3e9b",
+          foreground: "#d0dffb",
         },
         success: {
-          background: '#004206',
-          foreground: '#ccffd0',
+          background: "#004206",
+          foreground: "#ccffd0",
         },
         warning: {
-          background: '#7a2d00',
-          foreground: '#ffb88f',
+          background: "#7a2d00",
+          foreground: "#ffb88f",
         },
         danger: {
-          background: '#610000',
-          foreground: '#ffbaba',
+          background: "#610000",
+          foreground: "#ffbaba",
         },
         neutral: {
-          background: '#414141',
-          foreground: '#f9f9f9',
-          stroke: '#323232',
+          background: "#414141",
+          foreground: "#f9f9f9",
+          stroke: "#323232",
         },
       },
       chart: {
         bars: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#33ff44",
+          fuchsia: "#fb64d6",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#6df8e1",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#33ff44',
-          fuchsia: '#fb64d6',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          danger: '#ff2323',
-          teal: '#6df8e1',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#33ff44",
+          fuchsia: "#fb64d6",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          danger: "#ff2323",
+          teal: "#6df8e1",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         label: {
-          default: '#ffffff',
-          deselected: 'lch(100 0 none / 0.3)',
+          default: "#ffffff",
+          deselected: "lch(100 0 none / 0.3)",
         },
       },
       iconButton: {
         badge: {
-          foreground: '#1d1d1d',
-          background: '#faff69',
+          foreground: "#1d1d1d",
+          background: "#faff69",
         },
       },
       icon: {
-        background: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
+        background: "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
       },
     },
   },
-  name: 'dark',
+  name: "dark",
 };
 
 export default theme;
diff --git a/packages/design-tokens/legacy/theme/tokens/variables.light.ts b/packages/design-tokens/legacy/theme/tokens/variables.light.ts
index 3e74759b4..17ea3662f 100644
--- a/packages/design-tokens/legacy/theme/tokens/variables.light.ts
+++ b/packages/design-tokens/legacy/theme/tokens/variables.light.ts
@@ -9,12 +9,12 @@ const theme = {
       sm: {
         icon: {
           size: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -30,12 +30,12 @@ const theme = {
       md: {
         icon: {
           size: {
-            height: '1.25rem',
-            width: '1.25rem',
+            height: "1.25rem",
+            width: "1.25rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -51,12 +51,12 @@ const theme = {
       lg: {
         icon: {
           size: {
-            height: '1.5rem',
-            width: '1.5rem',
+            height: "1.5rem",
+            width: "1.5rem",
           },
         },
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         typography: {
           label: {
@@ -72,26 +72,26 @@ const theme = {
       color: {
         default: {
           label: {
-            default: '#161517',
-            hover: 'lch(13.917 1.3308 305.43)',
-            active: '#161517',
+            default: "#161517",
+            hover: "lch(13.917 1.3308 305.43)",
+            active: "#161517",
           },
           icon: {
-            default: '#161517',
-            hover: 'lch(13.917 1.3308 305.43)',
-            active: '#161517',
+            default: "#161517",
+            hover: "lch(13.917 1.3308 305.43)",
+            active: "#161517",
           },
         },
         link: {
           label: {
-            default: '#437eef',
-            hover: '#104ec6',
-            active: '#437eef',
+            default: "#437eef",
+            hover: "#104ec6",
+            active: "#437eef",
           },
           icon: {
-            default: '#437eef',
-            hover: 'lch(40.786 66.387 286.32)',
-            active: '#437eef',
+            default: "#437eef",
+            hover: "lch(40.786 66.387 286.32)",
+            active: "#437eef",
           },
         },
       },
@@ -99,10 +99,10 @@ const theme = {
     alert: {
       medium: {
         space: {
-          y: '0.75rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.5rem',
+          y: "0.75rem",
+          x: "0.75rem",
+          gap: "0",
+          banner: "0.5rem",
         },
         typography: {
           title: {
@@ -115,20 +115,20 @@ const theme = {
           },
         },
         icon: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       small: {
         space: {
-          y: '0.5rem',
-          x: '0.75rem',
-          gap: '0',
-          banner: '0.25rem',
+          y: "0.5rem",
+          x: "0.75rem",
+          gap: "0",
+          banner: "0.25rem",
         },
         icon: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
         typography: {
           title: {
@@ -142,41 +142,41 @@ const theme = {
         },
       },
       radii: {
-        center: '0',
-        end: '0.25rem',
+        center: "0",
+        end: "0.25rem",
       },
       color: {
         background: {
-          default: '#ffffff',
-          success: 'rgb(20% 100% 26.667% / 0.1)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
+          default: "#ffffff",
+          success: "rgb(20% 100% 26.667% / 0.1)",
+          neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+          danger: "rgb(100% 13.725% 13.725% / 0.1)",
+          warning: "rgb(100% 46.667% 16.078% / 0.1)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.1)",
         },
         text: {
-          default: '#696e79',
-          success: '#008a0b',
-          neutral: '#53575f',
-          danger: '#c10000',
-          warning: '#a33c00',
-          info: '#437eef',
+          default: "#696e79",
+          success: "#008a0b",
+          neutral: "#53575f",
+          danger: "#c10000",
+          warning: "#a33c00",
+          info: "#437eef",
         },
         iconBackground: {
-          default: '#ffffff',
-          success: 'rgb(20% 100% 26.667% / 0)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0)',
-          danger: 'rgb(100% 13.725% 13.725% / 0)',
-          warning: 'rgb(100% 46.667% 16.078% / 0)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0)',
+          default: "#ffffff",
+          success: "rgb(20% 100% 26.667% / 0)",
+          neutral: "rgb(41.176% 43.137% 47.451% / 0)",
+          danger: "rgb(100% 13.725% 13.725% / 0)",
+          warning: "rgb(100% 46.667% 16.078% / 0)",
+          info: "rgb(26.275% 49.412% 93.725% / 0)",
         },
         iconForeground: {
-          default: '#696e79',
-          success: 'lch(49.786 70.246 135.31 / 0.75)',
-          neutral: 'lch(36.838 5.2307 266.96 / 0.75)',
-          danger: 'lch(41.001 86.638 40.858 / 0.75)',
-          warning: 'lch(40.227 66.602 51.059 / 0.75)',
-          info: 'lch(53.426 64.605 278.98 / 0.75)',
+          default: "#696e79",
+          success: "lch(49.786 70.246 135.31 / 0.75)",
+          neutral: "lch(36.838 5.2307 266.96 / 0.75)",
+          danger: "lch(41.001 86.638 40.858 / 0.75)",
+          warning: "lch(40.227 66.602 51.059 / 0.75)",
+          info: "lch(53.426 64.605 278.98 / 0.75)",
         },
       },
     },
@@ -203,38 +203,38 @@ const theme = {
       },
       size: {
         label: {
-          width: '1.5rem',
+          width: "1.5rem",
         },
-        width: '1.5rem',
-        height: '1.5rem',
+        width: "1.5rem",
+        height: "1.5rem",
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       color: {
         background: {
-          default: '#696e79',
-          hover: '#9a9ea7',
-          active: '#9a9ea7',
+          default: "#696e79",
+          hover: "#9a9ea7",
+          active: "#9a9ea7",
         },
         text: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
         },
       },
     },
     badge: {
       space: {
         md: {
-          x: '0.75rem',
-          y: '0.125rem',
-          gap: '0.25rem',
+          x: "0.75rem",
+          y: "0.125rem",
+          gap: "0.25rem",
         },
         sm: {
-          x: '0.5rem',
-          y: '0.1563rem',
-          gap: '0.125rem',
+          x: "0.5rem",
+          y: "0.1563rem",
+          gap: "0.125rem",
         },
       },
       typography: {
@@ -250,100 +250,100 @@ const theme = {
         },
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
-      stroke: '1px',
+      stroke: "1px",
       icon: {
         md: {
           size: {
-            height: '0.75rem',
-            width: '0.75rem',
+            height: "0.75rem",
+            width: "0.75rem",
           },
         },
         sm: {
           size: {
-            height: '0.625rem',
-            width: '0.625rem',
+            height: "0.625rem",
+            width: "0.625rem",
           },
         },
       },
       opaque: {
         color: {
           background: {
-            default: '#f6f7fa',
-            success: 'rgb(20% 100% 26.667% / 0.1)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-            disabled: '#dfdfdf',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+            default: "#f6f7fa",
+            success: "rgb(20% 100% 26.667% / 0.1)",
+            neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+            danger: "rgb(100% 13.725% 13.725% / 0.1)",
+            disabled: "#dfdfdf",
+            info: "rgb(26.275% 49.412% 93.725% / 0.1)",
+            warning: "rgb(100% 46.667% 16.078% / 0.1)",
           },
           text: {
-            default: '#696e79',
-            success: '#008a0b',
-            neutral: '#53575f',
-            danger: '#c10000',
-            disabled: '#a0a0a0',
-            info: '#437eef',
-            warning: '#a33c00',
+            default: "#696e79",
+            success: "#008a0b",
+            neutral: "#53575f",
+            danger: "#c10000",
+            disabled: "#a0a0a0",
+            info: "#437eef",
+            warning: "#a33c00",
           },
           stroke: {
-            default: '#e6e7e9',
-            success: 'rgb(20% 100% 26.667% / 0.05)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-            disabled: 'rgb(83.078% 83.078% 83.078%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+            default: "#e6e7e9",
+            success: "rgb(20% 100% 26.667% / 0.05)",
+            neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+            danger: "rgb(100% 13.725% 13.725% / 0.05)",
+            disabled: "rgb(83.078% 83.078% 83.078%)",
+            info: "rgb(26.275% 49.412% 93.725% / 0.05)",
+            warning: "rgb(100% 46.667% 16.078% / 0.05)",
           },
         },
       },
       solid: {
         color: {
           background: {
-            default: '#a0a0a0',
-            success: '#008a0b',
-            neutral: '#606060',
-            danger: '#c10000',
-            disabled: '#dfdfdf',
-            info: '#104ec6',
-            warning: '#d64f00',
+            default: "#a0a0a0",
+            success: "#008a0b",
+            neutral: "#606060",
+            danger: "#c10000",
+            disabled: "#dfdfdf",
+            info: "#104ec6",
+            warning: "#d64f00",
           },
           text: {
-            default: '#ffffff',
-            success: '#ffffff',
-            neutral: '#ffffff',
-            danger: '#ffffff',
-            disabled: '#a0a0a0',
-            info: '#ffffff',
-            warning: '#ffffff',
+            default: "#ffffff",
+            success: "#ffffff",
+            neutral: "#ffffff",
+            danger: "#ffffff",
+            disabled: "#a0a0a0",
+            info: "#ffffff",
+            warning: "#ffffff",
           },
           stroke: {
-            default: '#e6e7e9',
-            success: 'rgb(20% 100% 26.667% / 0.05)',
-            neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-            danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-            disabled: 'rgb(83.078% 83.078% 83.078%)',
-            info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-            warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+            default: "#e6e7e9",
+            success: "rgb(20% 100% 26.667% / 0.05)",
+            neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+            danger: "rgb(100% 13.725% 13.725% / 0.05)",
+            disabled: "rgb(83.078% 83.078% 83.078%)",
+            info: "rgb(26.275% 49.412% 93.725% / 0.05)",
+            warning: "rgb(100% 46.667% 16.078% / 0.05)",
           },
         },
       },
     },
     bigStat: {
       space: {
-        all: '1rem',
+        all: "1rem",
         sm: {
-          gap: '0',
+          gap: "0",
         },
         lg: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         lg: {
           label: {
@@ -376,35 +376,35 @@ const theme = {
       },
       color: {
         stroke: {
-          default: '#e6e7e9',
-          muted: '#e6e7e9',
-          danger: '#c10000',
+          default: "#e6e7e9",
+          muted: "#e6e7e9",
+          danger: "#c10000",
         },
         background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
+          default: "#ffffff",
+          muted: "#f6f7fa",
         },
         label: {
-          default: '#696e79',
-          muted: '#696e79',
-          danger: '#c10000',
+          default: "#696e79",
+          muted: "#696e79",
+          danger: "#c10000",
         },
         title: {
-          default: 'lch(11.126 1.374 305.43)',
-          muted: 'lch(11.126 1.374 305.43)',
+          default: "lch(11.126 1.374 305.43)",
+          muted: "lch(11.126 1.374 305.43)",
         },
       },
     },
     button: {
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       basic: {
         space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
-          group: '0.5rem',
+          x: "1rem",
+          y: "0.2813rem",
+          gap: "0.5rem",
+          group: "0.5rem",
         },
         typography: {
           label: {
@@ -430,98 +430,98 @@ const theme = {
         },
         size: {
           icon: {
-            height: '0.9688rem',
-            all: '0.9688rem',
-            width: '0.9688rem',
+            height: "0.9688rem",
+            all: "0.9688rem",
+            width: "0.9688rem",
           },
         },
         color: {
           primary: {
             background: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: '#161517',
-              disabled: '#dfdfdf',
+              default: "#302e32",
+              hover: "lch(29.47 4.1845 266.96)",
+              active: "#161517",
+              disabled: "#dfdfdf",
               loading:
-                'linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%)',
+                "linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%)",
             },
             stroke: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: '#161517',
-              disabled: '#dfdfdf',
+              default: "#302e32",
+              hover: "lch(29.47 4.1845 266.96)",
+              active: "#161517",
+              disabled: "#dfdfdf",
             },
             text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           secondary: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'lch(95.274 1.5364 271.98)',
-              disabled: '#dfdfdf',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#f6f7fa",
+              active: "lch(95.274 1.5364 271.98)",
+              disabled: "#dfdfdf",
               loading:
-                'linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%)',
+                "linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%)",
             },
             stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#cccfd3',
-              disabled: '#dfdfdf',
+              default: "#e6e7e9",
+              hover: "#e6e7e9",
+              active: "#cccfd3",
+              disabled: "#dfdfdf",
             },
             text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
-              disabled: '#a0a0a0',
+              default: "#161517",
+              hover: "#161517",
+              active: "#161517",
+              disabled: "#a0a0a0",
             },
           },
           danger: {
             text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
-              disabled: '#a0a0a0',
+              default: "#c10000",
+              hover: "#c10000",
+              active: "#c10000",
+              disabled: "#a0a0a0",
             },
             background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-              disabled: '#dfdfdf',
+              default: "rgb(100% 13.725% 13.725% / 0.1)",
+              hover: "rgb(100% 13.725% 13.725% / 0.2)",
+              active: "rgb(100% 13.725% 13.725% / 0.3)",
+              disabled: "#dfdfdf",
               loading:
-                'linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%)',
+                "linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%)",
             },
             stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.05)',
-              active: 'rgb(100% 13.725% 13.725% / 0.05)',
-              disabled: '#dfdfdf',
+              default: "rgb(100% 13.725% 13.725% / 0.1)",
+              hover: "rgb(100% 13.725% 13.725% / 0.05)",
+              active: "rgb(100% 13.725% 13.725% / 0.05)",
+              disabled: "#dfdfdf",
             },
           },
           empty: {
             text: {
-              default: '#437eef',
-              hover: '#104ec6',
-              active: '#437eef',
-              disabled: '#a0a0a0',
+              default: "#437eef",
+              hover: "#104ec6",
+              active: "#437eef",
+              disabled: "#a0a0a0",
             },
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#f6f7fa",
+              active: "rgba(0, 0, 0, 0)",
+              disabled: "rgba(0, 0, 0, 0)",
               loading:
-                'linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%)',
+                "linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
-              disabled: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgba(0, 0, 0, 0)",
+              disabled: "rgba(0, 0, 0, 0)",
             },
           },
         },
@@ -529,138 +529,138 @@ const theme = {
       iconButton: {
         default: {
           space: {
-            x: '0.4375rem',
-            y: '0.4375rem',
+            x: "0.4375rem",
+            y: "0.4375rem",
           },
         },
         size: {
-          small: '0.75rem',
-          medium: '1rem',
-          large: '1.25rem',
+          small: "0.75rem",
+          medium: "1rem",
+          large: "1.25rem",
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         sm: {
           space: {
-            x: '0.25rem',
-            y: '0.25rem',
+            x: "0.25rem",
+            y: "0.25rem",
           },
         },
         xs: {
           space: {
-            x: '0',
-            y: '0',
+            x: "0",
+            y: "0",
           },
         },
         color: {
           primary: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgb(86.824% 87.176% 88.235%)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#f6f7fa",
+              active: "rgb(86.824% 87.176% 88.235%)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'rgb(86.824% 87.176% 88.235%)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#f6f7fa",
+              active: "rgb(86.824% 87.176% 88.235%)",
             },
             text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
+              default: "#161517",
+              hover: "#161517",
+              active: "#161517",
             },
           },
           secondary: {
             background: {
-              default: '#302e32',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: 'lch(6.5908 1.3668 305.43)',
+              default: "#302e32",
+              hover: "lch(29.47 4.1845 266.96)",
+              active: "lch(6.5908 1.3668 305.43)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'lch(29.47 4.1845 266.96)',
-              active: 'lch(6.5908 1.3668 305.43)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "lch(29.47 4.1845 266.96)",
+              active: "lch(6.5908 1.3668 305.43)",
             },
             text: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
             },
           },
           disabled: {
             background: {
-              default: '#dfdfdf',
+              default: "#dfdfdf",
             },
             text: {
-              default: '#a0a0a0',
+              default: "#a0a0a0",
             },
           },
           danger: {
             background: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+              default: "rgb(100% 13.725% 13.725% / 0.1)",
+              hover: "rgb(100% 13.725% 13.725% / 0.2)",
+              active: "rgb(100% 13.725% 13.725% / 0.3)",
             },
             text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
+              default: "#c10000",
+              hover: "#c10000",
+              active: "#c10000",
             },
             stroke: {
-              default: 'rgb(100% 13.725% 13.725% / 0.1)',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
+              default: "rgb(100% 13.725% 13.725% / 0.1)",
+              hover: "rgb(100% 13.725% 13.725% / 0.2)",
+              active: "rgb(100% 13.725% 13.725% / 0.3)",
             },
           },
           ghost: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgb(0% 0% 0% / 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgb(0% 0% 0% / 0)",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: 'rgba(0, 0, 0, 0)',
-              active: 'rgba(0, 0, 0, 0)',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "rgba(0, 0, 0, 0)",
+              active: "rgba(0, 0, 0, 0)",
             },
             text: {
-              default: '#696e79',
-              hover: '#161517',
-              active: '#161517',
+              default: "#696e79",
+              hover: "#161517",
+              active: "#161517",
             },
           },
           info: {
             background: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-              hover: '#d0dffb',
-              active: '#a1bef7',
+              default: "rgb(26.275% 49.412% 93.725% / 0.1)",
+              hover: "#d0dffb",
+              active: "#a1bef7",
             },
             text: {
-              default: '#437eef',
-              hover: '#437eef',
-              active: '#437eef',
+              default: "#437eef",
+              hover: "#437eef",
+              active: "#437eef",
             },
             stroke: {
-              default: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-              hover: '#d0dffb',
-              active: '#a1bef7',
+              default: "rgb(26.275% 49.412% 93.725% / 0.1)",
+              hover: "#d0dffb",
+              active: "#a1bef7",
             },
           },
         },
       },
-      stroke: '1px',
+      stroke: "1px",
       split: {
         icon: {
           space: {
-            y: '0.4375rem',
-            x: '0.3438rem',
+            y: "0.4375rem",
+            x: "0.3438rem",
           },
         },
         space: {
-          x: '1rem',
-          y: '0.2813rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.2813rem",
+          gap: "0.5rem",
         },
         typography: {
           label: {
@@ -686,85 +686,85 @@ const theme = {
         },
         primary: {
           divide: {
-            default: 'lch(23.301 2.6341 306.08)',
-            active: 'lch(16.375 2.3568 306.08)',
-            hover: 'lch(33.055 3.2737 266.96)',
-            disabled: 'lch(75.5 0 none)',
+            default: "lch(23.301 2.6341 306.08)",
+            active: "lch(16.375 2.3568 306.08)",
+            hover: "lch(33.055 3.2737 266.96)",
+            disabled: "lch(75.5 0 none)",
           },
           background: {
             main: {
-              default: '#302e32',
-              hover: 'lch(26.965 3.8288 266.96)',
-              active: 'lch(6.348 1.3164 305.43)',
-              disabled: '#dfdfdf',
+              default: "#302e32",
+              hover: "lch(26.965 3.8288 266.96)",
+              active: "lch(6.348 1.3164 305.43)",
+              disabled: "#dfdfdf",
             },
             action: {
-              default: '#161517',
-              hover: 'lch(25.617 3.6374 266.96)',
-              active: 'lch(3.4689 0.71935 305.43)',
-              disabled: 'lch(84.382 0 none)',
+              default: "#161517",
+              hover: "lch(25.617 3.6374 266.96)",
+              active: "lch(3.4689 0.71935 305.43)",
+              disabled: "lch(84.382 0 none)",
             },
           },
           text: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#ffffff',
-            disabled: '#a0a0a0',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#ffffff",
+            disabled: "#a0a0a0",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "rgba(0, 0, 0, 0)",
+            disabled: "rgba(0, 0, 0, 0)",
           },
         },
         secondary: {
           divide: {
-            default: 'lch(92.029 1.0472 265.86)',
-            hover: 'lch(92.449 0.99207 265.86)',
-            active: '#cccfd3',
-            disabled: 'lch(75.5 0 none)',
+            default: "lch(92.029 1.0472 265.86)",
+            hover: "lch(92.449 0.99207 265.86)",
+            active: "#cccfd3",
+            disabled: "lch(75.5 0 none)",
           },
           background: {
             main: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#f6f7fa',
-              active: 'lch(95.274 1.5364 271.98)',
-              disabled: '#dfdfdf',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#f6f7fa",
+              active: "lch(95.274 1.5364 271.98)",
+              disabled: "#dfdfdf",
             },
             action: {
-              default: '#f6f7fa',
-              hover: 'lch(94.788 1.5286 271.98)',
-              active: 'lch(92.892 1.498 271.98)',
-              disabled: 'lch(84.382 0 none)',
+              default: "#f6f7fa",
+              hover: "lch(94.788 1.5286 271.98)",
+              active: "lch(92.892 1.498 271.98)",
+              disabled: "lch(84.382 0 none)",
             },
           },
           text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
-            disabled: '#a0a0a0',
+            default: "#161517",
+            hover: "#161517",
+            active: "#161517",
+            disabled: "#a0a0a0",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#cccfd3',
-            disabled: 'rgba(0, 0, 0, 0)',
+            default: "#e6e7e9",
+            hover: "#e6e7e9",
+            active: "#cccfd3",
+            disabled: "rgba(0, 0, 0, 0)",
           },
         },
       },
       mobile: {
         button: {
           space: {
-            x: '0.75rem',
-            y: '0.5rem',
-            gap: '0.5rem',
+            x: "0.75rem",
+            y: "0.5rem",
+            gap: "0.5rem",
           },
         },
         basic: {
           size: {
             icon: {
-              all: '1.25rem',
+              all: "1.25rem",
             },
           },
         },
@@ -773,14 +773,14 @@ const theme = {
         radii: {
           button: {
             default: {
-              all: '2px',
+              all: "2px",
             },
             borderless: {
-              all: '0.25rem',
+              all: "0.25rem",
             },
           },
           panel: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
         },
         typography: {
@@ -808,55 +808,55 @@ const theme = {
         space: {
           panel: {
             default: {
-              x: '3px',
-              y: '3px',
-              gap: '3px',
+              x: "3px",
+              y: "3px",
+              gap: "3px",
             },
             borderless: {
-              x: '0',
-              y: '0',
-              gap: '0.25rem',
+              x: "0",
+              y: "0",
+              gap: "0.25rem",
             },
           },
           button: {
             default: {
-              y: '1.5px',
-              x: '0.75rem',
+              y: "1.5px",
+              x: "0.75rem",
             },
             borderless: {
-              y: '5.5px',
-              x: '1rem',
+              y: "5.5px",
+              x: "1rem",
             },
           },
         },
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'lch(95.274 1.5364 271.98)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'lch(76.219 1.2291 271.98)',
-            panel: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#f6f7fa",
+            active: "lch(95.274 1.5364 271.98)",
+            disabled: "rgba(0, 0, 0, 0)",
+            "disabled-active": "lch(76.219 1.2291 271.98)",
+            panel: "rgba(0, 0, 0, 0)",
           },
           text: {
-            default: '#505050',
-            hover: '#505050',
-            active: '#161517',
-            disabled: '#a0a0a0',
-            'disabled-active': '#a0a0a0',
+            default: "#505050",
+            hover: "#505050",
+            active: "#161517",
+            disabled: "#a0a0a0",
+            "disabled-active": "#a0a0a0",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: 'rgba(0, 0, 0, 0)',
-            disabled: 'rgba(0, 0, 0, 0)',
-            'disabled-active': 'rgba(0, 0, 0, 0)',
-            panel: '#e6e7e9',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "rgba(0, 0, 0, 0)",
+            disabled: "rgba(0, 0, 0, 0)",
+            "disabled-active": "rgba(0, 0, 0, 0)",
+            panel: "#e6e7e9",
           },
           panel: {
             stroke: {
-              default: '#e6e7e9',
-              borderless: 'rgba(0, 0, 0, 0)',
+              default: "#e6e7e9",
+              borderless: "rgba(0, 0, 0, 0)",
             },
           },
         },
@@ -864,13 +864,13 @@ const theme = {
       alignLeft: {
         size: {
           icon: {
-            all: '0.9688rem',
+            all: "0.9688rem",
           },
         },
         space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.3438rem",
+          gap: "0.5rem",
         },
         typography: {
           label: {
@@ -898,19 +898,19 @@ const theme = {
       alignedLeft: {
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'lch(95.274 1.5364 271.98)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#f6f7fa",
+            active: "lch(95.274 1.5364 271.98)",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#cccfd3',
+            default: "#e6e7e9",
+            hover: "#e6e7e9",
+            active: "#cccfd3",
           },
           text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
+            default: "#161517",
+            hover: "#161517",
+            active: "#161517",
           },
         },
       },
@@ -918,51 +918,51 @@ const theme = {
     card: {
       secondary: {
         space: {
-          all: '1rem',
-          gap: '1rem',
+          all: "1rem",
+          gap: "1rem",
           link: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         icon: {
           size: {
-            all: '2rem',
+            all: "2rem",
           },
         },
-        stroke: '1px',
+        stroke: "1px",
         color: {
           background: {
-            default: '#ffffff',
-            hover: '#f6f7fa',
-            active: 'lch(92.358 1.4894 271.98)',
-            disabled: '#dfdfdf',
+            default: "#ffffff",
+            hover: "#f6f7fa",
+            active: "lch(92.358 1.4894 271.98)",
+            disabled: "#dfdfdf",
           },
           title: {
-            default: 'lch(11.126 1.374 305.43)',
-            hover: 'lch(11.126 1.374 305.43)',
-            active: 'lch(11.126 1.374 305.43)',
-            disabled: '#a0a0a0',
+            default: "lch(11.126 1.374 305.43)",
+            hover: "lch(11.126 1.374 305.43)",
+            active: "lch(11.126 1.374 305.43)",
+            disabled: "#a0a0a0",
           },
           description: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#a0a0a0',
+            default: "#696e79",
+            hover: "#696e79",
+            active: "#696e79",
+            disabled: "#a0a0a0",
           },
           link: {
-            default: '#161517',
-            hover: '#437eef',
-            active: '#161517',
-            disabled: '#a0a0a0',
+            default: "#161517",
+            hover: "#437eef",
+            active: "#161517",
+            disabled: "#a0a0a0",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: 'lch(87.029 1.0472 265.86)',
-            disabled: '#dfdfdf',
+            default: "#e6e7e9",
+            hover: "#e6e7e9",
+            active: "lch(87.029 1.0472 265.86)",
+            disabled: "#dfdfdf",
           },
         },
       },
@@ -1002,61 +1002,61 @@ const theme = {
         size: {
           icon: {
             sm: {
-              all: '2rem',
+              all: "2rem",
             },
             md: {
-              all: '4rem',
+              all: "4rem",
             },
           },
         },
         space: {
           md: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.75rem',
+            y: "1.5rem",
+            x: "1.5rem",
+            gap: "0.75rem",
           },
           sm: {
-            y: '1.5rem',
-            x: '1.5rem',
-            gap: '0.25rem',
+            y: "1.5rem",
+            x: "1.5rem",
+            gap: "0.25rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
-        stroke: '1px',
+        stroke: "1px",
         color: {
           background: {
-            default: '#ffffff',
-            hover: '#f6f7fa',
-            active: '#ffffff',
-            disabled: '#dfdfdf',
+            default: "#ffffff",
+            hover: "#f6f7fa",
+            active: "#ffffff",
+            disabled: "#dfdfdf",
           },
           title: {
-            default: 'lch(11.126 1.374 305.43)',
-            hover: 'lch(11.126 1.374 305.43)',
-            active: 'lch(11.126 1.374 305.43)',
-            disabled: '#a0a0a0',
+            default: "lch(11.126 1.374 305.43)",
+            hover: "lch(11.126 1.374 305.43)",
+            active: "lch(11.126 1.374 305.43)",
+            disabled: "#a0a0a0",
           },
           description: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#a0a0a0',
+            default: "#696e79",
+            hover: "#696e79",
+            active: "#696e79",
+            disabled: "#a0a0a0",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#151515',
-            disabled: '#dfdfdf',
+            default: "#e6e7e9",
+            hover: "#e6e7e9",
+            active: "#151515",
+            disabled: "#dfdfdf",
           },
         },
       },
       shadow:
-        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+        "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
       horizontal: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           title: {
@@ -1082,81 +1082,81 @@ const theme = {
         },
         icon: {
           size: {
-            all: '1.5rem',
+            all: "1.5rem",
           },
         },
         space: {
           md: {
-            y: '0.75rem',
-            x: '1rem',
-            gap: '1rem',
+            y: "0.75rem",
+            x: "1rem",
+            gap: "1rem",
           },
           sm: {
-            y: '0.5rem',
-            x: '0.75rem',
-            gap: '0.75rem',
+            y: "0.5rem",
+            x: "0.75rem",
+            gap: "0.75rem",
           },
         },
         default: {
           color: {
             background: {
-              default: '#ffffff',
-              hover: '#f6f7fa',
-              active: '#ffffff',
-              disabled: '#dfdfdf',
+              default: "#ffffff",
+              hover: "#f6f7fa",
+              active: "#ffffff",
+              disabled: "#dfdfdf",
             },
             title: {
-              default: 'lch(11.126 1.374 305.43)',
-              hover: 'lch(11.126 1.374 305.43)',
-              active: 'lch(11.126 1.374 305.43)',
-              disabled: '#a0a0a0',
+              default: "lch(11.126 1.374 305.43)",
+              hover: "lch(11.126 1.374 305.43)",
+              active: "lch(11.126 1.374 305.43)",
+              disabled: "#a0a0a0",
             },
             description: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-              disabled: '#a0a0a0',
+              default: "#696e79",
+              hover: "#696e79",
+              active: "#696e79",
+              disabled: "#a0a0a0",
             },
             stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#151515',
-              disabled: '#dfdfdf',
+              default: "#e6e7e9",
+              hover: "#e6e7e9",
+              active: "#151515",
+              disabled: "#dfdfdf",
             },
           },
         },
         muted: {
           color: {
             background: {
-              default: '#f6f7fa',
-              hover: '#ffffff',
-              active: '#f6f7fa',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#ffffff",
+              active: "#f6f7fa",
+              disabled: "#dfdfdf",
             },
             title: {
-              default: 'lch(11.126 1.374 305.43)',
-              hover: 'lch(11.126 1.374 305.43)',
-              active: 'lch(11.126 1.374 305.43)',
-              disabled: '#a0a0a0',
+              default: "lch(11.126 1.374 305.43)",
+              hover: "lch(11.126 1.374 305.43)",
+              active: "lch(11.126 1.374 305.43)",
+              disabled: "#a0a0a0",
             },
             description: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
-              disabled: '#a0a0a0',
+              default: "#696e79",
+              hover: "#696e79",
+              active: "#696e79",
+              disabled: "#a0a0a0",
             },
             stroke: {
-              default: '#e6e7e9',
-              hover: '#e6e7e9',
-              active: '#151515',
-              disabled: '#dfdfdf',
+              default: "#e6e7e9",
+              hover: "#e6e7e9",
+              active: "#151515",
+              disabled: "#dfdfdf",
             },
           },
         },
       },
       promotion: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           text: {
@@ -1165,50 +1165,50 @@ const theme = {
           },
         },
         space: {
-          y: '5.5px',
-          x: '0.75rem',
-          gap: '0.75rem',
+          y: "5.5px",
+          x: "0.75rem",
+          gap: "0.75rem",
         },
         icon: {
           size: {
-            all: '1rem',
+            all: "1rem",
           },
         },
         color: {
           background: {
-            default: '#f6f7fa',
-            hover: '#e6e7e9',
-            active: 'lch(89.777 1.0803 265.86)',
+            default: "#f6f7fa",
+            hover: "#e6e7e9",
+            active: "lch(89.777 1.0803 265.86)",
           },
           icon: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
+            default: "#161517",
+            hover: "#161517",
+            active: "#161517",
           },
           stroke: {
-            default: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            hover: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            active: 'linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)',
-            focus: '#151515',
+            default: "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
+            hover: "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
+            active: "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
+            focus: "#151515",
           },
           text: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#161517',
+            default: "#161517",
+            hover: "#161517",
+            active: "#161517",
           },
         },
       },
     },
     checkbox: {
       radii: {
-        all: '0.125rem',
+        all: "0.125rem",
       },
       space: {
-        all: '1px',
-        gap: '0.5rem',
+        all: "1px",
+        gap: "0.5rem",
       },
       size: {
-        all: '1rem',
+        all: "1rem",
       },
       typography: {
         label: {
@@ -1226,175 +1226,175 @@ const theme = {
         variations: {
           default: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#161517',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#161517",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#b3b6bd',
-              hover: '#b3b6bd',
-              active: '#161517',
-              disabled: '#c0c0c0',
+              default: "#b3b6bd",
+              hover: "#b3b6bd",
+              active: "#161517",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var1: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#00e513',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#00e513",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#62de85',
-              hover: '#62de85',
-              active: '#62de85',
-              disabled: '#c0c0c0',
+              default: "#62de85",
+              hover: "#62de85",
+              active: "#62de85",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var2: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#437eef',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#437eef",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#6d9bf3',
-              hover: '#6d9bf3',
-              active: '#6d9bf3',
-              disabled: '#c0c0c0',
+              default: "#6d9bf3",
+              hover: "#6d9bf3",
+              active: "#6d9bf3",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var3: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#fb32c9',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#fb32c9",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#fb64d6',
-              hover: '#fb64d6',
-              active: '#fb64d6',
-              disabled: '#c0c0c0',
+              default: "#fb64d6",
+              hover: "#fb64d6",
+              active: "#fb64d6",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var4: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#ff7729',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#ff7729",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#ff9457',
-              hover: '#ff9457',
-              active: '#ff9457',
-              disabled: '#c0c0c0',
+              default: "#ff9457",
+              hover: "#ff9457",
+              active: "#ff9457",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var5: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#089b83',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#089b83",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#089b83',
-              hover: '#089b83',
-              active: '#089b83',
-              disabled: '#c0c0c0',
+              default: "#089b83",
+              hover: "#089b83",
+              active: "#089b83",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
           var6: {
             background: {
-              default: '#f6f7fa',
-              hover: '#f6f7fa',
-              active: '#bb33ff',
-              disabled: '#dfdfdf',
+              default: "#f6f7fa",
+              hover: "#f6f7fa",
+              active: "#bb33ff",
+              disabled: "#dfdfdf",
             },
             stroke: {
-              default: '#cc66ff',
-              hover: '#bb33ff',
-              active: '#bb33ff',
-              disabled: '#c0c0c0',
+              default: "#cc66ff",
+              hover: "#bb33ff",
+              active: "#bb33ff",
+              disabled: "#c0c0c0",
             },
             check: {
-              default: '#ffffff',
-              hover: '#ffffff',
-              active: '#ffffff',
-              disabled: '#a0a0a0',
+              default: "#ffffff",
+              hover: "#ffffff",
+              active: "#ffffff",
+              disabled: "#a0a0a0",
             },
           },
         },
         check: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#ffffff",
+          disabled: "#a0a0a0",
         },
         background: {
-          default: '#f6f7fa',
-          hover: '#f6f7fa',
-          active: '#161517',
-          disabled: '#dfdfdf',
+          default: "#f6f7fa",
+          hover: "#f6f7fa",
+          active: "#161517",
+          disabled: "#dfdfdf",
         },
         stroke: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#161517',
-          disabled: '#c0c0c0',
+          default: "#b3b6bd",
+          hover: "#b3b6bd",
+          active: "#161517",
+          disabled: "#c0c0c0",
         },
       },
     },
     codeblock: {
       space: {
-        x: '1rem',
-        y: '1rem',
-        gap: '1.5rem',
+        x: "1rem",
+        y: "1rem",
+        gap: "1.5rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         text: {
           default:
@@ -1403,71 +1403,71 @@ const theme = {
       },
       numbers: {
         size: {
-          width: '1.5rem',
+          width: "1.5rem",
         },
       },
       darkMode: {
         color: {
           background: {
-            default: '#282828',
+            default: "#282828",
           },
           text: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           numbers: {
-            default: '#c0c0c0',
+            default: "#c0c0c0",
           },
           button: {
             background: {
-              default: '#282828',
-              hover: '#53575f',
+              default: "#282828",
+              hover: "#53575f",
             },
             foreground: {
-              default: '#ffffff',
+              default: "#ffffff",
             },
           },
           stroke: {
-            default: '#282828',
+            default: "#282828",
           },
         },
       },
       lightMode: {
         color: {
           background: {
-            default: '#f6f7fa',
+            default: "#f6f7fa",
           },
           text: {
-            default: '#282828',
+            default: "#282828",
           },
           numbers: {
-            default: '#808080',
+            default: "#808080",
           },
           button: {
             background: {
-              default: '#f6f7fa',
-              hover: '#53575f',
+              default: "#f6f7fa",
+              hover: "#53575f",
             },
             foreground: {
-              default: '#a0a0a0',
+              default: "#a0a0a0",
             },
           },
           stroke: {
-            default: '#282828',
+            default: "#282828",
           },
         },
       },
       monacoTheme: {
         parameter: {
-          foreground: '#53575f',
-          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
+          foreground: "#53575f",
+          background: "rgb(41.176% 43.137% 47.451% / 0.1)",
         },
       },
     },
     codeInline: {
       space: {
-        x: '0.25rem',
+        x: "0.25rem",
       },
-      stroke: '1px',
+      stroke: "1px",
       typography: {
         text: {
           default:
@@ -1475,55 +1475,55 @@ const theme = {
         },
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       color: {
         background: {
-          default: '#f6f7fa',
+          default: "#f6f7fa",
         },
         text: {
-          default: '#161517',
+          default: "#161517",
         },
         stroke: {
-          default: '#e6e7e9',
+          default: "#e6e7e9",
         },
       },
     },
     container: {
       space: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
       },
       gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
       },
     },
     datePicker: {
       dateOption: {
         space: {
-          gap: '2px',
+          gap: "2px",
         },
         radii: {
-          default: '0.25rem',
-          range: '0',
+          default: "0.25rem",
+          range: "0",
         },
-        stroke: '1px',
+        stroke: "1px",
         size: {
-          height: '2rem',
-          width: '2rem',
+          height: "2rem",
+          width: "2rem",
         },
         typography: {
           label: {
@@ -1541,30 +1541,30 @@ const theme = {
         },
         color: {
           label: {
-            default: '#161517',
-            hover: '#161517',
-            active: '#ffffff',
-            disabled: '#a0a0a0',
-            range: '#161517',
+            default: "#161517",
+            hover: "#161517",
+            active: "#ffffff",
+            disabled: "#a0a0a0",
+            range: "#161517",
           },
           background: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            active: '#151515',
-            disabled: '#ffffff',
-            range: '#e6e7e9',
+            default: "#ffffff",
+            hover: "#ffffff",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9",
           },
           stroke: {
-            default: '#ffffff',
-            hover: '#151515',
-            active: '#151515',
-            disabled: '#ffffff',
-            range: '#e6e7e9',
+            default: "#ffffff",
+            hover: "#151515",
+            active: "#151515",
+            disabled: "#ffffff",
+            range: "#e6e7e9",
           },
         },
       },
       space: {
-        gap: '0.25rem',
+        gap: "0.25rem",
       },
       typography: {
         daytitle: {
@@ -1578,33 +1578,33 @@ const theme = {
       },
       color: {
         title: {
-          default: 'lch(11.126 1.374 305.43)',
+          default: "lch(11.126 1.374 305.43)",
         },
         daytitle: {
-          default: '#696e79',
+          default: "#696e79",
         },
       },
     },
     dialog: {
       space: {
-        y: '1.5rem',
-        x: '2rem',
-        gap: '1rem',
+        y: "1.5rem",
+        x: "2rem",
+        gap: "1rem",
       },
       title: {
         space: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
       },
       radii: {
-        all: '0.5rem',
+        all: "0.5rem",
       },
       shadow: {
         default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+          "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
       },
       stroke: {
-        default: '1px solid #e6e7e9',
+        default: "1px solid #e6e7e9",
       },
       typography: {
         title: {
@@ -1618,16 +1618,16 @@ const theme = {
       },
       color: {
         background: {
-          default: '#ffffff',
+          default: "#ffffff",
         },
         title: {
-          default: 'lch(11.126 1.374 305.43)',
+          default: "lch(11.126 1.374 305.43)",
         },
         description: {
-          default: '#696e79',
+          default: "#696e79",
         },
         opaqueBackground: {
-          default: 'lch(6.7738 0 none / 0.75)',
+          default: "lch(6.7738 0 none / 0.75)",
         },
       },
     },
@@ -1723,73 +1723,73 @@ const theme = {
         mobile: {
           label:
             '500 0.875rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          'field-value':
+          "field-value":
             '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
       },
       space: {
-        x: '0.75rem',
-        y: '0.2813rem',
-        gap: '0.5rem',
+        x: "0.75rem",
+        y: "0.2813rem",
+        gap: "0.5rem",
       },
       size: {
-        icon: '1rem',
+        icon: "1rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       mobile: {
         space: {
-          x: '0.75rem',
-          y: '0.5rem',
-          gap: '0.5rem',
+          x: "0.75rem",
+          y: "0.5rem",
+          gap: "0.5rem",
         },
       },
       color: {
         genericLabel: {
-          default: '#161517',
-          hover: '#161517',
-          active: '#161517',
-          disabled: '#a0a0a0',
+          default: "#161517",
+          hover: "#161517",
+          active: "#161517",
+          disabled: "#a0a0a0",
         },
         background: {
-          default: '#fbfcff',
-          hover: '#f6f7fa',
-          active: '#ffffff',
-          disabled: '#dfdfdf',
-          error: '#ffffff',
+          default: "#fbfcff",
+          hover: "#f6f7fa",
+          active: "#ffffff",
+          disabled: "#dfdfdf",
+          error: "#ffffff",
         },
         text: {
-          default: '#302e32',
-          hover: '#302e32',
-          active: '#161517',
-          disabled: '#a0a0a0',
-          error: '#c10000',
+          default: "#302e32",
+          hover: "#302e32",
+          active: "#161517",
+          disabled: "#a0a0a0",
+          error: "#c10000",
         },
         stroke: {
-          default: '#e6e7e9',
-          hover: '#cccfd3',
-          active: '#161517',
-          disabled: '#dfdfdf',
-          error: '#c10000',
+          default: "#e6e7e9",
+          hover: "#cccfd3",
+          active: "#161517",
+          disabled: "#dfdfdf",
+          error: "#c10000",
         },
         label: {
-          default: '#696e79',
-          hover: '#696e79',
-          active: '#161517',
-          disabled: '#a0a0a0',
-          error: '#c10000',
+          default: "#696e79",
+          hover: "#696e79",
+          active: "#161517",
+          disabled: "#a0a0a0",
+          error: "#c10000",
         },
         placeholder: {
-          default: '#9a9ea7',
-          disabled: '#b3b6bd',
+          default: "#9a9ea7",
+          disabled: "#b3b6bd",
         },
         format: {
-          default: 'lch(71.998 4.1843 268.48)',
-          hover: 'lch(71.998 4.1843 268.48)',
-          active: 'lch(71.998 4.1843 268.48)',
-          disabled: '#a0a0a0',
-          error: 'lch(71.998 4.1843 268.48)',
+          default: "lch(71.998 4.1843 268.48)",
+          hover: "lch(71.998 4.1843 268.48)",
+          active: "lch(71.998 4.1843 268.48)",
+          disabled: "#a0a0a0",
+          error: "lch(71.998 4.1843 268.48)",
         },
       },
     },
@@ -1797,42 +1797,42 @@ const theme = {
       sm: {
         icon: {
           size: {
-            height: '1.5rem',
-            width: '1.5rem',
+            height: "1.5rem",
+            width: "1.5rem",
           },
         },
         space: {
-          gap: '0.75rem',
-          x: '1rem',
-          y: '0.5rem',
+          gap: "0.75rem",
+          x: "1rem",
+          y: "0.5rem",
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         color: {
           icon: {
-            default: '#696e79',
+            default: "#696e79",
           },
         },
       },
       md: {
         icon: {
           size: {
-            height: '2rem',
-            width: '2rem',
+            height: "2rem",
+            width: "2rem",
           },
         },
         space: {
-          gap: '0.5rem',
-          x: '1rem',
-          y: '0.75rem',
+          gap: "0.5rem",
+          x: "1rem",
+          y: "0.75rem",
         },
         radii: {
-          all: '0.5rem',
+          all: "0.5rem",
         },
         color: {
           icon: {
-            default: '#161517',
+            default: "#161517",
           },
         },
       },
@@ -1848,91 +1848,91 @@ const theme = {
       },
       hasFile: {
         space: {
-          gap: '0.75rem',
+          gap: "0.75rem",
         },
         header: {
           space: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
       },
       transitions: {
-        all: 'all 100ms ease-in 0ms',
+        all: "all 100ms ease-in 0ms",
       },
       color: {
         background: {
-          default: '#ffffff',
-          hover: '#ffffff',
-          active: '#f6f7fa',
-          error: 'rgb(100% 13.725% 13.725% / 0.1)',
+          default: "#ffffff",
+          hover: "#ffffff",
+          active: "#f6f7fa",
+          error: "rgb(100% 13.725% 13.725% / 0.1)",
         },
         stroke: {
-          default: '#e6e7e9',
-          hover: '#e6e7e9',
-          active: '#b3b6bd',
-          error: 'rgba(0, 0, 0, 0)',
+          default: "#e6e7e9",
+          hover: "#e6e7e9",
+          active: "#b3b6bd",
+          error: "rgba(0, 0, 0, 0)",
         },
         title: {
-          default: '#161517',
-          hover: '#161517',
-          active: '#161517',
-          error: '#c10000',
+          default: "#161517",
+          hover: "#161517",
+          active: "#161517",
+          error: "#c10000",
         },
         description: {
-          default: '#696e79',
-          hover: '#696e79',
-          active: '#696e79',
-          error: '#c10000',
+          default: "#696e79",
+          hover: "#696e79",
+          active: "#696e79",
+          error: "#c10000",
         },
       },
     },
     flyout: {
       space: {
         default: {
-          x: '0',
-          y: '1.5rem',
-          gap: '1rem',
-          top: '0',
+          x: "0",
+          y: "1.5rem",
+          gap: "1rem",
+          top: "0",
           content: {
-            x: '1.5rem',
-            y: '1.5rem',
-            'row-gap': '0.25rem',
-            'column-gap': '1rem',
+            x: "1.5rem",
+            y: "1.5rem",
+            "row-gap": "0.25rem",
+            "column-gap": "1rem",
           },
         },
         inline: {
-          x: '0',
-          y: '0.75rem',
-          gap: '0.75rem',
-          top: '3.5rem',
+          x: "0",
+          y: "0.75rem",
+          gap: "0.75rem",
+          top: "3.5rem",
           content: {
-            x: '0.75rem',
-            y: '0.75rem',
-            'row-gap': '0.25rem',
-            'column-gap': '0.75rem',
+            x: "0.75rem",
+            y: "0.75rem",
+            "row-gap": "0.25rem",
+            "column-gap": "0.75rem",
           },
         },
       },
       shadow: {
-        default: '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-        reverse: '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
+        default: "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+        reverse: "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)",
       },
       size: {
         default: {
-          width: '27.5rem',
-          height: '100%',
+          width: "27.5rem",
+          height: "100%",
         },
         wide: {
-          width: '37.5rem',
-          height: '100vh',
+          width: "37.5rem",
+          height: "100vh",
         },
         narrow: {
-          width: '21rem',
-          height: '100%',
+          width: "21rem",
+          height: "100%",
         },
         widest: {
-          width: '55rem',
-          height: '100vh',
+          width: "55rem",
+          height: "100vh",
         },
       },
       typography: {
@@ -1959,30 +1959,30 @@ const theme = {
       },
       color: {
         background: {
-          default: '#ffffff',
+          default: "#ffffff",
         },
         title: {
-          default: 'lch(11.126 1.374 305.43)',
+          default: "lch(11.126 1.374 305.43)",
         },
         description: {
-          default: '#696e79',
+          default: "#696e79",
         },
         stroke: {
-          default: '#e6e7e9',
+          default: "#e6e7e9",
         },
       },
     },
     genericMenu: {
       item: {
         space: {
-          x: '1rem',
-          y: '0.3438rem',
-          gap: '0.5rem',
+          x: "1rem",
+          y: "0.3438rem",
+          gap: "0.5rem",
         },
         icon: {
           size: {
-            height: '0.9688rem',
-            width: '0.9688rem',
+            height: "0.9688rem",
+            width: "0.9688rem",
           },
         },
         typography: {
@@ -2011,64 +2011,64 @@ const theme = {
               '400 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           },
         },
-        'two-lines': {
+        "two-lines": {
           space: {
-            x: '1rem',
-            y: '0.3438rem',
-            gap: '0.75rem',
+            x: "1rem",
+            y: "0.3438rem",
+            gap: "0.75rem",
           },
         },
         size: {
-          minWidth: '180px',
+          minWidth: "180px",
         },
         color: {
           default: {
             text: {
-              default: '#161517',
-              hover: '#161517',
-              active: '#161517',
-              disabled: '#a0a0a0',
-              muted: '#696e79',
+              default: "#161517",
+              hover: "#161517",
+              active: "#161517",
+              disabled: "#a0a0a0",
+              muted: "#696e79",
             },
             background: {
-              default: '#ffffff',
-              hover: '#f6f7fa',
-              active: '#ffffff',
-              disabled: '#ffffff',
+              default: "#ffffff",
+              hover: "#f6f7fa",
+              active: "#ffffff",
+              disabled: "#ffffff",
             },
             stroke: {
-              default: '#e6e7e9',
-              focus: '#437eef',
+              default: "#e6e7e9",
+              focus: "#437eef",
             },
           },
           format: {
-            default: 'lch(71.998 4.1843 268.48)',
-            hover: 'lch(71.998 4.1843 268.48)',
-            active: 'lch(71.998 4.1843 268.48)',
-            disabled: '#a0a0a0',
+            default: "lch(71.998 4.1843 268.48)",
+            hover: "lch(71.998 4.1843 268.48)",
+            active: "lch(71.998 4.1843 268.48)",
+            disabled: "#a0a0a0",
           },
           subtext: {
-            default: '#696e79',
-            hover: '#696e79',
-            active: '#696e79',
-            disabled: '#c0c0c0',
+            default: "#696e79",
+            hover: "#696e79",
+            active: "#696e79",
+            disabled: "#c0c0c0",
           },
           danger: {
             text: {
-              default: '#c10000',
-              hover: '#c10000',
-              active: '#c10000',
-              disabled: '#a0a0a0',
+              default: "#c10000",
+              hover: "#c10000",
+              active: "#c10000",
+              disabled: "#a0a0a0",
             },
             background: {
-              default: '#ffffff',
-              hover: 'rgb(100% 13.725% 13.725% / 0.2)',
-              active: 'rgb(100% 13.725% 13.725% / 0.3)',
-              disabled: '#ffffff',
+              default: "#ffffff",
+              hover: "rgb(100% 13.725% 13.725% / 0.2)",
+              active: "rgb(100% 13.725% 13.725% / 0.3)",
+              disabled: "#ffffff",
             },
             stroke: {
-              default: 'rgba(0, 0, 0, 0)',
-              focus: '#437eef',
+              default: "rgba(0, 0, 0, 0)",
+              focus: "#437eef",
             },
           },
         },
@@ -2083,8 +2083,8 @@ const theme = {
       },
       button: {
         space: {
-          gap: '0.25rem',
-          y: '0.5rem',
+          gap: "0.25rem",
+          y: "0.5rem",
         },
         typography: {
           label: {
@@ -2098,33 +2098,33 @@ const theme = {
         },
         color: {
           background: {
-            default: '#f6f7fa',
+            default: "#f6f7fa",
           },
           label: {
-            default: '#696e79',
+            default: "#696e79",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
       panel: {
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         shadow: {
           default:
-            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+            "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
         },
         size: {
-          height: '2rem',
+          height: "2rem",
         },
         color: {
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
@@ -2149,33 +2149,33 @@ const theme = {
         },
         search: {
           stroke: {
-            default: '2px solid #e6e7e9',
+            default: "2px solid #e6e7e9",
           },
         },
         color: {
           placeholder: {
-            default: '#9a9ea7',
+            default: "#9a9ea7",
           },
           searchTerm: {
-            default: '#161517',
+            default: "#161517",
           },
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
       sectionHeader: {
         space: {
-          bottom: '0.3438rem',
-          top: '0.5rem',
+          bottom: "0.3438rem",
+          top: "0.5rem",
         },
       },
       placeholder: {
         space: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
       },
     },
@@ -2183,27 +2183,27 @@ const theme = {
       header: {
         cell: {
           space: {
-            y: '0.4375rem',
-            x: '0.5rem',
+            y: "0.4375rem",
+            x: "0.5rem",
           },
           size: {
-            height: '2rem',
+            height: "2rem",
           },
           color: {
             background: {
-              default: '#f6f7fa',
-              selectIndirect: 'lch(95.61 5.8361 264.18)',
-              selectDirect: '#e7effd',
+              default: "#f6f7fa",
+              selectIndirect: "lch(95.61 5.8361 264.18)",
+              selectDirect: "#e7effd",
             },
             title: {
-              default: '#696e79',
-              selectIndirect: '#161517',
-              selectDirect: '#161517',
+              default: "#696e79",
+              selectIndirect: "#161517",
+              selectDirect: "#161517",
             },
             stroke: {
-              default: 'lch(89.319 1.0747 265.86)',
-              selectIndirect: '#e7effd',
-              selectDirect: 'lch(86.135 15.126 266.4)',
+              default: "lch(89.319 1.0747 265.86)",
+              selectIndirect: "#e7effd",
+              selectDirect: "lch(86.135 15.126 266.4)",
             },
           },
         },
@@ -2215,27 +2215,27 @@ const theme = {
       body: {
         cell: {
           space: {
-            y: '5.5px',
-            x: '0.5rem',
+            y: "5.5px",
+            x: "0.5rem",
           },
           size: {
-            height: '2rem',
+            height: "2rem",
           },
           color: {
             background: {
-              default: '#ffffff',
-              selectIndirect: 'lch(94.146 7.7815 264.18 / 0.2)',
-              selectDirect: 'lch(94.146 7.7815 264.18 / 0.2)',
+              default: "#ffffff",
+              selectIndirect: "lch(94.146 7.7815 264.18 / 0.2)",
+              selectDirect: "lch(94.146 7.7815 264.18 / 0.2)",
             },
             stroke: {
-              default: '#e6e7e9',
-              selectIndirect: '#d0dffb',
-              selectDirect: '#437eef',
+              default: "#e6e7e9",
+              selectIndirect: "#d0dffb",
+              selectDirect: "#437eef",
             },
             text: {
-              default: 'lch(7.1704 1.4351 305.43)',
-              selectIndirect: '#161517',
-              selectDirect: '#161517',
+              default: "lch(7.1704 1.4351 305.43)",
+              selectIndirect: "#161517",
+              selectDirect: "#161517",
             },
           },
         },
@@ -2247,237 +2247,237 @@ const theme = {
         },
       },
       radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
       },
       global: {
         color: {
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
         },
       },
     },
     gridContainer: {
       gap: {
-        none: '0',
-        xxs: '0.25rem',
-        xs: '0.5rem',
-        sm: '0.75rem',
-        md: '1rem',
-        lg: '1.5rem',
-        xl: '2rem',
-        xxl: '4rem',
+        none: "0",
+        xxs: "0.25rem",
+        xs: "0.5rem",
+        sm: "0.75rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        xxl: "4rem",
         unset: "''",
       },
     },
     icon: {
       space: {
         xs: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         sm: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         md: {
-          all: '0.365rem',
+          all: "0.365rem",
         },
         lg: {
-          all: '0.5rem',
+          all: "0.5rem",
         },
         xl: {
-          all: '0.75rem',
+          all: "0.75rem",
         },
         xxl: {
-          all: '1rem',
+          all: "1rem",
         },
       },
       color: {
         background: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.1)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.1)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.1)',
+          default: "rgba(0, 0, 0, 0)",
+          success: "rgb(20% 100% 26.667% / 0.1)",
+          neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+          danger: "rgb(100% 13.725% 13.725% / 0.1)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.1)",
+          warning: "rgb(100% 46.667% 16.078% / 0.1)",
         },
         text: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: '#008a0b',
-          neutral: '#53575f',
-          danger: '#c10000',
-          info: '#437eef',
-          warning: '#a33c00',
+          default: "rgba(0, 0, 0, 0)",
+          success: "#008a0b",
+          neutral: "#53575f",
+          danger: "#c10000",
+          info: "#437eef",
+          warning: "#a33c00",
         },
         stroke: {
-          default: 'rgba(0, 0, 0, 0)',
-          success: 'rgb(20% 100% 26.667% / 0.05)',
-          neutral: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          danger: 'rgb(100% 13.725% 13.725% / 0.05)',
-          info: 'rgb(26.275% 49.412% 93.725% / 0.05)',
-          warning: 'rgb(100% 46.667% 16.078% / 0.05)',
+          default: "rgba(0, 0, 0, 0)",
+          success: "rgb(20% 100% 26.667% / 0.05)",
+          neutral: "rgb(41.176% 43.137% 47.451% / 0.1)",
+          danger: "rgb(100% 13.725% 13.725% / 0.05)",
+          info: "rgb(26.275% 49.412% 93.725% / 0.05)",
+          warning: "rgb(100% 46.667% 16.078% / 0.05)",
         },
       },
     },
     image: {
       sm: {
         size: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
       },
       xs: {
         size: {
-          height: '0.75rem',
-          width: '0.75rem',
+          height: "0.75rem",
+          width: "0.75rem",
         },
       },
       md: {
         size: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       lg: {
         size: {
-          height: '1.5rem',
-          width: '1.5rem',
+          height: "1.5rem",
+          width: "1.5rem",
         },
       },
       xl: {
         size: {
-          height: '2rem',
-          width: '2rem',
+          height: "2rem",
+          width: "2rem",
         },
       },
       xxl: {
         size: {
-          height: '4rem',
-          width: '4rem',
+          height: "4rem",
+          width: "4rem",
         },
       },
       borderWidth: {
-        default: '1.5px',
-        thin: '1px',
+        default: "1.5px",
+        thin: "1px",
       },
       color: {
-        stroke: '#161517',
+        stroke: "#161517",
       },
     },
     link: {
       space: {
         md: {
-          gap: '0.25rem',
+          gap: "0.25rem",
         },
         sm: {
-          gap: '2px',
+          gap: "2px",
         },
       },
       icon: {
         size: {
           sm: {
-            height: '0.75rem',
-            width: '0.75rem',
+            height: "0.75rem",
+            width: "0.75rem",
           },
           md: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
       },
     },
     panel: {
       strokeWidth: {
-        default: '1px',
+        default: "1px",
       },
       radii: {
-        none: '0',
-        sm: '0.25rem',
-        md: '0.5rem',
-        lg: '0.75rem',
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
       },
       stroke: {
-        default: '1px solid #e6e7e9',
+        default: "1px solid #e6e7e9",
       },
       shadow: {
         default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+          "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
       },
       space: {
         y: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
         x: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
         gap: {
-          none: '0',
-          xs: '0.5rem',
-          sm: '0.75rem',
-          md: '1rem',
-          lg: '1.5rem',
-          xl: '2rem',
+          none: "0",
+          xs: "0.5rem",
+          sm: "0.75rem",
+          md: "1rem",
+          lg: "1.5rem",
+          xl: "2rem",
         },
       },
       color: {
         background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
-          transparent: 'rgba(0, 0, 0, 0)',
+          default: "#ffffff",
+          muted: "#f6f7fa",
+          transparent: "rgba(0, 0, 0, 0)",
         },
         stroke: {
-          default: '#e6e7e9',
+          default: "#e6e7e9",
         },
       },
     },
     popover: {
       space: {
-        y: '1rem',
-        x: '1.5rem',
-        gap: '0.75rem',
+        y: "1rem",
+        x: "1.5rem",
+        gap: "0.75rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       shadow: {
         default:
-          '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+          "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
       },
       icon: {
         size: {
-          height: '1.25rem',
-          width: '1.25rem',
+          height: "1.25rem",
+          width: "1.25rem",
         },
       },
       color: {
         panel: {
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
     },
     radio: {
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       typography: {
         label: {
@@ -2493,22 +2493,22 @@ const theme = {
       },
       color: {
         background: {
-          default: '#f6f7fa',
-          hover: '#f6f7fa',
-          active: '#161517',
-          disabled: '#dfdfdf',
+          default: "#f6f7fa",
+          hover: "#f6f7fa",
+          active: "#161517",
+          disabled: "#dfdfdf",
         },
         stroke: {
-          default: '#b3b6bd',
-          hover: '#b3b6bd',
-          active: '#151515',
-          disabled: '#c0c0c0',
+          default: "#b3b6bd",
+          hover: "#b3b6bd",
+          active: "#151515",
+          disabled: "#c0c0c0",
         },
         indicator: {
-          default: '#ffffff',
-          hover: '#f6f7fa',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
+          default: "#ffffff",
+          hover: "#f6f7fa",
+          active: "#ffffff",
+          disabled: "#a0a0a0",
         },
       },
     },
@@ -2516,37 +2516,37 @@ const theme = {
       horizontal: {
         space: {
           y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            ml: "0.75rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           x: {
-            all: '0',
+            all: "0",
           },
         },
       },
       vertical: {
         space: {
           x: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           y: {
-            all: '0',
+            all: "0",
           },
         },
       },
       color: {
         stroke: {
-          default: '#e6e7e9',
+          default: "#e6e7e9",
         },
       },
     },
@@ -2554,14 +2554,14 @@ const theme = {
       navigation: {
         item: {
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
           default: {
             space: {
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
-              left: '0',
+              right: "0.75rem",
+              y: "0.2813rem",
+              gap: "0.75rem",
+              left: "0",
             },
           },
           typography: {
@@ -2584,28 +2584,28 @@ const theme = {
                 '400 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
             },
             space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
+              left: "0",
+              right: "0.75rem",
+              y: "0.75rem",
+              gap: "0.75rem",
             },
           },
           collapsible: {
             space: {
-              left: '0',
-              right: '0.75rem',
-              y: '0.2813rem',
-              gap: '0.75rem',
+              left: "0",
+              right: "0.75rem",
+              y: "0.2813rem",
+              gap: "0.75rem",
             },
           },
           icon: {
             size: {
-              height: '1rem',
-              width: '1rem',
+              height: "1rem",
+              width: "1rem",
             },
           },
           global: {
-            gap: '2px',
+            gap: "2px",
           },
         },
         title: {
@@ -2623,17 +2623,17 @@ const theme = {
         subItem: {
           default: {
             space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.2813rem',
+              left: "2.75rem",
+              right: "0.75rem",
+              y: "0.2813rem",
             },
           },
           mobile: {
             space: {
-              left: '2.75rem',
-              right: '0.75rem',
-              y: '0.75rem',
-              gap: '0.75rem',
+              left: "2.75rem",
+              right: "0.75rem",
+              y: "0.75rem",
+              gap: "0.75rem",
             },
             typography: {
               default:
@@ -2645,7 +2645,7 @@ const theme = {
             },
           },
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
           typography: {
             default:
@@ -2661,7 +2661,7 @@ const theme = {
         dragControl: {
           separator: {
             size: {
-              height: '0.125rem',
+              height: "0.125rem",
             },
           },
         },
@@ -2669,68 +2669,68 @@ const theme = {
       main: {
         color: {
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
           text: {
-            default: '#161517',
-            muted: '#696e79',
+            default: "#161517",
+            muted: "#696e79",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
         navigation: {
           item: {
             color: {
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: '#e6e7e9',
+                default: "rgba(0, 0, 0, 0)",
+                hover: "lch(91.609 1.1023 265.86 / 0.6)",
+                active: "#e6e7e9",
               },
               text: {
-                default: '#161517',
-                hover: '#161517',
-                active: '#161517',
-                muted: '#696e79',
-                disabled: '#a0a0a0',
+                default: "#161517",
+                hover: "#161517",
+                active: "#161517",
+                muted: "#696e79",
+                disabled: "#a0a0a0",
               },
               icon: {
-                default: '#696e79',
-                disabled: '#a0a0a0',
+                default: "#696e79",
+                disabled: "#a0a0a0",
               },
             },
           },
           title: {
             color: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
+              default: "#696e79",
+              hover: "#696e79",
+              active: "#696e79",
             },
           },
           subItem: {
             color: {
               text: {
-                default: '#696e79',
-                hover: '#161517',
-                active: '#161517',
-                disabled: '#a0a0a0',
+                default: "#696e79",
+                hover: "#161517",
+                active: "#161517",
+                disabled: "#a0a0a0",
               },
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: 'rgba(0, 0, 0, 0)',
-                disabled: 'rgba(0, 0, 0, 0)',
+                default: "rgba(0, 0, 0, 0)",
+                hover: "lch(91.609 1.1023 265.86 / 0.6)",
+                active: "rgba(0, 0, 0, 0)",
+                disabled: "rgba(0, 0, 0, 0)",
               },
               icon: {
-                default: '#696e79',
-                disabled: '#a0a0a0',
+                default: "#696e79",
+                disabled: "#a0a0a0",
               },
             },
           },
           dragControl: {
             separator: {
               color: {
-                default: '#161517',
+                default: "#161517",
               },
             },
           },
@@ -2741,58 +2741,58 @@ const theme = {
           item: {
             color: {
               text: {
-                disabled: '#a0a0a0',
-                default: '#161517',
-                hover: '#161517',
-                active: '#161517',
-                muted: '#696e79',
+                disabled: "#a0a0a0",
+                default: "#161517",
+                hover: "#161517",
+                active: "#161517",
+                muted: "#696e79",
               },
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: '#e6e7e9',
+                default: "rgba(0, 0, 0, 0)",
+                hover: "lch(91.609 1.1023 265.86 / 0.6)",
+                active: "#e6e7e9",
               },
               icon: {
-                default: '#696e79',
+                default: "#696e79",
               },
             },
           },
           title: {
             color: {
-              default: '#696e79',
-              hover: '#696e79',
-              active: '#696e79',
+              default: "#696e79",
+              hover: "#696e79",
+              active: "#696e79",
             },
           },
           subItem: {
             color: {
               text: {
-                default: '#696e79',
-                hover: '#161517',
-                active: '#161517',
-                disabled: '#a0a0a0',
+                default: "#696e79",
+                hover: "#161517",
+                active: "#161517",
+                disabled: "#a0a0a0",
               },
               background: {
-                default: 'rgba(0, 0, 0, 0)',
-                hover: 'lch(91.609 1.1023 265.86 / 0.6)',
-                active: 'rgba(0, 0, 0, 0)',
+                default: "rgba(0, 0, 0, 0)",
+                hover: "lch(91.609 1.1023 265.86 / 0.6)",
+                active: "rgba(0, 0, 0, 0)",
               },
             },
           },
           dragControl: {
             separator: {
               color: {
-                default: '#161517',
+                default: "#161517",
               },
             },
           },
         },
         color: {
           background: {
-            default: '#f6f7fa',
+            default: "#f6f7fa",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
@@ -2801,16 +2801,16 @@ const theme = {
       horizontal: {
         space: {
           y: {
-            xs: '0',
-            sm: '0.25rem',
-            md: '0.5rem',
-            ml: '0.75rem',
-            lg: '1rem',
-            xl: '1.5rem',
-            xxl: '2rem',
+            xs: "0",
+            sm: "0.25rem",
+            md: "0.5rem",
+            ml: "0.75rem",
+            lg: "1rem",
+            xl: "1.5rem",
+            xxl: "2rem",
           },
           x: {
-            all: '0',
+            all: "0",
           },
         },
       },
@@ -2820,16 +2820,16 @@ const theme = {
         numbered: {
           connector: {
             size: {
-              width: '0.1875rem',
+              width: "0.1875rem",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#c0c0c0',
+                incomplete: "#c0c0c0",
+                complete: "#1f1f1c",
+                active: "#c0c0c0",
               },
             },
           },
@@ -2847,104 +2847,104 @@ const theme = {
               },
             },
             size: {
-              height: '1.5rem',
-              width: '1.5rem',
+              height: "1.5rem",
+              width: "1.5rem",
               icon: {
-                height: '0.75rem',
-                width: '0.75rem',
+                height: "0.75rem",
+                width: "0.75rem",
               },
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             radii: {
-              default: '9999px',
+              default: "9999px",
             },
             color: {
               stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#1f1f1c',
+                incomplete: "#c0c0c0",
+                complete: "#1f1f1c",
+                active: "#1f1f1c",
               },
               background: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#1f1f1c',
+                incomplete: "#ffffff",
+                complete: "#ffffff",
+                active: "#1f1f1c",
               },
               icon: {
-                incomplete: '#1f1f1c',
-                complete: '#1f1f1c',
-                active: '#ffffff',
+                incomplete: "#1f1f1c",
+                complete: "#1f1f1c",
+                active: "#ffffff",
               },
             },
           },
           content: {
             space: {
               gap: {
-                x: '1rem',
-                y: '0.5rem',
+                x: "1rem",
+                y: "0.5rem",
               },
-              left: '2.75rem',
+              left: "2.75rem",
               bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
+                default: "2.5rem",
+                active: "1.5rem",
               },
             },
           },
           color: {
             title: {
-              incomplete: '#c0c0c0',
-              complete: '#696e79',
-              active: '#161517',
+              incomplete: "#c0c0c0",
+              complete: "#696e79",
+              active: "#161517",
             },
           },
         },
         bulleted: {
           connector: {
             size: {
-              width: '0.1875rem',
+              width: "0.1875rem",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#c0c0c0',
+                incomplete: "#c0c0c0",
+                complete: "#1f1f1c",
+                active: "#c0c0c0",
               },
             },
           },
           step: {
             size: {
-              height: '1rem',
-              width: '1rem',
+              height: "1rem",
+              width: "1rem",
               icon: {
-                height: '0.75rem',
-                width: '0.75rem',
+                height: "0.75rem",
+                width: "0.75rem",
               },
             },
             radii: {
-              default: '9999px',
+              default: "9999px",
             },
             stroke: {
-              default: '2px',
+              default: "2px",
             },
             color: {
               stroke: {
-                incomplete: '#c0c0c0',
-                complete: '#1f1f1c',
-                active: '#1f1f1c',
+                incomplete: "#c0c0c0",
+                complete: "#1f1f1c",
+                active: "#1f1f1c",
               },
               background: {
-                incomplete: '#ffffff',
-                complete: '#ffffff',
-                active: '#ffffff',
+                incomplete: "#ffffff",
+                complete: "#ffffff",
+                active: "#ffffff",
               },
               icon: {
-                incomplete: '#ffffff',
-                complete: '#1f1f1c',
-                active: '#ffffff',
+                incomplete: "#ffffff",
+                complete: "#1f1f1c",
+                active: "#ffffff",
               },
             },
           },
@@ -2957,21 +2957,21 @@ const theme = {
           content: {
             space: {
               gap: {
-                x: '1rem',
-                y: '0.5rem',
+                x: "1rem",
+                y: "0.5rem",
               },
-              left: '2.25rem',
+              left: "2.25rem",
               bottom: {
-                default: '2.5rem',
-                active: '1.5rem',
+                default: "2.5rem",
+                active: "1.5rem",
               },
             },
           },
           color: {
             title: {
-              incomplete: '#c0c0c0',
-              complete: '#696e79',
-              active: '#161517',
+              incomplete: "#c0c0c0",
+              complete: "#696e79",
+              active: "#161517",
             },
           },
         },
@@ -2979,14 +2979,14 @@ const theme = {
     },
     switch: {
       space: {
-        gap: '0.5rem',
+        gap: "0.5rem",
       },
       radii: {
-        all: '9999px',
+        all: "9999px",
       },
       size: {
-        width: '2rem',
-        height: '1rem',
+        width: "2rem",
+        height: "1rem",
       },
       typography: {
         label: {
@@ -3002,19 +3002,19 @@ const theme = {
       },
       color: {
         background: {
-          default: '#cccfd3',
-          active: '#151515',
-          disabled: '#dfdfdf',
+          default: "#cccfd3",
+          active: "#151515",
+          disabled: "#dfdfdf",
         },
         stroke: {
-          default: '#cccfd3',
-          active: '#161517',
-          disabled: '#dfdfdf',
+          default: "#cccfd3",
+          active: "#161517",
+          disabled: "#dfdfdf",
         },
         indicator: {
-          default: '#ffffff',
-          active: '#ffffff',
-          disabled: '#a0a0a0',
+          default: "#ffffff",
+          active: "#ffffff",
+          disabled: "#a0a0a0",
         },
       },
     },
@@ -3027,33 +3027,33 @@ const theme = {
         cell: {
           space: {
             md: {
-              y: '0.75rem',
-              x: '1rem',
+              y: "0.75rem",
+              x: "1rem",
             },
             sm: {
-              y: '0.5rem',
-              x: '1rem',
+              y: "0.5rem",
+              x: "1rem",
             },
           },
         },
         color: {
           background: {
-            default: '#f6f7fa',
-            hover: '#f6f7fa',
-            active: '#e7effd',
+            default: "#f6f7fa",
+            hover: "#f6f7fa",
+            active: "#e7effd",
           },
           title: {
-            default: '#161517',
+            default: "#161517",
           },
           icon: {
-            default: '#161517',
+            default: "#161517",
           },
           checkbox: {
             background: {
-              default: '#cccfd3',
+              default: "#cccfd3",
             },
             border: {
-              default: '#808691',
+              default: "#808691",
             },
           },
         },
@@ -3067,21 +3067,21 @@ const theme = {
           default:
             '500 0.75rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
-        stroke: '1px',
+        stroke: "1px",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       body: {
         cell: {
           space: {
             md: {
-              y: '1rem',
-              x: '1rem',
+              y: "1rem",
+              x: "1rem",
             },
             sm: {
-              y: '0.5rem',
-              x: '1rem',
+              y: "0.5rem",
+              x: "1rem",
             },
           },
         },
@@ -3089,56 +3089,56 @@ const theme = {
       mobile: {
         cell: {
           space: {
-            y: '1rem',
-            x: '1rem',
-            gap: '0.5rem',
+            y: "1rem",
+            x: "1rem",
+            gap: "0.5rem",
           },
         },
       },
       row: {
         color: {
           background: {
-            default: '#ffffff',
-            hover: 'lch(94.146 7.7815 264.18 / 0.2)',
-            active: 'lch(94.146 7.7815 264.18 / 0.2)',
+            default: "#ffffff",
+            hover: "lch(94.146 7.7815 264.18 / 0.2)",
+            active: "lch(94.146 7.7815 264.18 / 0.2)",
           },
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
           text: {
-            default: '#161517',
-            disabled: '#a0a0a0',
+            default: "#161517",
+            disabled: "#a0a0a0",
           },
           link: {
-            default: '#437eef',
+            default: "#437eef",
           },
           label: {
-            default: '#696e79',
+            default: "#696e79",
           },
           barChart: {
-            default: '#dfdfdf',
-            hover: '#c0c0c0',
+            default: "#dfdfdf",
+            hover: "#c0c0c0",
           },
         },
       },
       global: {
         color: {
           stroke: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
           background: {
-            default: '#ffffff',
+            default: "#ffffff",
           },
         },
       },
     },
     tabs: {
       space: {
-        y: '0.5rem',
-        x: '0.75rem',
+        y: "0.5rem",
+        x: "0.75rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       typography: {
         label: {
@@ -3152,43 +3152,43 @@ const theme = {
       },
       basic: {
         strokeWidth: {
-          default: '1px',
-          hover: '1px',
-          active: '2px',
-          global: '1px',
+          default: "1px",
+          hover: "1px",
+          active: "2px",
+          global: "1px",
         },
         color: {
           background: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: '#f6f7fa',
-            active: 'rgba(0, 0, 0, 0)',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "#f6f7fa",
+            active: "rgba(0, 0, 0, 0)",
           },
           text: {
-            default: '#696e79',
-            hover: '#161517',
-            active: '#161517',
+            default: "#696e79",
+            hover: "#161517",
+            active: "#161517",
           },
           stroke: {
-            default: 'rgba(0, 0, 0, 0)',
-            hover: 'rgba(0, 0, 0, 0)',
-            active: '#151515',
+            default: "rgba(0, 0, 0, 0)",
+            hover: "rgba(0, 0, 0, 0)",
+            active: "#151515",
           },
           global: {
-            default: '#e6e7e9',
+            default: "#e6e7e9",
           },
         },
       },
       fileTabs: {
         icon: {
           size: {
-            height: '1rem',
-            width: '1rem',
+            height: "1rem",
+            width: "1rem",
           },
         },
         space: {
-          y: '1.0625rem',
-          x: '1rem',
-          gap: '0.75rem',
+          y: "1.0625rem",
+          x: "1rem",
+          gap: "0.75rem",
         },
         typography: {
           label: {
@@ -3201,28 +3201,28 @@ const theme = {
           },
         },
         radii: {
-          all: '0',
+          all: "0",
         },
         color: {
           background: {
-            default: '#f6f7fa',
-            hover: '#ffffff',
-            active: '#ffffff',
+            default: "#f6f7fa",
+            hover: "#ffffff",
+            active: "#ffffff",
           },
           text: {
-            default: '#696e79',
-            hover: '#161517',
-            active: '#161517',
+            default: "#696e79",
+            hover: "#161517",
+            active: "#161517",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#e6e7e9',
-            active: '#e6e7e9',
+            default: "#e6e7e9",
+            hover: "#e6e7e9",
+            active: "#e6e7e9",
           },
           closeButton: {
             background: {
-              default: 'rgba(0, 0, 0, 0)',
-              hover: '#e6e7e9',
+              default: "rgba(0, 0, 0, 0)",
+              hover: "#e6e7e9",
             },
           },
         },
@@ -3231,23 +3231,23 @@ const theme = {
     toast: {
       icon: {
         size: {
-          height: '1rem',
-          width: '1rem',
+          height: "1rem",
+          width: "1rem",
         },
       },
       space: {
         title: {
-          gap: '0.5rem',
+          gap: "0.5rem",
         },
-        y: '0.75rem',
-        x: '0.75rem',
-        gap: '0.5rem',
+        y: "0.75rem",
+        x: "0.75rem",
+        gap: "0.5rem",
       },
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       shadow:
-        '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+        "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
       typography: {
         title: {
           default:
@@ -3259,33 +3259,33 @@ const theme = {
         },
       },
       size: {
-        width: '20.75rem',
+        width: "20.75rem",
       },
       color: {
         title: {
-          default: 'lch(11.126 1.374 305.43)',
+          default: "lch(11.126 1.374 305.43)",
         },
         description: {
-          default: '#696e79',
+          default: "#696e79",
         },
         stroke: {
-          default: '#e6e7e9',
+          default: "#e6e7e9",
         },
         icon: {
-          default: 'lch(11.126 1.374 305.43)',
-          success: '#008a0b',
-          warning: '#a33c00',
-          danger: '#c10000',
+          default: "lch(11.126 1.374 305.43)",
+          success: "#008a0b",
+          warning: "#a33c00",
+          danger: "#c10000",
         },
       },
     },
     tooltip: {
       radii: {
-        all: '0.25rem',
+        all: "0.25rem",
       },
       space: {
-        x: '0.75rem',
-        y: '0.5rem',
+        x: "0.75rem",
+        y: "0.5rem",
       },
       typography: {
         label: {
@@ -3295,39 +3295,39 @@ const theme = {
       },
       color: {
         background: {
-          default: 'lch(10.767 0 none / 0.85)',
+          default: "lch(10.767 0 none / 0.85)",
         },
         label: {
-          default: '#ffffff',
+          default: "#ffffff",
         },
       },
     },
     dashboards: {
       chartWidget: {
         space: {
-          gap: '1rem',
+          gap: "1rem",
           element: {
-            gap: '0.5rem',
+            gap: "0.5rem",
           },
         },
         borderWidth: {
-          default: '1px',
+          default: "1px",
         },
         stroke: {
-          default: '1px solid #e6e7e9',
+          default: "1px solid #e6e7e9",
           element: {
-            default: '1px solid #e6e7e9',
+            default: "1px solid #e6e7e9",
           },
-          hover: '1px solid #b3b6bd',
-          selected: '1px solid #151515',
+          hover: "1px solid #b3b6bd",
+          selected: "1px solid #151515",
         },
         element: {
           radii: {
-            all: '0.25rem',
+            all: "0.25rem",
           },
         },
         radii: {
-          all: '0.25rem',
+          all: "0.25rem",
         },
         typography: {
           title: {
@@ -3348,50 +3348,50 @@ const theme = {
           },
         },
         shadow: {
-          default: '0',
+          default: "0",
           hover:
-            '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
+            "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
         },
         size: {
           icon: {
             all: {
-              drag: '1.25rem',
-              menu: '1.5rem',
-              resize: '0.75rem',
+              drag: "1.25rem",
+              menu: "1.5rem",
+              resize: "0.75rem",
             },
           },
         },
         color: {
           background: {
-            default: '#ffffff',
-            hover: '#ffffff',
-            selected: '#ffffff',
+            default: "#ffffff",
+            hover: "#ffffff",
+            selected: "#ffffff",
           },
           stroke: {
-            default: '#e6e7e9',
-            hover: '#b3b6bd',
-            selected: '#151515',
+            default: "#e6e7e9",
+            hover: "#b3b6bd",
+            selected: "#151515",
           },
           title: {
-            default: 'lch(11.126 1.374 305.43)',
+            default: "lch(11.126 1.374 305.43)",
           },
           description: {
-            default: '#696e79',
+            default: "#696e79",
           },
           legend: {
-            default: '#696e79',
-            hover: '#696e79',
-            selected: '#161517',
+            default: "#696e79",
+            hover: "#696e79",
+            selected: "#161517",
           },
           element: {
             stroke: {
-              default: '#e6e7e9',
+              default: "#e6e7e9",
             },
           },
           icon: {
-            default: '#161517',
-            hover: '#161517',
-            selected: '#151515',
+            default: "#161517",
+            hover: "#161517",
+            selected: "#151515",
           },
           opacity: {
             bar: {
@@ -3400,9 +3400,9 @@ const theme = {
             },
           },
           label: {
-            default: '#696e79',
-            hover: '#696e79',
-            selected: '#696e79',
+            default: "#696e79",
+            hover: "#696e79",
+            selected: "#696e79",
           },
         },
       },
@@ -3410,365 +3410,365 @@ const theme = {
     global: {
       color: {
         stroke: {
-          default: '#e6e7e9',
-          muted: 'lch(91.609 1.1023 265.86)',
-          intense: '#b3b6bd',
+          default: "#e6e7e9",
+          muted: "lch(91.609 1.1023 265.86)",
+          intense: "#b3b6bd",
         },
         accent: {
-          default: '#151515',
+          default: "#151515",
         },
         background: {
-          default: '#ffffff',
-          muted: '#f6f7fa',
+          default: "#ffffff",
+          muted: "#f6f7fa",
         },
         text: {
-          default: '#161517',
-          muted: '#696e79',
-          disabled: '#a0a0a0',
+          default: "#161517",
+          muted: "#696e79",
+          disabled: "#a0a0a0",
           link: {
-            default: '#437eef',
-            hover: '#104ec6',
+            default: "#437eef",
+            hover: "#104ec6",
           },
-          danger: '#c10000',
-          warning: '#a33c00',
+          danger: "#c10000",
+          warning: "#a33c00",
         },
         title: {
-          default: 'lch(11.126 1.374 305.43)',
-          muted: '#696e79',
+          default: "lch(11.126 1.374 305.43)",
+          muted: "#696e79",
         },
         outline: {
-          default: '#437eef',
+          default: "#437eef",
         },
         shadow: {
-          default: 'lch(6.7738 0 none / 0.15)',
+          default: "lch(6.7738 0 none / 0.15)",
         },
       },
     },
     feedback: {
       color: {
         info: {
-          background: 'rgb(26.275% 49.412% 93.725% / 0.1)',
-          foreground: '#437eef',
+          background: "rgb(26.275% 49.412% 93.725% / 0.1)",
+          foreground: "#437eef",
         },
         success: {
-          background: 'rgb(20% 100% 26.667% / 0.1)',
-          foreground: '#008a0b',
+          background: "rgb(20% 100% 26.667% / 0.1)",
+          foreground: "#008a0b",
         },
         warning: {
-          background: 'rgb(100% 46.667% 16.078% / 0.1)',
-          foreground: '#a33c00',
+          background: "rgb(100% 46.667% 16.078% / 0.1)",
+          foreground: "#a33c00",
         },
         danger: {
-          background: 'rgb(100% 13.725% 13.725% / 0.1)',
-          foreground: '#c10000',
+          background: "rgb(100% 13.725% 13.725% / 0.1)",
+          foreground: "#c10000",
         },
         neutral: {
-          background: 'rgb(41.176% 43.137% 47.451% / 0.1)',
-          foreground: '#53575f',
-          stroke: '#e6e7e9',
+          background: "rgb(41.176% 43.137% 47.451% / 0.1)",
+          foreground: "#53575f",
+          stroke: "#e6e7e9",
         },
       },
     },
     storybook: {
       global: {
-        background: '#ffffff',
+        background: "#ffffff",
       },
     },
     chart: {
       color: {
         default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#00e513",
+          fuchsia: "#fb32c9",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#089b83",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         label: {
-          default: '#161517',
-          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
+          default: "#161517",
+          deselected: "lch(6.9377 1.4387 305.43 / 0.3)",
         },
       },
       bars: {
         color: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#00e513",
+          fuchsia: "#fb32c9",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#089b83",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
       },
     },
     serviceCard: {
       color: {
         background: {
-          default: '#fbfcff',
-          hover: '#fbfcff',
+          default: "#fbfcff",
+          hover: "#fbfcff",
         },
         stroke: {
-          default: '#e6e7e9',
-          hover: '#cccfd3',
+          default: "#e6e7e9",
+          hover: "#cccfd3",
         },
       },
     },
     gareth: {
       test: {
         main: {
-          text: '#161517',
-          danger: '#c10000',
+          text: "#161517",
+          danger: "#c10000",
         },
       },
     },
   },
   transition: {
-    default: 'all 100ms ease-in 0ms',
+    default: "all 100ms ease-in 0ms",
     duration: {
-      slow: '300ms',
-      smooth: '150ms',
-      medium: '100ms',
-      fast: '50ms',
+      slow: "300ms",
+      smooth: "150ms",
+      medium: "100ms",
+      fast: "50ms",
     },
     delay: {
-      slow: '100ms',
-      fast: '0ms',
+      slow: "100ms",
+      fast: "0ms",
     },
     function: {
-      ease: 'ease',
-      'ease-in': 'ease-in',
-      'ease-in-out': 'ease-in-out',
-      linear: 'linear',
+      ease: "ease",
+      "ease-in": "ease-in",
+      "ease-in-out": "ease-in-out",
+      linear: "linear",
     },
   },
   grid: {
     header: {
       cell: {
         borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '1px',
+          default: "1px",
+          selectIndirect: "1px",
+          selectDirect: "1px",
         },
       },
     },
     body: {
       cell: {
         borderWidth: {
-          default: '1px',
-          selectIndirect: '1px',
-          selectDirect: '2px',
+          default: "1px",
+          selectIndirect: "1px",
+          selectDirect: "2px",
         },
       },
     },
   },
   palette: {
     brand: {
-      '50': '#ffffe8',
-      '100': '#feffc2',
-      '200': '#fdffa3',
-      '300': '#faff69',
-      '400': '#eef400',
-      '500': '#c7cc00',
-      '600': '#959900',
-      '700': '#686b00',
-      '800': '#3c4601',
-      '900': '#333300',
-      base: '#fbff46',
+      "50": "#ffffe8",
+      "100": "#feffc2",
+      "200": "#fdffa3",
+      "300": "#faff69",
+      "400": "#eef400",
+      "500": "#c7cc00",
+      "600": "#959900",
+      "700": "#686b00",
+      "800": "#3c4601",
+      "900": "#333300",
+      base: "#fbff46",
     },
     neutral: {
-      '0': '#ffffff',
-      '100': '#f9f9f9',
-      '200': '#dfdfdf',
-      '300': '#c0c0c0',
-      '400': '#a0a0a0',
-      '500': '#808080',
-      '600': '#606060',
-      '650': '#505050',
-      '700': '#414141',
-      '712': '#323232',
-      '725': '#282828',
-      '750': '#1f1f1c',
-      '800': '#1d1d1d',
-      '900': '#151515',
-      base: '#212121',
+      "0": "#ffffff",
+      "100": "#f9f9f9",
+      "200": "#dfdfdf",
+      "300": "#c0c0c0",
+      "400": "#a0a0a0",
+      "500": "#808080",
+      "600": "#606060",
+      "650": "#505050",
+      "700": "#414141",
+      "712": "#323232",
+      "725": "#282828",
+      "750": "#1f1f1c",
+      "800": "#1d1d1d",
+      "900": "#151515",
+      base: "#212121",
     },
     slate: {
-      '25': '#fbfcff',
-      '50': '#f6f7fa',
-      '100': '#e6e7e9',
-      '200': '#cccfd3',
-      '300': '#b3b6bd',
-      '400': '#9a9ea7',
-      '500': '#808691',
-      '600': '#696e79',
-      '700': '#53575f',
-      '800': '#302e32',
-      '900': '#161517',
-      base: '#373439',
-      '50a': 'lch(49.809 30.506 276.77 / 0.06)',
+      "25": "#fbfcff",
+      "50": "#f6f7fa",
+      "100": "#e6e7e9",
+      "200": "#cccfd3",
+      "300": "#b3b6bd",
+      "400": "#9a9ea7",
+      "500": "#808691",
+      "600": "#696e79",
+      "700": "#53575f",
+      "800": "#302e32",
+      "900": "#161517",
+      base: "#373439",
+      "50a": "lch(49.809 30.506 276.77 / 0.06)",
     },
     indigo: {
-      '50': '#f4f1fc',
-      '100': '#e4e2e9',
-      '200': '#c8c5d3',
-      '300': '#ada8bd',
-      '400': '#918ba7',
-      '500': '#766e91',
-      '600': '#5e5874',
-      '700': '#474257',
-      '800': '#23212c',
-      '900': '#18161d',
-      base: '#2f2c3a',
+      "50": "#f4f1fc",
+      "100": "#e4e2e9",
+      "200": "#c8c5d3",
+      "300": "#ada8bd",
+      "400": "#918ba7",
+      "500": "#766e91",
+      "600": "#5e5874",
+      "700": "#474257",
+      "800": "#23212c",
+      "900": "#18161d",
+      base: "#2f2c3a",
     },
     info: {
-      '50': '#e7effd',
-      '100': '#d0dffb',
-      '200': '#a1bef7',
-      '300': '#6d9bf3',
-      '400': '#437eef',
-      '500': '#1d64ec',
-      '600': '#104ec6',
-      '650': '#0d3e9b',
-      '700': '#0d3e9b',
-      '800': '#092b6c',
-      '900': '#061c47',
-      base: '#4781f0',
+      "50": "#e7effd",
+      "100": "#d0dffb",
+      "200": "#a1bef7",
+      "300": "#6d9bf3",
+      "400": "#437eef",
+      "500": "#1d64ec",
+      "600": "#104ec6",
+      "650": "#0d3e9b",
+      "700": "#0d3e9b",
+      "800": "#092b6c",
+      "900": "#061c47",
+      base: "#4781f0",
     },
     success: {
-      '50': '#e5ffe8',
-      '100': '#ccffd0',
-      '200': '#99ffa1',
-      '300': '#66ff73',
-      '400': '#33ff44',
-      '500': '#00e513',
-      '600': '#00bd10',
-      '700': '#008a0b',
-      '800': '#006108',
-      '850': '#004206',
-      '900': '#004206',
-      base: '#62de85',
+      "50": "#e5ffe8",
+      "100": "#ccffd0",
+      "200": "#99ffa1",
+      "300": "#66ff73",
+      "400": "#33ff44",
+      "500": "#00e513",
+      "600": "#00bd10",
+      "700": "#008a0b",
+      "800": "#006108",
+      "850": "#004206",
+      "900": "#004206",
+      base: "#62de85",
     },
     warning: {
-      '50': '#ffe2d1',
-      '100': '#ffcbad',
-      '200': '#ffb88f',
-      '300': '#ff9457',
-      '400': '#ff7729',
-      '500': '#f55a00',
-      '600': '#d64f00',
-      '700': '#a33c00',
-      '800': '#7a2d00',
-      '900': '#471a00',
-      base: '#ffa63d',
+      "50": "#ffe2d1",
+      "100": "#ffcbad",
+      "200": "#ffb88f",
+      "300": "#ff9457",
+      "400": "#ff7729",
+      "500": "#f55a00",
+      "600": "#d64f00",
+      "700": "#a33c00",
+      "800": "#7a2d00",
+      "900": "#471a00",
+      base: "#ffa63d",
     },
     danger: {
-      '50': '#ffdddd',
-      '100': '#ffbaba',
-      '200': '#ff9898',
-      '300': '#ff7575',
-      '400': '#ff2323',
-      '500': '#f10000',
-      '600': '#c10000',
-      '700': '#910000',
-      '800': '#610000',
-      '900': '#300000',
-      base: '#ff5353',
+      "50": "#ffdddd",
+      "100": "#ffbaba",
+      "200": "#ff9898",
+      "300": "#ff7575",
+      "400": "#ff2323",
+      "500": "#f10000",
+      "600": "#c10000",
+      "700": "#910000",
+      "800": "#610000",
+      "900": "#300000",
+      base: "#ff5353",
     },
     gradients: {
-      base: 'linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)',
-      yellowToblack: 'linear-gradient(132deg, #FAFF69 8%, #292929 30%);',
-      whiteToblack: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
-      transparent: 'rgba(0, 0, 0, 0)',
+      base: "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
+      yellowToblack: "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
+      whiteToblack: "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
+      transparent: "rgba(0, 0, 0, 0)",
     },
     utility: {
-      transparent: 'rgba(0, 0, 0, 0)',
+      transparent: "rgba(0, 0, 0, 0)",
     },
     teal: {
-      '50': '#e6fefa',
-      '100': '#cffcf4',
-      '200': '#a3faec',
-      '300': '#6df8e1',
-      '400': '#0cedc8',
-      '500': '#0bd0af',
-      '600': '#089b83',
-      '700': '#067462',
-      '800': '#045245',
-      '850': '#004237',
-      '900': '#03352d',
+      "50": "#e6fefa",
+      "100": "#cffcf4",
+      "200": "#a3faec",
+      "300": "#6df8e1",
+      "400": "#0cedc8",
+      "500": "#0bd0af",
+      "600": "#089b83",
+      "700": "#067462",
+      "800": "#045245",
+      "850": "#004237",
+      "900": "#03352d",
     },
     violet: {
-      '50': '#f6e5ff',
-      '100': '#eeccff',
-      '200': '#dd99ff',
-      '300': '#cc66ff',
-      '400': '#bb33ff',
-      '500': '#aa00ff',
-      '600': '#8800cc',
-      '700': '#660099',
-      '800': '#440066',
-      '850': '#33004d',
-      '900': '#220033',
+      "50": "#f6e5ff",
+      "100": "#eeccff",
+      "200": "#dd99ff",
+      "300": "#cc66ff",
+      "400": "#bb33ff",
+      "500": "#aa00ff",
+      "600": "#8800cc",
+      "700": "#660099",
+      "800": "#440066",
+      "850": "#33004d",
+      "900": "#220033",
     },
     fuchsia: {
-      '50': '#fbeff8',
-      '100': '#fbc9ef',
-      '200': '#fb97e2',
-      '300': '#fb64d6',
-      '400': '#fb32c9',
-      '500': '#fb00bc',
-      '600': '#cc0099',
-      '700': '#990073',
-      '800': '#66004d',
-      '850': '#4d0039',
-      '900': '#330026',
+      "50": "#fbeff8",
+      "100": "#fbc9ef",
+      "200": "#fb97e2",
+      "300": "#fb64d6",
+      "400": "#fb32c9",
+      "500": "#fb00bc",
+      "600": "#cc0099",
+      "700": "#990073",
+      "800": "#66004d",
+      "850": "#4d0039",
+      "900": "#330026",
     },
     sunrise: {
-      '50': '#fff3cc',
-      '100': '#ffe799',
-      '200': '#ffdb66',
-      '300': '#ffcf33',
-      '400': '#ffc300',
-      '500': '#e0ac00',
-      '600': '#b28800',
-      '700': '#8a6900',
-      '800': '#574200',
-      '900': '#332700',
+      "50": "#fff3cc",
+      "100": "#ffe799",
+      "200": "#ffdb66",
+      "300": "#ffcf33",
+      "400": "#ffc300",
+      "500": "#e0ac00",
+      "600": "#b28800",
+      "700": "#8a6900",
+      "800": "#574200",
+      "900": "#332700",
     },
     babyblue: {
-      '50': '#dbfaff',
-      '100': '#bdf6ff',
-      '200': '#8aefff',
-      '300': '#33e4ff',
-      '400': '#00cbeb',
-      '500': '#00b5d1',
-      '600': '#008599',
-      '700': '#006170',
-      '800': '#00424d',
-      '900': '#002c33',
+      "50": "#dbfaff",
+      "100": "#bdf6ff",
+      "200": "#8aefff",
+      "300": "#33e4ff",
+      "400": "#00cbeb",
+      "500": "#00b5d1",
+      "600": "#008599",
+      "700": "#006170",
+      "800": "#00424d",
+      "900": "#002c33",
     },
   },
   sizes: {
-    '0': '0',
-    '1': '1px',
-    '2': '0.25rem',
-    '3': '0.5rem',
-    '4': '0.75rem',
-    '5': '1rem',
-    '6': '1.25rem',
-    '7': '1.5rem',
-    '8': '1.75rem',
-    '9': '2rem',
-    '10': '2.5rem',
-    '11': '4rem',
+    "0": "0",
+    "1": "1px",
+    "2": "0.25rem",
+    "3": "0.5rem",
+    "4": "0.75rem",
+    "5": "1rem",
+    "6": "1.25rem",
+    "7": "1.5rem",
+    "8": "1.75rem",
+    "9": "2rem",
+    "10": "2.5rem",
+    "11": "4rem",
   },
   typography: {
     font: {
@@ -3780,26 +3780,26 @@ const theme = {
           '\'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
       },
       weights: {
-        '1': '400',
-        '2': '500',
-        '3': '600',
-        '4': '700',
+        "1": "400",
+        "2": "500",
+        "3": "600",
+        "4": "700",
       },
       sizes: {
-        '0': '0.625rem',
-        '1': '0.75rem',
-        '2': '0.875rem',
-        '3': '1rem',
-        '4': '1.125rem',
-        '5': '1.25rem',
-        '6': '2rem',
-        base: '16px',
-      },
-      'line-height': {
-        '1': 1.5,
-        '2': 1.6,
-        '3': 1.7,
-        '4': 1.3,
+        "0": "0.625rem",
+        "1": "0.75rem",
+        "2": "0.875rem",
+        "3": "1rem",
+        "4": "1.125rem",
+        "5": "1.25rem",
+        "6": "2rem",
+        base: "16px",
+      },
+      "line-height": {
+        "1": 1.5,
+        "2": 1.6,
+        "3": 1.7,
+        "4": 1.3,
       },
     },
     styles: {
@@ -3810,7 +3810,7 @@ const theme = {
           md: '600 1rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           lg: '700 1.125rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           xl: '700 1.25rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
+          "2xl":
             '600 2rem/1.5 "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
         text: {
@@ -3853,7 +3853,7 @@ const theme = {
           md: '600 36px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           lg: '600 56px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
           xl: '700 64px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
-          '2xl':
+          "2xl":
             '700 80px/1.3 \'Basier Square\', "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;',
         },
       },
@@ -3864,149 +3864,149 @@ const theme = {
   },
   border: {
     radii: {
-      '0': '0',
-      '1': '0.25rem',
-      '2': '0.5rem',
-      '3': '0.75rem',
-      full: '9999px',
+      "0": "0",
+      "1": "0.25rem",
+      "2": "0.5rem",
+      "3": "0.75rem",
+      full: "9999px",
     },
     width: {
-      '1': '1px',
-      '2': '2px',
+      "1": "1px",
+      "2": "2px",
     },
   },
   spaces: {
-    '0': '0',
-    '1': '0.25rem',
-    '2': '0.5rem',
-    '3': '0.75rem',
-    '4': '1rem',
-    '5': '1.5rem',
-    '6': '2rem',
-    '7': '2.5rem',
-    '8': '4rem',
+    "0": "0",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.5rem",
+    "6": "2rem",
+    "7": "2.5rem",
+    "8": "4rem",
   },
   shadow: {
-    '1': '0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)',
-    '2': '0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)',
-    '3': '-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '4': '5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)',
-    '5': '0 2px 2px 0 rgba(0, 0, 0, 0.03)',
+    "1": "0 4px 6px -1px lch(6.7738 0 none / 0.15), 0 2px 4px -1px lch(6.7738 0 none / 0.15)",
+    "2": "0 4px 4px 0 rgba(88, 92, 98, 0.06), inset 5px 0 10px 0 rgba(104, 105, 111, 0.1)",
+    "3": "-5px 0 20px 0 rgba(0, 0, 0, 0.08), -6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+    "4": "5px 0 20px 0 rgba(0, 0, 0, 0.08), 6px 0 10px 0 rgba(0, 0, 0, 0.08)",
+    "5": "0 2px 2px 0 rgba(0, 0, 0, 0.03)",
   },
   breakpoint: {
     sizes: {
-      sm: '640px',
-      md: '768px',
-      lg: '1024px',
-      xl: '1280px',
-      '2xl': '1536px',
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px",
     },
   },
   global: {
     color: {
       gradients: {
-        yellowToBlack: 'linear-gradient(132deg, #faff69 8%, #292929 30%)',
-        whiteToBlack: 'linear-gradient(132deg, #ffffff 8%, #292929 30%)',
+        yellowToBlack: "linear-gradient(132deg, #faff69 8%, #292929 30%)",
+        whiteToBlack: "linear-gradient(132deg, #ffffff 8%, #292929 30%)",
       },
       background: {
-        default: '#ffffff',
-        muted: '#f6f7fa',
-        sidebar: '#ffffff',
-        split: '#f6f7fa',
-        muted_a: 'lch(49.809 30.506 276.77 / 0.06)',
+        default: "#ffffff",
+        muted: "#f6f7fa",
+        sidebar: "#ffffff",
+        split: "#f6f7fa",
+        muted_a: "lch(49.809 30.506 276.77 / 0.06)",
       },
       stroke: {
-        default: '#e6e7e9',
-        muted: '#e6e7e9',
-        intense: '#b3b6bd',
-        split: '#e6e7e9',
+        default: "#e6e7e9",
+        muted: "#e6e7e9",
+        intense: "#b3b6bd",
+        split: "#e6e7e9",
       },
       accent: {
-        default: '#151515',
+        default: "#151515",
       },
       text: {
-        default: '#161517',
-        muted: '#696e79',
-        disabled: '#a0a0a0',
+        default: "#161517",
+        muted: "#696e79",
+        disabled: "#a0a0a0",
         link: {
-          default: '#437eef',
-          hover: '#104ec6',
+          default: "#437eef",
+          hover: "#104ec6",
         },
       },
       outline: {
-        default: '#437eef',
+        default: "#437eef",
       },
       shadow: {
-        default: 'lch(6.7738 0 none / 0.15)',
+        default: "lch(6.7738 0 none / 0.15)",
       },
       feedback: {
         info: {
-          background: '#e7effd',
-          foreground: '#437eef',
+          background: "#e7effd",
+          foreground: "#437eef",
         },
         success: {
-          background: '#e5ffe8',
-          foreground: '#008a0b',
+          background: "#e5ffe8",
+          foreground: "#008a0b",
         },
         warning: {
-          background: '#ffe2d1',
-          foreground: '#a33c00',
+          background: "#ffe2d1",
+          foreground: "#a33c00",
         },
         danger: {
-          background: '#ffdddd',
-          foreground: '#c10000',
+          background: "#ffdddd",
+          foreground: "#c10000",
         },
         neutral: {
-          background: '#f6f7fa',
-          foreground: '#53575f',
-          stroke: '#e6e7e9',
+          background: "#f6f7fa",
+          foreground: "#53575f",
+          stroke: "#e6e7e9",
         },
       },
       chart: {
         default: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          danger: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#00e513",
+          fuchsia: "#fb32c9",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          danger: "#ff2323",
+          teal: "#089b83",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         bars: {
-          blue: '#437eef',
-          orange: '#ff7729',
-          green: '#00e513',
-          fuchsia: '#fb32c9',
-          yellow: '#eef400',
-          violet: '#bb33ff',
-          babyblue: '#00cbeb',
-          red: '#ff2323',
-          teal: '#089b83',
-          sunrise: '#ffc300',
-          slate: '#9a9ea7',
+          blue: "#437eef",
+          orange: "#ff7729",
+          green: "#00e513",
+          fuchsia: "#fb32c9",
+          yellow: "#eef400",
+          violet: "#bb33ff",
+          babyblue: "#00cbeb",
+          red: "#ff2323",
+          teal: "#089b83",
+          sunrise: "#ffc300",
+          slate: "#9a9ea7",
         },
         label: {
-          default: '#161517',
-          deselected: 'lch(6.9377 1.4387 305.43 / 0.3)',
+          default: "#161517",
+          deselected: "lch(6.9377 1.4387 305.43 / 0.3)",
         },
       },
       iconButton: {
         badge: {
-          foreground: '#437eef',
-          background: '#e7effd',
+          foreground: "#437eef",
+          background: "#e7effd",
         },
       },
       icon: {
-        background: 'linear-gradient(132deg, #FFFFFF 8%, #292929 30%);',
+        background: "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
       },
     },
   },
-  name: 'light',
+  name: "light",
 };
 
 export default theme;
diff --git a/packages/design-tokens/legacy/utils/dom.ts b/packages/design-tokens/legacy/utils/dom.ts
index 12b5dee85..afb0d77c4 100644
--- a/packages/design-tokens/legacy/utils/dom.ts
+++ b/packages/design-tokens/legacy/utils/dom.ts
@@ -3,8 +3,8 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import { ThemeName } from '../theme/theme.types';
-import { CUI_THEME_STORAGE_KEY } from './localStorage';
+import { ThemeName } from "../theme/theme.types";
+import { CUI_THEME_STORAGE_KEY } from "./localStorage";
 
 export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
 
@@ -20,7 +20,7 @@ const getDOMElement = (selector: string) => {
 };
 
 export const getRootElement = () => {
-  const el = getDOMElement('html');
+  const el = getDOMElement("html");
 
   if (!el) {
     return;
@@ -40,7 +40,7 @@ export const setRootThemeAttribute = (theme: ThemeName) => {
 };
 
 export const removeRootThemeAttribute = () => {
-  const el = getDOMElement('html');
+  const el = getDOMElement("html");
 
   if (!el) {
     return;
diff --git a/packages/design-tokens/legacy/utils/index.ts b/packages/design-tokens/legacy/utils/index.ts
index 3c8b37f57..9a649f878 100644
--- a/packages/design-tokens/legacy/utils/index.ts
+++ b/packages/design-tokens/legacy/utils/index.ts
@@ -3,10 +3,10 @@
  * Import from '@clickhouse/design-tokens/legacy/utils' only for backward compatibility.
  */
 
-export { CUI_THEME_STORAGE_KEY } from './localStorage';
+export { CUI_THEME_STORAGE_KEY } from "./localStorage";
 export {
   THEME_ATTRIBUTE,
   getRootElement,
   setRootThemeAttribute,
   removeRootThemeAttribute,
-} from './dom';
+} from "./dom";
diff --git a/packages/design-tokens/legacy/utils/localStorage.ts b/packages/design-tokens/legacy/utils/localStorage.ts
index 997ca3a9d..88258ee88 100644
--- a/packages/design-tokens/legacy/utils/localStorage.ts
+++ b/packages/design-tokens/legacy/utils/localStorage.ts
@@ -3,4 +3,4 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-export const CUI_THEME_STORAGE_KEY = 'cui-theme';
+export const CUI_THEME_STORAGE_KEY = "cui-theme";

From c800d085b9a9243656e3bdd0283afef5b9046e35 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:45:55 +0100
Subject: [PATCH 12/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20typecheck=20now=20p?=
 =?UTF-8?q?asses=20successfully,=20and=20InitCUIThemeScript.tsx=20is=20pro?=
 =?UTF-8?q?perly=20included=20in=20the=20typecheck;=20remove=20legacy=20fr?=
 =?UTF-8?q?om=20package.json=20files?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json  | 1 -
 packages/design-tokens/tsconfig.json | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index b29b6f1a7..19e822beb 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -17,7 +17,6 @@
   "license": "Apache-2.0",
   "files": [
     "dist",
-    "legacy"
   ],
   "publishConfig": {
     "access": "public"
diff --git a/packages/design-tokens/tsconfig.json b/packages/design-tokens/tsconfig.json
index 4d7610556..6ebcf97b9 100644
--- a/packages/design-tokens/tsconfig.json
+++ b/packages/design-tokens/tsconfig.json
@@ -11,8 +11,9 @@
     "noFallthroughCasesInSwitch": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
+    "jsx": "react-jsx",
     "noEmit": true
   },
-  "include": ["*.ts", "legacy/**/*.ts"],
+  "include": ["*.ts", "legacy/**/*"],
   "exclude": ["node_modules", "dist"]
 }

From ade06885791092f9413ca0086f3e7be25f7834b1 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:47:31 +0100
Subject: [PATCH 13/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20styled-components?=
 =?UTF-8?q?=20peer=20dependency=20is=20now=20marked=20as=20=20=3D=20true?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 19e822beb..4cc3b9bd9 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -49,7 +49,7 @@
   },
   "peerDependenciesMeta": {
     "styled-components": {
-      "optional": false
+      "optional": true
     }
   },
   "scripts": {

From c71c8e59a5e7bab3c65aef1e5b2f476c7c624688 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:49:53 +0100
Subject: [PATCH 14/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20removed=20attribu?=
 =?UTF-8?q?te=20from=20the=20useEffect=20dependency=20array?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/useInitialTheme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/legacy/hooks/useInitialTheme.ts b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
index 32d8a6ee6..b96b274c3 100644
--- a/packages/design-tokens/legacy/hooks/useInitialTheme.ts
+++ b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
@@ -61,7 +61,7 @@ export const useInitialTheme = ({
     }
 
     setMounted(true);
-  }, [storageKey, attribute, theme]);
+  }, [storageKey, theme]);
 
   return {
     theme,

From 4614fa648d2adeb5196c7320d6081dfae6e9f7cf Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:50:30 +0100
Subject: [PATCH 15/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20package.json=20extr?=
 =?UTF-8?q?a=20comma?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 4cc3b9bd9..191314555 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -16,7 +16,7 @@
   "type": "module",
   "license": "Apache-2.0",
   "files": [
-    "dist",
+    "dist"
   ],
   "publishConfig": {
     "access": "public"

From 3f28bb1dde85445a27174ee1c9a4a11b02fa00a8 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:50:52 +0100
Subject: [PATCH 16/48] =?UTF-8?q?docs:=20=F0=9F=93=9D=20ESM=20only?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/LEGACY.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index 4661577d7..2b3e96b67 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -4,6 +4,9 @@
 > These exports are **deprecated** and will be removed in a future major version.
 > They are provided only for backward compatibility while migrating consumer apps to CSS variables.
 
+> [!NOTE]
+> Legacy subpaths are **ESM-only**. Ensure your project is configured for ESM or use a bundler that supports ESM imports.
+
 ## Quick Start
 
 The host app must have the peer dependency [Styled Components](https://www.npmjs.com/package/styled-components):

From 410f36206a980fa7c65ae115d2ba517f2bc58c36 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:51:48 +0100
Subject: [PATCH 17/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20update=20lock=20f?=
 =?UTF-8?q?ile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yarn.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/yarn.lock b/yarn.lock
index c37780e34..0b204f88b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -672,7 +672,7 @@ __metadata:
     styled-components: ^5.0.0 || ^6.0.0
   peerDependenciesMeta:
     styled-components:
-      optional: false
+      optional: true
   languageName: unknown
   linkType: soft
 

From b587e5f59dea5e229aeff6eabbe2848fc9b1694e Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:57:32 +0100
Subject: [PATCH 18/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20type=20conflict=20c?=
 =?UTF-8?q?aused=20by=20packages/click-ui/tsconfig.json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/tsconfig.json     | 2 +-
 packages/design-tokens/package.json | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/click-ui/tsconfig.json b/packages/click-ui/tsconfig.json
index 44f93e335..403e59be7 100644
--- a/packages/click-ui/tsconfig.json
+++ b/packages/click-ui/tsconfig.json
@@ -22,7 +22,7 @@
     "paths": {
       "@/*": ["./src/*"],
     },
-    "types": ["@testing-library/jest-dom", "vitest/globals"]
+    "types": ["@testing-library/jest-dom", "vitest/globals", "styled-components"]
   },
   "include": ["src"],
   "exclude": [
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 191314555..a93ef859b 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -68,7 +68,6 @@
     "@terrazzo/plugin-css": "^2.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
-    "@types/styled-components": "^5.0.0",
     "chokidar-cli": "^3.0.0",
     "prettier": "^3.0.0",
     "styled-components": "^6.0.0",

From b731c870ff85c955975bb333109e7e76a5c06662 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 12:59:39 +0100
Subject: [PATCH 19/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20update=20lock=20f?=
 =?UTF-8?q?ile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yarn.lock | 36 ++----------------------------------
 1 file changed, 2 insertions(+), 34 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 0b204f88b..5906cbf55 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -661,7 +661,6 @@ __metadata:
     "@terrazzo/plugin-css": "npm:^2.0.0"
     "@types/react": "npm:^18.0.0"
     "@types/react-dom": "npm:^18.0.0"
-    "@types/styled-components": "npm:^5.0.0"
     chokidar-cli: "npm:^3.0.0"
     prettier: "npm:^3.0.0"
     styled-components: "npm:^6.0.0"
@@ -4235,17 +4234,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/hoist-non-react-statics@npm:*":
-  version: 3.3.7
-  resolution: "@types/hoist-non-react-statics@npm:3.3.7"
-  dependencies:
-    hoist-non-react-statics: "npm:^3.3.0"
-  peerDependencies:
-    "@types/react": "*"
-  checksum: 10c0/ed8f4e88338f7d021d0f956adf6089d2a12b2e254a03c05292324f2e986d2376eb9efdb8a4f04596823e8fca88c9d06361d20dab4a2a00dc935fb36ac911de55
-  languageName: node
-  linkType: hard
-
 "@types/json-schema@npm:*, @types/json-schema@npm:^7.0.15":
   version: 7.0.15
   resolution: "@types/json-schema@npm:7.0.15"
@@ -4378,17 +4366,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/styled-components@npm:^5.0.0":
-  version: 5.1.36
-  resolution: "@types/styled-components@npm:5.1.36"
-  dependencies:
-    "@types/hoist-non-react-statics": "npm:*"
-    "@types/react": "npm:*"
-    csstype: "npm:^3.2.2"
-  checksum: 10c0/bbbf65e22a852a5bc3e1839aa591372febe084e33b8d4f44712f790e0675df9f5a327c6c6a262bbf5fd08032afe2ac9b265de92c72efca0bfa5dea09d7127c28
-  languageName: node
-  linkType: hard
-
 "@types/stylis@npm:4.2.7":
   version: 4.2.7
   resolution: "@types/stylis@npm:4.2.7"
@@ -6089,7 +6066,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"csstype@npm:3.2.3, csstype@npm:^3.0.2, csstype@npm:^3.2.2":
+"csstype@npm:3.2.3, csstype@npm:^3.0.2":
   version: 3.2.3
   resolution: "csstype@npm:3.2.3"
   checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
@@ -7917,15 +7894,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hoist-non-react-statics@npm:^3.3.0":
-  version: 3.3.2
-  resolution: "hoist-non-react-statics@npm:3.3.2"
-  dependencies:
-    react-is: "npm:^16.7.0"
-  checksum: 10c0/fe0889169e845d738b59b64badf5e55fa3cf20454f9203d1eb088df322d49d4318df774828e789898dcb280e8a5521bb59b3203385662ca5e9218a6ca5820e74
-  languageName: node
-  linkType: hard
-
 "homedir-polyfill@npm:^1.0.1":
   version: 1.0.3
   resolution: "homedir-polyfill@npm:1.0.3"
@@ -10331,7 +10299,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.13.1, react-is@npm:^16.7.0":
+"react-is@npm:^16.13.1":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
   checksum: 10c0/33977da7a5f1a287936a0c85639fec6ca74f4f15ef1e59a6bc20338fc73dc69555381e211f7a3529b8150a1f71e4225525b41b60b52965bda53ce7d47377ada1

From e16d895156f0388f652bfda9740d0f5f50136c4b Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:00:52 +0100
Subject: [PATCH 20/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20typo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/LEGACY.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index 2b3e96b67..cd4eeb152 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -85,7 +85,7 @@ import type {
 
 ### Utils (`/legacy/utils`)
 
-```sx
+```tsx
 import {
   CUI_THEME_STORAGE_KEY,
   THEME_ATTRIBUTE,

From a17d2d963505b1ce071a2aef6c8a4a8aa7faa477 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:02:09 +0100
Subject: [PATCH 21/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20escape=20the=20valu?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
index d3130d747..92b2da3bd 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -30,7 +30,7 @@ export const InitCUIThemeScript = ({
       dangerouslySetInnerHTML={{
         __html: `(function() {
 try {
-  const theme = localStorage.getItem(${JSON.stringify(storageKey)}) || '${defaultTheme}';
+  const theme = localStorage.getItem(${JSON.stringify(storageKey)}) || ${JSON.stringify(defaultTheme)};
   const dark = '${THEMES.Dark}';
   const light = '${THEMES.Light}';
   let colorScheme = '';

From 00c8fe54395c57c09163edb5dfd95e7e69850dac Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:06:05 +0100
Subject: [PATCH 22/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20throw=20descripti?=
 =?UTF-8?q?ve=20error=20if=20useCUITheme=20not=20wrapped=20in=20ThemeProvi?=
 =?UTF-8?q?der=20(styled=20components)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/LEGACY.md                   | 3 +++
 packages/design-tokens/legacy/hooks/useCUITheme.ts | 5 +++++
 2 files changed, 8 insertions(+)

diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index cd4eeb152..f1453c73b 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -15,6 +15,9 @@ The host app must have the peer dependency [Styled Components](https://www.npmjs
 yarn add styled-components
 ```
 
+> [!IMPORTANT]
+> The `useCUITheme` hook **requires** `styled-components` and must be called within a `ThemeProvider`. If used outside a `ThemeProvider`, it will throw a runtime error with a helpful message. Ensure your application is wrapped in a `ThemeProvider` from `styled-components` before using this hook.
+
 ## Usage
 
 Replace imports from `@clickhouse/click-ui` with explicit legacy paths.
diff --git a/packages/design-tokens/legacy/hooks/useCUITheme.ts b/packages/design-tokens/legacy/hooks/useCUITheme.ts
index 33de9b51e..eb33d8f77 100644
--- a/packages/design-tokens/legacy/hooks/useCUITheme.ts
+++ b/packages/design-tokens/legacy/hooks/useCUITheme.ts
@@ -13,6 +13,11 @@ export type CUIThemeType = Pick<Theme, "breakpoint" | "global" | "name" | "sizes
 
 export const useCUITheme = (): CUIThemeType => {
   const theme = useTheme();
+  if (!theme || Object.keys(theme).length === 0) {
+    throw new Error(
+      "useCUITheme must be called within a styled-components ThemeProvider. Ensure styled-components is installed and your component is wrapped in a ThemeProvider. See @clickhouse/design-topkens LEGACY.md for more details."
+    );
+  }
   return {
     breakpoint: theme.breakpoint,
     global: theme.global,

From c84c50819b01d1d804477c167b75811169bbcc10 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:10:17 +0100
Subject: [PATCH 23/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20update=20changese?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/add-design-tokens-package.md       | 24 +++++++++++++
 .../.changeset/add-design-tokens-package.md   | 36 -------------------
 2 files changed, 24 insertions(+), 36 deletions(-)
 create mode 100644 .changeset/add-design-tokens-package.md
 delete mode 100644 packages/click-ui/.changeset/add-design-tokens-package.md

diff --git a/.changeset/add-design-tokens-package.md b/.changeset/add-design-tokens-package.md
new file mode 100644
index 000000000..a90d48bbb
--- /dev/null
+++ b/.changeset/add-design-tokens-package.md
@@ -0,0 +1,24 @@
+---
+"@clickhouse/click-ui": patch
+"@clickhouse/design-tokens": patch
+---
+
+Redirect theme and hook exports to @clickhouse/design-tokens/legacy
+
+`@clickhouse/click-ui` now re-exports theme utilities and hooks from `@clickhouse/design-tokens/legacy/*` subpaths instead of providing them directly. This establishes a runtime dependency on `@clickhouse/design-tokens`.
+
+**Affected imports (now re-exported from legacy paths):**
+
+These continue to work via re-export
+
+```typescript
+import { useCUITheme } from '@clickhouse/click-ui';
+import { InitCUIThemeScript } from '@clickhouse/click-ui';
+import { THEMES } from '@clickhouse/click-ui';
+```
+
+Alternatively, consumer apps can import directly from legacy exports path:
+
+```typescript
+import { useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
+```
diff --git a/packages/click-ui/.changeset/add-design-tokens-package.md b/packages/click-ui/.changeset/add-design-tokens-package.md
deleted file mode 100644
index 26d20c941..000000000
--- a/packages/click-ui/.changeset/add-design-tokens-package.md
+++ /dev/null
@@ -1,36 +0,0 @@
----
-"@clickhouse/design-tokens": minor
----
-
-Initial release of the design-tokens package. Provides DTCG-compliant design token definitions for colors, spacing, radius, sizing, and typography. Includes Terrazzo-based CSS output generation.
-
-**Package pathname:** `packages/design-tokens`
-
-**Token Dictionary Location:** `packages/design-tokens/dictionary/`
-
-- `primitives.dtcg.json`
-- `semantic.dtcg.json` - Semantic color tokens (references primitives)
-- `spacing.dtcg.json` - Spacing scale (8px base unit)
-- `radius.dtcg.json` - Border radius scale
-- `sizing.dtcg.json` - Icon and component sizes
-- `typography.dtcg.json` - Font sizes, weights, and line heights
-
-**Creating Tokens:** Add or modify tokens in the dictionary files following DTCG format:
-
-```json
-{
-  "$type": "dimension",
-  "$value": { "value": 8, "unit": "px" },
-  "$description": "8px, base spacing"
-}
-```
-
-**Building:** Run `yarn tokens:build` to generate `packages/design-tokens/dist/tokens.css`.
-
-**Configuration:** `packages/design-tokens/config.js` contains build settings:
-
-- `CSS_VAR_PREFIX` - CSS variable prefix (default: `cui` → `--cui-*`)
-- `DICTIONARY_PATH` - Token dictionary location
-- `TOKEN_FILES` - Token files and import order
-
-See `packages/design-tokens/SPECIFICATION.md` for naming conventions and detailed guidelines.

From 557cd85d9c2eb74c7686421e19471e40088f61e1 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:12:08 +0100
Subject: [PATCH 24/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20format?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/LEGACY.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index f1453c73b..0f610980d 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -93,7 +93,7 @@ import {
   CUI_THEME_STORAGE_KEY,
   THEME_ATTRIBUTE,
   getRootElement,
-} from '@clickhouse/design-tokens/legacy/utils';
+} from "@clickhouse/design-tokens/legacy/utils";
 ```
 
 ## Migration Example

From 3d03eb67065aaa737ccad9c582bbc844a5a8022d Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:15:49 +0100
Subject: [PATCH 25/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20disable=20changse?=
 =?UTF-8?q?t=20checkup?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .husky/pre-commit | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index c1bef199f..0e5f06d86 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -39,13 +39,15 @@ else
   exit 1
 fi
 
-if yarn workspace @clickhouse/click-ui changeset:verify; then
-  echo "✅ Changeset file's included!"
-else
-  echo "⚠️ WARNING: You must include a changeset!"
-  echo "💡 Use the command yarn workspace @clickhouse/click-ui changeset:add"
-  exit 1
-fi
+# TODO: Once chore(monorepo): 🤖 setup changeset handling from root https://github.com/ClickHouse/click-ui/pull/951 is merged
+# uncomment the changeset:verify check!
+# if yarn workspace @clickhouse/click-ui changeset:verify; then
+#   echo "✅ Changeset file's included!"
+# else
+#   echo "⚠️ WARNING: You must include a changeset!"
+#   echo "💡 Use the command yarn workspace @clickhouse/click-ui changeset:add"
+#   exit 1
+# fi
 
 echo "👍 Health check completed."
 echo

From 97535a2d56c2d28474345c2f63d3ce3b796a47d3 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:21:15 +0100
Subject: [PATCH 26/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20Added=20a=20path=20?=
 =?UTF-8?q?mapping=20in=20packages/click-ui/tsconfig.json=20to=20resolve?=
 =?UTF-8?q?=20imports=20from=20@clickhouse/design-tokens/*?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/tsconfig.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/click-ui/tsconfig.json b/packages/click-ui/tsconfig.json
index 403e59be7..d59c18b1b 100644
--- a/packages/click-ui/tsconfig.json
+++ b/packages/click-ui/tsconfig.json
@@ -21,6 +21,7 @@
     "noFallthroughCasesInSwitch": true,
     "paths": {
       "@/*": ["./src/*"],
+      "@clickhouse/design-tokens/*": ["../design-tokens/*"]
     },
     "types": ["@testing-library/jest-dom", "vitest/globals", "styled-components"]
   },

From 1c6004df9275095899879a0da8a519983156ff29 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:26:00 +0100
Subject: [PATCH 27/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20typo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/useCUITheme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/legacy/hooks/useCUITheme.ts b/packages/design-tokens/legacy/hooks/useCUITheme.ts
index eb33d8f77..b71a3ca25 100644
--- a/packages/design-tokens/legacy/hooks/useCUITheme.ts
+++ b/packages/design-tokens/legacy/hooks/useCUITheme.ts
@@ -15,7 +15,7 @@ export const useCUITheme = (): CUIThemeType => {
   const theme = useTheme();
   if (!theme || Object.keys(theme).length === 0) {
     throw new Error(
-      "useCUITheme must be called within a styled-components ThemeProvider. Ensure styled-components is installed and your component is wrapped in a ThemeProvider. See @clickhouse/design-topkens LEGACY.md for more details."
+      "useCUITheme must be called within a styled-components ThemeProvider. Ensure styled-components is installed and your component is wrapped in a ThemeProvider. See @clickhouse/design-tokens LEGACY.md for more details."
     );
   }
   return {

From 66c879185458cc84e96998d2528dd4a1c6f793d7 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:38:57 +0100
Subject: [PATCH 28/48] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20split=20design?=
 =?UTF-8?q?-tokens=20deprecated=20theme=20utils=20carefully?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/src/utils/dom.ts           | 17 +++-------------
 packages/click-ui/src/utils/localStorage.ts  |  2 +-
 packages/design-tokens/legacy/index.ts       |  7 +------
 packages/design-tokens/legacy/utils/dom.ts   | 21 --------------------
 packages/design-tokens/legacy/utils/index.ts |  7 +------
 5 files changed, 6 insertions(+), 48 deletions(-)

diff --git a/packages/click-ui/src/utils/dom.ts b/packages/click-ui/src/utils/dom.ts
index 404ef67e7..8e6dd1c99 100644
--- a/packages/click-ui/src/utils/dom.ts
+++ b/packages/click-ui/src/utils/dom.ts
@@ -1,7 +1,6 @@
-import { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
-import { CUI_THEME_STORAGE_KEY } from './localStorage';
+import { THEME_ATTRIBUTE, getRootElement } from '@clickhouse/design-tokens/legacy/utils';
 
-export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
+export { THEME_ATTRIBUTE, getRootElement };
 
 const getDOMElement = (selector: string) => {
   const el = document.querySelector(selector) as HTMLElement | null;
@@ -14,17 +13,7 @@ const getDOMElement = (selector: string) => {
   return el;
 };
 
-export const getRootElement = () => {
-  const el = getDOMElement('html');
-
-  if (!el) {
-    return;
-  }
-
-  return el;
-};
-
-export const setRootThemeAttribute = (theme: ThemeName) => {
+export const setRootThemeAttribute = (theme: string) => {
   const el = getRootElement();
 
   if (!el) {
diff --git a/packages/click-ui/src/utils/localStorage.ts b/packages/click-ui/src/utils/localStorage.ts
index 4777683b3..e5ce3b0bc 100644
--- a/packages/click-ui/src/utils/localStorage.ts
+++ b/packages/click-ui/src/utils/localStorage.ts
@@ -1 +1 @@
-export const CUI_THEME_STORAGE_KEY = 'cui-theme';
+export { CUI_THEME_STORAGE_KEY } from '@clickhouse/design-tokens/legacy/utils';
diff --git a/packages/design-tokens/legacy/index.ts b/packages/design-tokens/legacy/index.ts
index 17445bd09..b52fab993 100644
--- a/packages/design-tokens/legacy/index.ts
+++ b/packages/design-tokens/legacy/index.ts
@@ -21,9 +21,4 @@ export type { CUIThemeType, UseThemeParams } from "./hooks";
 
 // Utils exports
 export { CUI_THEME_STORAGE_KEY } from "./utils/localStorage";
-export {
-  THEME_ATTRIBUTE,
-  getRootElement,
-  setRootThemeAttribute,
-  removeRootThemeAttribute,
-} from "./utils/dom";
+export { THEME_ATTRIBUTE, getRootElement } from "./utils/dom";
diff --git a/packages/design-tokens/legacy/utils/dom.ts b/packages/design-tokens/legacy/utils/dom.ts
index afb0d77c4..3fd371806 100644
--- a/packages/design-tokens/legacy/utils/dom.ts
+++ b/packages/design-tokens/legacy/utils/dom.ts
@@ -3,7 +3,6 @@
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
  */
 
-import { ThemeName } from "../theme/theme.types";
 import { CUI_THEME_STORAGE_KEY } from "./localStorage";
 
 export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
@@ -28,23 +27,3 @@ export const getRootElement = () => {
 
   return el;
 };
-
-export const setRootThemeAttribute = (theme: ThemeName) => {
-  const el = getRootElement();
-
-  if (!el) {
-    return;
-  }
-
-  el.setAttribute(THEME_ATTRIBUTE, theme);
-};
-
-export const removeRootThemeAttribute = () => {
-  const el = getDOMElement("html");
-
-  if (!el) {
-    return;
-  }
-
-  el.removeAttribute(THEME_ATTRIBUTE);
-};
diff --git a/packages/design-tokens/legacy/utils/index.ts b/packages/design-tokens/legacy/utils/index.ts
index 9a649f878..ca8097c5f 100644
--- a/packages/design-tokens/legacy/utils/index.ts
+++ b/packages/design-tokens/legacy/utils/index.ts
@@ -4,9 +4,4 @@
  */
 
 export { CUI_THEME_STORAGE_KEY } from "./localStorage";
-export {
-  THEME_ATTRIBUTE,
-  getRootElement,
-  setRootThemeAttribute,
-  removeRootThemeAttribute,
-} from "./dom";
+export { THEME_ATTRIBUTE, getRootElement } from "./dom";

From 0a644e45e42d9c7fe43f5e2e0c059512c7039ead Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:41:44 +0100
Subject: [PATCH 29/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20use=20ThemeName?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/src/utils/dom.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/click-ui/src/utils/dom.ts b/packages/click-ui/src/utils/dom.ts
index 8e6dd1c99..e56e56700 100644
--- a/packages/click-ui/src/utils/dom.ts
+++ b/packages/click-ui/src/utils/dom.ts
@@ -1,4 +1,5 @@
 import { THEME_ATTRIBUTE, getRootElement } from '@clickhouse/design-tokens/legacy/utils';
+import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export { THEME_ATTRIBUTE, getRootElement };
 
@@ -13,7 +14,7 @@ const getDOMElement = (selector: string) => {
   return el;
 };
 
-export const setRootThemeAttribute = (theme: string) => {
+export const setRootThemeAttribute = (theme: ThemeName) => {
   const el = getRootElement();
 
   if (!el) {

From 19212d89a02072ff2b2c295c94f2a8194d4533cb Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 13:45:15 +0100
Subject: [PATCH 30/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20preventing=20the?=
 =?UTF-8?q?=20effect=20from=20re-firing=20when=20theme=20changes=20externa?=
 =?UTF-8?q?lly?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/useInitialTheme.ts | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/design-tokens/legacy/hooks/useInitialTheme.ts b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
index b96b274c3..229286454 100644
--- a/packages/design-tokens/legacy/hooks/useInitialTheme.ts
+++ b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
@@ -5,7 +5,7 @@
  * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.
  */
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import { THEMES } from "../theme/theme.core";
 import type { ThemeName } from "../theme/theme.types";
 import { CUI_THEME_STORAGE_KEY } from "../utils/localStorage";
@@ -45,6 +45,10 @@ export const useInitialTheme = ({
   // TODO: Remove mounted once migrated from styled-components
   const [mounted, setMounted] = useState(false);
 
+  // NOTE: Use ref to avoid effect re-firing when theme changes externally
+  const themeRef = useRef(theme);
+  themeRef.current = theme;
+
   useEffect(() => {
     try {
       const stored = localStorage.getItem(storageKey);
@@ -52,7 +56,7 @@ export const useInitialTheme = ({
       if (
         stored &&
         (stored === THEMES.Light || stored === THEMES.Dark) &&
-        stored !== theme
+        stored !== themeRef.current
       ) {
         setTheme(stored);
       }
@@ -61,7 +65,7 @@ export const useInitialTheme = ({
     }
 
     setMounted(true);
-  }, [storageKey, theme]);
+  }, [storageKey]);
 
   return {
     theme,

From e257528d831e74e83f3a9fdb5ecbd743b1110f4f Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:00:05 +0100
Subject: [PATCH 31/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20react=20and=20rea?=
 =?UTF-8?q?ct-dom=20are=20now=20marked=20as=20optional:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index a93ef859b..69fb9ca64 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -48,6 +48,12 @@
     "styled-components": "^5.0.0 || ^6.0.0"
   },
   "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
     "styled-components": {
       "optional": true
     }

From ab6f1e01ad0632156bf215a0f0e2e4188acb32b7 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:06:13 +0100
Subject: [PATCH 32/48] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20removed=20the?=
 =?UTF-8?q?=20local=20getDOMElement=20function=20and=20now=20both=20setRoo?=
 =?UTF-8?q?tThemeAttribute=20and=20removeRootThemeAttribute=20use=20the=20?=
 =?UTF-8?q?re-exported=20getRootElement()=20from=20the=20legacy=20package?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/src/utils/dom.ts | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/packages/click-ui/src/utils/dom.ts b/packages/click-ui/src/utils/dom.ts
index e56e56700..b4d394b44 100644
--- a/packages/click-ui/src/utils/dom.ts
+++ b/packages/click-ui/src/utils/dom.ts
@@ -3,17 +3,6 @@ import type { ThemeName } from '@clickhouse/design-tokens/legacy/theme';
 
 export { THEME_ATTRIBUTE, getRootElement };
 
-const getDOMElement = (selector: string) => {
-  const el = document.querySelector(selector) as HTMLElement | null;
-
-  if (!el) {
-    console.warn(`Missing DOM element <${selector}>!`);
-    return null;
-  }
-
-  return el;
-};
-
 export const setRootThemeAttribute = (theme: ThemeName) => {
   const el = getRootElement();
 
@@ -25,7 +14,7 @@ export const setRootThemeAttribute = (theme: ThemeName) => {
 };
 
 export const removeRootThemeAttribute = () => {
-  const el = getDOMElement('html');
+  const el = getRootElement();
 
   if (!el) {
     return;

From bdb52a2d7df42936e61e3cfed04c380a97b5e84a Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:07:13 +0100
Subject: [PATCH 33/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20remove=20duplicat?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/add-design-tokens-package.md | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.changeset/add-design-tokens-package.md b/.changeset/add-design-tokens-package.md
index a90d48bbb..b5d496adb 100644
--- a/.changeset/add-design-tokens-package.md
+++ b/.changeset/add-design-tokens-package.md
@@ -1,6 +1,5 @@
 ---
 "@clickhouse/click-ui": patch
-"@clickhouse/design-tokens": patch
 ---
 
 Redirect theme and hook exports to @clickhouse/design-tokens/legacy

From 13f9706df23d4a80a561ead1ccf49e7ced070fc2 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:13:12 +0100
Subject: [PATCH 34/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Added=20@deprecat?=
 =?UTF-8?q?ed=20JSDoc=20comments=20to=20all=20legacy=20re-exports?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/click-ui/src/index.ts | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/click-ui/src/index.ts b/packages/click-ui/src/index.ts
index d0a80a685..91649daf5 100644
--- a/packages/click-ui/src/index.ts
+++ b/packages/click-ui/src/index.ts
@@ -265,7 +265,15 @@ export type { ToastProps } from './components/Toast';
 // ================================================
 
 export { useToast } from './hooks';
+
+/**
+ * @deprecated These hooks are deprecated. Import from '@clickhouse/design-tokens/legacy' directly for backward compatibility, or migrate to CSS variables.
+ */
 export { useInitialTheme, useCUITheme } from '@clickhouse/design-tokens/legacy';
+
+/**
+ * @deprecated These types are deprecated. Import from '@clickhouse/design-tokens/legacy' directly for backward compatibility, or migrate to CSS variables.
+ */
 export type { CUIThemeType, UseThemeParams } from '@clickhouse/design-tokens/legacy';
 
 // Tooltip
@@ -296,9 +304,12 @@ export type {
 export { ClickUIProvider, ThemeProvider } from './providers';
 
 // ================================================
-// Theme
+// Theme (Deprecated)
 // ================================================
 
+/**
+ * @deprecated These theme utilities are deprecated. Import from '@clickhouse/design-tokens/legacy' directly for backward compatibility, or migrate to CSS variables.
+ */
 export {
   THEMES,
   themes,
@@ -308,6 +319,10 @@ export {
   getDefaultThemeName,
   getAvailableThemeNames,
 } from '@clickhouse/design-tokens/legacy';
+
+/**
+ * @deprecated These types are deprecated. Import from '@clickhouse/design-tokens/legacy' directly for backward compatibility, or migrate to CSS variables.
+ */
 export type {
   ThemeName,
   Theme,

From 4dc95343ffb2c13f79f25ee1bd7e2f84779ad203 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:25:45 +0100
Subject: [PATCH 35/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20build=20ESM=20and?=
 =?UTF-8?q?=20CJS=20(use=20tsup)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                          |   1 +
 packages/design-tokens/LEGACY.md      |   3 -
 packages/design-tokens/package.json   |  15 +-
 packages/design-tokens/tsup.config.ts |  27 +++
 yarn.lock                             | 243 +++++++++++++++++++++++++-
 5 files changed, 275 insertions(+), 14 deletions(-)
 create mode 100644 packages/design-tokens/tsup.config.ts

diff --git a/package.json b/package.json
index c242c1452..c03cd3161 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
     "prepare": "husky"
   },
   "devDependencies": {
+    "glob": "^13.0.6",
     "husky": "^9.1.7"
   },
   "resolutions": {
diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index 0f610980d..c00006b46 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -4,9 +4,6 @@
 > These exports are **deprecated** and will be removed in a future major version.
 > They are provided only for backward compatibility while migrating consumer apps to CSS variables.
 
-> [!NOTE]
-> Legacy subpaths are **ESM-only**. Ensure your project is configured for ESM or use a bundler that supports ESM imports.
-
 ## Quick Start
 
 The host app must have the peer dependency [Styled Components](https://www.npmjs.com/package/styled-components):
diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 69fb9ca64..2c6142119 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -27,19 +27,23 @@
     },
     "./legacy": {
       "types": "./dist/legacy/index.d.ts",
-      "import": "./dist/legacy/index.js"
+      "import": "./dist/legacy/index.js",
+      "require": "./dist/legacy/index.cjs"
     },
     "./legacy/hooks": {
       "types": "./dist/legacy/hooks/index.d.ts",
-      "import": "./dist/legacy/hooks/index.js"
+      "import": "./dist/legacy/hooks/index.js",
+      "require": "./dist/legacy/hooks/index.cjs"
     },
     "./legacy/theme": {
       "types": "./dist/legacy/theme/index.d.ts",
-      "import": "./dist/legacy/theme/index.js"
+      "import": "./dist/legacy/theme/index.js",
+      "require": "./dist/legacy/theme/index.cjs"
     },
     "./legacy/utils": {
       "types": "./dist/legacy/utils/index.d.ts",
-      "import": "./dist/legacy/utils/index.js"
+      "import": "./dist/legacy/utils/index.js",
+      "require": "./dist/legacy/utils/index.cjs"
     }
   },
   "peerDependencies": {
@@ -62,7 +66,7 @@
     "build": "yarn tokens:build && yarn legacy:build",
     "format": "prettier --check .",
     "format:fix": "prettier --write .",
-    "legacy:build": "tsc -p tsconfig.legacy.json",
+    "legacy:build": "tsup",
     "tokens:build": ".scripts/bash/tokens-build",
     "tokens:build:watch": ".scripts/bash/tokens-build watch",
     "lint": "tz lint",
@@ -77,6 +81,7 @@
     "chokidar-cli": "^3.0.0",
     "prettier": "^3.0.0",
     "styled-components": "^6.0.0",
+    "tsup": "^8.5.1",
     "typescript": "^5.0.0"
   }
 }
diff --git a/packages/design-tokens/tsup.config.ts b/packages/design-tokens/tsup.config.ts
new file mode 100644
index 000000000..94a292bf2
--- /dev/null
+++ b/packages/design-tokens/tsup.config.ts
@@ -0,0 +1,27 @@
+import { defineConfig } from "tsup";
+import { globSync } from "glob";
+
+const entries = globSync("legacy/**/index.ts");
+
+export default defineConfig({
+  entry: entries,
+  outDir: "dist/legacy",
+  format: ["esm", "cjs"],
+  dts: true,
+  sourcemap: true,
+  clean: true,
+  splitting: false,
+  bundle: false,
+  target: "es2020",
+  platform: "browser",
+  esbuildOptions(options) {
+    // NOTE: InitCUIThemeScript.tsx contains JSX syntax
+    options.jsx = "transform";
+  },
+  outExtension({ format }) {
+    return {
+      js: format === "cjs" ? ".cjs" : ".js",
+      dts: format === "cjs" ? ".d.cts" : ".d.ts",
+    };
+  },
+});
diff --git a/yarn.lock b/yarn.lock
index 5906cbf55..66d23ae80 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -664,12 +664,17 @@ __metadata:
     chokidar-cli: "npm:^3.0.0"
     prettier: "npm:^3.0.0"
     styled-components: "npm:^6.0.0"
+    tsup: "npm:^8.5.1"
     typescript: "npm:^5.0.0"
   peerDependencies:
     react: ^18.0.0
     react-dom: ^18.0.0
     styled-components: ^5.0.0 || ^6.0.0
   peerDependenciesMeta:
+    react:
+      optional: true
+    react-dom:
+      optional: true
     styled-components:
       optional: true
   languageName: unknown
@@ -1359,7 +1364,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.3.12, @jridgewell/gen-mapping@npm:^0.3.5":
+"@jridgewell/gen-mapping@npm:^0.3.12, @jridgewell/gen-mapping@npm:^0.3.2, @jridgewell/gen-mapping@npm:^0.3.5":
   version: 0.3.13
   resolution: "@jridgewell/gen-mapping@npm:0.3.13"
   dependencies:
@@ -5120,6 +5125,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"any-promise@npm:^1.0.0":
+  version: 1.3.0
+  resolution: "any-promise@npm:1.3.0"
+  checksum: 10c0/60f0298ed34c74fef50daab88e8dab786036ed5a7fad02e012ab57e376e0a0b4b29e83b95ea9b5e7d89df762f5f25119b83e00706ecaccb22cfbacee98d74889
+  languageName: node
+  linkType: hard
+
 "anymatch@npm:~3.1.2":
   version: 3.1.3
   resolution: "anymatch@npm:3.1.3"
@@ -5484,6 +5496,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bundle-require@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "bundle-require@npm:5.1.0"
+  dependencies:
+    load-tsconfig: "npm:^0.2.3"
+  peerDependencies:
+    esbuild: ">=0.18"
+  checksum: 10c0/8bff9df68eb686f05af952003c78e70ffed2817968f92aebb2af620cc0b7428c8154df761d28f1b38508532204278950624ef86ce63644013dc57660a9d1810f
+  languageName: node
+  linkType: hard
+
 "bytes@npm:3.1.2":
   version: 3.1.2
   resolution: "bytes@npm:3.1.2"
@@ -5695,6 +5718,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chokidar@npm:^4.0.3":
+  version: 4.0.3
+  resolution: "chokidar@npm:4.0.3"
+  dependencies:
+    readdirp: "npm:^4.0.1"
+  checksum: 10c0/a58b9df05bb452f7d105d9e7229ac82fa873741c0c40ddcc7bb82f8a909fbe3f7814c9ebe9bc9a2bef9b737c0ec6e2d699d179048ef06ad3ec46315df0ebe6ad
+  languageName: node
+  linkType: hard
+
 "chokidar@npm:^5.0.0":
   version: 5.0.0
   resolution: "chokidar@npm:5.0.0"
@@ -5741,6 +5773,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "click-ui-monorepo@workspace:."
   dependencies:
+    glob: "npm:^13.0.6"
     husky: "npm:^9.1.7"
   languageName: unknown
   linkType: soft
@@ -5854,6 +5887,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^4.0.0":
+  version: 4.1.1
+  resolution: "commander@npm:4.1.1"
+  checksum: 10c0/84a76c08fe6cc08c9c93f62ac573d2907d8e79138999312c92d4155bc2325d487d64d13f669b2000c9f8caf70493c1be2dac74fec3c51d5a04f8bc3ae1830bab
+  languageName: node
+  linkType: hard
+
 "commander@npm:^7.2.0":
   version: 7.2.0
   resolution: "commander@npm:7.2.0"
@@ -5927,6 +5967,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"consola@npm:^3.4.0":
+  version: 3.4.2
+  resolution: "consola@npm:3.4.2"
+  checksum: 10c0/7cebe57ecf646ba74b300bcce23bff43034ed6fbec9f7e39c27cee1dc00df8a21cd336b466ad32e304ea70fba04ec9e890c200270de9a526ce021ba8a7e4c11a
+  languageName: node
+  linkType: hard
+
 "convert-source-map@npm:^2.0.0":
   version: 2.0.0
   resolution: "convert-source-map@npm:2.0.0"
@@ -7395,6 +7442,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fix-dts-default-cjs-exports@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "fix-dts-default-cjs-exports@npm:1.0.1"
+  dependencies:
+    magic-string: "npm:^0.30.17"
+    mlly: "npm:^1.7.4"
+    rollup: "npm:^4.34.8"
+  checksum: 10c0/61a3cbe32b6c29df495ef3aded78199fe9dbb52e2801c899fe76d9ca413d3c8c51f79986bac83f8b4b2094ebde883ddcfe47b68ce469806ba13ca6ed4e7cd362
+  languageName: node
+  linkType: hard
+
 "flat-cache@npm:^4.0.0":
   version: 4.0.1
   resolution: "flat-cache@npm:4.0.1"
@@ -8557,6 +8615,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"joycon@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "joycon@npm:3.1.1"
+  checksum: 10c0/131fb1e98c9065d067fd49b6e685487ac4ad4d254191d7aa2c9e3b90f4e9ca70430c43cad001602bdbdabcf58717d3b5c5b7461c1bd8e39478c8de706b3fe6ae
+  languageName: node
+  linkType: hard
+
 "js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0":
   version: 4.0.0
   resolution: "js-tokens@npm:4.0.0"
@@ -8863,6 +8928,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:^3.1.1":
+  version: 3.1.3
+  resolution: "lilconfig@npm:3.1.3"
+  checksum: 10c0/f5604e7240c5c275743561442fbc5abf2a84ad94da0f5adc71d25e31fa8483048de3dcedcb7a44112a942fed305fd75841cdf6c9681c7f640c63f1049e9a5dcc
+  languageName: node
+  linkType: hard
+
 "lines-and-columns@npm:^1.1.6":
   version: 1.2.4
   resolution: "lines-and-columns@npm:1.2.4"
@@ -8870,6 +8942,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"load-tsconfig@npm:^0.2.3":
+  version: 0.2.5
+  resolution: "load-tsconfig@npm:0.2.5"
+  checksum: 10c0/bf2823dd26389d3497b6567f07435c5a7a58d9df82e879b0b3892f87d8db26900f84c85bc329ef41c0540c0d6a448d1c23ddc64a80f3ff6838b940f3915a3fcb
+  languageName: node
+  linkType: hard
+
 "local-pkg@npm:^1.0.0":
   version: 1.1.2
   resolution: "local-pkg@npm:1.1.2"
@@ -9430,6 +9509,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mz@npm:^2.7.0":
+  version: 2.7.0
+  resolution: "mz@npm:2.7.0"
+  dependencies:
+    any-promise: "npm:^1.0.0"
+    object-assign: "npm:^4.0.1"
+    thenify-all: "npm:^1.0.0"
+  checksum: 10c0/103114e93f87362f0b56ab5b2e7245051ad0276b646e3902c98397d18bb8f4a77f2ea4a2c9d3ad516034ea3a56553b60d3f5f78220001ca4c404bd711bd0af39
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.11, nanoid@npm:^3.3.7":
   version: 3.3.11
   resolution: "nanoid@npm:3.3.11"
@@ -9567,7 +9657,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-assign@npm:^4.1.1":
+"object-assign@npm:^4.0.1, object-assign@npm:^4.1.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
   checksum: 10c0/1f4df9945120325d041ccf7b86f31e8bcc14e73d29171e37a7903050e96b81323784ec59f93f102ec635bcf6fa8034ba3ea0a8c7e69fa202b87ae3b6cec5a414
@@ -9981,7 +10071,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^4.0.2, picomatch@npm:^4.0.3":
+"picomatch@npm:^4.0.2, picomatch@npm:^4.0.3, picomatch@npm:^4.0.4":
   version: 4.0.4
   resolution: "picomatch@npm:4.0.4"
   checksum: 10c0/e2c6023372cc7b5764719a5ffb9da0f8e781212fa7ca4bd0562db929df8e117460f00dff3cb7509dacfc06b86de924b247f504d0ce1806a37fac4633081466b0
@@ -9995,6 +10085,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pirates@npm:^4.0.1":
+  version: 4.0.7
+  resolution: "pirates@npm:4.0.7"
+  checksum: 10c0/a51f108dd811beb779d58a76864bbd49e239fa40c7984cd11596c75a121a8cc789f1c8971d8bb15f0dbf9d48b76c05bb62fcbce840f89b688c0fa64b37e8478a
+  languageName: node
+  linkType: hard
+
 "pkg-types@npm:^1.3.1":
   version: 1.3.1
   resolution: "pkg-types@npm:1.3.1"
@@ -10076,6 +10173,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-load-config@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "postcss-load-config@npm:6.0.1"
+  dependencies:
+    lilconfig: "npm:^3.1.1"
+  peerDependencies:
+    jiti: ">=1.21.0"
+    postcss: ">=8.0.9"
+    tsx: ^4.8.1
+    yaml: ^2.4.2
+  peerDependenciesMeta:
+    jiti:
+      optional: true
+    postcss:
+      optional: true
+    tsx:
+      optional: true
+    yaml:
+      optional: true
+  checksum: 10c0/74173a58816dac84e44853f7afbd283f4ef13ca0b6baeba27701214beec33f9e309b128f8102e2b173e8d45ecba45d279a9be94b46bf48d219626aa9b5730848
+  languageName: node
+  linkType: hard
+
 "postcss-value-parser@npm:^3.3.1":
   version: 3.3.1
   resolution: "postcss-value-parser@npm:3.3.1"
@@ -10462,6 +10582,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readdirp@npm:^4.0.1":
+  version: 4.1.2
+  resolution: "readdirp@npm:4.1.2"
+  checksum: 10c0/60a14f7619dec48c9c850255cd523e2717001b0e179dc7037cfa0895da7b9e9ab07532d324bfb118d73a710887d1e35f79c495fa91582784493e085d18c72c62
+  languageName: node
+  linkType: hard
+
 "readdirp@npm:^5.0.0":
   version: 5.0.0
   resolution: "readdirp@npm:5.0.0"
@@ -10707,7 +10834,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^4.20.0, rollup@npm:^4.43.0":
+"rollup@npm:^4.20.0, rollup@npm:^4.34.8, rollup@npm:^4.43.0":
   version: 4.60.1
   resolution: "rollup@npm:4.60.1"
   dependencies:
@@ -11206,7 +11333,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.7.4":
+"source-map@npm:^0.7.4, source-map@npm:^0.7.6":
   version: 0.7.6
   resolution: "source-map@npm:0.7.6"
   checksum: 10c0/59f6f05538539b274ba771d2e9e32f6c65451982510564438e048bc1352f019c6efcdc6dd07909b1968144941c14015c2c7d4369fb7c4d7d53ae769716dcc16c
@@ -11513,6 +11640,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sucrase@npm:^3.35.0":
+  version: 3.35.1
+  resolution: "sucrase@npm:3.35.1"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.2"
+    commander: "npm:^4.0.0"
+    lines-and-columns: "npm:^1.1.6"
+    mz: "npm:^2.7.0"
+    pirates: "npm:^4.0.1"
+    tinyglobby: "npm:^0.2.11"
+    ts-interface-checker: "npm:^0.1.9"
+  bin:
+    sucrase: bin/sucrase
+    sucrase-node: bin/sucrase-node
+  checksum: 10c0/6fa22329c261371feb9560630d961ad0d0b9c87dce21ea74557c5f3ffbe5c1ee970ea8bcce9962ae9c90c3c47165ffa7dd41865c7414f5d8ea7a40755d612c5c
+  languageName: node
+  linkType: hard
+
 "supports-color@npm:^7.1.0":
   version: 7.2.0
   resolution: "supports-color@npm:7.2.0"
@@ -11589,6 +11734,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"thenify-all@npm:^1.0.0":
+  version: 1.6.0
+  resolution: "thenify-all@npm:1.6.0"
+  dependencies:
+    thenify: "npm:>= 3.1.0 < 4"
+  checksum: 10c0/9b896a22735e8122754fe70f1d65f7ee691c1d70b1f116fda04fea103d0f9b356e3676cb789506e3909ae0486a79a476e4914b0f92472c2e093d206aed4b7d6b
+  languageName: node
+  linkType: hard
+
+"thenify@npm:>= 3.1.0 < 4":
+  version: 3.3.1
+  resolution: "thenify@npm:3.3.1"
+  dependencies:
+    any-promise: "npm:^1.0.0"
+  checksum: 10c0/f375aeb2b05c100a456a30bc3ed07ef03a39cbdefe02e0403fb714b8c7e57eeaad1a2f5c4ecfb9ce554ce3db9c2b024eba144843cd9e344566d9fcee73b04767
+  languageName: node
+  linkType: hard
+
 "thingies@npm:^2.5.0":
   version: 2.6.0
   resolution: "thingies@npm:2.6.0"
@@ -11626,13 +11789,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinyexec@npm:^0.3.1":
+"tinyexec@npm:^0.3.1, tinyexec@npm:^0.3.2":
   version: 0.3.2
   resolution: "tinyexec@npm:0.3.2"
   checksum: 10c0/3efbf791a911be0bf0821eab37a3445c2ba07acc1522b1fa84ae1e55f10425076f1290f680286345ed919549ad67527d07281f1c19d584df3b74326909eb1f90
   languageName: node
   linkType: hard
 
+"tinyglobby@npm:^0.2.11":
+  version: 0.2.16
+  resolution: "tinyglobby@npm:0.2.16"
+  dependencies:
+    fdir: "npm:^6.5.0"
+    picomatch: "npm:^4.0.4"
+  checksum: 10c0/f2e09fd93dd95c41e522113b686ff6f7c13020962f8698a864a257f3d7737599afc47722b7ab726e12f8a813f779906187911ff8ee6701ede65072671a7e934b
+  languageName: node
+  linkType: hard
+
 "tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.14, tinyglobby@npm:^0.2.15":
   version: 0.2.15
   resolution: "tinyglobby@npm:0.2.15"
@@ -11724,6 +11897,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tree-kill@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "tree-kill@npm:1.2.2"
+  bin:
+    tree-kill: cli.js
+  checksum: 10c0/7b1b7c7f17608a8f8d20a162e7957ac1ef6cd1636db1aba92f4e072dc31818c2ff0efac1e3d91064ede67ed5dc57c565420531a8134090a12ac10cf792ab14d2
+  languageName: node
+  linkType: hard
+
 "trouter@npm:^2.0.1":
   version: 2.0.1
   resolution: "trouter@npm:2.0.1"
@@ -11749,6 +11931,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-interface-checker@npm:^0.1.9":
+  version: 0.1.13
+  resolution: "ts-interface-checker@npm:0.1.13"
+  checksum: 10c0/232509f1b84192d07b81d1e9b9677088e590ac1303436da1e92b296e9be8e31ea042e3e1fd3d29b1742ad2c959e95afe30f63117b8f1bc3a3850070a5142fea7
+  languageName: node
+  linkType: hard
+
 "ts-node@npm:^10.9.1":
   version: 10.9.2
   resolution: "ts-node@npm:10.9.2"
@@ -11831,6 +12020,48 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tsup@npm:^8.5.1":
+  version: 8.5.1
+  resolution: "tsup@npm:8.5.1"
+  dependencies:
+    bundle-require: "npm:^5.1.0"
+    cac: "npm:^6.7.14"
+    chokidar: "npm:^4.0.3"
+    consola: "npm:^3.4.0"
+    debug: "npm:^4.4.0"
+    esbuild: "npm:^0.27.0"
+    fix-dts-default-cjs-exports: "npm:^1.0.0"
+    joycon: "npm:^3.1.1"
+    picocolors: "npm:^1.1.1"
+    postcss-load-config: "npm:^6.0.1"
+    resolve-from: "npm:^5.0.0"
+    rollup: "npm:^4.34.8"
+    source-map: "npm:^0.7.6"
+    sucrase: "npm:^3.35.0"
+    tinyexec: "npm:^0.3.2"
+    tinyglobby: "npm:^0.2.11"
+    tree-kill: "npm:^1.2.2"
+  peerDependencies:
+    "@microsoft/api-extractor": ^7.36.0
+    "@swc/core": ^1
+    postcss: ^8.4.12
+    typescript: ">=4.5.0"
+  peerDependenciesMeta:
+    "@microsoft/api-extractor":
+      optional: true
+    "@swc/core":
+      optional: true
+    postcss:
+      optional: true
+    typescript:
+      optional: true
+  bin:
+    tsup: dist/cli-default.js
+    tsup-node: dist/cli-node.js
+  checksum: 10c0/86b0a5ee5533cf5363431ffaf6a244d06fbc80e3a739f216a121a336b28e663d521bae1d3b2d9ba7d479cb4b5f7dcb5e0722e169d3daf664c78f0d68676fa06a
+  languageName: node
+  linkType: hard
+
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"

From 18a7a5375aea58353161b971f7daab4234295e50 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:32:19 +0100
Subject: [PATCH 36/48] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20remove=20glob,?=
 =?UTF-8?q?=20prefer=20simplified=20pathname?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/tsup.config.ts | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/design-tokens/tsup.config.ts b/packages/design-tokens/tsup.config.ts
index 94a292bf2..7a0937904 100644
--- a/packages/design-tokens/tsup.config.ts
+++ b/packages/design-tokens/tsup.config.ts
@@ -1,10 +1,7 @@
 import { defineConfig } from "tsup";
-import { globSync } from "glob";
-
-const entries = globSync("legacy/**/index.ts");
 
 export default defineConfig({
-  entry: entries,
+  entry: ["legacy/**/index.ts"],
   outDir: "dist/legacy",
   format: ["esm", "cjs"],
   dts: true,

From 8043092efb6ca357963d2e87aee10555a1922d02 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:40:32 +0100
Subject: [PATCH 37/48] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20resolves=20typ?=
 =?UTF-8?q?es=20in=20both=20ESM=20(.d.ts)=20and=20CJS=20(.d.cts)=20modes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/package.json | 44 +++++++++++++++++++++--------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/packages/design-tokens/package.json b/packages/design-tokens/package.json
index 2c6142119..c91bfae03 100644
--- a/packages/design-tokens/package.json
+++ b/packages/design-tokens/package.json
@@ -26,24 +26,44 @@
       "default": "./dist/tokens.css"
     },
     "./legacy": {
-      "types": "./dist/legacy/index.d.ts",
-      "import": "./dist/legacy/index.js",
-      "require": "./dist/legacy/index.cjs"
+      "import": {
+        "types": "./dist/legacy/index.d.ts",
+        "default": "./dist/legacy/index.js"
+      },
+      "require": {
+        "types": "./dist/legacy/index.d.cts",
+        "default": "./dist/legacy/index.cjs"
+      }
     },
     "./legacy/hooks": {
-      "types": "./dist/legacy/hooks/index.d.ts",
-      "import": "./dist/legacy/hooks/index.js",
-      "require": "./dist/legacy/hooks/index.cjs"
+      "import": {
+        "types": "./dist/legacy/hooks/index.d.ts",
+        "default": "./dist/legacy/hooks/index.js"
+      },
+      "require": {
+        "types": "./dist/legacy/hooks/index.d.cts",
+        "default": "./dist/legacy/hooks/index.cjs"
+      }
     },
     "./legacy/theme": {
-      "types": "./dist/legacy/theme/index.d.ts",
-      "import": "./dist/legacy/theme/index.js",
-      "require": "./dist/legacy/theme/index.cjs"
+      "import": {
+        "types": "./dist/legacy/theme/index.d.ts",
+        "default": "./dist/legacy/theme/index.js"
+      },
+      "require": {
+        "types": "./dist/legacy/theme/index.d.cts",
+        "default": "./dist/legacy/theme/index.cjs"
+      }
     },
     "./legacy/utils": {
-      "types": "./dist/legacy/utils/index.d.ts",
-      "import": "./dist/legacy/utils/index.js",
-      "require": "./dist/legacy/utils/index.cjs"
+      "import": {
+        "types": "./dist/legacy/utils/index.d.ts",
+        "default": "./dist/legacy/utils/index.js"
+      },
+      "require": {
+        "types": "./dist/legacy/utils/index.d.cts",
+        "default": "./dist/legacy/utils/index.cjs"
+      }
     }
   },
   "peerDependencies": {

From c83e4ac95e616b2d302ba1024ba2140257d19577 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:57:27 +0100
Subject: [PATCH 38/48] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Changed=20defa?=
 =?UTF-8?q?ultTheme=20=3D=20"light"=20to=20defaultTheme=20=3D=20THEMES.Lig?=
 =?UTF-8?q?ht?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/useInitialTheme.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/legacy/hooks/useInitialTheme.ts b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
index 229286454..e30918f3a 100644
--- a/packages/design-tokens/legacy/hooks/useInitialTheme.ts
+++ b/packages/design-tokens/legacy/hooks/useInitialTheme.ts
@@ -18,7 +18,7 @@ export interface UseThemeParams {
 }
 
 export const useInitialTheme = ({
-  defaultTheme = "light",
+  defaultTheme = THEMES.Light,
   storageKey = CUI_THEME_STORAGE_KEY,
   attribute = THEME_ATTRIBUTE,
 }: UseThemeParams = {}) => {

From d77b381fc91a202a12930f5e07db9363327da1e1 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 14:57:46 +0100
Subject: [PATCH 39/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20delete=20legacy?=
 =?UTF-8?q?=20tsconfig?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/tsconfig.legacy.json | 20 --------------------
 1 file changed, 20 deletions(-)
 delete mode 100644 packages/design-tokens/tsconfig.legacy.json

diff --git a/packages/design-tokens/tsconfig.legacy.json b/packages/design-tokens/tsconfig.legacy.json
deleted file mode 100644
index 2fb76c061..000000000
--- a/packages/design-tokens/tsconfig.legacy.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./dist/legacy",
-    "rootDir": "./legacy",
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "target": "ES2020",
-    "jsx": "react-jsx",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "noEmit": false
-  },
-  "include": ["legacy/**/*"],
-  "exclude": ["node_modules", "dist"]
-}

From 613edac62ded4274ef7785e93abc2307b29cfaaa Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:07:30 +0100
Subject: [PATCH 40/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20add=20note?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx     | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
index 92b2da3bd..f08b6d9f8 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -1,6 +1,9 @@
 /**
  * @deprecated This module is deprecated. Use the new CSS variable-based tokens instead.
  * Import from '@clickhouse/design-tokens/legacy' only for backward compatibility.
+ *
+ * NOTE: Intentionally NOT marked with "use client" — this component is designed to be
+ * server-renderable so the theme script runs immediately on page load before hydration.
  */
 
 import { THEME_ATTRIBUTE } from "../../utils/dom";

From 8efaec6d324ef3fcadebc06af2673e259ec058a8 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:18:04 +0100
Subject: [PATCH 41/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20getRootElement()?=
 =?UTF-8?q?=20(and=20the=20internal=20getDOMElement)=20are=20safe=20to=20c?=
 =?UTF-8?q?all=20in=20SSR=20contexts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/utils/dom.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/design-tokens/legacy/utils/dom.ts b/packages/design-tokens/legacy/utils/dom.ts
index 3fd371806..ad82be637 100644
--- a/packages/design-tokens/legacy/utils/dom.ts
+++ b/packages/design-tokens/legacy/utils/dom.ts
@@ -8,10 +8,14 @@ import { CUI_THEME_STORAGE_KEY } from "./localStorage";
 export const THEME_ATTRIBUTE = `data-${CUI_THEME_STORAGE_KEY}`;
 
 const getDOMElement = (selector: string) => {
+  if (typeof document === "undefined") {
+    return null;
+  }
+
   const el = document.querySelector(selector) as HTMLElement | null;
 
   if (!el) {
-    console.warn(`Missing DOM element <${selector}>!`);
+    console.warn(`Missing DOM element ${selector}!`);
     return null;
   }
 

From 19cde04fbde000833af8e88f6db68babbc357ccf Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:25:52 +0100
Subject: [PATCH 42/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20Changed=20platfor?=
 =?UTF-8?q?m:=20browser=20to=20platform:=20neutral=20since=20the=20package?=
 =?UTF-8?q?=20includes=20a=20server-renderable=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/tsup.config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-tokens/tsup.config.ts b/packages/design-tokens/tsup.config.ts
index 7a0937904..9d0dce6ae 100644
--- a/packages/design-tokens/tsup.config.ts
+++ b/packages/design-tokens/tsup.config.ts
@@ -10,7 +10,7 @@ export default defineConfig({
   splitting: false,
   bundle: false,
   target: "es2020",
-  platform: "browser",
+  platform: "neutral",
   esbuildOptions(options) {
     // NOTE: InitCUIThemeScript.tsx contains JSX syntax
     options.jsx = "transform";

From 0e58db97097726cbdc4836488a4e78470c2b92d5 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:26:16 +0100
Subject: [PATCH 43/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20added=20safety=20?=
 =?UTF-8?q?comment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
index f08b6d9f8..d3f838925 100644
--- a/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
+++ b/packages/design-tokens/legacy/theme/InitCUIThemeScript/InitCUIThemeScript.tsx
@@ -30,6 +30,7 @@ export const InitCUIThemeScript = ({
     <script
       suppressHydrationWarning
       nonce={nonce}
+      // Safe: storageKey/defaultTheme go through JSON.stringify(), THEMES values are constants
       dangerouslySetInnerHTML={{
         __html: `(function() {
 try {

From f8f713d146690431d2b3f58073e897e9c3c00d1f Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:33:41 +0100
Subject: [PATCH 44/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20added=20"use=20cl?=
 =?UTF-8?q?ient"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/legacy/hooks/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/design-tokens/legacy/hooks/index.ts b/packages/design-tokens/legacy/hooks/index.ts
index 93057f976..c0f7c3910 100644
--- a/packages/design-tokens/legacy/hooks/index.ts
+++ b/packages/design-tokens/legacy/hooks/index.ts
@@ -1,3 +1,5 @@
+"use client";
+
 /**
  * @deprecated These hooks are deprecated. Use CSS variables for theming instead.
  * Import from '@clickhouse/design-tokens/legacy/hooks' only for backward compatibility.

From c2761d25763eeb040b057dad8b981dbfd0ae39fb Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 15:45:21 +0100
Subject: [PATCH 45/48] =?UTF-8?q?fix:=20=F0=9F=90=9B=20react=20not=20defin?=
 =?UTF-8?q?ed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-tokens/tsup.config.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/design-tokens/tsup.config.ts b/packages/design-tokens/tsup.config.ts
index 9d0dce6ae..b097d2b54 100644
--- a/packages/design-tokens/tsup.config.ts
+++ b/packages/design-tokens/tsup.config.ts
@@ -1,7 +1,7 @@
 import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: ["legacy/**/index.ts"],
+  entry: ["legacy/**/*.ts", "legacy/**/*.tsx"],
   outDir: "dist/legacy",
   format: ["esm", "cjs"],
   dts: true,
@@ -12,8 +12,7 @@ export default defineConfig({
   target: "es2020",
   platform: "neutral",
   esbuildOptions(options) {
-    // NOTE: InitCUIThemeScript.tsx contains JSX syntax
-    options.jsx = "transform";
+    options.jsx = "automatic";
   },
   outExtension({ format }) {
     return {

From 13f2c04369664ee97f6e981e503d114cf4cf2550 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 16:37:11 +0100
Subject: [PATCH 46/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20remove=20legacy?=
 =?UTF-8?q?=20generate:tokens=20and=20related=20files=20(freeze=20legacy?=
 =?UTF-8?q?=20tokens)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../click-ui/.scripts/js/generate-tokens.js   |   71 -
 packages/click-ui/package.json                |    1 -
 .../click-ui/tokens/themes/$metadata.json     |    8 -
 packages/click-ui/tokens/themes/$themes.json  | 5739 -----------------
 .../click-ui/tokens/themes/component.json     | 3680 -----------
 packages/click-ui/tokens/themes/dark.json     | 5535 ----------------
 packages/click-ui/tokens/themes/light.json    | 5345 ---------------
 .../click-ui/tokens/themes/primitives.json    | 1376 ----
 packages/design-tokens/LEGACY.md              |    3 +
 9 files changed, 3 insertions(+), 21755 deletions(-)
 delete mode 100644 packages/click-ui/.scripts/js/generate-tokens.js
 delete mode 100644 packages/click-ui/tokens/themes/$metadata.json
 delete mode 100644 packages/click-ui/tokens/themes/$themes.json
 delete mode 100644 packages/click-ui/tokens/themes/component.json
 delete mode 100644 packages/click-ui/tokens/themes/dark.json
 delete mode 100644 packages/click-ui/tokens/themes/light.json
 delete mode 100644 packages/click-ui/tokens/themes/primitives.json

diff --git a/packages/click-ui/.scripts/js/generate-tokens.js b/packages/click-ui/.scripts/js/generate-tokens.js
deleted file mode 100644
index 2b9a24ed6..000000000
--- a/packages/click-ui/.scripts/js/generate-tokens.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import { register } from '@tokens-studio/sd-transforms';
-import StyleDictionary from 'style-dictionary';
-
-const themes = ['dark', 'light'];
-
-await register(StyleDictionary);
-
-StyleDictionary.registerTransform({
-  type: 'name',
-  name: 'name/cti/dot',
-  transform: (token, options) => {
-    if (options.prefix && options.prefix.length) {
-      return [options.prefix].concat(token.path).join('.');
-    } else {
-      return token.path.join('.');
-    }
-  },
-});
-
-StyleDictionary.registerFormat({
-  name: 'typescript/es6-theme',
-  format: function ({ dictionary, file }) {
-    const themeName = file.destination.replace('variables.', '').replace('.ts', '');
-    const theme = {};
-
-    dictionary.allTokens.forEach(token => {
-      let current = theme;
-      const path = token.path;
-
-      for (let i = 0; i < path.length - 1; i++) {
-        const key = path[i];
-        if (!current[key] || typeof current[key] !== 'object') {
-          current[key] = {};
-        }
-        current = current[key];
-      }
-
-      current[path[path.length - 1]] = token.value;
-    });
-
-    theme.name = themeName;
-
-    return `const theme = ${JSON.stringify(theme, null, 2)};\n\nexport default theme;\n`;
-  },
-});
-
-for (const theme of themes) {
-  const sd = new StyleDictionary({
-    source: [
-      `./tokens/**/!(${themes.join('|')}).json`,
-      `./tokens/**/${theme}.json`,
-    ],
-    preprocessors: ['tokens-studio'],
-    platforms: {
-      ts: {
-        transformGroup: 'tokens-studio',
-        transforms: ['name/cti/dot'],
-        buildPath: 'src/theme/tokens/',
-        files: [
-          {
-            destination: `variables.${theme}.ts`,
-            format: 'typescript/es6-theme',
-          },
-        ],
-      },
-    },
-  });
-
-  await sd.cleanAllPlatforms();
-  await sd.buildAllPlatforms();
-}
diff --git a/packages/click-ui/package.json b/packages/click-ui/package.json
index 3261fb4ea..26d5c6df4 100644
--- a/packages/click-ui/package.json
+++ b/packages/click-ui/package.json
@@ -374,7 +374,6 @@
     "format": ".scripts/bash/format",
     "format:fix": ".scripts/bash/format --write",
     "generate:exports": ".scripts/js/generate-exports",
-    "generate:tokens": "node ./.scripts/js/generate-tokens.js && yarn format:fix src/theme/tokens/**/*.ts",
     "lint": "eslint src --report-unused-disable-directives",
     "lint:fix": "eslint src --report-unused-disable-directives --fix",
     "prettify": "yarn format:fix",
diff --git a/packages/click-ui/tokens/themes/$metadata.json b/packages/click-ui/tokens/themes/$metadata.json
deleted file mode 100644
index cfe992f68..000000000
--- a/packages/click-ui/tokens/themes/$metadata.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "tokenSetOrder": [
-    "primitives",
-    "component",
-    "light",
-    "dark"
-  ]
-}
\ No newline at end of file
diff --git a/packages/click-ui/tokens/themes/$themes.json b/packages/click-ui/tokens/themes/$themes.json
deleted file mode 100644
index f97c29054..000000000
--- a/packages/click-ui/tokens/themes/$themes.json
+++ /dev/null
@@ -1,5739 +0,0 @@
-[
-  {
-    "id": "7163b381c9ddefb95024e6a9754d3167a1321d1e",
-    "name": "light",
-    "$figmaStyleReferences": {
-      "click.global.color.stroke.muted": "S:bc795ead7c23a0704ccde5b4ee0246eae39ef3ce,",
-      "click.global.color.stroke.intense": "S:8c1fc38919a7a44884fbc950e23b32ec7b5aee21,",
-      "click.global.color.accent.default": "S:87652d92d455382bf7627050046964ba4116cb38,",
-      "click.global.color.background.default": "S:24ae437b86226f2de3300f54607f69e14c1d5074,",
-      "click.global.color.background.muted": "S:b1259aac06843c40159b589885f2a298ba9d4f1c,",
-      "click.global.color.text.default": "S:fe73768da56713b41c4958bdeeff904607c06420,",
-      "click.global.color.text.muted": "S:effd4773efd054e514245bebd94a6674b4d38898,",
-      "click.global.color.text.link.default": "S:6658f28a25ad561f53376185488ae9efdfa0c425,",
-      "click.global.color.text.link.hover": "S:b9adc46f38e04c9a3ecb27d9a92b15d02475099c,",
-      "click.global.color.outline.default": "S:30e99a2ca2dfe716b37fd5db1c2622b0de713dad,",
-      "click.alert.color.background.default": "S:220496dca7046d30c9355e27817721e424e5a22a,",
-      "click.alert.color.background.success": "S:1db689304f80ab2b8d11ae8f6eb9e042cd4d920d,",
-      "click.alert.color.background.neutral": "S:cdd24c9926dd0084d10e5f95df745c689630f61a,",
-      "click.alert.color.background.danger": "S:e09cf891487b31e5f713c6df63d4393b78c7ced0,",
-      "click.alert.color.background.warning": "S:5b910ef4fa71c323ab81fdf403e1b6116ea87a6c,",
-      "click.alert.color.background.info": "S:706c5245c9beb721ca83b1bc9534ffe5f2282cd2,",
-      "click.alert.color.text.default": "S:66be7df08b7591616721ed6a3a75b2b49e08569d,",
-      "click.alert.color.text.success": "S:eb98a70b64936c545fe126f69b546df432abc6eb,",
-      "click.alert.color.text.neutral": "S:3c5ec7287c8baf558610293dea4b32c4f699af93,",
-      "click.alert.color.text.danger": "S:28283b1d7453f361daec77bacbda77ed8ced5e4c,",
-      "click.alert.color.text.warning": "S:607b5ce9fa31a98c5419585362d3b865c592d629,",
-      "click.alert.color.text.info": "S:4b6f8db643b7dbad09dfb1514689b430ff54d0d3,",
-      "click.alert.color.iconBackground.default": "S:35921f7b1bc19f59c03a13a2d48e02d4ad180062,",
-      "click.alert.color.iconBackground.success": "S:5d9307b2326d737c1f29b575be7b2656a5d673cf,",
-      "click.alert.color.iconBackground.neutral": "S:d9716f72caf1f8badf1f41c2fe302a86a1f5487b,",
-      "click.alert.color.iconBackground.danger": "S:5f4920055f7aee24c7d34fba3df4e950a97b9941,",
-      "click.alert.color.iconBackground.warning": "S:8b43c11d672bb5281f557bdd8c15b10cf0780cc5,",
-      "click.alert.color.iconBackground.info": "S:fbf3ccaa9e7e001217bdf10cfeaab5d956e08c37,",
-      "click.alert.color.iconForeground.default": "S:571df1bb146c1e645aeb1f93de9e5c28ef0360fd,",
-      "click.alert.color.iconForeground.success": "S:89664ad25a9126d9144725307496e72334cd3f5a,",
-      "click.alert.color.iconForeground.neutral": "S:c408cfa376ecae4a569473d73d13b730515bb4ae,",
-      "click.alert.color.iconForeground.danger": "S:e223662e93d4113b9c7a18d7bacda58f166c6117,",
-      "click.alert.color.iconForeground.warning": "S:f423a2bb03c04ef7682cf7145d4126d2b9c6e66d,",
-      "click.alert.color.iconForeground.info": "S:3c4ba9df06870fc45d6a94a3578dbd9adeac24a7,",
-      "click.badge.color.background.default": "S:f4fb4bb63c7f5940208781c0e14c0c7fe04fd9e1,",
-      "click.badge.color.background.success": "S:2434dd2bbd7c0fe765ba529c853482cc0a288980,",
-      "click.badge.color.background.neutral": "S:bab1f260e49801bd53bf9cc2e650a80608f54122,",
-      "click.badge.color.background.danger": "S:c436e3b4fb2e2aef45b4707fc4579e7ea5a60876,",
-      "click.badge.color.background.disabled": "S:e5ea3fd8781c0cc5850b8f2968331c7066cd2f1b,",
-      "click.badge.color.background.info": "S:bb40cc195860beb6b59801c12e9b515b7ad213e5,",
-      "click.badge.color.background.warning": "S:fb999630e62eb113a040c0765930dec0965a8ba4,",
-      "click.badge.color.text.default": "S:fe94aedd57ff5c56b0eaeccf3412817899deed31,",
-      "click.badge.color.text.success": "S:11c9095eaf63d6ad6d156cf8d6856617ec4fe882,",
-      "click.badge.color.text.neutral": "S:09baf35bf46855e5477197079257c3456230a851,",
-      "click.badge.color.text.danger": "S:6d7544d0699d3458cd04a8f02ed239439a2bb7f5,",
-      "click.badge.color.text.disabled": "S:a15f351512fb5cd68d99f8d65b3bebf4cee7158e,",
-      "click.badge.color.text.info": "S:7efeefb988773820f537c77224a0bf86df69e645,",
-      "click.badge.color.text.warning": "S:b6b940803d9eda7b628b5fe5cffaf60b534119b4,",
-      "click.badge.color.stroke.default": "S:160592a66af3bc18abe92119aa2677929fa5b1af,",
-      "click.badge.color.stroke.success": "S:83d7911efc8ce2aed7223c79e2dbdf60a9c4d4bc,",
-      "click.badge.color.stroke.neutral": "S:1ed6e99b117d1bbfb9c7d4732b7e603df893fc65,",
-      "click.badge.color.stroke.danger": "S:1441e522fda19fa3b6a9863f0b483fd2197bd449,",
-      "click.badge.color.stroke.disabled": "S:e57b3076d18ed037d07a386b849480d0cf3ac444,",
-      "click.badge.color.stroke.info": "S:63d7939dbb7618ab81be9697c498b4d01ef7b522,",
-      "click.badge.color.stroke.warning": "S:5c3543156ba61e70346ccdbeb5eb64a802c48f58,",
-      "click.bigStat.color.stroke.default": "S:5e2ee43f56137148f44a17427b7c6b9e23a5652a,",
-      "click.bigStat.color.background.default": "S:6589985bf0139f6c5b00b59deacb079535575505,",
-      "click.bigStat.color.label.default": "S:1c03aa5cc106bec029a6e83be03b60d13dc829a3,",
-      "click.bigStat.color.title.default": "S:1e190e3635bf5901018ccfaa4812cdb50565e072,",
-      "click.button.basic.color.primary.background.default": "S:5567d67c0e781bfa218549209728cca3e73a3bbf,",
-      "click.button.basic.color.primary.background.hover": "S:9f3bd90ba677f40fc463cb94c7b81da66190978f,",
-      "click.button.basic.color.primary.background.active": "S:2779956a780142f378bf2a9879c633ccf067b606,",
-      "click.button.basic.color.primary.stroke.default": "S:2089fba0d0e236ce4bc4278cec8a4f097be2ee69,",
-      "click.button.basic.color.primary.stroke.hover": "S:5090556adec39cba4c2f4d777fc247ed3ce7d297,",
-      "click.button.basic.color.primary.stroke.active": "S:ea2e215035655b3dd2a4f859839b7a490cabcb17,",
-      "click.button.basic.color.primary.text.default": "S:2b10862f852345ebecd24e6177840b2fe8afa2ae,",
-      "click.button.basic.color.secondary.background.default": "S:8b8c7b218b0d8bc4365bdfb91af013f55724d91a,",
-      "click.button.basic.color.secondary.background.hover": "S:0dc133da53ae05a459dcb83454388732366166cd,",
-      "click.button.basic.color.secondary.background.active": "S:2d767bf1bdec38303f86d2481c2d8a562d432d0c,",
-      "click.button.basic.color.secondary.stroke.default": "S:a8532776d216a57a9d4f03519f5ccb0440ebd2dd,",
-      "click.button.basic.color.secondary.stroke.hover": "S:f152a344015c7d4a6a8da9ceaa1b6f86dfb3b484,",
-      "click.button.basic.color.secondary.stroke.active": "S:7b919be7b3ae54b891e7cd9017882fd040564fe2,",
-      "click.button.basic.color.secondary.text.default": "S:480aee4d86e06c0fc8d4eb28c56151c6951fd26b,",
-      "click.button.basic.color.danger.background.default": "S:36658590fe6a5342de7375220afd2b15fab346f4,",
-      "click.button.basic.color.danger.background.hover": "S:8b7d69dcce238575e6b44fa211cd5eb7e94f9616,",
-      "click.button.basic.color.danger.background.active": "S:e716e51b5a9d19b94bfdb3f02b64bbaa16692c43,",
-      "click.button.basic.color.danger.text.default": "S:13f42784564c42816430c2d2e66cd60c0e4e22df,",
-      "click.button.group.color.background.default": "S:93e44e8384ee93cdc2acc6ec9aa592f9adb2761c,",
-      "click.button.group.color.background.hover": "S:baa1f7c8a4ba500103a6693c6e1d0b70eecf4872,",
-      "click.button.group.color.background.active": "S:4370799de5160a166e88147fe76dfab5cfaf0d36,",
-      "click.button.group.color.text.default": "S:8f10a77d7c3785f571846867e58120985befcf64,",
-      "click.button.group.color.text.hover": "S:0a3d9eaa483dd72fd6fdbd808a6cde935a1518a3,",
-      "click.button.group.color.text.active": "S:195e80419d2f29fb4b7d330307733b31ae487057,",
-      "click.button.split.primary.stroke.default": "S:cbd915c64d9189d925d73d3712fa7da797d3ce71,",
-      "click.button.split.primary.stroke.active": "S:9b2ce6c337fd77fc1a3d413617a6322eec311545,",
-      "click.button.split.primary.stroke.hover": "S:914f15ab0d1890df95ab6dc788ff909b9e252d7b,",
-      "click.button.split.primary.background.main.default": "S:f5110e58faa0cedb501c2ef17f8095196a37ff43,",
-      "click.button.split.primary.background.main.hover": "S:1c6b26f5b75268458fae891093780b437070d32c,",
-      "click.button.split.primary.background.main.active": "S:26e0642b1a9664c986048cb086e87538d75afcb0,",
-      "click.button.split.primary.background.action.default": "S:7ac5473b2ec1984fe09bcf0df51a2908cb865d91,",
-      "click.button.split.primary.background.action.hover": "S:460957429f72d7e1117527977203208d5b33cf92,",
-      "click.button.split.primary.background.action.active": "S:891fd39fb97f3fc3b984b0502258394568e9c364,",
-      "click.button.split.primary.text.default": "S:464f3272a23d80aac08bcb07dd2c7725ccf645dc,",
-      "click.button.iconButton.color.primary.background.default": "S:f280912139cbf5325037b2922ab3fe47bd54323b,",
-      "click.button.iconButton.color.primary.background.hover": "S:5737ed625aa095be6a45d82384ab666cdfe73c87,",
-      "click.button.iconButton.color.primary.background.active": "S:67e03688f53dfa7ffc4d279abd3ab4c95fb04159,",
-      "click.button.iconButton.color.primary.stroke.default": "S:3ce14af07a458bc6b48b9a8cb722024e246c6eb9,",
-      "click.button.iconButton.color.primary.stroke.hover": "S:37b73fba9ecc3d4fb7dc9d15e9d0344e06e4cb59,",
-      "click.button.iconButton.color.primary.stroke.active": "S:b5760fbfacf166f11b7b0bc3850def8a6f02a02d,",
-      "click.button.iconButton.color.primary.text.default": "S:815869e298915ab79719f2d5932f45c186adfbbc,",
-      "click.button.iconButton.color.primary.text.hover": "S:92be337d760c731ad1a6a4859737257b82174778,",
-      "click.button.iconButton.color.primary.text.active": "S:119ac51916d8c7370ec3201b33f319ebc64ad88a,",
-      "click.button.iconButton.color.secondary.background.default": "S:12be43280b5ee528a6dfdbe4336a5b32fbf6275e,",
-      "click.button.iconButton.color.secondary.background.hover": "S:e1c60b2a296bb025ac4154cf9c14c2681402f949,",
-      "click.button.iconButton.color.secondary.background.active": "S:dcc7784189f5baa789a3c2bb0dd04492bd673c1f,",
-      "click.button.iconButton.color.secondary.stroke.default": "S:36db1b9dd3051c3ac3f3d815b56977127d8c6ed0,",
-      "click.button.iconButton.color.secondary.stroke.hover": "S:ae701ee725f1b749a8ba3697ff797bd05fb05f67,",
-      "click.button.iconButton.color.secondary.stroke.active": "S:981c6bb77ef0e700969b445b8fb1dcb50b8f2592,",
-      "click.button.iconButton.color.secondary.text.default": "S:736d9bc87d23a7495882e7ebe2b441c993edba60,",
-      "click.button.iconButton.color.secondary.text.hover": "S:3750e3571158a1d6f62c0571488d2fa4c18d18da,",
-      "click.button.iconButton.color.secondary.text.active": "S:1a52a1e87eaa5719d3dd7a08c79395dd0eaa419d,",
-      "click.button.iconButton.color.disabled.background.default": "S:b22ee8ae3acec6f0cd5457525e0eb6f22e9a2b83,",
-      "click.button.iconButton.color.disabled.text.default": "S:74d293022419f3811dd0f92fb7c2caacec6124f0,",
-      "click.button.iconButton.color.danger.background.default": "S:24b37cd18668a1ee20a3d89fc0a9a0ee50d194df,",
-      "click.button.iconButton.color.danger.background.hover": "S:7efa1b1b366a641d31897a22eb9d5d8c898a47f4,",
-      "click.button.iconButton.color.danger.background.active": "S:eb83c29a011b0148030cd0a10e126a6cd27b6281,",
-      "click.button.iconButton.color.danger.text.default": "S:26a9c3113109133c54a04b969d74ebfed2ce5449,",
-      "click.button.alignedLeft.color.background.default": "S:f05a29e72a28951ef92045fbb31b65535a71f8c3,",
-      "click.button.alignedLeft.color.background.hover": "S:82cef214c2a0089c6a1cbff26e7f4b776482e96d,",
-      "click.button.alignedLeft.color.background.active": "S:de133819d726ce26b7bba670ed2bb56a601cd3ed,",
-      "click.button.alignedLeft.color.stroke.default": "S:e2c128d62f4d781180f483e9e106776bad0ea1e3,",
-      "click.button.alignedLeft.color.stroke.hover": "S:e48176fc86f9b546ff4cd211df33859eb0e9ca64,",
-      "click.button.alignedLeft.color.stroke.active": "S:a81525d5db284e3fb44f879cb26f4dcca90ab2ff,",
-      "click.button.alignedLeft.color.text.default": "S:a89d6351f73c1681b63617c5fe68c54a556bf4af,",
-      "click.button.alignedLeft.color.text.hover": "S:7e84bdeb18b9bd902ad07d34c9d738d505593580,",
-      "click.button.alignedLeft.color.text.active": "S:a0fc07619be718e7d8d3144d03c493f374948108,",
-      "click.card.primary.color.background.default": "S:67d9c6088c5f3a2e8bfb8171e3dee8a50dc6871e,",
-      "click.card.primary.color.background.hover": "S:ab4d90440215c8d0ac25996d03ebc9b3fca446c6,",
-      "click.card.primary.color.background.active": "S:08ea931a8498cde6130b6af3ab281195b23e218e,",
-      "click.card.primary.color.background.disabled": "S:2638986572c2ee59eb248f7a73c0fa879d39c894,",
-      "click.card.primary.color.title.default": "S:eb1d87b02736d7012c11a3e006f81ccb39b2bf2c,",
-      "click.card.primary.color.title.hover": "S:2a3987509b7b6366578ae14cdc82dbfd20e6eb82,",
-      "click.card.primary.color.title.active": "S:3a76b5b49f816452ba43af3c0c228fa41b57ff82,",
-      "click.card.primary.color.title.disabled": "S:597bfdc6ca8772121c2b6425f6b201b1078425df,",
-      "click.card.primary.color.description.default": "S:b76846aaed4649591ad8c3f1f8cb96c5ae27603d,",
-      "click.card.primary.color.description.hover": "S:e3adb0344101ed4581155720a4bb34604c41c98c,",
-      "click.card.primary.color.description.active": "S:a4691856fa9144a22795bab2fda7564948dd4907,",
-      "click.card.primary.color.description.disabled": "S:b5df6ed80e368e778b1e74022986de474658f07c,",
-      "click.card.primary.color.stroke.default": "S:74bceeb11beaf059f98668a461b5789eb1e92c7c,",
-      "click.card.primary.color.stroke.hover": "S:045bee1b2eae30712016b2bf42552154b66392a0,",
-      "click.card.primary.color.stroke.active": "S:d30543ba69f1d1575c30e7e33584d0e95842587a,",
-      "click.card.primary.color.stroke.disabled": "S:473cb331a86d9251e40fe977352638bfecc6d959,",
-      "click.card.secondary.color.background.default": "S:2c4b84b5024529b474e4633ab7d59d378dc36709,",
-      "click.card.secondary.color.background.hover": "S:7f0f906e0e5103d95d35c392d05f5b7c5dea69a0,",
-      "click.card.secondary.color.background.active": "S:a13ca89c6d1aab30d9fce821371e01bc09a0bdab,",
-      "click.card.secondary.color.background.disabled": "S:8387b32c158dc57128f516ec1f948c5f5f171401,",
-      "click.card.secondary.color.title.default": "S:dcd67fc274bcd54fe5ba976611cd15630c44a73e,",
-      "click.card.secondary.color.title.hover": "S:4dbe720cfcb032ec028b3df8954be6404d09d632,",
-      "click.card.secondary.color.title.active": "S:7c5a1c58267f28c206c68fd2cba443ec1b467fe0,",
-      "click.card.secondary.color.title.disabled": "S:03c47c630ed81d2534320f154c7d632835c247bf,",
-      "click.card.secondary.color.description.default": "S:04f7a5d864112feb21fba16377f29c9feb19a861,",
-      "click.card.secondary.color.description.hover": "S:a22dabd17256cc5e5ce69f5c37643ee44e11cc47,",
-      "click.card.secondary.color.description.active": "S:17ba10e66c743864ef21728108c5ecae394d411d,",
-      "click.card.secondary.color.description.disabled": "S:f2ced2bf8ed5a30e4e0b3d47950337f1f81e7307,",
-      "click.card.secondary.color.link.default": "S:1a7f3e7b032456a4a030ab36c938e5d917888ab2,",
-      "click.card.secondary.color.link.hover": "S:b9fcdeeb9d3d763aa13ed5ac0ff424c1ccb02cf6,",
-      "click.card.secondary.color.link.active": "S:cd941cfc27d957e589287a07ab2d1509cac41b7b,",
-      "click.card.secondary.color.link.disabled": "S:2623151729313effd5f34dff42c08eb9ad78a998,",
-      "click.card.secondary.color.stroke.default": "S:e4f0e6c9940f27e37ddbabd22d8448faa0a87bf7,",
-      "click.card.secondary.color.stroke.hover": "S:c75aee89d022b1c467d6af26c55741d9bc31724d,",
-      "click.card.secondary.color.stroke.active": "S:8992001523a3921e9fa70971c934c4c06416da67,",
-      "click.card.secondary.color.stroke.disabled": "S:e790d9a97d6e3659179567b1a2c0031ba28df0c2,",
-      "click.card.horizontal.color.background.default": "S:9e43e06cb71305a665839645d08f59c6fd5d3de0,",
-      "click.card.horizontal.color.background.hover": "S:fff55f7f136f1abfee81f3bb42411d4aab0c658f,",
-      "click.card.horizontal.color.background.active": "S:dc823efe1bf9c10a71fd8f12db75c181d375c1e7,",
-      "click.card.horizontal.color.background.disabled": "S:3d4fd03b3be323ba8f3a807e06162d1ba3326ee6,",
-      "click.card.horizontal.color.title.default": "S:b961a0c31b85f349c3c72f1515ab03e7ed4c3b90,",
-      "click.card.horizontal.color.title.hover": "S:43a829e6c2aec3ee0e9a2134dd4875d657167e47,",
-      "click.card.horizontal.color.title.active": "S:b97ec88cc4b21d82f5aea87540cabdcff7c26d41,",
-      "click.card.horizontal.color.title.disabled": "S:7913b37055a77f3a2b3ac07538cbca723c698213,",
-      "click.card.horizontal.color.description.default": "S:82a174e1c8d40dbc2f00e4d1792bf7ef311a1f1e,",
-      "click.card.horizontal.color.description.hover": "S:d31a3d667df455779318c3f103579e86106ef1a9,",
-      "click.card.horizontal.color.description.active": "S:3fc3ff0f03efec1f58eca21f5a820a2d5e9bbc55,",
-      "click.card.horizontal.color.description.disabled": "S:85567020ae6bf3ae11434a6764ca803bac111051,",
-      "click.card.horizontal.color.stroke.default": "S:e2a5ca62d4ef0f849b2d009847f97a98e1b30c95,",
-      "click.card.horizontal.color.stroke.hover": "S:5959cf447700dcc6b913f293af836fa332fcf08c,",
-      "click.card.horizontal.color.stroke.active": "S:a75180ac2538cf5a1b1783daffdb2891893198e2,",
-      "click.card.horizontal.color.stroke.disabled": "S:5e0aececccdb488ecdffd705b792a5628e4eb7b4,",
-      "click.codeblock.darkMode.color.background.default": "S:f135892cd558d94664491efbf36d9002fc67950d,",
-      "click.codeblock.darkMode.color.text.default": "S:e08507a407581b1f508e10efb3ed8e167ce5d6d6,",
-      "click.codeblock.darkMode.color.numbers.default": "S:3a95647eff5cd396386e9a8f4abe208adf283b12,",
-      "click.codeblock.darkMode.color.button.background.default": "S:55b2f2050c7dd4e1fc4c14c47450397ccdd4f994,",
-      "click.codeblock.darkMode.color.button.background.hover": "S:c9930acc4becb77ecad086ed13e68fa1142a248a,",
-      "click.codeblock.darkMode.color.button.foreground.default": "S:20f4400c3fd177abd294f055ce64350555bdae58,",
-      "click.codeblock.darkMode.color.stroke.default": "S:832479bfab81f5d2f6ee00b1fe007e6480cc1254,",
-      "click.codeblock.lightMode.color.background.default": "S:87a30caad1394af60aab04159a165a4fce0a86a9,",
-      "click.codeblock.lightMode.color.text.default": "S:055267a73e3e504dfc53108c33ad9f1ee1aa9412,",
-      "click.codeblock.lightMode.color.numbers.default": "S:f5470ba0a82f352e8c8bd46175a576c70f6c6354,",
-      "click.codeblock.lightMode.color.button.background.default": "S:8d034c5f0b86cadea41818289e591ba4f8e0f714,",
-      "click.codeblock.lightMode.color.button.background.hover": "S:19370f441d912213b14f3d48ebb2ced0dc28aee4,",
-      "click.codeblock.lightMode.color.button.foreground.default": "S:92adb87fc070c2a117365706a4963c6a378f85ea,",
-      "click.codeblock.lightMode.color.stroke.default": "S:c328eb44dc2bade5257bc0840e552c08347e6f34,",
-      "click.codeInline.color.background.default": "S:c63708b0a92fbda397881b7dc318ad0322b2c3ef,",
-      "click.codeInline.color.text.default": "S:9799f476a757bb83897b08bcf5e8167ea8fbcabb,",
-      "click.codeInline.color.stroke.default": "S:d5db6f5005b476404a00d70515ecb2d4ce5776e9,",
-      "click.feedback.color.info.background": "S:3c4404433b65c35094b9bbb978b548984d772979,",
-      "click.feedback.color.info.foreground": "S:6e257f68686054270be9664408d7a5280e0e3531,",
-      "click.feedback.color.success.background": "S:feecfd0af037902a2b6e364c8049401f8971cb48,",
-      "click.feedback.color.success.foreground": "S:f7faf8daf8988b44f096f2fb6ef0e53679f67c1a,",
-      "click.feedback.color.warning.background": "S:01bcf4975509e41657fc4aeb850062b7bf3707ee,",
-      "click.feedback.color.warning.foreground": "S:1fc29893eaeecfbf54939c59df13addd5a910ddf,",
-      "click.feedback.color.danger.background": "S:2bfdce51ab1396912febd457f04f5f3facf5da89,",
-      "click.feedback.color.danger.foreground": "S:7da56b59b14b344638bbac37180c430caaff7e56,",
-      "click.feedback.color.neutral.background": "S:e4e4f6ae661130ea4897ee4a2b26ee91b21992de,",
-      "click.feedback.color.neutral.foreground": "S:378807cac7fdc114b9a43ea60d684cb1663463f0,",
-      "click.feedback.color.neutral.stroke": "S:4161b26b1d87e3f441ad8cccc3351ec4578daeeb,",
-      "click.field.color.genericLabel.default": "S:6cdc7c7d580ab2f5ca61f60cd45d3d8ff5bfb9ed,",
-      "click.field.color.genericLabel.hover": "S:97fbcade93246c4a30b0df5d33cb93433ec0101f,",
-      "click.field.color.genericLabel.active": "S:814f1eee1b4a5e68ee361feb4af0027ac5145269,",
-      "click.field.color.genericLabel.disabled": "S:d877853f07e610232ed006d6a08a71ee282ba58f,",
-      "click.field.color.background.default": "S:fc28a109058813201e88fcb168d09acba2de5a0e,",
-      "click.field.color.background.hover": "S:16bfe53661e8d55a4c307d2123c5ccf15eb171af,",
-      "click.field.color.background.active": "S:75708028bf3cef3f35f5dce51722b26e75564a0b,",
-      "click.field.color.background.disabled": "S:fd3ace3232c4bd9dd8ff62dc9f8d33d30bd862f8,",
-      "click.field.color.background.error": "S:487c25d653d4e542b93808a52207435b4b5a8b08,",
-      "click.field.color.text.default": "S:2cfe89487ac8574cf187668623747454551f2bc8,",
-      "click.field.color.text.hover": "S:3eaa84c08e9b28472693ffbc868450c56a39426b,",
-      "click.field.color.text.active": "S:744184d3955a363de069d087ccff9d57e7720abe,",
-      "click.field.color.text.disabled": "S:8180685cf93d416b8e6d8a97e3c07dc270ee87c4,",
-      "click.field.color.text.error": "S:66693a2da4d07ff089b8945656fc9d1077742629,",
-      "click.field.color.stroke.default": "S:eabc4537224b962eef7b8e1cfa151fab63892308,",
-      "click.field.color.stroke.hover": "S:606cceaf2cd01c7fa1a142a92a6869db39cddd5f,",
-      "click.field.color.stroke.active": "S:d249732e1bdd164bf22f094047195adf0c6c3bd5,",
-      "click.field.color.stroke.disabled": "S:e5683f050d4ef046e7e21920151d1bd3db545f1c,",
-      "click.field.color.stroke.error": "S:23b41fb18494d330dabdcdbf75efac716d6c18f7,",
-      "click.field.color.label.default": "S:00a727f012420fc4ac926a0f933421932eeb5ca8,",
-      "click.field.color.label.hover": "S:343aa9e069a79986533348a545fdee65accbef8f,",
-      "click.field.color.label.active": "S:e5f3d915219cf1268933ca7d5d3c0bf9e404527b,",
-      "click.field.color.label.disabled": "S:4416d93df70999f8f904c461a675f1357ccfe11d,",
-      "click.field.color.label.error": "S:6fa9366989c54cdbf722e79c59395f7cbdedf9bc,",
-      "click.field.color.placeholder.default": "S:ec4783d33f620ef098442c729a0e6ea56c339832,",
-      "click.field.color.format.default": "S:309b4f3c9b9e5069c1a15d67498723d80a7edd91,",
-      "click.field.color.format.hover": "S:99e782abf2a2dba95ffe98bc80bf07ef95cfc9ed,",
-      "click.field.color.format.active": "S:bb71a968780437bcebbaeaa5da3e6b15bdffa20b,",
-      "click.field.color.format.disabled": "S:300c1884798f94d391b9529af6f4a00d5c67b7f8,",
-      "click.field.color.format.error": "S:1da571c609ca925d823531d24360c2dcf1a7de69,",
-      "click.genericMenu.item.color.text.default": "S:230a7ecd4ff7dfa376999bd7a6c04701073db510,",
-      "click.genericMenu.item.color.text.hover": "S:53663c5807767319f3bce1373067ac213548373b,",
-      "click.genericMenu.item.color.text.active": "S:aaa3d2884cd30bf6d6e57dd15f77bfef2450eda5,",
-      "click.genericMenu.item.color.text.disabled": "S:cb376491cb3970754a3e6664db3ad937ed075ba3,",
-      "click.genericMenu.item.color.text.muted": "S:1e634834a6c6e0de642137296eaa0057b384187e,",
-      "click.genericMenu.item.color.background.default": "S:e5ae0984896ebc0dcddb49a7c09cb0bcb18b0a54,",
-      "click.genericMenu.item.color.background.hover": "S:bd345565839fad66ef19a9e20696975b3d8909be,",
-      "click.genericMenu.item.color.background.active": "S:7ce67cf5a902debf6e26c1b656ad89c139a7aa7f,",
-      "click.genericMenu.item.color.background.disabled": "S:623d6cb2f2e9fb5372bff70322b20fa75aa41149,",
-      "click.genericMenu.item.color.stroke.default": "S:5bcbf0ad40de26eb6c20655166c71a28194f76a0,",
-      "click.genericMenu.item.color.format.default": "S:2e10f019eebf0f5306687f8a37737c880652fda0,",
-      "click.genericMenu.item.color.format.hover": "S:3e41114612b769d6294debd427215e7d048e3115,",
-      "click.genericMenu.item.color.format.active": "S:f42d34ab18009caa0cf623dbf69eb82b63ecc02e,",
-      "click.genericMenu.item.color.format.disabled": "S:48ac14a47c8d4ddc738dcff7ebc2bc079b47deb5,",
-      "click.genericMenu.button.color.background.default": "S:ce49f9c4e0c231403978ecd0f11501766b5ae457,",
-      "click.genericMenu.button.color.label.default": "S:51a7696bbe07001a68e8ba8bdc3341c4710bc0fa,",
-      "click.genericMenu.button.color.stroke.default": "S:6b7cf454d3e41162fa6dad5bee1d883171463a1b,",
-      "click.genericMenu.panel.color.background.default": "S:665413ce0dbe61d7e4d274e56dbf97f424534b22,",
-      "click.genericMenu.panel.color.stroke.default": "S:3ad203a74810c180443c0866cf1af995c7f11f7f,",
-      "click.genericMenu.autocomplete.color.placeholder.default": "S:2c8d2d9482f4647aeb46e7bf6683f2c2e5e11544,",
-      "click.genericMenu.autocomplete.color.searchTerm.default": "S:d75643d0c563946073a3b626ea4498616b6cfa32,",
-      "click.genericMenu.autocomplete.color.background.default": "S:008272052517de2529c9bc472223c4844f1a9096,",
-      "click.genericMenu.autocomplete.color.stroke.default": "S:e05e606c864fab9f885642961b4e9eb51289fe2a,",
-      "click.grid.color.background.header.default": "S:cf2f1daf5e1d6ca8b1038ea940675d630f1269f6,",
-      "click.grid.color.background.row.default": "S:2dbbad860c57eb79dea13b5ad26aec93dbc46464,",
-      "click.grid.color.text.header.default": "S:7782fe73e8fa87b696402c6396fb9e28978d8e85,",
-      "click.grid.color.text.row.default": "S:e36b1504e25bc5f5560a3e2c53d0ec50942d146d,",
-      "click.grid.color.stroke.cell.stroke": "S:06e61165a92ff7ac5172959ea0febd021b62064d,",
-      "click.image.color.stroke": "S:7fb3f751c76c592cbabc23b810a549d4963d00d7,",
-      "click.radio.color.background.default": "S:0d6add794eb8f2301d0e05c2d0343e90f2f1647e,",
-      "click.radio.color.background.hover": "S:09b64c3e47311cea84a13b6ee3333dbf0ad469c4,",
-      "click.radio.color.background.active": "S:37da0c596b5a63bb31a8db13986bcfdceade3c07,",
-      "click.radio.color.background.disabled": "S:fdbfc5a94e432bdd6dd0c222decbb89bc21fdfe4,",
-      "click.radio.color.stroke.default": "S:12f89f18567663a7765bc68c1bbd04a91fbc7dda,",
-      "click.radio.color.stroke.hover": "S:f713fa2a296dea516159ebe5fb254e9284ef2c16,",
-      "click.radio.color.stroke.active": "S:164ff669fa281a7fdc35ca6f32705222a5070ba9,",
-      "click.radio.color.stroke.disabled": "S:fcafc9e009a1827b8ce71880ee0bfb6b0b9c7550,",
-      "click.radio.color.indicator.default": "S:ed70e03d80b8e22f3620469a1225fe6d73b1204d,",
-      "click.radio.color.indicator.hover": "S:af6ad6c2b4cd08a0f73c8945a308b60d9ee3f94b,",
-      "click.radio.color.indicator.active": "S:eea61e77498b1950403f44879bfbd88de42b3850,",
-      "click.radio.color.indicator.disabled": "S:bdd02263b431a2fa851b3466c19fd0270cf69393,",
-      "click.separator.color.stroke.default": "S:3d7d8cb37a0520434be29c6b6d77362d810ee108,",
-      "click.sidebar.main.color.background.default": "S:56a22e9cddb25353168f3450ac7feb9b0d70a6f5,",
-      "click.sidebar.main.color.text.default": "S:3254aef3bc2bdd4864c30630becdaaf49340ae6d,",
-      "click.sidebar.main.color.text.muted": "S:043463554f4eb00bf6112f5c3aa37b53081d4671,",
-      "click.sidebar.main.color.stroke.default": "S:cb9c6940246a237a5b1067d1665129349cf49cc6,",
-      "click.sidebar.navigation.item.color.background.default": "S:7d8418fd7c8f9a77d90c24cd0d030f36355c2d79,",
-      "click.sidebar.navigation.item.color.background.hover": "S:21c414f38f58b09d8e39b371c7f0374a86042546,",
-      "click.sidebar.navigation.item.color.background.active": "S:3bd9fb0efb3f620c87744254e4d7104b20f56527,",
-      "click.sidebar.navigation.item.color.text.default": "S:727ef968f9f94a924e587d67452b564607e8087c,",
-      "click.sidebar.navigation.item.color.text.hover": "S:61ba8860b5b6095ff08f209539fadae99537a749,",
-      "click.sidebar.navigation.item.color.text.active": "S:e65cfd9316682709b00d2bfaeb2a4e7de34110d9,",
-      "click.sidebar.navigation.item.color.text.muted": "S:7fc96efe857cc2099818db1ee4392578d2d32434,",
-      "click.sidebar.navigation.item.color.icon.default": "S:63e9e7349f06c3aaad7c74db0fb99205b35ea3b2,",
-      "click.sidebar.navigation.title.color.default": "S:6f4559565f114e4eb30f23f2cbec109335ef8e4d,",
-      "click.sidebar.navigation.title.color.hover": "S:c3908f58fc33ccd63c721e2c98779833d97c380d,",
-      "click.sidebar.navigation.title.color.active": "S:e81f2302b13f4a93ffda1853749321e00b6521d6,",
-      "click.sidebar.navigation.subItem.color.text.default": "S:64932c0457425bfaff432d72ef81bf2a368fcb34,",
-      "click.sidebar.navigation.subItem.color.text.hover": "S:fb3d86c69c99644fca2134414aea7d953cc4b2a9,",
-      "click.sidebar.navigation.subItem.color.text.active": "S:0f9dd8aca0633725de8e5f4421df6811571e0652,",
-      "click.sidebar.navigation.subItem.color.background.default": "S:5db827f303f6132a2d90ca788f85a6f12f82c615,",
-      "click.sidebar.navigation.subItem.color.background.hover": "S:2650839e0d92105e220490677a1793a1b84c25b9,",
-      "click.sidebar.navigation.subItem.color.background.active": "S:9400e16073fd357531f80ea83559090baa19aa6a,",
-      "click.sidebar.sqlSidebar.color.background.default": "S:069b286a5b2a76c0999a8cb095e8a3d559a6704e,",
-      "click.sidebar.sqlSidebar.color.stroke.default": "S:a1678283e9fa9253270fe84f71f8358a7c1dad0d,",
-      "click.stepperVertical.icon.background.default": "S:2b9a1a914952da57adc400d535c5e46b2d3fd8cb,",
-      "click.stepperVertical.icon.background.incomplete": "S:d74dc2e49fa26f3073fbbc04ef18d0291e0c3076,",
-      "click.stepperVertical.icon.background.complete": "S:b0b00f31dec0fa5fd274cd85049be4c9cd07b060,",
-      "click.stepperVertical.icon.foreground.default": "S:42c991a02aba18108855aad4f400a82ab6f28d08,",
-      "click.stepperVertical.icon.foreground.incomplete": "S:c3db383e2557933e09086d8db964022172d9029d,",
-      "click.stepperVertical.icon.foreground.complete": "S:ca86bebe1c24cca27ef06066fe05c9446112fe94,",
-      "click.stepperVertical.icon.stroke.default": "S:231958391ac965076ac24592c13ae7832caa0c0c,",
-      "click.stepperVertical.icon.stroke.incomplete": "S:2fd0dec32bd92b3149d93996804eafa9a0c7cca3,",
-      "click.stepperVertical.icon.stroke.complete": "S:e60cf2babb3d51ad5821f68e8e2a49ca4bdfb8bb,",
-      "click.stepperVertical.connector.background.default": "S:60864b9696e62c7d314f12572286604ebd9305c5,",
-      "click.stepperVertical.connector.background.incomplete": "S:17291f550c62ee93e5ea98b395290fbb939094d6,",
-      "click.stepperVertical.connector.background.complete": "S:5fc1ebfc83423711a90e8044f838bc2584acf183,",
-      "click.switch.color.background.default": "S:7cb15c9f6d22f96595c68f97807a6e97c70e365e,",
-      "click.switch.color.background.active": "S:bb76572f205cb27ad50bfc7479c39772f9435daa,",
-      "click.switch.color.background.disabled": "S:25bb78f0a8c8dff8c0a756dfebcf1782fd9c3f66,",
-      "click.switch.color.stroke.default": "S:12219c24a4f8931e85ff02f9acf5cbd329af693e,",
-      "click.switch.color.stroke.active": "S:dda70b16b6260b4b526949d54e45496c1a64c220,",
-      "click.switch.color.stroke.disabled": "S:3acc28559a785a69847e0897f9408f68cfb4e7b6,",
-      "click.switch.color.indicator.default": "S:f12f6358cb580e231fc31bdb8faf11a2db8bc4bc,",
-      "click.switch.color.indicator.active": "S:257f5e97efb7d4766628fa8c8610746e964f2c56,",
-      "click.switch.color.indicator.disabled": "S:ae664a5551a9b6477e789ac556a684547cd895d5,",
-      "click.table.header.color.background.default": "S:8b32c4c47a8f9b04ca9beb8df4779237b4641fa7,",
-      "click.table.header.color.title.default": "S:986cf02889a7f81a96e7da7c2d14604d400b62eb,",
-      "click.table.header.color.icon.default": "S:d0fd2b72c0bddfabb2e75955f2c350bd5de143ba,",
-      "click.table.header.color.checkbox.background.default": "S:b739897dd2316dd020c4891f741472e7a6b0ffc4,",
-      "click.table.header.color.checkbox.border.default": "S:8c2762e78c895750ccb262583aa397c8d34a58ab,",
-      "click.table.row.color.background.default": "S:dca353734f6a3a21a4afbf75871afefb2305fd03,",
-      "click.table.row.color.background.hover": "S:faf68b667f0af77e1f9068436eca15ff9ecb6483,",
-      "click.table.row.color.background.active": "S:e3653782f7dd6d46c22afa364c526e5b7e8a1618,",
-      "click.table.row.color.stroke.default": "S:7a9e8d4f8dce44acb7263c79f72f6e7bccc6b263,",
-      "click.table.row.color.text.default": "S:604e69b7a7186e65476480833769a454c895bbf1,",
-      "click.table.row.color.link.default": "S:8bda48af8cb837d8978385c6ba871d06a2547667,",
-      "click.table.row.color.label.default": "S:eff7ecbd288d6ae905b011461435fc2a064da8db,",
-      "click.table.global.color.stroke.default": "S:95f9419cac27063623d37fb4eb8f2b9b3f4d739b,",
-      "click.table.global.color.background.default": "S:ca939abaa47b073e373eeb814aa578dd2b2c7b0a,",
-      "click.tabs.basic.color.background.default": "S:b02948c5035c8328244dbd46fc5c69b5fbaae293,",
-      "click.tabs.basic.color.background.hover": "S:fef94100f9151c5e31b41874ad046915123cf589,",
-      "click.tabs.basic.color.background.active": "S:ee0ec1f8fb67fbc5e8411224a7381cf5aca11adc,",
-      "click.tabs.basic.color.text.default": "S:e6af5683cffa016acf90a6be0dd77feae9c3bdf3,",
-      "click.tabs.basic.color.text.hover": "S:7c894b1565e05274c6101ee87a0f582b404a8bd4,",
-      "click.tabs.basic.color.text.active": "S:2dd6cd4f9f8f30bb737cdb708c270694b22864fe,",
-      "click.tabs.basic.color.stroke.default": "S:ade7efe5f4daf5b35455dfc81e712657c1cd0f9e,",
-      "click.tabs.basic.color.stroke.hover": "S:52d575d0bb360a2e62006939715ca999f4c99b0d,",
-      "click.tabs.basic.color.stroke.active": "S:17a00a22a10811dbc3d98f1d5943e8c018c6e6e4,",
-      "click.tabs.basic.color.global.default": "S:4e79757b8084a674f46193612244634b303a6f3e,",
-      "click.tabs.file-tabs.color.background.default": "S:65ff84939dd3a8af5dbbd155f65faa869aa2a792,",
-      "click.tabs.file-tabs.color.background.hover": "S:49fd0f2879a42a7b4b64edd87f863c994fb9017f,",
-      "click.tabs.file-tabs.color.background.active": "S:4f31170451c4e067f5f6f0ac3d25e65a1da8b3e6,",
-      "click.tabs.file-tabs.color.text.default": "S:f6855028fea434335d98d650ccc23d57eecaaf0f,",
-      "click.tabs.file-tabs.color.text.hover": "S:ab3dec06cc43cd6ca36157ccf36b6c2138ff3ce4,",
-      "click.tabs.file-tabs.color.text.active": "S:38880e19edc6071b736ef2904e0b91abc44d6a9e,",
-      "click.tabs.file-tabs.color.stroke.default": "S:718a15650a885606efc2199d3641aee90c5e3f4e,",
-      "click.tabs.file-tabs.color.stroke.hover": "S:03c189cc9cd44cbdfe0721d5ac6f4aca42cbd076,",
-      "click.tabs.file-tabs.color.stroke.active": "S:534f47760aec76c3d7e90591f52cc65ed7308c86,",
-      "click.tooltip.color.background.default": "S:7149981445b8bda4754621ee8bc9f8365b92451a,",
-      "click.tooltip.color.label.default": "S:ce293de1e3927e2547c5aaf56d3a09560e7ee97a,",
-      "click.popover.color.panel.background.default": "S:5991bbced6189e7a1a745edb29caacfb4cf664d6,",
-      "click.popover.color.panel.stroke.default": "S:da5dc25c6af29b138ee0e94dd8ef9cff22114229,",
-      "palette.brand.50": "S:2e53a5af64bac23e4221ed12018c423b553e69d8,",
-      "palette.brand.100": "S:00c445d9ba5d7ffa226fa0b78835f75f2f8af245,",
-      "palette.brand.200": "S:657e57a94a5269f59664a3b5d26ff9c69252b322,",
-      "palette.brand.300": "S:554aa673aba4db66fb6acaa78f10272271558331,",
-      "palette.brand.400": "S:36346a362b59b4c539191d80be150f07096eb490,",
-      "palette.brand.500": "S:ec3375b59aa887eee77aff8619070a115aa9c97b,",
-      "palette.brand.600": "S:e273a788996a338245a84de9f326650b2655b52c,",
-      "palette.brand.700": "S:0a293adb9b0582705eb54090ce6f0aa0463d9ae7,",
-      "palette.brand.800": "S:9407bba425da4045160b5682ffb33f17f9a19064,",
-      "palette.brand.base": "S:0547c5f85ddd6ef06da2895528e427069d15d50e,",
-      "palette.neutral.0": "S:5bfc050215db3e62ba9e25ed69eb3247149bd29c,",
-      "palette.neutral.100": "S:9b341371e3296d6e8e9af505bcd5ff817a5627df,",
-      "palette.neutral.200": "S:734ddcc968065e659e825c34a3a6c836674205d4,",
-      "palette.neutral.300": "S:396b11b408cc3533066714d021f282c69d8804c4,",
-      "palette.neutral.400": "S:561757325cfb7cf265650f9135ac9bf84a14e987,",
-      "palette.neutral.500": "S:96792ae4c2e150a1a0b94267484c53fe46054d47,",
-      "palette.neutral.600": "S:0cb2d60dbb9193a04ee683e4e6ab722f76b469cb,",
-      "palette.neutral.700": "S:be8bb952110bf64372d9562fefad7ccc9c1ebc30,",
-      "palette.neutral.725": "S:99813cc5116bc90a3673798055f190b470d80f2b,",
-      "palette.neutral.750": "S:20df1893c82ef577e329c4a3a3c385475f560ee5,",
-      "palette.neutral.800": "S:982b90dea7d9d830316e4a18630408e45df56144,",
-      "palette.neutral.900": "S:500c9ee59256166f27c7745bca63c9850e9c9609,",
-      "palette.neutral.base": "S:5d3462777e5967d8f812032386955c0b0bf797fd,",
-      "palette.slate.50": "S:9ce573d6797bd0293219317d6f420b123321bec6,",
-      "palette.slate.100": "S:814edf17ceda91445bb00e0c24f70a83de1b9a28,",
-      "palette.slate.200": "S:d1e41b091128e3c0444194d9306f243177250e80,",
-      "palette.slate.300": "S:af709ded56e9fabc71afcd15bd48d851e7acd6fb,",
-      "palette.slate.400": "S:0b4690fbe3bce9b902a6b0597ea7c13f5d740a6f,",
-      "palette.slate.500": "S:8047ecfae69b2fe9a6c0657b9311fac6e95083f9,",
-      "palette.slate.600": "S:17e6b335fb02097c3239701ac1ec49c5d85c2df9,",
-      "palette.slate.700": "S:f7c011395ad8a00018d5a12a5991f62233d7de52,",
-      "palette.slate.800": "S:7d64d0a856853f670c4bb9afa9e0cb7525ad124e,",
-      "palette.slate.900": "S:21c4bca1bc0f3a9926548f83b1432ad7ce1ccc29,",
-      "palette.slate.base": "S:9167700ccbb15bf525670f6dc8deea0b1e9cfb9b,",
-      "palette.indigo.50": "S:a64849c63f1be36e4fa66ba058e2c9e6a2709e3d,",
-      "palette.indigo.100": "S:4f53fc7462848a9326e6fa327f15eacc329dea6f,",
-      "palette.indigo.200": "S:e68d63a8930c57c43bd504f381d36944e1cb4d6f,",
-      "palette.indigo.300": "S:dea8024e8b9f0a5518f87eee1540279c381b9157,",
-      "palette.indigo.400": "S:e3513367046e17bc89bdafca0dcfb77c88a12b01,",
-      "palette.indigo.500": "S:e3e4d620670d57d25459a0d55f468f0688ea42a3,",
-      "palette.indigo.600": "S:09bab08bb838e7d06e2004d053c007bfd1e01077,",
-      "palette.indigo.700": "S:2ccad961a14b492eb91186c22106875999fb6de0,",
-      "palette.indigo.800": "S:06e33bd1b99b1c126add2fa265def259a15be5f4,",
-      "palette.indigo.900": "S:b5caa1a9ad3d379486baff6ca12d19659cd11048,",
-      "palette.indigo.base": "S:19c94e130cf1f6668e460388887dc7645319e6b8,",
-      "palette.info.50": "S:f49611e860ae4b8205e6bf89b7626db3435f78ed,",
-      "palette.info.100": "S:fac50cb72b653aa9fc85ef43038cb5ffdc285a55,",
-      "palette.info.200": "S:11159ce4571baf88110e3ffb72256c6fff2824a3,",
-      "palette.info.300": "S:0fb274d300148fbc98006d131ea073f24e5baa8a,",
-      "palette.info.400": "S:955a6bd24e2b909394ec111df61915cad5e0e2a9,",
-      "palette.info.500": "S:f2cbb0c8f51d84da103dbed837b5a546e587828c,",
-      "palette.info.600": "S:b1f329de02b51577bac9608dafcbb62e98baaf2c,",
-      "palette.info.700": "S:806d0ce3a24adf85a5181fcae9d3dc452add1108,",
-      "palette.info.800": "S:d253f7621058f5ad9b1c485164df0c688c406401,",
-      "palette.info.900": "S:619acd30147d4a01efaf2bb749c151df355adb76,",
-      "palette.info.base": "S:cff76e1ae2bc332ed47ca05e5a853b178b513931,",
-      "palette.success.50": "S:785bf1b2260beefc58ac042706f849690bb4503c,",
-      "palette.success.100": "S:a3e53a171dbb632b290f84a272960287014bd1a0,",
-      "palette.success.200": "S:778f9a8f626f6b1117cc31c70cd4ce3fa603bf85,",
-      "palette.success.300": "S:bdcf28ebe406c1a11ad45053d5ed15a8416aa11e,",
-      "palette.success.400": "S:354a3d47036ece661f413d4d0ce7232691ef33b8,",
-      "palette.success.500": "S:724274e5cf89a9f19625138273daa40b1c760fc1,",
-      "palette.success.600": "S:c03cd3e1751c8cfd89d68b6acd7d1c4e00a557ed,",
-      "palette.success.700": "S:d3ff7f2ecccbdc83051db8319e6160043c439815,",
-      "palette.success.800": "S:16f552e739cc9b93bb241b784a8e71032eb2679a,",
-      "palette.success.900": "S:76a1c1ea43b99459e411489dec036f3072459bd7,",
-      "palette.success.base": "S:e87a1665149bf633930704950d02964affbed135,",
-      "palette.warning.50": "S:799cac20af6895345d9882088886219df7782ee2,",
-      "palette.warning.100": "S:d26bc17380d96e62158c2fc9d25c88eca4edc799,",
-      "palette.warning.200": "S:0008968bca6ee30259c5f3394b225f370f9f5f6e,",
-      "palette.warning.300": "S:7e4bf331a4ba393ccb1486b11502f708c7b7eec0,",
-      "palette.warning.400": "S:ee53c778c1b1b653ccabb04223f6229a9042311f,",
-      "palette.warning.500": "S:4a6360dccbaf3798e84c73c957624d2576b895ad,",
-      "palette.warning.600": "S:2edb1df813237884f348a956cbfbb41552649d29,",
-      "palette.warning.700": "S:4bf142f1c5121cb5ec0b391ea43dd2e35b078ba0,",
-      "palette.warning.800": "S:a1ba8fd0920513a763c9032e65f79ae017ec8ac1,",
-      "palette.warning.900": "S:78b15769c41fc6c89505a31d5d9be3c37fdca5b1,",
-      "palette.warning.base": "S:abf785eec943f7a734f62da91fcaa96ca4b14b61,",
-      "palette.danger.50": "S:d1c965af88c64a579bd6982912a0469ec80a8012,",
-      "palette.danger.100": "S:cf2fdba9de009d616d5acd75001b87f1e33fb06e,",
-      "palette.danger.200": "S:3e9ab63d965f8e85bb92872e465fdfde1c4cac4b,",
-      "palette.danger.300": "S:b5c1c081780055998374723fdf161187255edb1d,",
-      "palette.danger.400": "S:f3a498947441a6145b553b93b8a6f7f72fc0a522,",
-      "palette.danger.500": "S:8fdea1844180344df01eea99327448ae04e302e9,",
-      "palette.danger.600": "S:1177d05132afdd544a9b3dc447906e62e54792bc,",
-      "palette.danger.700": "S:29d8e7b2016f832253c0fa4825503c4b95a1e739,",
-      "palette.danger.800": "S:bbf5ea42865e4db9b5f20cbd90bc57e74b4900f3,",
-      "palette.danger.900": "S:38147f61b695c1fd2f2ef7295f6089a17d6330b3,",
-      "palette.danger.base": "S:f2d7fcf2967eccec4b13ee72cfdb2b65ae54f4aa,",
-      "palette.gradients.base": "S:7517175d2380fe1a98b629ea8ff5248600d41585,",
-      "palette.gradients.transparent": "S:cd26e099b3b45b55f595c45ec875affbf1aa33b5,",
-      "palette.utility.transparent": "S:0dee5a06fd30808694e2d817f11537c5785ee3cb,",
-      "click.accordion.small.typography.label.default": "S:078467ddfdfcc32401239402086797b066210320,",
-      "click.accordion.small.typography.label.hover": "S:ec40dd2df2741750ac96f8d5739b6e5e261fe217,",
-      "click.accordion.small.typography.label.active": "S:62d7407a5dfd689ef10905cb7c38e303d1268e41,",
-      "click.accordion.medium.typography.label.default": "S:1c234a1968a13904c9a0150e396d6ca13f64f5d0,",
-      "click.accordion.medium.typography.label.hover": "S:b433dddf08683bbf52e2cc7ea4cc89986c1c1527,",
-      "click.accordion.medium.typography.label.active": "S:3ebbdf5d3eddfb9a5a079c9928b48f87bdbc6a57,",
-      "click.accordion.large.typography.label.default": "S:b8ca623c7f0bffef165d355cf37709c40ebafabd,",
-      "click.accordion.large.typography.label.hover": "S:7304115d4352fcebdd69b46f3ddea6cb9043b8b1,",
-      "click.accordion.large.typography.label.active": "S:cf13f7804fbe87df00d69f51258ae6cf89c0cc16,",
-      "click.alert.medium.typography.title.default": "S:7a55f3eeec7e8052f112138a3af2319ee1a6223a,",
-      "click.alert.medium.typography.text.default": "S:8aa1c2c9dfdd2441bb9f08dd606138913bd28f01,",
-      "click.alert.small.typography.title.default": "S:7c9f600c9336e0dede5ed7f9c5fbc0854e545d71,",
-      "click.alert.small.typography.text.default": "S:bcd5b785519804e1fa9ac3a82d58a280a7f141fa,",
-      "click.avatar.typography.label.sm.default": "S:ca21ca66cbed61b5d14e4822cd90bafebe83582c,",
-      "click.avatar.typography.label.sm.hover": "S:2337501541dd2aa5caa117ab49ee8e4d8bc0da9a,",
-      "click.avatar.typography.label.sm.active": "S:521e4f3e1315899d696822ea67ff3f723e26d222,",
-      "click.avatar.typography.label.md.default": "S:820926147adb3d8e683a890937f734f60711cde2,",
-      "click.avatar.typography.label.md.hover": "S:c1cfd52064b7a88e7e686dd7c43903bde7b5d2db,",
-      "click.avatar.typography.label.md.active": "S:53e385d6d193aecf350b5d4d553a7c885d85bf62,",
-      "click.badge.typography.label.md.default": "S:d1f79acc11fb2d7e3275787f85a22a9f6aa23fbd,",
-      "click.badge.typography.label.sm.default": "S:a4729016ac0f06fef30b069fbbc3c6c018a504f1,",
-      "click.bigStat.typography.lg.label.default": "S:701c8ea403810c54645e869680e145edbd91e79c,",
-      "click.bigStat.typography.lg.title.default": "S:6ead8bdcf462a9feeaa4d3de30d1efc51197dc87,",
-      "click.bigStat.typography.sm.label.default": "S:fdcce28a4da533087aad4b1345fc8d39ee8a537e,",
-      "click.bigStat.typography.sm.title.default": "S:b646bec31185de22fbff4f929bef73b93a565519,",
-      "click.button.basic.typography.label.default": "S:9fceb881089a1204934fdae753a9d92c833dbc8f,",
-      "click.button.basic.typography.label.hover": "S:d9ba71ac4be81ee30d796092c7d5f099616b0af7,",
-      "click.button.basic.typography.label.active": "S:1e950add8b99229d9b6322409135bae55c0b85a2,",
-      "click.button.basic.typography.label.disabled": "S:cdd25d6f1e9dccf7da257ba8edf1e5bae0c56e43,",
-      "click.button.basic.typography.mobile.label.default": "S:4dd7b81f10837e468fceeb474ae7d075e98b1302,",
-      "click.button.basic.typography.mobile.label.hover": "S:a63b17962f39327224b55f0392b604d8355ad609,",
-      "click.button.basic.typography.mobile.label.active": "S:a1c5276ee1fef4f28fe3a114cabfff7be29585e6,",
-      "click.button.alignLeft.typography.label.default": "S:90a520834c91b602f0d9d01c5faa4531fc770368,",
-      "click.button.alignLeft.typography.label.hover": "S:c4a0d081035d9c717eb210a68b5e46d6bc325d2f,",
-      "click.button.alignLeft.typography.label.active": "S:f7b29da72d3aa43443ae838313067b7bfd3cde44,",
-      "click.button.alignLeft.typography.label.disabled": "S:4b69824987ff40149bf573a0c766834e92a388a9,",
-      "click.button.alignLeft.typography.mobile.label.default": "S:61ea1e0ea1d5b3ba97ee6e8f7a64384f80037ec9,",
-      "click.button.alignLeft.typography.mobile.label.hover": "S:4c368ec76638030094b5b562d77331766bb780db,",
-      "click.button.alignLeft.typography.mobile.label.active": "S:91b89286ecea26ee8c34ebb6cc5c3460715f51c5,",
-      "click.card.typography.title.default": "S:deeda1a1a3a4546ee6e9e694dfdf7e0509f6e4ca,",
-      "click.card.typography.title.hover": "S:b5a6591a56fcfafce79162cc7bdadd6d0ba92029,",
-      "click.card.typography.title.active": "S:48f2edb609dc5a361a8a564abc5544fc24a28fee,",
-      "click.card.typography.title.disabled": "S:04b4dff60ca8601c07fa426ca4c15bef66243d41,",
-      "click.card.typography.description.default": "S:a4ff653ad64fa7ea37019ac741d2a94823c42275,",
-      "click.card.typography.description.hover": "S:a1257e77249ecc348cb8ec12b93e421f68061de2,",
-      "click.card.typography.description.active": "S:12332094564ff466a09c066c7a46e1b4883a7c44,",
-      "click.card.typography.description.disabled": "S:e290acfea7102b9ba002fe314768af53dd30bf1d,",
-      "click.card.typography.link.default": "S:65e73906b83b79c9048e2fb8c6d03abc886cff80,",
-      "click.card.typography.link.hover": "S:fbdaed4f895eecd2a939967b73256d6dd29759d5,",
-      "click.card.typography.link.active": "S:397c41572918610536119d28699a4eb1cce8b064,",
-      "click.card.typography.link.disabled": "S:1dafd00e276b05bfadc576b501535aa559feba91,",
-      "click.card.horizontal.typography.title.default": "S:c464c6df285e2c31ac42c8183babd7849d032aed,",
-      "click.card.horizontal.typography.title.hover": "S:021d86a4bce9faa4757e9d5c2b3c846656c58454,",
-      "click.card.horizontal.typography.title.active": "S:9064baa5e6845c719efb00c8d10acd5ea9eb1d69,",
-      "click.card.horizontal.typography.title.disabled": "S:cb58b91e9c9a9be741cad1d354804856ec205e31,",
-      "click.card.horizontal.typography.description.default": "S:a942de12d8a13d1c5f27224c8e1c34b9dc458e8b,",
-      "click.card.horizontal.typography.description.hover": "S:e4bfd7dc6991791e494b576a355265b260612f93,",
-      "click.card.horizontal.typography.description.active": "S:9dbd448b11271be3350508f981a9cb54d1510045,",
-      "click.card.horizontal.typography.description.disabled": "S:ae4c4cdc31c0eff7fb37b2787ff597e4e46d82cf,",
-      "click.checkbox.typography.label.default": "S:9d781995d7827ef97dcc193c6134c42b5ea4d490,",
-      "click.checkbox.typography.label.hover": "S:0bbe11ef3e68ad0c55f6177218b657df9ad8f043,",
-      "click.checkbox.typography.label.active": "S:81850b6824da1add420829cc1bf8c1519e6a3b9c,",
-      "click.checkbox.typography.label.disabled": "S:9e8765e4bda48034bb3ec148e62bd859eded7f1d,",
-      "click.codeblock.typography.text.default": "S:8b4291d33ea6c8739a219a16953337c366dfbc74,",
-      "click.codeInline.typography.text.default": "S:b16382ac59e037a8ad59d98fee3f412c53d6403a,",
-      "click.docs.typography.titles.lg": "S:3b4f8eac106cf16588c7980fb97206c28829fdd4,",
-      "click.docs.typography.titles.md": "S:b8d623eed08601cb2bbe3eb08b4551e74c7d85a5,",
-      "click.docs.typography.titles.sm": "S:f6128556ab5ada0eb1580ced67f253d3d526a606,",
-      "click.docs.typography.text.default": "S:49a2dcb758200a1fd18dad010ba0da4428c4eaab,",
-      "click.docs.typography.breadcrumbs.default": "S:16efc8537e315ffcd114293e0a5b70a9c68259c8,",
-      "click.docs.typography.breadcrumbs.active": "S:f702ba349efac65d41346f44c60a88b8e69f7e2c,",
-      "click.docs.typography.toc.title.default": "S:b1346f34db99e1063ce6f78c04f9208be4e1e8b1,",
-      "click.docs.typography.toc.item.default": "S:47c9e44c7c621379d60a9d2fe189ab53df9b0414,",
-      "click.docs.typography.toc.item.hover": "S:bc1a87c1b6676487724a6d6fd09d8311c33ac9b1,",
-      "click.docs.typography.toc.item.active": "S:9a473f70da2f47459a8d917d24b5dae0f3c9f612,",
-      "click.field.typography.label.default": "S:bb699e96c6289210e0eae80fdbfdc17164a87ced,",
-      "click.field.typography.label.hover": "S:9876f26bbbd6617cef5b22d9e1610d486551687a,",
-      "click.field.typography.label.active": "S:98342825c0e2a8e1efeb93577d612b7051bbe27f,",
-      "click.field.typography.label.disabled": "S:471300451691b756cf05d5b485a0bedbd9be6504,",
-      "click.field.typography.label.error": "S:14feefbd2cbf5cc7758b9c349c33d2e2d453b60f,",
-      "click.field.typography.fieldText.default": "S:c495bb9e61be89cdc141ed8f5c306ce8031add94,",
-      "click.field.typography.fieldText.hover": "S:f6751ce1df4b4f219df6c4737211dbbaff533385,",
-      "click.field.typography.fieldText.active": "S:8c65e0d3bfdc2e20f3a7c3402074d59a13b2bb48,",
-      "click.field.typography.fieldText.disabled": "S:7c1e3aa7fca93eb7b5cd60a1d4440caa87ce3c44,",
-      "click.field.typography.fieldText.error": "S:1341d67531703c2f98275863d68fb4764eb0c435,",
-      "click.field.typography.placeholder.default": "S:51799689f68cb61cefa1fe68d21bcf5f4f778c4a,",
-      "click.field.typography.format.default": "S:aa817e8a6a64316dc28bdd203cf94682dbc408fc,",
-      "click.field.typography.format.hover": "S:e40774dd408dea84e853403e927d0703a11eb8b4,",
-      "click.field.typography.format.active": "S:8e3951a0910647fa9c9d736584c419100ef690fc,",
-      "click.field.typography.format.disabled": "S:bf236d2e81fc60ffc36b82bd77784354f07a9d8e,",
-      "click.field.typography.format.error": "S:3715c008f1ec6b376704242e4d24abc4599e6197,",
-      "click.field.typography.genericLabel.default": "S:f763f6f6ab9ea83d965305618ade5bfbdc648128,",
-      "click.field.typography.genericLabel.hover": "S:6994a403eb09d859c10f9b1ac18b1a1230774ced,",
-      "click.field.typography.genericLabel.active": "S:45bea94bf7ec3b53c076961f540589069b744c6a,",
-      "click.field.typography.genericLabel.disabled": "S:b2454abcb40705125d4d85d88630dc455a952bd6,",
-      "click.field.typography.genericLabel.error": "S:c31146914ad7ba1b8a6c31976d731a0c9cc890e0,",
-      "click.field.type.mobile.label": "S:9120fde0294dacc3c3a90de8d3832baf931a4a62,",
-      "click.field.type.mobile.field-value": "S:f46d24f8c8fd887fee6a26bd0b2a272c69ab4b7e,",
-      "click.genericMenu.item.typography.label.default": "S:3867e8d4d3b499a29b21d2a6287c9e44a9543e09,",
-      "click.genericMenu.item.typography.label.hover": "S:6772b95e8186c6fe48bbf0dbd578fb26f0202a3b,",
-      "click.genericMenu.item.typography.label.active": "S:5653268ee94d3c7d5478630b46ea5594d043174a,",
-      "click.genericMenu.item.typography.label.disabled": "S:7a2bb35f1b8d6cc099672117b6ada24f5cdd3b25,",
-      "click.genericMenu.item.typography.sectionHeader.default": "S:e18a3dede8228e46b2f42bdf7dfbf3cfd40dfb5e,",
-      "click.genericMenu.itemCustom.typography.label.sm": "S:8be3547f834faa28fa2f80abc4626292086ca2d7,",
-      "click.genericMenu.itemCustom.typography.label.lg": "S:64baf6773613b06a263fb4da8558f6aecdca9282,",
-      "click.genericMenu.button.typography.label.default": "S:b82b2164f2e644665e0e76703889e30146bcd035,",
-      "click.genericMenu.button.typography.label.hover": "S:c9402ec3922d4c79d7d4f1f2b157b778d8b28cb0,",
-      "click.genericMenu.button.typography.label.active": "S:62cab85685cdcc7b61ad09868b26e8e15fc488e8,",
-      "click.genericMenu.autocomplete.typography.results.label.default": "S:05c7f1c87bc03439f36ad3fd0b5e62829bfdd564,",
-      "click.genericMenu.autocomplete.typography.search.placeholder.default": "S:fd1c42e73b99bdfe94f9d939acbcc7c0948e306e,",
-      "click.genericMenu.autocomplete.typography.search.term.default": "S:3707860afe42a9f11426f009dead694ced7c3f89,",
-      "click.sidebar.navigation.item.typography.default": "S:6f9bb7cdf5b4b00ae177bf13c2c719476ac6c36d,",
-      "click.sidebar.navigation.item.typography.hover": "S:f9d3cb5d8ac729101ef3a35f92a44a6b49e3507d,",
-      "click.sidebar.navigation.item.typography.active": "S:d2a872f3fae429fdfd134bb4b9430020d862dc0d,",
-      "click.sidebar.navigation.item.mobile.typography.default": "S:5da4cc683f48b91bee70d687c41b9707ac8ffce4,",
-      "click.sidebar.navigation.item.mobile.typography.hover": "S:260fa9229cd9611acffb4391d77dc7da9c49441f,",
-      "click.sidebar.navigation.item.mobile.typography.active": "S:258a424173ee3e52ae5737cbca3f022bec714b8b,",
-      "click.sidebar.navigation.title.typography.default": "S:0eca92bad2629df6960c145e23680a4a771daf79,",
-      "click.sidebar.navigation.title.typography.hover": "S:3706f1c027ed460b655fd98122e15946961d1ee2,",
-      "click.sidebar.navigation.title.typography.active": "S:12a5ae796e63633dc26f91ce9577588710771914,",
-      "click.sidebar.navigation.title.typography.disabled": "S:03b335914fadb72dc8d0b5535619e355c8004abf,",
-      "click.sidebar.navigation.subItem.mobile.typography.default": "S:3840ed07f5b9c2e44c8e2c5f2598c1b57f7a07f9,",
-      "click.sidebar.navigation.subItem.mobile.typography.hover": "S:40ab61851e43f89a2cdc881e1be3d23e9b762194,",
-      "click.sidebar.navigation.subItem.mobile.typography.active": "S:b4eb3d7146ccc5e2492cef268b8fcf9274f953e5,",
-      "click.sidebar.navigation.subItem.typography.default": "S:3d8f3d7e490a7b250e30a2fe754249000a70769a,",
-      "click.sidebar.navigation.subItem.typography.hover": "S:875615c6b9f17fde906c53eb7fdb7fd8ba03da5b,",
-      "click.sidebar.navigation.subItem.typography.active": "S:f39026870613468cb1808ba7d1b691065c94a2bf,",
-      "click.sidebar.navigation.subItem.typography.disabled": "S:9aa3ca2ed2218886fa132df42d63d26f9034b20d,",
-      "click.switch.typography.label.default": "S:f58146ee7b7f5777d48742261045e269a0656f4a,",
-      "click.switch.typography.label.hover": "S:416e1dc6d4e55e08c5373b7ca13e56422651986e,",
-      "click.switch.typography.label.active": "S:db9a8390e3ad004296f7ef8f7fd5ba2897e015c4,",
-      "click.switch.typography.label.disabled": "S:d7e3cfe00ce5637b2c1bb84e54c417a8069b9c6d,",
-      "click.table.header.title.default": "S:ec58a81ea78001cd23c1d7f2c405b3e9f67101a9,",
-      "click.table.cell.text.default": "S:fc9cf1653b255fd44ac35f55d56f02b4c0ed1fdc,",
-      "click.table.cell.label.default": "S:82a8e34411286c432c28eae2364f63f699281313,",
-      "click.tabs.typography.label.default": "S:16ae4610378c7f8d3ec6344960f95851e61f9a88,",
-      "click.tabs.typography.label.hover": "S:dfc34bb1544cec0e4826bf2a3083fd0b852d4aa4,",
-      "click.tabs.typography.label.active": "S:8b1303453786265ad68eb446f65ed2099f85e41c,",
-      "click.tooltip.typography.label.default": "S:871dc2694ce485729790f67663ad499928198218,",
-      "click.radio.typography.label.default": "S:607d26d1f083fb3d81415e1e74067fd532262d6c,",
-      "click.radio.typography.label.hover": "S:8a6395b1d22d39fa2fc878e42c7ddb1d49cf8fae,",
-      "click.radio.typography.label.active": "S:1294a8a2507d5afcf284d35cf444ae406fed461c,",
-      "click.radio.typography.label.disabled": "S:4229041211668cfac51290fa6fabb5a80baa39c1,",
-      "typography.styles.product.titles.xs": "S:73b6db61516222797f9be432aabcd30389294230,",
-      "typography.styles.product.titles.sm": "S:b59f5a84dc44b2ac27d665c22213e4d22dca95ed,",
-      "typography.styles.product.titles.md": "S:34820ce85cf042cc64bd313e93525a58f6368a9d,",
-      "typography.styles.product.titles.lg": "S:f5c3fd9b96a915a9d320a75da890dc006793d26b,",
-      "typography.styles.product.titles.xl": "S:a0fc502010c84f3a90d822a1427c783a63c474d9,",
-      "typography.styles.product.titles.2xl": "S:71ff88069b87926e5eff4dac9dc416a0fffcef91,",
-      "typography.styles.product.text.normal.xs": "S:0206551972eaf6fb9b18d146af6d2dda8e2173db,",
-      "typography.styles.product.text.normal.sm": "S:dc774fa7e98a52da2b1b2adad708ea7252e6d2cc,",
-      "typography.styles.product.text.normal.md": "S:c53df70c8398331b5e89552c0e4d6a9b97addafc,",
-      "typography.styles.product.text.normal.lg": "S:da664f3162abf84518fb37b0ef6de622201620de,",
-      "typography.styles.product.text.medium.xs": "S:0b1a38eb78478f29df1b343a6b6d6f57bfc52cdc,",
-      "typography.styles.product.text.medium.sm": "S:ac44ffd61f29fcab4f30901f512898d9d8c33617,",
-      "typography.styles.product.text.medium.md": "S:0cefc3f5a84354f835c74e47e3672df056f825bb,",
-      "typography.styles.product.text.medium.lg": "S:9cd9eb73638968ecb0807b938e65420cf768b71a,",
-      "typography.styles.product.text.semibold.xs": "S:c652ef24e78c53448474c01b734fce02fbfce5e6,",
-      "typography.styles.product.text.semibold.sm": "S:99a2ff6d9b53a91f46d64ee63490f24a12a66dd6,",
-      "typography.styles.product.text.semibold.md": "S:ae8ba90a74823f4afb76e807008115783cca92e5,",
-      "typography.styles.product.text.semibold.lg": "S:c36dc52a8412d240304841921672bcd93b4d1779,",
-      "typography.styles.product.text.mono.sm": "S:a5c2e880530c33a7b5472f6f47bcc2a20e209e2d,",
-      "typography.styles.product.text.mono.md": "S:13965cbfa93a6709c83bac5e3b2fedbdfa06be7b,",
-      "typography.styles.product.text.mono.lg": "S:c5422fab966e8fe7cc6e8d4e79d6bfa9feaca7b2,",
-      "typography.styles.product.text.bold.xs": "S:47abd6dfffab33a1fa44533bf96acf7721773524,",
-      "typography.styles.product.text.bold.sm": "S:6611162ab121245c45333780bda973fe306118d5,",
-      "typography.styles.product.text.bold.md": "S:542cf614811dcc25f56193a6394b461d1fb065e8,",
-      "typography.styles.product.text.bold.lg": "S:1ff80e0a49b3ff76e09244bfec9512d75f864d2b,",
-      "typography.styles.brand.titles.xs": "S:9dd3c8f43d149a8e58e10e003a4c9869b72feb28,",
-      "typography.styles.brand.titles.sm": "S:538a8a4dd071891e3de1757072bb944f60aa7109,",
-      "typography.styles.brand.titles.md": "S:49113377fb4d9adbc2f6c15ba75500d4b248d117,",
-      "typography.styles.brand.titles.lg": "S:1f6bfa11f1f1ab56edb1c71887ed29c0814521b5,",
-      "typography.styles.brand.titles.xl": "S:4d6e6e3a1af337aadb674dc4f81208992d74a22a,",
-      "typography.styles.brand.titles.2xl": "S:a4a3200f42ac1e1c133ae733be80c8d764127115,",
-      "typography.styles.field.md": "S:8133898792b9a88edd5f417e60765fb0a92ca834,",
-      "click.card.shadow": "S:0bd4a9af73f277607032035635852a23df136108,",
-      "click.genericMenu.panel.shadow.default": "S:23d5943ae752ec10e86eede2816e5c7b7ae33cf8,",
-      "shadow.1": "S:19370fd0a88adbb2640b3e9e27737d55db916d9b,",
-      "shadow.2": "S:338ae22c381917d950c742bb0299e52fcd0ce627,",
-      "click.global.color.shadow.default": "S:5a4f72d1fc8a2ee854295a40eb20babb11c98231,",
-      "click.panel.color.background.default": "S:49bf8228e63aafe5d06d84d1e1db2640ead2acab,",
-      "click.panel.color.background.muted": "S:0f6e75ff1740798a6006bb42f9912d2e466672cb,",
-      "click.panel.color.background.transparent": "S:6a62d409175bb227251dd975a2af1fd796094ca5,",
-      "click.popover.shadow.default": "S:084887d9aa28f2eca7a51b492edc435e87278f33,",
-      "click.panel.shadow.default": "S:90977e68b9c3a1e7fcd2c3c3f2f2bbf2b91b2562,",
-      "click.panel.color.stroke.default": "S:bebb31ed7da061e7577a72b4891d224f99437670,",
-      "click.button.basic.color.primary.background.disabled": "S:b4cf295a297ecebc48cfc6fb3e412b2c17698f39,",
-      "click.button.basic.color.primary.text.disabled": "S:530db881e66b8f098c37b3723b5f1ae080ddaaab,",
-      "click.button.basic.color.primary.stroke.disabled": "S:3ca2f6b552c2dac92d704e5138303d78be30600f,",
-      "click.button.basic.color.primary.text.hover": "S:c42d415593ada24563a67da931c8b65c8c0ab70c,",
-      "click.button.basic.color.primary.text.active": "S:1afb535d31c450a3c5682d82549645793d1e89da,",
-      "click.button.basic.color.secondary.background.disabled": "S:752c2e6b6be62161a36d71d0a9a6695e5e23678b,",
-      "click.button.basic.color.secondary.stroke.disabled": "S:00f02ee16319e40db745c7c6753a35484bd73ffb,",
-      "click.button.basic.color.secondary.text.hover": "S:69265780dfbc2aa685ce0ccd9048d739df08ad3c,",
-      "click.button.basic.color.secondary.text.active": "S:553d0b8ca068c8422cf4f4bfb19e9c2952822f3d,",
-      "click.button.basic.color.secondary.text.disabled": "S:22bc2264fc91907f7b6d3f865b0337f2e65f13aa,",
-      "click.button.basic.color.danger.text.disabled": "S:0894f46544624b00ccf7259203bedf0618193849,",
-      "click.button.basic.color.danger.text.active": "S:2cd82a9cffefe1f51910ae26049cc00fd7b651b3,",
-      "click.button.basic.color.danger.text.hover": "S:e3a2944efac807da3b6921d0948e3ae78ff6d329,",
-      "click.button.basic.color.danger.background.disabled": "S:e865b7c1a605da3369db48f43bf23c8d390feff0,",
-      "click.button.basic.color.danger.stroke.default": "S:b494e36595a7f1cbef506dc84cb69a054a251132,",
-      "click.button.basic.color.danger.stroke.hover": "S:c421609dc9ae28ddea5a4af1cb4844c8be7e4e8d,",
-      "click.button.basic.color.danger.stroke.active": "S:43ac4b1f72cfd2a2bf24817d45a1f23d6409fb0d,",
-      "click.button.basic.color.danger.stroke.disabled": "S:07e24d87332c104d27b315f9c5f93b8c506230f6,",
-      "click.toast.color.title.default": "S:c815142ec8d41db05391167cda0c5202d38d5e97,",
-      "click.toast.color.description.default": "S:e69d3881334bd325c44eee8d49cbdd8f2f3b0546,",
-      "click.toast.typography.title.default": "S:babb404ff16341d28cdc245790e37e380c06e779,",
-      "click.toast.typography.description.default": "S:bd9bf5e87bb6111d654fb92f1e8a2f833467f0ac,",
-      "click.toast.shadow": "S:f4cb1ba6eb547f89d3e59843f6dd263beb379dd0,",
-      "click.toast.color.stroke.default": "S:a5b323f2b03a5fe498a78a12112546caea38ae06,",
-      "click.toast.color.icon.default": "S:8f3a18041ccdd4ca00943d49eebe572fda88715c,",
-      "click.toast.color.icon.success": "S:60143d87c7df43ec7dc02c34dfc9f5e9d8d8b7e3,",
-      "click.toast.color.icon.warning": "S:5b1257892a0732b2961897051cda34f33ea650a0,",
-      "click.toast.color.icon.danger": "S:685a59c8f55d1e59d6cdd14cae37410a550393d7,",
-      "click.dialog.color.background.default": "S:33e75fbd1db35545845c9bb588fa3c7027da42ce,",
-      "click.dialog.color.title.default": "S:b9bc89e4a8c8db26117b16519d3691d5812090dc,",
-      "click.dialog.color.description.default": "S:e24e7aea09e619d1e649d4b3182259a9049f3953,",
-      "click.dialog.shadow.default": "S:aa2d62f53829e10f1b99715f9add906cb7563c28,",
-      "click.dialog.color.opaqueBackground.default": "S:3993ee73fa8c25fb700695eb2e935cef693a6976,",
-      "click.button.split.primary.divide.default": "S:03c620316eecb72bf938ad6336a7245793e5fff2,",
-      "click.button.split.primary.divide.active": "S:9917ce4452e3b928c6ddda6ddf0f84363a834897,",
-      "click.button.split.primary.divide.hover": "S:1d186dab6b9c870ad0035ff6adee3e956fefbdfa,",
-      "click.button.split.primary.divide.disabled": "S:5c79deae821063cef314f0d346c32fe6d895ec61,",
-      "click.button.split.primary.background.main.disabled": "S:1f54f5e796f60df6c2e8bfa5020dcf0b2d5b5ac2,",
-      "click.button.split.primary.background.action.disabled": "S:81a05cd33a238c52eebe62ace91d79c016ccf544,",
-      "click.button.split.primary.text.hover": "S:395b399fc7a6e83bfc4137ffe3f12b28272bc79e,",
-      "click.button.split.primary.text.active": "S:bf2b6b32e110a4338d276ce344ea29d8003ec6d6,",
-      "click.button.split.primary.text.disabled": "S:490640078070dabd0a75dc4f5964b2295de21c31,",
-      "click.button.split.secondary.stroke.default": "S:f09ee66444782df971cfcc7e20836a4b40909fc4,",
-      "click.button.split.secondary.stroke.active": "S:d6837a3b4d8d56a8c0b1280dccc357f32b835be9,",
-      "click.button.split.secondary.stroke.hover": "S:a2a6567be403639896a5e5df1e04ff2279680010,",
-      "click.button.split.secondary.background.main.default": "S:b1371d2051eeacd2a991f193ab921af6e2939cd5,",
-      "click.button.split.secondary.background.main.hover": "S:008167cd1b9fe74547c316f2bfa9f4e2a656cd50,",
-      "click.button.split.secondary.background.main.active": "S:08985ca6c07f48e999d6af4a9683aa6c8c4e6aac,",
-      "click.button.split.secondary.background.action.default": "S:f0acddf517b9cdcc39c1b7fa8503bb9adf23ec0d,",
-      "click.button.split.secondary.background.action.hover": "S:63d08b9b98a02712b9c989f662834ae3fe16267b,",
-      "click.button.split.secondary.background.action.active": "S:d0c04258784e10f5f2d140014a30928f3236059e,",
-      "click.button.split.secondary.text.default": "S:cb88bb0e2300d0e6df15d6b9dd8354b9e52953f5,",
-      "click.button.split.secondary.text.hover": "S:34e0797af4ed80f9be01518994d7f42f163a18c6,",
-      "click.button.split.secondary.text.active": "S:c0483e15ba79d080a9cd303733f04423a22cd64d,",
-      "click.button.split.primary.stroke.disabled": "S:f5ce1896af58010cc482aea04865a1168df66620,",
-      "click.button.split.secondary.stroke.disabled": "S:8fbbd1af31ab617341417f7b0aa44cceecada380,",
-      "click.tabs.fileTabs.color.background.default": "S:35674cccc6f3e77e6949ac98aee06e885642f345,",
-      "click.tabs.fileTabs.color.background.hover": "S:b98f5129fa82e1be493bff021823b46a942ac35f,",
-      "click.tabs.fileTabs.color.background.active": "S:6f285a5c533e63dc3fe75042775e947f7096f0c1,",
-      "click.tabs.fileTabs.color.text.default": "S:bae224299eeb0f14a6422416d2f222076d9da8f9,",
-      "click.tabs.fileTabs.color.text.hover": "S:9ee30e7674f00d12280d648e220696c3eb9373be,",
-      "click.tabs.fileTabs.color.text.active": "S:18bfd123d65a0004e39311bebbca171780f9dfba,",
-      "click.tabs.fileTabs.color.stroke.default": "S:41203ace5eb74f3e2a16dd5eebe2c4a563a51aa2,",
-      "click.tabs.fileTabs.color.stroke.hover": "S:6b476ed3479a5dd2776c4021f504495d368482eb,",
-      "click.tabs.fileTabs.color.stroke.active": "S:c669ce61b91bff4ed2f1237afcea710ba44c846d,",
-      "click.tabs.fileTabs.typography.label.default": "S:1e45f5e1b33f357ef545baa8ab07e15214882ff1,",
-      "click.tabs.fileTabs.typography.label.hover": "S:9c06f985da4d478c393cbc92247a1d235cbfcdab,",
-      "click.tabs.fileTabs.typography.label.active": "S:3c5e2fdded5e459c9bec2bffa1009ed2a45e1851,",
-      "click.sidebar.main.navigation.item.color.background.default": "S:1edb987bbdcf08a6b2ddde6bdf3c72150044622f,",
-      "click.sidebar.main.navigation.item.color.background.hover": "S:8c2feefff9e92750b522733f6eefe48731d2105d,",
-      "click.sidebar.main.navigation.item.color.background.active": "S:72d7c4afe52480f5b0ae7c08da88edd01a26b0ee,",
-      "click.sidebar.main.navigation.item.color.text.default": "S:aa89425a40c6fe6c1c08189a74d6c8b65630ad8d,",
-      "click.sidebar.main.navigation.item.color.text.hover": "S:9fe009806d273625a1104e2a69f23949e3aaf38c,",
-      "click.sidebar.main.navigation.item.color.text.active": "S:e69b973f8e64f3599f88ec65494a8d545995c405,",
-      "click.sidebar.main.navigation.item.color.text.muted": "S:32f6f05f5a71c9df766258ee0ece9f7e09b06a15,",
-      "click.sidebar.main.navigation.item.color.icon.default": "S:f6037888734cab7b038e52c4fcc478df253c39ed,",
-      "click.sidebar.main.navigation.title.color.default": "S:55a74f0f96f04d0aa83f5e9530af8e1c03c81954,",
-      "click.sidebar.main.navigation.title.color.hover": "S:4e6bc4c97628ac12e02ecf37572229f6c5c99e07,",
-      "click.sidebar.main.navigation.title.color.active": "S:4a6edca9fc7b15b0e22fcd5a22c3a112d7e906e8,",
-      "click.sidebar.main.navigation.subItem.color.text.default": "S:526360e1bd98d910f46326c054fe6dd1ed7feced,",
-      "click.sidebar.main.navigation.subItem.color.text.hover": "S:ac0b5b7ee6ddf60ba6d4383cc8f167c4959e127f,",
-      "click.sidebar.main.navigation.subItem.color.text.active": "S:3cdc0ad864c0282e5245bfc37a5d8c704c1d4707,",
-      "click.sidebar.main.navigation.subItem.color.background.default": "S:6e9510b71e3a4b51195c2e795cbed8720068b68b,",
-      "click.sidebar.main.navigation.subItem.color.background.hover": "S:eacdfb7967c85f9ed37b97a81c3c2187379a3533,",
-      "click.sidebar.main.navigation.subItem.color.background.active": "S:11eff814f8b0276be0ddb0a2caf1309fa53246ab,",
-      "click.sidebar.main.navigation.dragControl.separator.color.default": "S:7dc1ef2ad469db67f6bc695c82d5b4ceb8fac31a,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.default": "S:fd7c1749b216e5ba3d987653af8d09de7e95404f,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.hover": "S:0af9de325a961af052c959dfc2991ad585802979,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.active": "S:b3bb40fb3c026434741551310c93d594cfccdd1c,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.default": "S:01d038ea5e8b19f760c2b1b4a03d7c5a5ac6e353,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.hover": "S:e7634521c24c6eeb3e57f431ebe6a0fe5db5b8a9,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.active": "S:ba889dd10c396a732cabf027aff81101012c8c28,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.muted": "S:7a61659a8ce46e8374aef925a8cb2e793d30720f,",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.default": "S:535e6ad22aeaa2b977fe79e1041f4cd5f3565ea0,",
-      "click.sidebar.sqlSidebar.navigation.title.color.default": "S:70c56f9bc455c7606295a5a488e1859c9f838677,",
-      "click.sidebar.sqlSidebar.navigation.title.color.hover": "S:e64e96d3558cb4a47a5f401beb63d69793682c3d,",
-      "click.sidebar.sqlSidebar.navigation.title.color.active": "S:ef9a5aa04ba92244afc884d086407b1c37e3f5a2,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.default": "S:3566207b389b8ab054358f73db67941168fd36fe,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.hover": "S:3437cd1c89f8b25045a919fe4e711eccdaa08d35,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.active": "S:696044688f33bdad3851554dde15da94dd398c4a,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.default": "S:57e53cde35e7a32e02519240f420d53b654ecb4c,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.hover": "S:ef4f8eb35adc1894203a5959f4e7fe1af01c0776,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.active": "S:3034d6c85b6658c284f6572a3f2fddafc9933e17,",
-      "click.sidebar.sqlSidebar.navigation.dragControl.separator.color.default": "S:6653e94cad1a4784aae387ed60fc7a79578167d5,",
-      "click.accordion.sm.typography.label.default": "S:b47ebaca6e12b994f9ab5df9f472074c4ef94842,",
-      "click.accordion.sm.typography.label.hover": "S:e18c8f7d1cd48a9abc7b0cb9647113cddcbf4716,",
-      "click.accordion.sm.typography.label.active": "S:2059eb26c81db230e3f1afb67bfdbec789028046,",
-      "click.accordion.md.typography.label.default": "S:b749424c6a7dc80fae379c74a81da1054e2e0e47,",
-      "click.accordion.md.typography.label.hover": "S:64591c1fd75146c2b6666b6afb9d06bc4d9e7734,",
-      "click.accordion.md.typography.label.active": "S:10e1fd699e6be18e381ad80cd366e2e71c03787f,",
-      "click.accordion.lg.typography.label.default": "S:6e4bc3bf77da6f913cfd7feb61b124bc1b44c5d2,",
-      "click.accordion.lg.typography.label.hover": "S:af94ca31a194cdc926542121a18bf083ea76b28d,",
-      "click.accordion.lg.typography.label.active": "S:b9b320bb73b55d1937f60857503baea6ca545cfb,",
-      "click.button.iconButton.color.ghost.background.default": "S:8c9cb27766a8149a7c7d8de3ef8673ca7aefaba5,",
-      "click.button.iconButton.color.ghost.background.hover": "S:845af41073242331ab8f31a4bd1f82dade2837bf,",
-      "click.button.iconButton.color.ghost.background.active": "S:52de88c84adf511f1896f272662f176c87ccd0fc,",
-      "click.button.iconButton.color.ghost.stroke.default": "S:7e1d477740b93b7eeb31756aa07d4ca0b07d8c60,",
-      "click.button.iconButton.color.ghost.stroke.hover": "S:4fe6302d3bb5926ee79e78bbaa6a41f6ea1de4d7,",
-      "click.button.iconButton.color.ghost.stroke.active": "S:74708673267ac5fd6d446e189982adcfdf72f96f,",
-      "click.button.iconButton.color.ghost.text.default": "S:bbaf7e46726257c773836e1e554d2e2c4904d94e,",
-      "click.button.iconButton.color.ghost.text.hover": "S:14183e90e9e064c432c53b58b99877b8b10accfc,",
-      "click.button.iconButton.color.ghost.text.active": "S:dddcbaad8e2140bc886c7581552f6d79489eca42,",
-      "click.flyout.color.background.default": "S:9bcb908cb7e7c4208870a9788b6ea242593b9f13,",
-      "click.flyout.color.title.default": "S:e04b0ef3a343801043b7ff4d5d1960aa90138933,",
-      "click.flyout.color.description.default": "S:1819a285480efccf8c7a5b0c1f3eb60511f02c09,",
-      "click.flyout.color.stroke.default": "S:4a595f54c44a34d4ba2c7f35003b1272207157d4,",
-      "click.flyout.shadow.default": "S:e1e56c04aa0cdaa01801b7d804885dc27f0f3b0b,",
-      "shadow.3": "S:a78bfd90762425f04b3e2a3193c2b5ff6be4292d,",
-      "click.storybook.global.background": "S:1a5d1d0eaf4354584611b2f1e97524654a6b4503,",
-      "click.button.split.secondary.divide.default": "S:4a743177d228fefdc9f6cbdc0959164c4f219ef8,",
-      "click.button.split.secondary.divide.active": "S:ac1fcf62cf3cba001f6313cfa5d696976eae008c,",
-      "click.button.split.secondary.divide.hover": "S:a89034122657a86401de22a8dbd5db5c82ca16fa,",
-      "click.button.split.secondary.divide.disabled": "S:fedecb4328fca8995a3e6c9ba40cdcc830900202,",
-      "click.button.split.secondary.background.main.disabled": "S:f2db8f79e33951c5ebb3b956a5e6db37f0d85fc5,",
-      "click.button.split.secondary.background.action.disabled": "S:7e61cc05e3bbf6dc654c76e77e4c69e5858692e3,",
-      "click.button.split.secondary.text.disabled": "S:7768baad45be31febd50c37e5d794c9c717a9ace,",
-      "typography.styles.product.text.mono.xs": "S:3ea73245db410cd4a7bb99d5392199d9914406d3,",
-      "click.card.horizontal.default.color.background.default": "S:9f21e7cfe6c48d6250c6f088e7e73532327dd610,",
-      "click.card.horizontal.default.color.background.hover": "S:96553477fe3d701e86dda289e1f8de44ad249d90,",
-      "click.card.horizontal.default.color.background.active": "S:7b5d5dd2e12bacf0fc1a1ba4043faa69f38aa6c6,",
-      "click.card.horizontal.default.color.background.disabled": "S:532409395dd7f1772c407efdda19d8de2bd182ac,",
-      "click.card.horizontal.default.color.title.default": "S:d496d4127ab2a0b6c60967260f756044bf48234c,",
-      "click.card.horizontal.default.color.title.hover": "S:b7992cc12772caea8b947db450099da78354c75f,",
-      "click.card.horizontal.default.color.title.active": "S:0c7d8980b19981a87b7056c79156c12466a32b95,",
-      "click.card.horizontal.default.color.title.disabled": "S:4949a12a8b36e4e1179709c32c881e9eafb73df2,",
-      "click.card.horizontal.default.color.description.default": "S:88803d527a315732b8b525a3a9c7770fda6db4d8,",
-      "click.card.horizontal.default.color.description.hover": "S:d9b9900b2c3c9ef9f16cec8f8c6845570c7067ea,",
-      "click.card.horizontal.default.color.description.active": "S:a7d8342d39d6ad293c6dbaa87a3b526c348b1281,",
-      "click.card.horizontal.default.color.description.disabled": "S:55765ab703d546357e501058cb7419c18b9ea6e3,",
-      "click.card.horizontal.default.color.stroke.default": "S:c0696cdbd933f9edd0af91515a550ad672383473,",
-      "click.card.horizontal.default.color.stroke.hover": "S:ed010f13c7c98cf0380e379a7a0c68473b29b0f9,",
-      "click.card.horizontal.default.color.stroke.active": "S:3c6535bc202dc538941f2c8f0cacc8711b1f3719,",
-      "click.card.horizontal.default.color.stroke.disabled": "S:7793174bc0ee52fb89b5835f6d70a207ea9ed3ac,",
-      "global.color.stroke.muted": "S:be9763d27da25e9549ffb6d1213c4a719f8661f7,",
-      "global.color.stroke.intense": "S:5312ed9c0d957caf5f470ce93d3616efc2affa49,",
-      "global.color.accent.default": "S:8e2b1ad6c27033104f9aa17d4de187c5f17834ba,",
-      "global.color.background.default": "S:a5b1447f2176da7f1daacd0bc89e7462b7f58a3a,",
-      "global.color.background.muted": "S:56470aa7a1bfa03f04084585921ecc15215ac59d,",
-      "global.color.text.default": "S:c210b1ba97ddc5a8c23b901037ddee911b4fd6e8,",
-      "global.color.text.muted": "S:b3dd140894399f473073357125ab1a873196fa42,",
-      "global.color.text.link.default": "S:8c895a061811a6226ed56db5737374c2afccdb71,",
-      "global.color.text.link.hover": "S:56cf7b21593e631d6c81103dd1393270fa421ed6,",
-      "global.color.outline.default": "S:6eb07ee78bdbf2d28007718c1edeeaee878fdf42,",
-      "global.color.shadow.default": "S:b7559a0030b4cf1099ecc2a7aab63c44c9c8fc40,",
-      "click.card.horizontal.muted.color.background.default": "S:b0c8977b22d3910ad3fe1d0f6d30c3cc03e20331,",
-      "click.card.horizontal.muted.color.background.hover": "S:3256f5f0b4fd913b990e3dd214acb45e8175ac1c,",
-      "click.card.horizontal.muted.color.background.active": "S:c403f04e32b74a57e3aa44d9953f5e5dff9f74af,",
-      "click.card.horizontal.muted.color.background.disabled": "S:8b3f4e0c4848e506c073d8c43661c99dcc2a37b5,",
-      "click.card.horizontal.muted.color.title.default": "S:a552f5adbaafc4325c9636c356a1964ecabcaa1c,",
-      "click.card.horizontal.muted.color.title.hover": "S:d827210420c10dc0681bc3ceb8d702a747fb56a1,",
-      "click.card.horizontal.muted.color.title.active": "S:a85c3ef0eb33eb0c30938f3c6f2bf2472165baa1,",
-      "click.card.horizontal.muted.color.description.default": "S:e9a4cda6d7c0f98827d9856ff46703befe512d80,",
-      "click.card.horizontal.muted.color.description.hover": "S:7be7e32d4f864833c59d0c551013107f0c814c27,",
-      "click.card.horizontal.muted.color.description.active": "S:6ca59e1bf853251874ec4137a8fceb7001fed64d,",
-      "click.card.horizontal.muted.color.description.disabled": "S:daacdc118b00cb3bcd4c7c021a0dd53a2ffc32d7,",
-      "click.card.horizontal.muted.color.stroke.default": "S:bc9ec0b9fa08fcc373423526f991730b085169b5,",
-      "click.card.horizontal.muted.color.stroke.hover": "S:54159c3c04a13ad7e043d5ffafc929f1a7698a2c,",
-      "click.card.horizontal.muted.color.stroke.active": "S:20b661fc7ea74b80523b0699be49258996994da8,",
-      "click.card.horizontal.muted.color.stroke.disabled": "S:0b90a042fc760a2c090e8362f93cc6f5ee3a5253,",
-      "click.stepper.vertical.numbered.typography.title.default": "S:1fe24401cbf66cd61a9e70b61803dca0e97d4aaf,",
-      "click.button.group.color.background.disabled": "S:a56c4805904484f9cc926d7eb9db9ea4200787db,",
-      "click.button.group.color.background.disabled-active": "S:29bdb997f54c9d86acb9a2d6c448c86ca786282c,",
-      "click.button.group.color.text.disabled": "S:b996727116ee459152a755682c3ede7de4a42ead,",
-      "click.button.group.color.text.disabled-active": "S:9906857c91b553ffb07e113fecacd26b2ca5e88c,",
-      "click.button.iconButton.color.danger.text.hover": "S:f376aecc26b3900b4e2478eb8869d740724b05c8,",
-      "click.button.iconButton.color.danger.text.active": "S:448ddabd85e3a7a2274430ad4b662ced5c4b0348,",
-      "click.button.iconButton.color.danger.stroke.default": "S:bad83a2012f8e73c61b9b26c3abfa8430eda9c2b,",
-      "click.button.iconButton.color.danger.stroke.hover": "S:db555441b5554c6a1cb4961ab43562f9e2d98897,",
-      "click.button.iconButton.color.danger.stroke.active": "S:46b0277a6444dc1f99c29ac4896b4cbc47625254,",
-      "click.button.iconButton.color.info.background.default": "S:65f7d71a6a2bd99c279f7e99d96153fbc44f0dd8,",
-      "click.button.iconButton.color.info.background.hover": "S:998d2b7dc2b49a312656ff1e3b33f26992358481,",
-      "click.button.iconButton.color.info.background.active": "S:4e1063fb26a75450a21779618098c0239200b644,",
-      "click.button.iconButton.color.info.text.default": "S:39432fa3d21c474d25cd2026dd096bbcf2ebce9e,",
-      "click.button.iconButton.color.info.text.hover": "S:5672f962301a5757aecc0402e8888622a192b5ba,",
-      "click.button.iconButton.color.info.text.active": "S:5db673491bd4a3e01fa5272d1db493c41475ba14,",
-      "click.button.iconButton.color.info.stroke.default": "S:134b87260d926d0d03353dbe521fc91f9a05de14,",
-      "click.button.iconButton.color.info.stroke.hover": "S:ad9e86b69370d7a80011b11eaf5c4431c90b7737,",
-      "click.button.iconButton.color.info.stroke.active": "S:a3f4072c5552e697135e9be9e03f312567ca14b5,",
-      "click.card.horizontal.muted.color.title.disabled": "S:ca56125ca9f502acf0d698c2bb7f6f6516f826e5,",
-      "global.color.background.sidebar": "S:e9c27c00e87a6fc9523171a330a9baf5167230b3,",
-      "global.color.feedback.info.background": "S:3f48207ac1a5e40f3fc8abd61c975f3b1127cb5f,",
-      "global.color.feedback.info.foreground": "S:bbcd04277e17348bae77ade7f582a6e4be72e122,",
-      "global.color.feedback.success.background": "S:ec559410cf9bbf596f95d3088df177d5f0d6506f,",
-      "global.color.feedback.success.foreground": "S:9051b45229599e9ac55da2ca479bb40b883a016a,",
-      "global.color.feedback.warning.background": "S:72d385a705403fe9496a2583569cb91515c1d2cf,",
-      "global.color.feedback.warning.foreground": "S:2e5c97a8c4e2a5c3e9b68502e1e97e7f4d18afaf,",
-      "global.color.feedback.danger.background": "S:47ad79e5edd697f58ef86eb105222bbe814fa9c8,",
-      "global.color.feedback.danger.foreground": "S:f283c7c730c8e3ea37942208f5bed97b7339da26,",
-      "global.color.feedback.neutral.background": "S:af76fa1f2ccc135268729bf62d02caf47b255835,",
-      "global.color.feedback.neutral.foreground": "S:847fbfc98e6be0ead7be2941f0ce3a5cfc59abb2,",
-      "global.color.feedback.neutral.stroke": "S:cacadd91335173fc10104b0e6cf5d21e3dc7adc6,",
-      "click.stepper.vertical.numbered.step.typography.number.default": "S:11f469914d33c3ea68526f3e9a4f5f4f9b739b40,",
-      "click.stepper.vertical.numbered.step.color.stroke.incomplete": "S:eaf0214a0e96cea3e2535effead59c12141ff97b,",
-      "click.stepper.vertical.numbered.step.color.stroke.complete": "S:77533c9d6a21a96a5212028aa74dd2011c6a95dc,",
-      "click.stepper.vertical.numbered.step.color.stroke.active": "S:9a20d52f78ea24f44f95e0491408634c11a65c7c,",
-      "click.stepper.vertical.numbered.step.color.background.incomplete": "S:120528f3f86cf1b749c8c9c60a2334125276cf4f,",
-      "click.stepper.vertical.numbered.step.color.background.complete": "S:d85bbf251581f512d05d399d9d6b6070766e5b5e,",
-      "click.stepper.vertical.numbered.step.color.background.active": "S:2f584857c98a22ac0d13e193f1dfd442f900a7a1,",
-      "click.stepper.vertical.numbered.step.color.icon.incomplete": "S:287954fa853fdfb8ec2314876f8fb0a7f7b165b1,",
-      "click.stepper.vertical.numbered.step.color.icon.complete": "S:181022e05ac8179efb15938efcbbc3792d89e677,",
-      "click.stepper.vertical.numbered.step.color.icon.active": "S:9d0067717f638d86e5be5e7a3cc668060850e02b,",
-      "click.stepper.vertical.numbered.connector.color.stroke.incomplete": "S:e73279fe9d68a2711d5cde50ee609fd5aaa12309,",
-      "click.stepper.vertical.numbered.connector.color.stroke.complete": "S:d0f9b03d35478d6b07772e650b233b1c8b3efef5,",
-      "click.stepper.vertical.numbered.connector.color.stroke.active": "S:35c88f6cf804b3d838a98e4e714b979363ad7506,",
-      "click.stepper.vertical.numbered.color.title.incomplete": "S:323c55f56f58af4aae5b099a0b104708c3f73482,",
-      "click.stepper.vertical.numbered.color.title.complete": "S:091be88afcbf13295b2aae66b5c48e82c77cc7a2,",
-      "click.stepper.vertical.numbered.color.title.active": "S:4537b7ca92bbb9ccb3185c4ebe73dd08f72823b9,",
-      "click.stepper.vertical.bulleted.step.color.stroke.incomplete": "S:2de4492c48ba07e2ab0f70ff08a64ba41ccf81b5,",
-      "click.stepper.vertical.bulleted.step.color.stroke.complete": "S:f376156ec91d84764eaa24f74bc1de2aa53930e8,",
-      "click.stepper.vertical.bulleted.step.color.stroke.active": "S:805618b1cf6b9388edf13647e54ed1cd772a1507,",
-      "click.stepper.vertical.bulleted.step.color.background.incomplete": "S:5e201716cc7347caeac8c05ba9f58c9bc3069860,",
-      "click.stepper.vertical.bulleted.step.color.background.complete": "S:db9e725b34cda80b0013dca8044f68bf3fda6b61,",
-      "click.stepper.vertical.bulleted.step.color.background.active": "S:420b435ed928c1e67dfcb56f6164407abea659e6,",
-      "click.stepper.vertical.bulleted.step.color.icon.incomplete": "S:b2e237c794b05175fe3389dec42b8955faa00199,",
-      "click.stepper.vertical.bulleted.step.color.icon.complete": "S:18c9551809b6ebe83e184226455ea38c027dcecd,",
-      "click.stepper.vertical.bulleted.step.color.icon.active": "S:402766dcc3f9bffdad972aa8f438c4e28122164b,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.incomplete": "S:61297c668300480dc0d77eb40c9e684411fc8e59,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.complete": "S:4097a10078b579e2d3590f96d78ebbd8f2d6ceae,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.active": "S:f11afde923ae9cf628bcf0b65a713626c037b54e,",
-      "click.stepper.vertical.bulleted.color.title.incomplete": "S:0fe8137cf4260679c9170193aa291fa6b822abbd,",
-      "click.stepper.vertical.bulleted.color.title.complete": "S:d22a3e491b990fcf3039d208181c14beec9df4f8,",
-      "click.stepper.vertical.bulleted.color.title.active": "S:18ddd29b7b5788bb3776b7dca42379819d7aa7f8,",
-      "click.stepper.vertical.bulleted.typography.title.default": "S:4d527d23e46aa5944cdf15223306cdde39fe39f4,",
-      "click.flyout.typography.description.default": "S:73984ed5368d28c823403815d50880d3775eccbb,",
-      "click.dialog.typography.title.default": "S:e2f59edd6252bf791a6180a47d50451f1b6086e0,",
-      "click.dialog.typography.description.default": "S:4cf2e020b69bb7d0fbbbed5c90bef8d939c0abc1,",
-      "click.flyout.typography.title.default": "S:46f634ad7a9a37778621dc3e80af0cd90f017cf1,",
-      "click.grid.header.title.default": "S:1c43ea5df17165485d84158879a8b7c40b0dc50e,",
-      "click.grid.cell.text.default": "S:85d44ea9ac1130f7cf819b70f01a319b86d04e96,",
-      "click.grid.global.color.stroke.default": "S:19e29d3235115fca26cfef347a5baca2dd4111e1,",
-      "click.grid.global.color.background.default": "S:3ea79b2865f86ea6aeb8f23079a85e2020fc8890,",
-      "click.table.header.color.background.hover": "S:05deb5f92196e25c6ac8bfc44ae3256f786567fe,",
-      "click.table.header.color.background.active": "S:01dadaec8a1ed37e718031368d2b3b0c6fdedf0d,",
-      "click.grid.header.cell.color.background.default": "S:cf7456ac1c3c1f6e3ffd4113cf19c09e5742eb5a,",
-      "click.grid.header.cell.color.title.default": "S:c455cf542bbb22aa0537c3f5bcfbbe6cb54ace7c,",
-      "click.grid.header.cell.color.icon.default": "S:79278b5349b9ca1ff5fd68c8f87fa50eedb925e6,",
-      "click.grid.header.cell.color.checkbox.background.default": "S:0cc309007c84459a00d8a94299fb716d48bfbad1,",
-      "click.grid.header.cell.color.checkbox.border.default": "S:9f6ef706d002974252ce3414b058d1222372feae,",
-      "click.grid.header.cell.color.background.selectIndirect": "S:46c2b9f7b1813e3a655d1c3a8a0aaf342318339e,",
-      "click.grid.header.cell.color.background.selectDirect": "S:b520d74eb5989d4c9f627b8f1ecfb42dcb0eb5ca,",
-      "click.grid.header.cell.color.stroke.default": "S:2a1f7f7a4dd09dab8630b0c043734d02a6c2cf19,",
-      "click.grid.header.cell.color.stroke.selectIndirect": "S:0f8507cc7fc22b3ce976fa61c4b09f06ee539d77,",
-      "click.grid.header.cell.color.stroke.selectDirect": "S:9d8a70372e5a94357cfab7b867023d3abaadc48c,",
-      "click.grid.header.cell.color.title.selectIndirect": "S:63babb995a6e65cc33de914f5f14ccde9f166f41,",
-      "click.grid.header.cell.color.title.selectDirect": "S:784b48933528d4799839d874696fe0a869c2a226,",
-      "click.grid.body.cell.color.background.default": "S:de11557cb627a513fbf3fee52e76d252edf1dd34,",
-      "click.grid.body.cell.color.stroke.default": "S:4357919adf33d7298122cde55f5dc95258f14d6e,",
-      "click.grid.body.cell.color.text.default": "S:8210f3bf2f7dd98c8cacc03e63e531c30045e745,",
-      "click.grid.body.cell.color.link.default": "S:37685f79ddb7d1071e2f69f3bf752fe5da771948,",
-      "click.grid.body.cell.color.label.default": "S:41e0eac54c802ff1fba8b372c11ff8402fbdc302,",
-      "click.grid.body.cell.color.background.selectIndirect": "S:2c41cae5f57333c91cbbdbe8eef9f88c260e6ff8,",
-      "click.grid.body.cell.color.background.selectDirect": "S:230fffd623a5ce843f66446e8610f6cbf1736fef,",
-      "click.grid.body.cell.color.stroke.selectIndirect": "S:a198d25f63c75c24173627477d2926af1a091866,",
-      "click.grid.body.cell.color.stroke.selectDirect": "S:799d6b791a0bc9350adffd4e9c859b3888603c26,",
-      "click.grid.body.cell.color.text.selectIndirect": "S:faf0d46aaad2e5bce4906d75553fffe91a44a988,",
-      "click.grid.body.cell.color.text.selectDirect": "S:77765d384b66a9829e960d232c693805fa94ef57,",
-      "click.global.color.title.default": "S:83e4cb60b327962aefdf73446b94ba937428ec08,",
-      "click.sidebar.navigation.item.typography.disabled": "S:662da8db61f3505e8763b6bfd43d8f1ba66d518c,",
-      "click.genericMenu.item.color.subtext.default": "S:c00ef61cca66f5b6f6b5d5088f0184a87bdd7a49,",
-      "click.genericMenu.item.color.subtext.hover": "S:ac447d6f4c363e5c84bbb1b06b758f8e53ddea61,",
-      "click.genericMenu.item.color.subtext.active": "S:dc2c688a45877dc027eb17c5e87a78c2908441a0,",
-      "click.genericMenu.item.color.subtext.disabled": "S:898a894498d7675502659dbd8f654a8fe9e4df45,",
-      "click.genericMenu.item.typography.subtext.default": "S:42a25d2d573a455037b09ca47fcf3430190e2841,",
-      "click.genericMenu.item.typography.subtext.hover": "S:196381cfe3c67e332f1a2224c06992b1e93ff901,",
-      "click.genericMenu.item.typography.subtext.active": "S:13e11f6132e1be88122b9b5f645e797e72c10baf,",
-      "click.genericMenu.item.typography.subtext.disabled": "S:69bc35af6f378cf7836b5dc190fd59650965d1a7,",
-      "click.card.promo-2.color.text.default": "S:0e92d802ed1f135b42e0317b87ded2da694ba184,",
-      "click.card.promo-2.color.text.hover": "S:42a59d4f48acd1513fde59a3d05906d999683db0,",
-      "click.card.promo-2.color.stroke.default": "S:e725ab5692f137a72eeee89623a60ec3b7f5b250,",
-      "click.card.promo-2.color.stroke.hover": "S:f59b01aa94f9f235cf184229d1b6b41c264acdb0,",
-      "click.card.promo-2.color.icon.default": "S:cf685f2ad996848097c1c1bcafd6b50caf30580d,",
-      "click.card.promo-2.color.icon.hover": "S:59e10be133c69d1777cdaa9f1b805f439b03babe,",
-      "click.card.promo-2.color.background.default": "S:e5d8f2230dd8449a3ba851aed75eece51686197d,",
-      "click.card.promo-2.color.background.hover": "S:c2ead94403e945ca7fd63f2e1fd207e976f7bca6,",
-      "click.card.promotion.typography.text.default": "S:4ab58dd64bdf1c47f51934d461b8dfb3c30bd442,",
-      "click.bigStat.color.title.muted": "S:2932656f07b6465c3f1c168d3ecd9aac4e81f67c,",
-      "click.bigStat.color.stroke.muted": "S:0c6afad294e14450c8ca60d58c2f9a68139467bf,",
-      "click.bigStat.color.background.muted": "S:2f745964d3daede8d450df20b3982b3efaa17de4,",
-      "click.bigStat.color.label.muted": "S:a48677220616077f5c6674477f10fd4ac0519835,",
-      "click.card.promotion.color.background.default": "S:da4d6dfc603b559c7af671d889aec36f0a024acf,",
-      "click.card.promotion.color.background.hover": "S:fc275d3067cc02fd01df2ec26562b758378aadc4,",
-      "click.card.promotion.color.background.active": "S:de397fe30d45c3d2fe3bf218346feaa5709506e0,",
-      "click.card.promotion.color.icon.default": "S:1156541b769eae461a8d31f868e7a662ff9a4449,",
-      "click.card.promotion.color.icon.hover": "S:d82599441480f351ce2adcf9fb73f70a2e828d55,",
-      "click.card.promotion.color.icon.active": "S:f87f61dd20f2e2e64661aa657ee7739a14671fd3,",
-      "click.card.promotion.color.stroke.default": "S:ecf06e9149b39a36f07f2243776e085ff95c3468,",
-      "click.card.promotion.color.stroke.hover": "S:727fdf3fe4d670bcb9a7d4a12d7b62fa30a4f0c7,",
-      "click.card.promotion.color.stroke.active": "S:aebeea25c7b3d85bdade1f2d6c45b52fe9808bcb,",
-      "click.card.promotion.color.stroke.focus": "S:b131cfc896d144cd03a71236d1e587df8211a39f,",
-      "click.card.promotion.color.text.default": "S:5444b1ba569ce2d17c6c9634a754bd7f2382ceb2,",
-      "click.card.promotion.color.text.hover": "S:d7562056fb162e7c76e6260ce619afe41c42a593,",
-      "click.card.promotion.color.text.active": "S:24261c5337e617a87919e319fea977f3c932e5dd,",
-      "click.bigStat.typography.lg.label.muted": "S:a7d2f6deefa86a58e7400f1de161b1258bc76f16,",
-      "click.bigStat.typography.lg.title.muted": "S:668b2169ecb5496836ef2c5c2faa0927491ab2cc,",
-      "click.bigStat.typography.sm.label.muted": "S:3566e74539852ae1105bf653d32638da12fff5af,",
-      "click.bigStat.typography.sm.title.muted": "S:90f36da25a6d036439f3f763b1e1fc1dc6ce5a2f,",
-      "click.button.split.typography.label.default": "S:58177f7ea132f186959fcd60e08aa310b90721f1,",
-      "click.button.split.typography.label.hover": "S:886ed0642f447ce9a7e5555b86f5bfde30923899,",
-      "click.button.split.typography.label.active": "S:03a1196880b5106258a34e3ac36a9d6a27c149a3,",
-      "click.button.split.typography.label.disabled": "S:ce2be280e0b7b645f1b4ab72edf653161f4b6c32,",
-      "click.button.split.typography.mobile.label.default": "S:856a68f3916a020d071be4f25222251fe64824b1,",
-      "click.button.split.typography.mobile.label.hover": "S:f05dbf9572d7e68d863487de61ef885cb6c79db5,",
-      "click.button.split.typography.mobile.label.active": "S:0b007c15aec0068d7c9a23feef47cd099cbd8cfd,",
-      "click.button.group.typography.label.default": "S:93fc166e93b8b5e0e1337995a8433564df1ed2ea,",
-      "click.button.group.typography.label.hover": "S:a5583ed1a115f8af2e2ed0a6f8303d71dc23215e,",
-      "click.button.group.typography.label.active": "S:419b6d1a9e433782e566b5a0c59c491862f76c66,",
-      "click.button.group.typography.label.disabled": "S:8b12b99b358fb4c5c754390e1937af789b1dc64d,",
-      "click.button.group.typography.mobile.label.default": "S:3e8cee7b5ac9a399b6097bbbe2073f65c57f4da3,",
-      "click.button.group.typography.mobile.label.hover": "S:b6a76796af881ae8aca6e6950eecb1d4f859ffc7,",
-      "click.button.group.typography.mobile.label.active": "S:49659841375933e78d7943aaf9cd8c95c4d915ca,",
-      "click.button.group.color.stroke.default": "S:72de9b8deef03488ad95224a796cea7fe50d9bcd,",
-      "click.button.group.color.stroke.panel": "S:4aae2f8703e5bb3f162fe11f3fb1d077801dca12,",
-      "click.button.group.color.background.panel": "S:46f87ccce95ad06a78a92517c8942acb3013783d,",
-      "click.button.group.color.stroke.hover": "S:4b362957c0ad6d3bf0c1742fbc0e9d34b5220d4b,",
-      "click.button.group.color.stroke.active": "S:b46e23529346ebdc32456f6d80598cb3c2d3adf8,",
-      "click.button.group.color.stroke.disabled": "S:6fb21ca67e0251a4b3d68d652dfb4b9fb22c6cd9,",
-      "click.button.group.color.stroke.disabled-active": "S:a08c2f63439168bfc4c8096a68794ad505b9eb24,",
-      "click.button.group.color.panel.stroke.default": "S:8726953efb2906bfdf6cf3adff24d5f2eea31a6e,",
-      "click.button.group.color.panel.stroke.borderless": "S:5acf580770cba379587483916a07a2ee62d2b244,",
-      "click.button.basic.color.empty.text.default": "S:b803633237cd0d795f60dc9ddba40f174cc3cd19,",
-      "click.button.basic.color.empty.text.hover": "S:cbbade7f8312780757040bddae0cfc87d99538cc,",
-      "click.button.basic.color.empty.text.active": "S:029471f02a3a145a7023534bf25e7a63416a4868,",
-      "click.button.basic.color.empty.text.disabled": "S:27d8b5c37106592de8b728b244aa7506cb46afa1,",
-      "click.button.basic.color.empty.background.default": "S:576b1a8a366d843f7b10dd268be039d561478b6a,",
-      "click.button.basic.color.empty.background.hover": "S:3f97eedf09fffe9d79369c2c73480b1d2cd1f36d,",
-      "click.button.basic.color.empty.background.active": "S:e0912cfb6c13547ebbe63aff3f00bdcddbafe9fe,",
-      "click.button.basic.color.empty.background.disabled": "S:0c4811ab82379c3d7123677683d9553d4b7fa74a,",
-      "click.button.basic.color.empty.stroke.default": "S:b00ea3195d7b026087ef4f68c4f136fbb4db577f,",
-      "click.button.basic.color.empty.stroke.hover": "S:58bad490fac93ee51fca13fee39fc17a62e13c9f,",
-      "click.button.basic.color.empty.stroke.active": "S:00e27981df73c04e92b012882504a65ce82f37c1,",
-      "click.button.basic.color.empty.stroke.disabled": "S:1ac614991eb211a7a859dda030334619aa5f2305,",
-      "click.global.color.title.muted": "S:f329fcbdab1d8a558eb9183a7e396d7d36b6dbd7,",
-      "palette.info.650": "S:f572f474621c0fd458c0e440766459f4ad58e6db,",
-      "palette.success.850": "S:6141748491868c7a63c0516ea98282cc53f21c40,",
-      "palette.teal.50": "S:3e5ecca65d88b8e7ecacb6adf838d6a638b1a32d,",
-      "palette.teal.100": "S:f602df78672b869c47a68beeacf8adfa836aed40,",
-      "palette.teal.200": "S:9c965a2b0f415314c61640bba949ab44b3da4355,",
-      "palette.teal.300": "S:6c04223be2c812af40e3770ea47514e37ce48f00,",
-      "palette.teal.400": "S:eab40ff97c255eb75725507ee68ff849ff36e719,",
-      "palette.teal.500": "S:faee494feeaca63a1400cc4435646b0db7b42d9d,",
-      "palette.teal.600": "S:432107adc5f40f297cfb9341522881c216d480bf,",
-      "palette.teal.700": "S:b7fc46887ebdadd04ee181622d74db63d7022ed4,",
-      "palette.teal.800": "S:8e245ef9140c317c469c79f6a55f36007b558253,",
-      "palette.teal.850": "S:a0865a7e5f7114e2eae5522e7aaf6ea65332a4da,",
-      "palette.teal.900": "S:547dad2729c25b3f718d1662c30bb03c9ddfafb3,",
-      "palette.violet.50": "S:4f562bd53f9bcd070982e7fedda2df2d21f2d0bb,",
-      "palette.violet.100": "S:249ee9a746ddd7e2b20af4a1f0f61054b8e68e19,",
-      "palette.violet.200": "S:27664b549dc178aed71ad21de3f687313bd720af,",
-      "palette.violet.300": "S:13ebafcbd4131eb96b8454507ab99b115170df95,",
-      "palette.violet.400": "S:f7fe2d4550fd3ea75f35cf99de581f8c4e9ce20c,",
-      "palette.violet.500": "S:da12284d1ad608407e9c55e10ac037699f90ddb0,",
-      "palette.violet.600": "S:dc86ed7b31ce11cd808fade9ca94ed9932002b84,",
-      "palette.violet.700": "S:f57fb3aea9d1032ec5e9838967fd808e95c1e873,",
-      "palette.violet.800": "S:1917c65cbc1f089656d1b80d559cba456c0057e4,",
-      "palette.violet.850": "S:2c0a839d3a761c95538da1d7a93c81317cff144a,",
-      "palette.violet.900": "S:792d9408a7bab450170ad2a16992adbf9af1a61e,",
-      "palette.fuchsia.50": "S:4213815162c7d8265030a986daededf30e002b13,",
-      "palette.fuchsia.100": "S:41d538d48a0173e76673848012452509d7630949,",
-      "palette.fuchsia.200": "S:93ac3b34faec0da734d81ed81bbbf1c0e24e0fd4,",
-      "palette.fuchsia.300": "S:16aa909f76409bc1d51a1bf856e35f5ce8a97a84,",
-      "palette.fuchsia.400": "S:c72204e6936dd3b33c7642d7f71e14323ee42abc,",
-      "palette.fuchsia.500": "S:8df57542d4fbc7cfbf3a03141cec632986ab7058,",
-      "palette.fuchsia.600": "S:2c466af9846a8a9e022224f761338414e61dfac5,",
-      "palette.fuchsia.700": "S:ec628addb24ddfdf5cdbc38070c22c032456faf4,",
-      "palette.fuchsia.800": "S:c7278ee538f6f6edcd7e0c7409f8c85eb224f1f0,",
-      "palette.fuchsia.850": "S:8049f26b7a4ff389a20000a6ffebbcb6521d7a13,",
-      "palette.fuchsia.900": "S:8cc491e452a822c163bdab4cfdfd259817d4332b,",
-      "click.accordion.color.default.label.default": "S:afc63a8625071ac5d9120553fbfe98db742d2f01,",
-      "click.accordion.color.default.label.hover": "S:d92a7fd6678065bd044e5bd2bd6a4566bed50763,",
-      "click.accordion.color.default.label.active": "S:ef2d29a1df97cd906b49493a4d622091240250c7,",
-      "click.accordion.color.default.icon.default": "S:7bb8904ced54863ed52839a4bbdc84d00702d859,",
-      "click.accordion.color.default.icon.hover": "S:5c989a4b609386a4039749d5a957ac86cff24ab6,",
-      "click.accordion.color.default.icon.active": "S:1935076ba5d87bbe6b42393472d1f2644a6823c0,",
-      "click.accordion.color.link.label.default": "S:e7f06839c02a7deaaf8a59c215c543d36fe87b0e,",
-      "click.accordion.color.link.label.hover": "S:dd9fab81fdbf1f0e5b17b44ae39359569789c71c,",
-      "click.accordion.color.link.label.active": "S:730abadc7e464ec61b883cda763a1d5350a7d8b6,",
-      "click.accordion.color.link.icon.default": "S:e095057055d52f06abacb421d316a7af44caee9b,",
-      "click.accordion.color.link.icon.hover": "S:807b2036e3c3e8c1e2b63c2b1f82bc85e2965064,",
-      "click.accordion.color.link.icon.active": "S:6701597239f37ae389c560715a39bd64771d3bac,",
-      "click.avatar.color.background.default": "S:fc2fb37fa65d8e47ba3292e2101bc39fcb7f9b5e,",
-      "click.avatar.color.background.hover": "S:f1b6a019c2c21102cf373ea04ef28516fb84f634,",
-      "click.avatar.color.background.active": "S:bb7ea965336071e5949d2e0be3d6edbaac6fb39e,",
-      "click.avatar.color.text.default": "S:120b4969385436800228f0b821cf97287653becd,",
-      "click.avatar.color.text.hover": "S:47fdefaab879ea258ea1d3947051b5954be28089,",
-      "click.avatar.color.text.active": "S:3570cdf8cba266a0efc747ec27ad22bbc6286ae6,",
-      "click.checkbox.color.variations.default.background.default": "S:671ddc358bb7594ac23e8e176f81dc8b3275b537,",
-      "click.checkbox.color.variations.default.background.hover": "S:f8d3a5ca61930f8d82ca78cf24a2bc53fcf12653,",
-      "click.checkbox.color.variations.default.background.active": "S:4dcdd676f164aff589645ffde979ccc40d38dd3a,",
-      "click.checkbox.color.variations.default.background.disabled": "S:2f1006a4daf0d9766ac6b72fb846b5b2182c91c2,",
-      "click.checkbox.color.variations.default.stroke.default": "S:423256869b703e1b761e54192817002e0edb59ed,",
-      "click.checkbox.color.variations.default.stroke.hover": "S:01c175ad675d522e31e1bab30e9836eb0c96b2ff,",
-      "click.checkbox.color.variations.default.stroke.active": "S:a5ae9b9bb0c4f29472d955945b90c733ad2acbca,",
-      "click.checkbox.color.variations.default.stroke.disabled": "S:c95630c8d0f5d899df6f1c6f755c4308d44eeff9,",
-      "click.checkbox.color.variations.default.check.default": "S:667f1734b5046b43d2a1c97185cc83c8d567716c,",
-      "click.checkbox.color.variations.default.check.hover": "S:fe1a8b5cd68aa01bac16987494fe334b1fe55f3f,",
-      "click.checkbox.color.variations.default.check.active": "S:96d435fb5d7e76dda526c23516bbc7e64425c7b4,",
-      "click.checkbox.color.variations.default.check.disabled": "S:d2b70181e35ce3112f6f28d6e0af8333dfb8efac,",
-      "click.global.color.text.disabled": "S:62cc47976f9a22d96e5bedde8bc28e30aea2ef81,",
-      "click.global.color.text.danger": "S:cd7c32bc90403c08c120e5d93a1e9f5e1d9caa1f,",
-      "click.global.color.stroke.default": "S:bac349c14afbcfc376733353a2820f745596c99b,",
-      "click.badge.opaque.color.background.default": "S:59800a220c33a40909710be9f740221d932c1dac,",
-      "click.badge.opaque.color.background.success": "S:07d71915f4dbfe2bb500134cdb3af66407f830dc,",
-      "click.badge.opaque.color.background.neutral": "S:3aa52474ef3e7b1b5f63a08e6f618ffc01299ad5,",
-      "click.badge.opaque.color.background.danger": "S:b72c81d3dd6f5e159a652aa84e54c3a421e72e36,",
-      "click.badge.opaque.color.background.disabled": "S:f2e01ee7be1be83c11afe1194da34df8d86ff77b,",
-      "click.badge.opaque.color.background.info": "S:b0bef35955c952a1a99156ea68a7c6c09a94aa3f,",
-      "click.badge.opaque.color.background.warning": "S:4a1d45ee51ccc9598f859a7f43ded2cebcd56bf4,",
-      "click.badge.opaque.color.text.default": "S:74e28d096db574563e7412cb3f7be9c4a2681975,",
-      "click.badge.opaque.color.text.success": "S:ada511d5cab46dd1db3c5613c1301316da088da3,",
-      "click.badge.opaque.color.text.neutral": "S:d3e89bcef35202dd24aa144a6d3a3aa0327876cb,",
-      "click.badge.opaque.color.text.danger": "S:50a91dfdb2f0c5f9ea536d05ca590bd73d4911eb,",
-      "click.badge.opaque.color.text.disabled": "S:2e5adc5e545af3c13aa5375f332432d8c47e5849,",
-      "click.badge.opaque.color.text.info": "S:dcb9981c9d0696e216f37a4882965af7ad8f2e39,",
-      "click.badge.opaque.color.text.warning": "S:6351169fbca3d16b0a2b31fb8e21f2c9646e57e7,",
-      "click.badge.opaque.color.stroke.default": "S:3a184436996623ffac17b07704a378bb042161b7,",
-      "click.badge.opaque.color.stroke.success": "S:978ca32a4faa7b4946f3ccfaa25574fea01202b1,",
-      "click.badge.opaque.color.stroke.neutral": "S:081d4c4543acb56d16143fb54a0deb487015f122,",
-      "click.badge.opaque.color.stroke.danger": "S:dc9d6b4cfc378331a9f906b3a3eb50c834eab15b,",
-      "click.badge.opaque.color.stroke.disabled": "S:435d269f2bee11475192e5eb3a6b027480c3e59e,",
-      "click.badge.opaque.color.stroke.info": "S:3cd9c332002a4685273333c2072009514adc2797,",
-      "click.badge.opaque.color.stroke.warning": "S:a7e54d02ae0826d9c9aa97d22939cc7f4f46ecca,",
-      "click.badge.solid.color.background.default": "S:0e0c09af340b3a326d70dec34770b9329e360cce,",
-      "click.badge.solid.color.background.success": "S:d15cfb9ab167d0fd82f943ca16eef14f4949e041,",
-      "click.badge.solid.color.background.neutral": "S:1d3192ff7cb7383935a34b3ca8a5be7adfef1729,",
-      "click.badge.solid.color.background.danger": "S:f46d2db5666981440a2867a1c80119239a24f085,",
-      "click.badge.solid.color.background.disabled": "S:195c35b5db3aa5d635e68b1a993f4d3ee574b57d,",
-      "click.badge.solid.color.background.info": "S:31aaa1e1fa0d8ae28f0bf3ec233baa9640709651,",
-      "click.badge.solid.color.background.warning": "S:88c8ed0e81878c119b3e4ca0a3645c713b1512fb,",
-      "click.badge.solid.color.text.default": "S:fe02384d9eba92b7ec1c90ad4b1b7dcb8094c280,",
-      "click.badge.solid.color.text.success": "S:964212bc58e45a5e59f3d89c74380ffff5ca0289,",
-      "click.badge.solid.color.text.neutral": "S:6fb3750d99a5afd0c49aa6fd2ae3caebf143bc5c,",
-      "click.badge.solid.color.text.danger": "S:879fa0d563dc764efff18ffb5d6ebd16bfc98bd2,",
-      "click.badge.solid.color.text.disabled": "S:c5f805c8af25e91394299d6aad12c0e841f8a781,",
-      "click.badge.solid.color.text.info": "S:1e6cbaca78a573d2793c7e5888612e96b67f9fc6,",
-      "click.badge.solid.color.text.warning": "S:5eb4b83a576f274ca978795f31bcfda5d783eac4,",
-      "click.badge.solid.color.stroke.default": "S:444a892e8ba789b53ecca405cc772376d1d37ba3,",
-      "click.badge.solid.color.stroke.success": "S:151cd72c1d2281cbeab543b9631b0bd22f8b308c,",
-      "click.badge.solid.color.stroke.neutral": "S:4afd9ec8d88e03c62775ee68b1d862d2f46a5c28,",
-      "click.badge.solid.color.stroke.danger": "S:e9a6548c27e79dd7a2b10f9cfbc338ddd7521550,",
-      "click.badge.solid.color.stroke.disabled": "S:74571469a3aba3c6445c2014b26f520235716578,",
-      "click.badge.solid.color.stroke.info": "S:43bda84d931d13b5674b0671b2732af5c195c83c,",
-      "click.badge.solid.color.stroke.warning": "S:2cc4ef3baf2efcf1f0740e2a2439ee2f7a78d562,",
-      "click.bigStat.color.stroke.danger": "S:136723060da1046b7edb7df047b39a98be2ab3d5,",
-      "click.bigStat.color.label.danger": "S:d856d7b13ed785f19f599703b2b3560add233ebe,",
-      "click.checkbox.color.variations.var1.background.default": "S:2e3d30d4f74d146cf6a87a803ec194d4ac9fb17a,",
-      "click.checkbox.color.variations.var1.background.hover": "S:d7354bb73408ab4b753836bcc89b6ab399fecc8e,",
-      "click.checkbox.color.variations.var1.background.active": "S:43f924190c9f58437be4637406e030b321245770,",
-      "click.checkbox.color.variations.var1.background.disabled": "S:edef337ec186222d0c02a22356c274ba764cfaf0,",
-      "click.checkbox.color.variations.var1.stroke.default": "S:230c8b265f4f2f5339cd1fd9dc932d8d3d7607a9,",
-      "click.checkbox.color.variations.var1.stroke.hover": "S:3062180f16c9f1b86660f8ba342ead3ec402e5c5,",
-      "click.checkbox.color.variations.var1.stroke.active": "S:756c31115c408d49fd84164487586b734cf2953a,",
-      "click.checkbox.color.variations.var1.stroke.disabled": "S:00a822e411612a9008ef76a29193bf3d1adee180,",
-      "click.checkbox.color.variations.var1.check.default": "S:9349da1aa948615d717a27b5c421cb9ae741814d,",
-      "click.checkbox.color.variations.var1.check.hover": "S:df480c2ff734df87e482b4ba3f3d65b5bf3f0c06,",
-      "click.checkbox.color.variations.var1.check.active": "S:9e53b10e1199357fabfedc2fc37711c395040776,",
-      "click.checkbox.color.variations.var1.check.disabled": "S:9dd2dbf81d1a445b56b1259293baecef13832983,",
-      "click.checkbox.color.variations.var2.background.default": "S:7f13de5e51cda50255ae1c93d53ec4a7339daea7,",
-      "click.checkbox.color.variations.var2.background.hover": "S:988784d60dfbd369cfadbd5e8e8a40bab502fbe4,",
-      "click.checkbox.color.variations.var2.background.active": "S:9a6a7cb2716aa0806b9f5c4c22eab6b8454a18e3,",
-      "click.checkbox.color.variations.var2.background.disabled": "S:319f777d66d03eec324d5f709272b8acfa553c74,",
-      "click.checkbox.color.variations.var2.stroke.default": "S:a0fe988e4d22880069ac477973782a3b22d7f886,",
-      "click.checkbox.color.variations.var2.stroke.hover": "S:927c7309806c91d3f6b86497ac45f19a5fc8e9ff,",
-      "click.checkbox.color.variations.var2.stroke.active": "S:64f421077d08595801f2d5666f458d1905f938c5,",
-      "click.checkbox.color.variations.var2.stroke.disabled": "S:c8389ed9665612ed0322c929235952ad61688a95,",
-      "click.checkbox.color.variations.var2.check.default": "S:dfe47c6ee8f3130a941f5e653b0b14ae7099eaed,",
-      "click.checkbox.color.variations.var2.check.hover": "S:28298a839aaf529289fbd4588be1457e422eff89,",
-      "click.checkbox.color.variations.var2.check.active": "S:4dd294ecc2fe8803f46d40e71a1a2bbeb52da648,",
-      "click.checkbox.color.variations.var2.check.disabled": "S:41931494e000b4308e983377627066a2894ab73c,",
-      "click.checkbox.color.variations.var3.background.default": "S:8d047132fed28f2f028db8a899386a888c674ea7,",
-      "click.checkbox.color.variations.var3.background.hover": "S:352dc105a59d1ba90380b94d6f46f6b2876e8bc4,",
-      "click.checkbox.color.variations.var3.background.active": "S:388201da8f5c5c97114576775b6495477c10da8f,",
-      "click.checkbox.color.variations.var3.background.disabled": "S:95bdaa0553d3a30b15679dbee661b043b7506f0a,",
-      "click.checkbox.color.variations.var3.stroke.default": "S:38817c17c53a38934f47e0f85731932f08ff9261,",
-      "click.checkbox.color.variations.var3.stroke.hover": "S:abb8425a90ff07226ccf3c9366b1c3c7e58fa246,",
-      "click.checkbox.color.variations.var3.stroke.active": "S:1137caea2963af52ad7d7b21558ac6fb4cb1a6ec,",
-      "click.checkbox.color.variations.var3.stroke.disabled": "S:463aef3b2ca2d6ee92e9a6096e749ee5b41934dc,",
-      "click.checkbox.color.variations.var3.check.default": "S:4290da67b032b0db411293234ad2631b9a83cfb5,",
-      "click.checkbox.color.variations.var3.check.hover": "S:e52a49025e340dd1dd31a62250ff6be803d98469,",
-      "click.checkbox.color.variations.var3.check.active": "S:467475a998d728c0a1ac23045d10f0bf7dcf306c,",
-      "click.checkbox.color.variations.var3.check.disabled": "S:906c3023cc5aa69aed373d56d68176ddd8c77973,",
-      "click.checkbox.color.variations.var4.background.default": "S:4247bc60a94f9be1c2a7f72142954ed350591fd4,",
-      "click.checkbox.color.variations.var4.background.hover": "S:f3f7c0e26db8a74baca5859c3edce9982d8bab55,",
-      "click.checkbox.color.variations.var4.background.active": "S:39a85afe505b494af0c04e3714bd6609d5746a50,",
-      "click.checkbox.color.variations.var4.background.disabled": "S:19619f96f7d7ad4890e885b112e64d50eb96e1b0,",
-      "click.checkbox.color.variations.var4.stroke.default": "S:faf8a1717262d3fd7c38be6c5015d49a05e70d12,",
-      "click.checkbox.color.variations.var4.stroke.hover": "S:59314088975e7c9e39248fed9d777c2015a3624c,",
-      "click.checkbox.color.variations.var4.stroke.active": "S:03ee841c9d6202ea04c9d3695bd427f3423fa3ff,",
-      "click.checkbox.color.variations.var4.stroke.disabled": "S:bc1d5b001d8610cea3831a67bdc0bceda509f305,",
-      "click.checkbox.color.variations.var4.check.default": "S:70bf93b9a616ca4aae218c74de576b31bb8e653d,",
-      "click.checkbox.color.variations.var4.check.hover": "S:f93ea6a88714a1960e1e39304711964c254536af,",
-      "click.checkbox.color.variations.var4.check.active": "S:af0477cb23c2109d29c7309387163931ecdc505a,",
-      "click.checkbox.color.variations.var4.check.disabled": "S:78fa7e4b8ce533c31e49c954f3daabbe915ed93c,",
-      "click.checkbox.color.variations.var5.background.default": "S:946dea335cc839977e85ab869e9e60bb967bd621,",
-      "click.checkbox.color.variations.var5.background.hover": "S:f9713ca63b2e8901f63019e688a0ff7179240234,",
-      "click.checkbox.color.variations.var5.background.active": "S:c49c4b9ec45872929d264789fedc9153a6ffa462,",
-      "click.checkbox.color.variations.var5.background.disabled": "S:c011bb86fcc4536017618ddd814d97f2e32c52d8,",
-      "click.checkbox.color.variations.var5.stroke.default": "S:43c0b47595f8a03246f6f526f88da3f4c2837666,",
-      "click.checkbox.color.variations.var5.stroke.hover": "S:e27029982cb45e69348e6bea1cc60d7bd0cb0049,",
-      "click.checkbox.color.variations.var5.stroke.active": "S:e4b5e7ab45fe99c3e59b773b3e6c3cb720946d6f,",
-      "click.checkbox.color.variations.var5.stroke.disabled": "S:7be566f7bda2f5e1d4dbcc7a84517cc367d5f92d,",
-      "click.checkbox.color.variations.var5.check.default": "S:144e725ea11b673ca9855eabe9c5b0021cc04e0f,",
-      "click.checkbox.color.variations.var5.check.hover": "S:b3484b013dd4be15cf58e33c699f8889a02cf340,",
-      "click.checkbox.color.variations.var5.check.active": "S:6818fc47c5e30a96c9e36624bf722442244551cc,",
-      "click.checkbox.color.variations.var5.check.disabled": "S:c1cadddf7895d2bf96a4aae50766d005e4ad4130,",
-      "click.checkbox.color.variations.var6.background.default": "S:88b84e798698200c28cecc9205f01708ce3785b0,",
-      "click.checkbox.color.variations.var6.background.hover": "S:40ea0bcfa34e5fc1b3b2bf43bc3bef70ee2f7d32,",
-      "click.checkbox.color.variations.var6.background.active": "S:682732110abdef664efb642a81df5648c3efe989,",
-      "click.checkbox.color.variations.var6.background.disabled": "S:17b59238fc76980231dbe42d95b3b924cf11fa40,",
-      "click.checkbox.color.variations.var6.stroke.default": "S:fbd5c18ad621475d968ef52b699dec641b666b86,",
-      "click.checkbox.color.variations.var6.stroke.hover": "S:99bfe74d5403d77213b0f455c33bf76d6c04785b,",
-      "click.checkbox.color.variations.var6.stroke.active": "S:c1b77ff9194316594a715e36c0ae456bc9dab25e,",
-      "click.checkbox.color.variations.var6.stroke.disabled": "S:a4ea555bbb95a642196876b598d0dda48441dbdf,",
-      "click.checkbox.color.variations.var6.check.default": "S:26bbed12ebcd294a16d353fa16e92c4b1b285f7c,",
-      "click.checkbox.color.variations.var6.check.hover": "S:0ed1e64eeb6cfa974bd0c6ddbb70b1b5d3610a85,",
-      "click.checkbox.color.variations.var6.check.active": "S:2a03e2a1fe29570c990860021f7018705845c939,",
-      "click.checkbox.color.variations.var6.check.disabled": "S:d2f6b0ca1812498c4b37cd0845563f7676d5f5b0,",
-      "click.checkbox.color.background.default": "S:f3bb29bee9b98b313e18a446830ac6e3e238fefc,",
-      "click.checkbox.color.background.hover": "S:6a3b948c73d78622fe4b336d21bb8177b70c1370,",
-      "click.checkbox.color.background.active": "S:eee55675bab2e685e1fbd5eb20465f212acdd856,",
-      "click.checkbox.color.background.disabled": "S:3260f33c758d741e0d6a4d484488aa4cb6200cb7,",
-      "click.checkbox.color.stroke.default": "S:1c430d03bc1dfdc7ca82fc326f6bc782cbbdfc61,",
-      "click.checkbox.color.stroke.hover": "S:03b260a0fddddf2e9e122f107da124cc6d41aecd,",
-      "click.checkbox.color.stroke.active": "S:ea2897ed884b92bb13127e39ee728e9567f04b02,",
-      "click.checkbox.color.stroke.disabled": "S:b347a28a5cefbfb691db5e347152e34929cdc34c,",
-      "click.checkbox.color.check.default": "S:ebb70facbcf2da9250cedad3856c5f91bb4cc4e9,",
-      "click.checkbox.color.check.hover": "S:915715f540a4c5a5f98ff3ae05d2297406491523,",
-      "click.checkbox.color.check.active": "S:68095260fd40b7b69f56c6abd6e57ea76fd58493,",
-      "click.checkbox.color.check.disabled": "S:f92745c9d95908be6501ace56caa9c82b0cb6059,",
-      "click.codeblock.monacoTheme.parameter.foreground": "S:6bf4bed9166f015736fa30da69de2313c06ee704,",
-      "click.codeblock.monacoTheme.parameter.background": "S:ad58dfb0161ec15af63bb289faef0eac51996831,",
-      "click.field.color.placeholder.disabled": "S:b5bcafabc03b0b49ffbc35a842b3dc42be490aa5,",
-      "click.genericMenu.item.color.default.text.default": "S:141cf80eb658ae3b750b930c6340e8a357344616,",
-      "click.genericMenu.item.color.default.text.hover": "S:2c687da79587e54cd7954dcedcc3282fea4017df,",
-      "click.genericMenu.item.color.default.text.active": "S:35d1445d4d03419f5fb09950f50ea49317a71e73,",
-      "click.genericMenu.item.color.default.text.disabled": "S:f70e20aff8aafb4281f36e84b26aefbc2093ccd3,",
-      "click.genericMenu.item.color.default.text.muted": "S:a2071a43f35f65e7c69c5a47966bffdc2827a663,",
-      "click.genericMenu.item.color.default.background.default": "S:83d4072aa8cc1cdb8427a529599ae1a428d448b7,",
-      "click.genericMenu.item.color.default.background.hover": "S:8456c861b5d7d07dcaa624fe7f2e306e4849b2a9,",
-      "click.genericMenu.item.color.default.background.active": "S:4b2a933acfff20cd28f1b7ea31fcb751eb5e103b,",
-      "click.genericMenu.item.color.default.background.disabled": "S:a08356769457b27df236a7f0f7b2a60a462919a2,",
-      "click.genericMenu.item.color.default.stroke.default": "S:fae6a0e3f79264ee5f2b8b81f4db822c3b3c2d8d,",
-      "click.genericMenu.item.color.danger.text.default": "S:068da9902fd850c735ab979b5384c3930346a20f,",
-      "click.genericMenu.item.color.danger.text.hover": "S:e6348054f1e2bead474a9da037b4c91bcc614367,",
-      "click.genericMenu.item.color.danger.text.active": "S:82c69405ba17f501d097b794f2c54f3783e21036,",
-      "click.genericMenu.item.color.danger.text.disabled": "S:3dc6be2948b36c0688c6484230cd076b688086ce,",
-      "click.genericMenu.item.color.danger.background.default": "S:88f6da798c3468edd684b9b8386c3f99c5cafadf,",
-      "click.genericMenu.item.color.danger.background.hover": "S:d9706b403d653ac3f07a7ecc4d943670d4511a19,",
-      "click.genericMenu.item.color.danger.background.active": "S:7a13e6ae3bbe27565766776e763622ff300f0349,",
-      "click.genericMenu.item.color.danger.background.disabled": "S:8ac8ca1f38324fce687efbc639c24b854c645240,",
-      "click.sidebar.main.navigation.item.color.text.disabled": "S:e43be71089def9a831e814a7a01136a55ad7925d,",
-      "click.sidebar.main.navigation.item.color.icon.disabled": "S:a773c2d8fb1b96013c15a92fac652930d51557f3,",
-      "click.sidebar.main.navigation.subItem.color.text.disabled": "S:77daf9f98d9a89a5c2e4846e9e699d1c730e38e8,",
-      "click.sidebar.main.navigation.subItem.color.background.disabled": "S:3b3b61014c2dad3219996699623e6af3d180ff4b,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.disabled": "S:7e2fd87a37133d220df8a750d868c94175eacef7,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.disabled": "S:3da5bc57e9e8281805b25c6d22b131760907b826,",
-      "click.table.row.color.text.disabled": "S:82ce68339badeeb70ec87b83bae279bbe297e5fd,",
-      "click.table.row.color.barChart.default": "S:9f40bbf1338a9163524de518e52b9d7415b45f5d,",
-      "click.table.row.color.barChart.hover": "S:098181725368407c05de17aa14336ebfb77407ab,",
-      "click.tabs.fileTabs.color.closeButton.background.default": "S:2fbb72ea8fc92ff6e976659c19bc55b6a05581a1,",
-      "click.tabs.fileTabs.color.closeButton.background.hover": "S:cc76d1648cf8fbeaa70c56f0195ce704e887fa73,",
-      "click.chart.bars.color.blue": "S:8e40f0e74d2a2e112008e392e600a2348d1db3ca,",
-      "click.chart.bars.color.orange": "S:2c7618a42a9bd43fb3a70043cbec8cf1d75e7d20,",
-      "click.chart.bars.color.green": "S:8205ac11539571bb732a5e63b86d2fc1257b6fdf,",
-      "click.chart.bars.color.fuchsia": "S:63425bcd7ce0994d3da2b80c54199018d44a5b8d,",
-      "click.chart.bars.color.yellow": "S:9c8cd0416e5e714aa97d29cd17c8deac6f0713be,",
-      "click.chart.bars.color.violet": "S:fa1a27efd503776545f372adbc8bc1552a845986,",
-      "click.chart.bars.color.babyblue": "S:5cb7b3c7b4e71e7e2d67978130f100fcfe04093b,",
-      "click.chart.bars.color.red": "S:5f255042f4087b423308e7737de4d7b64424af5e,",
-      "click.chart.bars.color.teal": "S:649e78b3d15884821b0c0e605a1e1c4b7a4b097b,",
-      "click.chart.bars.color.sunrise": "S:92c93d5fdf203477647b79d312d9d5cb83487dff,",
-      "click.chart.bars.color.slate": "S:b95d7a1df39214d2a3d6c011b7bc9980f7f72911,",
-      "click.chart.color.default.blue": "S:3899a1ec508480785b82729ccb80db88dec9997b,",
-      "click.chart.color.default.orange": "S:4ea2114880328ad994cefac7257236040c3eaafd,",
-      "click.chart.color.default.green": "S:97ca6a7d3afa2f5e33c8facee87aa9a71eb679db,",
-      "click.chart.color.default.fuchsia": "S:a730512db0c8c618905ab5bd93359452b8e96760,",
-      "click.chart.color.default.yellow": "S:933afc8cafc617b5569496014cf9c8ab00b91b53,",
-      "click.chart.color.default.violet": "S:cbd4c2813ce5a556066bf8812e427aa258825c8b,",
-      "click.chart.color.default.babyblue": "S:013cd7f9f50488bdf61bcfd2de33e12c61272eed,",
-      "click.chart.color.default.red": "S:0ccb73f1c8d7aa65e45bddc6e697d69c97e77933,",
-      "click.chart.color.default.teal": "S:8d8b6234cce719a6bd692398e452f97e1f516c68,",
-      "click.chart.color.default.sunrise": "S:41aff348df1f90286d3884db9499d989b651029c,",
-      "click.chart.color.default.slate": "S:3a1ef68efb5a5b8aa0d06586ee2b9605c3398503,",
-      "click.chart.color.label.default": "S:989790dbaaefcc2642f56c1b1457cb2388c33839,",
-      "click.chart.color.label.deselected": "S:2eb706d685312e6dd246be0822ceeac63118bf48,",
-      "click.icon.color.background.default": "S:3966e57c298bdb067731d6dedac096eadd6ad2fc,",
-      "click.icon.color.background.success": "S:1cf9eb08e6f87830beb5a30f93b0b44a765febae,",
-      "click.icon.color.background.neutral": "S:ac5083b0ddd9f33c53f30add7f3445aec8efd403,",
-      "click.icon.color.background.danger": "S:c288ab8503ff41c199954774e1645ccbf985d75f,",
-      "click.icon.color.background.info": "S:2ec6b70145d118289a13a71e85830c72d16a187e,",
-      "click.icon.color.background.warning": "S:04108a2289f2873641125f1487c93d8e958825ad,",
-      "click.icon.color.text.default": "S:226868c727a0635cc9e13f9dae66983200178437,",
-      "click.icon.color.text.success": "S:fc3e2da4e0fd7d7e495bbb4b9e020d1483fe8751,",
-      "click.icon.color.text.neutral": "S:9bdecc2b6c7e82cd3d4aadda4b5c7015e3245d1e,",
-      "click.icon.color.text.danger": "S:de6b82251445b2f1d8f482387cabf63f59dae0f9,",
-      "click.icon.color.text.info": "S:464b900b28909e578cca6ba23a413a4e3563c92d,",
-      "click.icon.color.text.warning": "S:88f90bd026d9463fd055a34f18f4afd398132538,",
-      "click.icon.color.stroke.default": "S:4ed8819e767759613a613ea565ad632e71fd61e6,",
-      "click.icon.color.stroke.success": "S:9ec4a4905263e03659fcc496fc35cb3b2a193269,",
-      "click.icon.color.stroke.neutral": "S:a35eec2461855540a3124b3bddb2d14d3ea0b838,",
-      "click.icon.color.stroke.danger": "S:e9c2d230109dbb29a012d322b2f1073a24641adb,",
-      "click.icon.color.stroke.info": "S:85f6bf25f2578e0d78a6b25694662dc0452bce9e,",
-      "click.icon.color.stroke.warning": "S:f2afb83141195861060748a0f23a6dd4a110cb9c,",
-      "click.datePicker.color.title.default": "S:0e7c2ca8fe9751aefd891243e2ee78c55fcaa29d,",
-      "click.datePicker.color.daytitle.default": "S:1895c7764d8b9ed769220c844b498772602b3b12,",
-      "click.datePicker.dateOption.color.label.default": "S:fa8c1d966df881634ceb71f394a51ea56b28099a,",
-      "click.datePicker.dateOption.color.label.hover": "S:4a08369125dbc81fb795d786f6117b430c041855,",
-      "click.datePicker.dateOption.color.label.active": "S:a4d2de2e91c3d31172875412a26e63436a0e19ec,",
-      "click.datePicker.dateOption.color.label.disabled": "S:316e97faa6a00ad5dce380dcb6a5facfadd071c9,",
-      "click.datePicker.dateOption.color.label.range": "S:e875b3f20dd771c056731cf46b94ca3facc505e7,",
-      "click.datePicker.dateOption.color.background.default": "S:f0b003d004bb32bd012ef61da82b4dfff0b68669,",
-      "click.datePicker.dateOption.color.background.hover": "S:238636d35f864b70b8eeb046f8b8b18f05063283,",
-      "click.datePicker.dateOption.color.background.active": "S:4789a8386d5bc5149acbc018e7ff42f9db9892c4,",
-      "click.datePicker.dateOption.color.background.disabled": "S:c66ccd3b5e7f5fa91bd3006f4bd5f55ee2fe7464,",
-      "click.datePicker.dateOption.color.background.range": "S:390fde0e814c4ff6a4234769acc0a1f7b3c92a2f,",
-      "click.datePicker.dateOption.color.stroke.default": "S:37ed214b0c14ed42bae77da134abeeb93c02534c,",
-      "click.datePicker.dateOption.color.stroke.hover": "S:6852c349c463c82332f2e0df81762146976bf739,",
-      "click.datePicker.dateOption.color.stroke.active": "S:342edcd7b9663e38949f94548b126d7fe98c84a6,",
-      "click.datePicker.dateOption.color.stroke.disabled": "S:3a450b89f9421b5f7ee2be12480fbac2d2fcd65d,",
-      "click.datePicker.dateOption.color.stroke.range": "S:5c8b81cd3e29f99ba5b60e1ec4b74c0978cabfb1,",
-      "click.serviceCard.color.background.default": "S:8eceea1b4f38444d98e1a645518af31badc844af,",
-      "click.serviceCard.color.background.hover": "S:4c1085e1b594c26254eaee0bfa77542f7a8f9349,",
-      "click.serviceCard.color.stroke.default": "S:3f54bb95b98305f95beb8dd8635160fe1d34d946,",
-      "click.serviceCard.color.stroke.hover": "S:923d4e6296c941ba64532c0802f2a46788302507,",
-      "click.fileUpload.color.background.default": "S:70ef88bc592d25c866fe56cc90ec681741429c7e,",
-      "click.fileUpload.color.background.hover": "S:85f38243770939ce2db26c26c3f31872627fed5e,",
-      "click.fileUpload.color.background.active": "S:1f503d80479133603bc6e25b1a5d4d285b7443b1,",
-      "click.fileUpload.color.background.error": "S:d469ec065cc86b7b48adb60b14366b6b8a3dd96e,",
-      "click.fileUpload.color.stroke.default": "S:9ba04a4a5ad92e48bf95e96a4a616a9ff646508c,",
-      "click.fileUpload.color.stroke.hover": "S:ae4803026fcf48b20509a49539144093d36fcf70,",
-      "click.fileUpload.color.stroke.active": "S:20ca466e49041d40e3453ee720c3ced471af28e0,",
-      "click.fileUpload.color.stroke.error": "S:bba179bdf74c1e04ff5018ae393793d81b71df86,",
-      "click.fileUpload.color.title.default": "S:8ec8afd008a8ec3928bbf16548034d455b58ac5f,",
-      "click.fileUpload.color.title.hover": "S:746c6b8fb0443c6d996430673d1d6eb00a4b7a4a,",
-      "click.fileUpload.color.title.active": "S:44170d10270dc341694905cb6521f6f5244b9f27,",
-      "click.fileUpload.color.title.error": "S:1a972fa9cf88753d2983f35c0bd0420ead01329f,",
-      "click.fileUpload.color.description.default": "S:749eff9f770b70b11d1f1d5350d419089dc99adf,",
-      "click.fileUpload.color.description.hover": "S:cb614214e53cbbb2856519e0834da79d55314a52,",
-      "click.fileUpload.color.description.active": "S:cae82baa0d2d148929ceaac0239841769966865e,",
-      "click.fileUpload.color.description.error": "S:6e4c5677023cc003b86b51b15940c588a1b7b593,",
-      "click.fileUpload.sm.color.icon.default": "S:35bf5e78357be2ff0272b29694f53679c291eeb3,",
-      "click.fileUpload.md.color.icon.default": "S:6e78c34d64cf94cc30c40c34d0463a5dca9d54fc,",
-      "click.dashboards.chartWidget.color.stroke.default": "S:cdb010f2fff24dcc26910fe03ea32af5f85aa5a0,",
-      "click.dashboards.chartWidget.color.stroke.hover": "S:d62842196ca3a1b64d87ec1b4a84592d8ab72683,",
-      "click.dashboards.chartWidget.color.stroke.selected": "S:b102f34bb92affec17d38d988105eca71726d209,",
-      "click.dashboards.chartWidget.color.title.default": "S:17dc159345a86918a81e1d1979a2795544c1475e,",
-      "click.dashboards.chartWidget.color.description.default": "S:bfde05d4bb3adad6fb011034eedb113f71496e67,",
-      "click.dashboards.chartWidget.color.legend.default": "S:d70c672f708abf36684a942db326c167fbcf35a8,",
-      "click.dashboards.chartWidget.color.legend.hover": "S:fbf1ba38aa0464721395c4235116d01e9354e815,",
-      "click.dashboards.chartWidget.color.legend.selected": "S:3bec8d9f2717246721568bb2b9aa9ad19bbd0861,",
-      "click.dashboards.chartWidget.color.element.stroke.default": "S:2a291180c48d914a6c85f1f981706af4d3b663da,",
-      "click.dashboards.chartWidget.color.background.default": "S:d3ff813b53d7e2537cc1b8c378b4a893011a75bd,",
-      "click.dashboards.chartWidget.color.background.hover": "S:26dc8b2918eb4dc948183ac55ca0a320169cac21,",
-      "click.dashboards.chartWidget.color.background.selected": "S:5e2ff7e4c15f0b3914213d320bc184a3b8c4a91d,",
-      "click.dashboards.chartWidget.color.icon.default": "S:2ebea26174453461c476d61df0d940af1c105c8a,",
-      "click.dashboards.chartWidget.color.icon.hover": "S:dfab7520e2ff08f9692368db4dca1f6f42758d9f,",
-      "click.dashboards.chartWidget.color.icon.selected": "S:f14e8a504552960472549bc2d1945484f0ee8ac9,",
-      "click.dashboards.chartWidget.color.label.default": "S:68516f93fe241c34da149c44078029c8a7690460,",
-      "click.dashboards.chartWidget.color.label.hover": "S:9700cd9118eb4fb265875f44c26c9b618003e88b,",
-      "click.dashboards.chartWidget.color.label.selected": "S:0b9a5570b96044dccb506a17b253b52bd6b2c266,",
-      "global.color.background.split": "S:46f2cac4a39db1d7698c8dda605dae482fec67f3,",
-      "global.color.text.disabled": "S:4a0bf1baa9297b35c7777619f9a49699816ec771,",
-      "global.color.stroke.default": "S:6ce4589e014d1b2aa7d418ffa9dbd671d7ab3222,",
-      "global.color.stroke.split": "S:e4f14745fc30145a7af6688972c232bbb4d9ff61,",
-      "global.color.chart.bars.blue": "S:bfb564a0472080f21e81674ceb868b5cc1fe92f2,",
-      "global.color.chart.bars.orange": "S:358120698d3f89ab1cac62d438dc0d1177342710,",
-      "global.color.chart.bars.green": "S:6c224fb765b99ad61937bcd68e32d00883859601,",
-      "global.color.chart.bars.fuchsia": "S:a1f4a75cd124df5889afca61d833ed766587ff42,",
-      "global.color.chart.bars.yellow": "S:8d47fddacc94888bcbd06d0a9b2c0f37ff4b1402,",
-      "global.color.chart.bars.violet": "S:967e50c8ac9ae3cc8faaf9ac7ef5dc069d96b4c4,",
-      "global.color.chart.bars.babyblue": "S:1923417a4d6e03f40bc79b6d3e9f836735af0875,",
-      "global.color.chart.bars.red": "S:0b7716381efdac708e0f9ec403824d9d11852e41,",
-      "global.color.chart.bars.teal": "S:e31ff206a54b974cb971958e64c663e9859fd253,",
-      "global.color.chart.bars.sunrise": "S:7c79c67f418f123d53b268df9fc5d27dca6e7f0b,",
-      "global.color.chart.bars.slate": "S:e4556fea1958acd98dcf9257b6806e429be61b7f,",
-      "global.color.chart.default.blue": "S:33d9ae0874b959dcecff4ae3f3db03e80dcde275,",
-      "global.color.chart.default.orange": "S:998a0160cb07d5764591655961608b98b751cc4f,",
-      "global.color.chart.default.green": "S:b74047eb114382782f2a9adbd34b2df9e71ae69f,",
-      "global.color.chart.default.fuchsia": "S:e40433dccbb5339900ff1369a2d85405695a5e1c,",
-      "global.color.chart.default.yellow": "S:489becab4e5537f85b6f0e520fa6d8c4c69dc900,",
-      "global.color.chart.default.violet": "S:9c5f677fb3c6b9a7ab1420301a545574ba0de0d7,",
-      "global.color.chart.default.babyblue": "S:88c6a9b3bc9e7f2895827fcb916870a46b660fc9,",
-      "global.color.chart.default.red": "S:96933f3eee190b2b2f012f62ba62a53cacff15fc,",
-      "global.color.chart.default.danger": "S:a8b543bfbe67280926f02fc7dcfb4178e0e978fb,",
-      "global.color.chart.default.teal": "S:86be1688b02ceec1efd1239df6044a311ffc4f62,",
-      "global.color.chart.default.sunrise": "S:0e7315cc4917d344335455ecc98afbc5fe58bf35,",
-      "global.color.chart.default.slate": "S:31efb73ab8992443b094a1a0367e547bb4fb8181,",
-      "global.color.chart.label.default": "S:5cfc6bbd261af68a5dc92aeeb1b5e79dbe70ea07,",
-      "global.color.chart.label.deselected": "S:d28676e7e303c7663d344b0fd735513f3253015a,",
-      "global.color.iconButton.badge.foreground": "S:11d4863e68de822b9fd34b5414b5105c9a167b8d,",
-      "global.color.iconButton.badge.background": "S:2e6475b1be4c1a032b00c2c8cf0793902c898afd,",
-      "global.color.icon.background": "S:fefe15fda6c3e945e23a797c3e37f5a294d1deb4,",
-      "click.button.basic.color.primary.background.loading": "S:d6f86ff91a00302c0273488a7c5c80a9d3141d00,",
-      "click.button.basic.color.secondary.background.loading": "S:0f6e5396c2c874f64e0219aebc110d67a57e10c7,",
-      "click.button.basic.color.danger.background.loading": "S:afc86783dda5752e6ac82af27c15b7e593d57bc6,",
-      "click.button.basic.color.empty.background.loading": "S:e36ef2fabfc85bd154bad142afc8315dfcd3b959,",
-      "click.sidebar.main.navigation.subItem.color.icon.default": "S:d3f22fcc99b3bf01c36f4e9d0c348af123d6673d,",
-      "click.sidebar.main.navigation.subItem.color.icon.disabled": "S:588c4fe1caa68df35377d98c18a17cf4ffb1641a,",
-      "global.color.background.muted_a": "S:129c931ef67efbe30313c58400811cbfae20d0c7,"
-    },
-    "selectedTokenSets": {
-      "primitives": "enabled",
-      "component": "enabled",
-      "light": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:3607:11164",
-    "$figmaModeId": "3607:0",
-    "$figmaVariableReferences": {
-      "click.global.color.background.default": "349b58cc07e68f88c984ccb73300056437924b7d",
-      "click.global.color.background.muted": "f08389ed4a33b3a01d20372cf0a5bdb5df83322d",
-      "click.global.color.text.default": "58cb9130ebac262ef6441e3bff6e2e049f5e36f5",
-      "click.global.color.text.muted": "8f1b4b614a6840defc94acd47dd5dc753e76b7fc",
-      "click.global.color.text.disabled": "62959a2154db98390e2c9460b38f2abc9ed46fb4",
-      "click.global.color.text.link.default": "b07544d557a53c22eebfd15e474eb6560cf23ef5",
-      "click.global.color.text.link.hover": "f0fc0b3331e56192565dcebdfb9d90e3077bd01d",
-      "click.global.color.text.danger": "9a1f991ab28aed1fb0bd099cbad9f6a8e706ed2a",
-      "click.global.color.stroke.default": "26db791aa0033b696a149ce1064149cad1a5184b",
-      "click.global.color.stroke.muted": "c05a1b6c0cefd83dfa2396fe868c26fe9b3fcbb3",
-      "click.global.color.stroke.intense": "f46bb255c257231964ccca201593a4a15a0fbf34",
-      "click.global.color.accent.default": "951a04691ccc8851c492ec0e3710b856bdf5b493",
-      "click.global.color.outline.default": "51f8232d60bc8e0f87d6f4572f1552db858221c2",
-      "click.global.color.shadow.default": "18abe47fabd7c4b4c75412dfaa7a08551e987a76",
-      "click.global.color.title.default": "fbb14b200903bb0792bcf14564b73dc9a81fdd00",
-      "click.global.color.title.muted": "bfb8be84fbb074fdb4c16d99b16bdc7a2ef104db",
-      "click.accordion.color.default.label.default": "f28a7451111a25d545ebb144d9e00514619f64f2",
-      "click.accordion.color.default.label.hover": "43e326b5c43dc820692d5ff18902085dbfd5a0ae",
-      "click.accordion.color.default.label.active": "dc91e99ca4d75e54b13682fee8821ea1100a3fc5",
-      "click.accordion.color.default.icon.default": "9afaca39a59a17730abc797ff87e6386322c436f",
-      "click.accordion.color.default.icon.hover": "bc83f72aaf7b708356ea10523204ecfbc52da2fd",
-      "click.accordion.color.default.icon.active": "f44c58d121f0a1595985f0c9eff12484115c430f",
-      "click.accordion.color.link.label.default": "4d6c9c0f2660b1d21ba25519b486381f51709d6e",
-      "click.accordion.color.link.label.hover": "55e0071a66917c999f5414e6bf44e9d42a2c8b4c",
-      "click.accordion.color.link.label.active": "1dd83df43281a7ae6db8cb57f3e88db5dc699819",
-      "click.accordion.color.link.icon.default": "9cd6f91f89b839f3f95d19ea71ce245cb38ecbd2",
-      "click.accordion.color.link.icon.hover": "fec5923f6c2e540d45fe2c70895eef0f8972933c",
-      "click.accordion.color.link.icon.active": "2c48c6e0b28d50bb994192935abb924417c61e64",
-      "click.alert.color.background.default": "7e0b82f24aa7d9ebbf102007bac35b7a51abfd7f",
-      "click.alert.color.background.success": "fff134128989fd8133d163e58e4ac8aad4dcc8d7",
-      "click.alert.color.background.neutral": "b920c183586d71b1ea00ee2a1ce9f906b4bd13d6",
-      "click.alert.color.background.danger": "a404626f76b99f1a61ec42f85e38875d3b98cf60",
-      "click.alert.color.background.warning": "b351dc7b12706a3f5d1c45ecb7bdead90b91ba5f",
-      "click.alert.color.background.info": "39ab01c699d4252f50c7988801794f6e352a26cf",
-      "click.alert.color.text.default": "888b088a6ebdeb86bd818ea2dfc61859d9472b0a",
-      "click.alert.color.text.success": "22143d51ebbde449c165db7394b3a80ae0e136c6",
-      "click.alert.color.text.neutral": "671f77548f5c50752081c819d5ff80742bac2b3d",
-      "click.alert.color.text.danger": "f87a41ea77aa9b28eb7ead21c8eef714de075608",
-      "click.alert.color.text.warning": "2743cdb26f7117828e4ef5e9654f51c6b72dcc29",
-      "click.alert.color.text.info": "6b4002f2c25a13e39b0e1e8111b9c859387fe464",
-      "click.alert.color.iconBackground.default": "62a636f208bbc4e31ce52ff63f71eccfef1a682c",
-      "click.alert.color.iconBackground.success": "bc3f6e5abdd47827b409be71251885ba20f14e2d",
-      "click.alert.color.iconBackground.neutral": "83d0dcd15894c451bc4ddcda4f62d20b15cae0f6",
-      "click.alert.color.iconBackground.danger": "bc988dc8dc33ec9c3ec439a0c2b899e77ae17112",
-      "click.alert.color.iconBackground.warning": "437675bf5906ed9b2df86e75d4ff55f0412723eb",
-      "click.alert.color.iconBackground.info": "080e68c3ce7741d904a5d09bcd46bd3185a18d25",
-      "click.alert.color.iconForeground.default": "8c2558108aa309f839a7aeb81354cfe8cf143b11",
-      "click.alert.color.iconForeground.success": "3f1070997577c4e3ea246fd95d31349edef7e59a",
-      "click.alert.color.iconForeground.neutral": "3b26a9b1420855b725fd2106b404d22df80371f1",
-      "click.alert.color.iconForeground.danger": "80e7fe75c5f5c900076e4f1c50f7f6802cbd74ea",
-      "click.alert.color.iconForeground.warning": "8cf8497953d85bf62e5dfe21ec0048640c4a877b",
-      "click.alert.color.iconForeground.info": "3a58b6eb712cf0948371d91543e7074fca7ce5ca",
-      "click.badge.opaque.color.background.default": "71e6574737a817b5a290fc4ed9e76b25de77b461",
-      "click.badge.opaque.color.background.success": "2d735c94cdcdede9c7a7386a9ef69416e8b98556",
-      "click.badge.opaque.color.background.neutral": "d2a82d7532e8b230b40103602b2a8539276bcbc2",
-      "click.badge.opaque.color.background.danger": "62bedbe4857f1d2b0410daee1b234237c81cab28",
-      "click.badge.opaque.color.background.disabled": "6552364d3bee272603d5e7ce19fbcc8c7e4e65c3",
-      "click.badge.opaque.color.background.info": "0cd595f2ac286cbf064fb172fefe9ae2410a782e",
-      "click.badge.opaque.color.background.warning": "4c7cd77024333efa545fc73ded946eb9e715427d",
-      "click.badge.opaque.color.text.default": "4d86404083b15538c046bbdb418b5f5a53a9cdc2",
-      "click.badge.opaque.color.text.success": "fa23a08cf9ad09e3af934082e2d2e01419db3840",
-      "click.badge.opaque.color.text.neutral": "73ccba181e9013819c28357af41ea2c81ae70dcc",
-      "click.badge.opaque.color.text.danger": "3fc62bbc67fca7f9321ce2dcc4604ce09708343e",
-      "click.badge.opaque.color.text.disabled": "c8170f2511294f781f444f828d8aae8604338bb1",
-      "click.badge.opaque.color.text.info": "2c9f8831ffc16ec178e73afdfb45950a844ad157",
-      "click.badge.opaque.color.text.warning": "8cddf89e02d0cf623fdd01d6e65834e5c949fcfc",
-      "click.badge.opaque.color.stroke.default": "e8cd049e5da7d09aa7538641b0466d4774591220",
-      "click.badge.opaque.color.stroke.success": "7c8921da10ce8c080977bf8145539b2484fd7cb6",
-      "click.badge.opaque.color.stroke.neutral": "29406f800fda56345d8a62aa498879489a22394b",
-      "click.badge.opaque.color.stroke.danger": "7593e9447f2706fac3b2d827dd31236e52039e36",
-      "click.badge.opaque.color.stroke.disabled": "68a786f0d4aeb9fd4734f0ea73fa8a741747fbe5",
-      "click.badge.opaque.color.stroke.info": "1ad33d11ac0e6f94ece1f7b04ee00293aee0a1a7",
-      "click.badge.opaque.color.stroke.warning": "83c573a90dfe279fce54a84a0b66958b74354fc3",
-      "click.badge.solid.color.background.default": "37f0c11bbdcd377eec10ae14a86df2b2ceb9b0f3",
-      "click.badge.solid.color.background.success": "efb1c801bece5376110c35472f4c62d6feee2b90",
-      "click.badge.solid.color.background.neutral": "698ddf7cc9458fa2435081d2f32b586e4b9f5d7f",
-      "click.badge.solid.color.background.danger": "14982d8681c63e713a3e98860d20ffe485900419",
-      "click.badge.solid.color.background.disabled": "aa82fb1772b6845cf0a8c887545af96c0fd43edf",
-      "click.badge.solid.color.background.info": "27115a2a902a6d76d93508292777ab65437386a7",
-      "click.badge.solid.color.background.warning": "96ef0c9f8df3fac392cd25c707c3d3e12e14846e",
-      "click.badge.solid.color.text.default": "657d1dd43d0140d095ba1c7e31270046f2390c75",
-      "click.badge.solid.color.text.success": "6a3df7080599825ab04a3264e57466aca79fe80f",
-      "click.badge.solid.color.text.neutral": "ea174d94718f054ef545315ae9d0eb4ecfbfb797",
-      "click.badge.solid.color.text.danger": "7b1a317610a0e16ba456bbf7ddfbc3e3831d7e1d",
-      "click.badge.solid.color.text.disabled": "51adf522ca5064a7f3874333edca61ee7a6458a5",
-      "click.badge.solid.color.text.info": "c6d3206ae3d0ef62b9fca582e4938f987d066298",
-      "click.badge.solid.color.text.warning": "e324e646fe630edecccaf407f24c35deda3021e8",
-      "click.badge.solid.color.stroke.default": "65c59d6f55017089d12bc6b1d2244a387e653bc8",
-      "click.badge.solid.color.stroke.success": "b81e28c1a6b6bc07a9c177c8fa74406f95cd12e4",
-      "click.badge.solid.color.stroke.neutral": "82454cfd468b64d17cedca4d6a6b85c3c62ff1be",
-      "click.badge.solid.color.stroke.danger": "9ec2535bd264b458484b9670bd9531d1fe2a29a4",
-      "click.badge.solid.color.stroke.disabled": "cebb3b8a8f0fc6748bf4e7ef2e2a3748a3c64a7d",
-      "click.badge.solid.color.stroke.info": "183f584fa1c2b067f5588670758942e48b0e1345",
-      "click.badge.solid.color.stroke.warning": "f71f211c242f0a361678d5da16bcd1641e953897",
-      "click.bigStat.color.stroke.default": "ecfe86a6c0e49e5a86ca1e4bab88f365891d9f08",
-      "click.bigStat.color.stroke.muted": "a9ba5b8cec20c9117b93af237a2ee854a9a2a22b",
-      "click.bigStat.color.stroke.danger": "073d2facc0beca0a1da8d66f561dbdb40cfad050",
-      "click.bigStat.color.background.default": "c9e11e50a405c653df76e3fb03c042c14bb1aefc",
-      "click.bigStat.color.background.muted": "edef73ddbab577246ad4df38dcfe736bb42b1385",
-      "click.bigStat.color.label.default": "1a7a11cd07fbdd0e72dd1c0f1aeaa6a30f3de39d",
-      "click.bigStat.color.label.muted": "a13996b50c0c52d666f1662c143c3b3c33a9f8bd",
-      "click.bigStat.color.label.danger": "a9ca46f3c4553bd4e1261ea80ba594a3afce0e25",
-      "click.bigStat.color.title.default": "22bd9c59fa859dc1279aedc6d2295fbc37695b2f",
-      "click.bigStat.color.title.muted": "21ae81c30f99c66fcf1b0853daf7bfca999a5667",
-      "click.button.basic.color.primary.background.default": "d3b7b40c7f52938a30845532c075c343d6358652",
-      "click.button.basic.color.primary.background.hover": "c554f1185a6716a19d72425f008c05980bb093ed",
-      "click.button.basic.color.primary.background.active": "8f403017014e3b952da03e9bd8e9700b5ab5c450",
-      "click.button.basic.color.primary.background.disabled": "d10f1104f65b499ffa0a38dfdab45843aa536e1e",
-      "click.button.basic.color.primary.text.default": "1cc52e676bccd65b3deb3cb482bc4979a375c550",
-      "click.button.basic.color.primary.text.hover": "072a094a41544bb0e7946bca12737c4f3ecb7a24",
-      "click.button.basic.color.primary.text.active": "8086533bb4f9f20f37c28bf72b8f48555365eeb5",
-      "click.button.basic.color.primary.text.disabled": "cf8424fdb3d5b0901efd1394734f49c65a55abb2",
-      "click.button.basic.color.primary.stroke.default": "5d74843d6db640affc7803bc1c8241303b2a23e4",
-      "click.button.basic.color.primary.stroke.hover": "96ee62f5addcd5322f8d1406f7a73d2ddbaceade",
-      "click.button.basic.color.primary.stroke.active": "750d5991a89024f5c382f9f703fff84c60add790",
-      "click.button.basic.color.primary.stroke.disabled": "b75ab031c9773a8a35a42eb19325bbbf32798626",
-      "click.button.basic.color.secondary.background.default": "681a73afd84d33fad9cd30a974c0776e55f6440f",
-      "click.button.basic.color.secondary.background.hover": "e58b0092a24036fab1e3b6cfd33bae832dc87306",
-      "click.button.basic.color.secondary.background.active": "ceebe14213f852638da757ac8574c0cf729c9d35",
-      "click.button.basic.color.secondary.background.disabled": "f5874c48cb62ed52aab6f775e6d6200c61599005",
-      "click.button.basic.color.secondary.stroke.default": "06ccc29d7b10d78d93498e8290e6a231c5f140d6",
-      "click.button.basic.color.secondary.stroke.hover": "7b2a9fff68718c54ff9271d9407d9d118e688560",
-      "click.button.basic.color.secondary.stroke.active": "2161f1e08b9998eb866dda0ee7200bd27e93af82",
-      "click.button.basic.color.secondary.stroke.disabled": "961d3fb268239a19876617ee79a5bde4d1e6b151",
-      "click.button.basic.color.secondary.text.default": "3be3141c323a9a45552b66a6ffcabbf11f2f2efc",
-      "click.button.basic.color.secondary.text.hover": "967f70e12b5bfef32a6cf464805627ee782e7fbf",
-      "click.button.basic.color.secondary.text.active": "46c2fc2bc96689ec4ab8c5d79683947ae96ee063",
-      "click.button.basic.color.secondary.text.disabled": "2cad50cbb8aa3e9cb50c45a76d5b1698a3d4205d",
-      "click.button.basic.color.danger.background.default": "3f9e3e0507de148107af2a3d9a3872f0f91e517a",
-      "click.button.basic.color.danger.background.hover": "a863e5bbc95b32589d280b0c899ec88e75d72318",
-      "click.button.basic.color.danger.background.active": "3e9ed49a91c1fc42c57854c6944afd93d753e4c1",
-      "click.button.basic.color.danger.background.disabled": "8dc9b1bea47a1d6ec9b577da97d1da659d3c6585",
-      "click.button.basic.color.danger.text.default": "59bb2bc9a8c43a380c3c3d404a20da48f6b24893",
-      "click.button.basic.color.danger.text.hover": "ff2f10616a308c154822c5cc37475edfee826dd3",
-      "click.button.basic.color.danger.text.active": "4f490e81e71e28ba48914570631167473288820f",
-      "click.button.basic.color.danger.text.disabled": "70a8a0ae49dc9ecdca78bfd4501f21dc7723a96e",
-      "click.button.basic.color.danger.stroke.default": "1b61099e7e3ef618eb45f7837181bbd5a9360190",
-      "click.button.basic.color.danger.stroke.hover": "a1b26e4592d3110492012935fa72269fd09aee17",
-      "click.button.basic.color.danger.stroke.active": "37f3028125890605b0b84752fdbf3a3e67172909",
-      "click.button.basic.color.danger.stroke.disabled": "515cf9c7c75c2dbf4d2c941985a823903d54c05c",
-      "click.button.basic.color.empty.text.default": "e0513418087fcbd81d940646ff2ac3adb06392b2",
-      "click.button.basic.color.empty.text.hover": "4e8cee987bd19e68cefddbfc1aeba644b4e40d4f",
-      "click.button.basic.color.empty.text.active": "c7ca1660361672ad97de3ab0407ed6e53de3f0a7",
-      "click.button.basic.color.empty.text.disabled": "a35b4256852d24c53b4d4291472f0b5db37f6949",
-      "click.button.basic.color.empty.background.default": "f236636748b5a40305967c871a9439137527b340",
-      "click.button.basic.color.empty.background.hover": "12c36ef81827caed4d0996baffbbfd7c7f6af851",
-      "click.button.basic.color.empty.background.active": "762c2c9a4d96db9a0429b38ab9529e8f4f06ef31",
-      "click.button.basic.color.empty.background.disabled": "1e5501d447b8fee2df7da823ae36c19ba9efc96b",
-      "click.button.basic.color.empty.stroke.default": "21d78dc93fcb0f2ef5d471406194b648e4a07ff4",
-      "click.button.basic.color.empty.stroke.hover": "4f5eb3dec562132029d57fbb07db0bb79acbc719",
-      "click.button.basic.color.empty.stroke.active": "3c566164100e34092a281d65f015027a671e2c96",
-      "click.button.basic.color.empty.stroke.disabled": "42866ea4e2864c7b9d0457ad5247338e6f732dab",
-      "click.button.split.primary.background.main.default": "88f9ed8a21d70163c1ff5667b7b271bea66a5efe",
-      "click.button.split.primary.background.main.hover": "518da00cc278abcab1ed0f10944e395dd2d1d6ee",
-      "click.button.split.primary.background.main.active": "702bc4402109cb3e21ebd0fd3a7409e32c9da656",
-      "click.button.split.primary.background.main.disabled": "cda46c17e907687c6ee4702333cfad81c44abfed",
-      "click.button.split.primary.background.action.default": "6435b3088f4678abc5cb4547eb3b3330f16adcea",
-      "click.button.split.primary.background.action.hover": "8ed53e49ca2cf89fcf2d7257e87b2b2a6201aa29",
-      "click.button.split.primary.background.action.active": "ca4e6cfaa86a8aa5da2834872239f50a4bc2c481",
-      "click.button.split.primary.background.action.disabled": "578b6bc6989a2d359264741e57809af4905a381a",
-      "click.button.split.primary.text.default": "5c0b0b4484b50f8404826ad5fa3a0c7cc8ab93b7",
-      "click.button.split.primary.text.hover": "a5fff5232cc15dd57f2a499f239d121d50fb29e4",
-      "click.button.split.primary.text.active": "50ad93c1d5febf6f7ff5da50087c9451d21f50be",
-      "click.button.split.primary.text.disabled": "e40f7a58a23210e38dd482a658d5cf6b48bc330b",
-      "click.button.split.primary.stroke.default": "f786ae6af67f158c8516a4043988d3e2422d19d9",
-      "click.button.split.primary.stroke.hover": "92a62265df31dc8a41a4330b0924b1b8d97111c1",
-      "click.button.split.primary.stroke.active": "870910860f35944e9f36d20b2ba0fe7f83e8e093",
-      "click.button.split.primary.stroke.disabled": "26cfa63b24f9631f596380cdb614288051712cfc",
-      "click.button.split.primary.divide.default": "12cba4a5b605003519662bc73d37fc8447a6d471",
-      "click.button.split.primary.divide.hover": "ee950e6d40d7b8ff93e8baf3c551d807575553c8",
-      "click.button.split.primary.divide.active": "a560fec6ebf95df3445798ad3ed4210615e81023",
-      "click.button.split.primary.divide.disabled": "f36c0116fd72b3dad27169f15ec45c625cb8e8ae",
-      "click.button.split.secondary.divide.default": "f6c5bf5462a8395350e916e8d387dabfce6a2848",
-      "click.button.split.secondary.divide.hover": "fe6f59725b6bf92d7186861356463ed01026d555",
-      "click.button.split.secondary.divide.active": "70ba398cb93b360653c9be5c7c040a461669fbe6",
-      "click.button.split.secondary.divide.disabled": "aaa49bd7c9b4ff6eeec3e5acc8489d3ea82a8f68",
-      "click.button.split.secondary.background.main.default": "95b09ad32a110ae9214b04ec227a556c2906b912",
-      "click.button.split.secondary.background.main.hover": "4b6c7f648a8a71bf6ef68f1a04e67e7ba2cb6a38",
-      "click.button.split.secondary.background.main.active": "5ad47bdd14399d76e0d24aade680e2a47fd770da",
-      "click.button.split.secondary.background.main.disabled": "94843c44d3b5573c0eb6ddcbff7468b245cd692e",
-      "click.button.split.secondary.background.action.default": "4fb544715eb66b1a669658d632b1016337c68897",
-      "click.button.split.secondary.background.action.hover": "165c6158ade1cfe60365e7b68c7fbd16d69e8f73",
-      "click.button.split.secondary.background.action.active": "99db31b90bbf36169dfec3b35fe6373b05f3f3df",
-      "click.button.split.secondary.background.action.disabled": "62ae0ddd4c7d871d8c644bf1d7beb75843a4ce72",
-      "click.button.split.secondary.text.default": "6261c8c4b351867465a6aa283af419897e3bc4c5",
-      "click.button.split.secondary.text.hover": "c873c0689cb73391207fced7345853fbefea7bcd",
-      "click.button.split.secondary.text.active": "89565066303eb644258236214a0a8bc9d87e89ca",
-      "click.button.split.secondary.text.disabled": "0877d10c67b56d4710b5f3c9f7641eaedca480ca",
-      "click.button.split.secondary.stroke.default": "b133a79c3256ad8818567ebd2fcf1afd61fc0d73",
-      "click.button.split.secondary.stroke.hover": "191319d9bd14f3b2b9b74d229cfbce9a102ec462",
-      "click.button.split.secondary.stroke.active": "4d946181880324e3b539238feee0c0f82a1cc8bc",
-      "click.button.split.secondary.stroke.disabled": "d103472b16d84869eddb5ee97435ab4c8f2d14a3",
-      "click.button.alignedLeft.color.background.default": "c05d5d7e024d0c4807c11bf3085512dcfbfd34e7",
-      "click.button.alignedLeft.color.background.hover": "9906fe4fb7340a7dc9ebfe6869e3e124bb2d3099",
-      "click.button.alignedLeft.color.background.active": "bebfd239c24fa7e589644802eb1e5dd2e1e94c14",
-      "click.button.alignedLeft.color.stroke.default": "857007fb9d19b653755458754823302d38b86e10",
-      "click.button.alignedLeft.color.stroke.hover": "956a891328fceff006958a4a6fb2025151f4e633",
-      "click.button.alignedLeft.color.stroke.active": "f092365f5a2d366394141ee84050f1eae4a9e03d",
-      "click.button.alignedLeft.color.text.default": "5b49fcc5ee017dceacb0b55a7ed58f57f11d2fcf",
-      "click.button.alignedLeft.color.text.hover": "077c65f408be164a51ff81afb3ddea59e4bb27b5",
-      "click.button.alignedLeft.color.text.active": "122bce9303ab55fc53caef5dbe75b056165ea01d",
-      "click.button.iconButton.color.primary.background.default": "be60ac2b26202f7e4ecd9dfe340ec2286095d1ac",
-      "click.button.iconButton.color.primary.background.hover": "e7a84746d0941677ac097430a2baa877ac4f008d",
-      "click.button.iconButton.color.primary.background.active": "ab6d0e3800688345405b55a2c4f6fb2be8ec3088",
-      "click.button.iconButton.color.primary.stroke.default": "d33577e2ba2f31a2c73a67abc0153c27b4fffadc",
-      "click.button.iconButton.color.primary.stroke.hover": "01680fea9fe1bafb0c1581008e12f9eb34dfa0e5",
-      "click.button.iconButton.color.primary.stroke.active": "40439ba57aa103bb5bc83d789cf4549425e11508",
-      "click.button.iconButton.color.primary.text.default": "e3e326505123b6fbcd56cdc2a4861340968bb745",
-      "click.button.iconButton.color.primary.text.hover": "a5191e65608f7b79d106ca3246191daa4de95923",
-      "click.button.iconButton.color.primary.text.active": "0e4d1d7dbb99558e178f22a822e26a0c63360535",
-      "click.button.iconButton.color.secondary.background.default": "c3c2c970623e44fb69a9c8908898dd8abcaf6066",
-      "click.button.iconButton.color.secondary.background.hover": "e6c6395b7fc4a3a05835c60f912b9853f86da8f2",
-      "click.button.iconButton.color.secondary.background.active": "73c861f98245d67bf5747fdca2f2f20f6ce1ef40",
-      "click.button.iconButton.color.secondary.stroke.default": "d45ffb618af0de9ad98692df039b329c38a49e3b",
-      "click.button.iconButton.color.secondary.stroke.hover": "9ad8edd2e88e35baa9463982575b35d79a70538d",
-      "click.button.iconButton.color.secondary.stroke.active": "fcace5d01d7e5997ed78f6c914d8de20d1e140ec",
-      "click.button.iconButton.color.secondary.text.default": "257c427bea4dbcec8ed08d5b73f5ba249c9c5ba0",
-      "click.button.iconButton.color.secondary.text.hover": "f0bff74a048be6861077a3cac00df4da9a106883",
-      "click.button.iconButton.color.secondary.text.active": "3f6ad2c141bcd8628312241fbeb2aae3f4cdabe1",
-      "click.button.iconButton.color.disabled.background.default": "a083196019b6d267bafa3532e4f9025d24780910",
-      "click.button.iconButton.color.disabled.text.default": "9913f509814b38668f3f7aea422356b165c40e61",
-      "click.button.iconButton.color.danger.background.default": "734636d83d8604d6be9821cd1e56225cbe631ddd",
-      "click.button.iconButton.color.danger.background.hover": "d31adc1c4df4545e29a86ebc32cbb663855359c3",
-      "click.button.iconButton.color.danger.background.active": "c7afbf0d291102f7cd27aefd21cec0258ccb9258",
-      "click.button.iconButton.color.danger.text.default": "f6f8309111c0ea83747f54e158476ace0922941e",
-      "click.button.iconButton.color.danger.text.hover": "f2823bb5c3bd84ffffd2cf55b3027a02f1058f37",
-      "click.button.iconButton.color.danger.text.active": "ad88649eb07fc78203910ad4f0a9b2779f4d80cd",
-      "click.button.iconButton.color.danger.stroke.default": "e017844f8b74a9aeccf3c13782d2b986494aac0a",
-      "click.button.iconButton.color.danger.stroke.hover": "3e482d1f714a0d717f160a0c4356db80f772a9f8",
-      "click.button.iconButton.color.danger.stroke.active": "9940d9a6157d68f66cfb0d985aa9697d80823fca",
-      "click.button.iconButton.color.ghost.background.default": "8569e0fdae85520a759ab9bbbfc9648de6a779c1",
-      "click.button.iconButton.color.ghost.background.hover": "6d10b653212b9bc5b87bcf7917f87767f4bb62f2",
-      "click.button.iconButton.color.ghost.background.active": "e58179f682ea642e70dcf1ddd45aac3c1a3359e9",
-      "click.button.iconButton.color.ghost.stroke.default": "c8688eeb5598485464c077878aa64156643a9d1b",
-      "click.button.iconButton.color.ghost.stroke.hover": "8d2f7eda026671f9c5c9930b3485b287bef57ef6",
-      "click.button.iconButton.color.ghost.stroke.active": "5b4219b4c6208f639e3399f3f188bda9d1dc3495",
-      "click.button.iconButton.color.ghost.text.default": "def9080c468172d53aa321458ac6d6d55f256aa1",
-      "click.button.iconButton.color.ghost.text.hover": "36716fcaf4e70d5626d47176f9037eb52c19fb7b",
-      "click.button.iconButton.color.ghost.text.active": "938823c0b79a0b41d62a2933c8fc8270514602ca",
-      "click.button.iconButton.color.info.background.default": "5ecc45e633aba832877437e316cf8b82ca6ab4d0",
-      "click.button.iconButton.color.info.background.hover": "b3ddd182c8b69c013820e96990c42a2e34a8eaf3",
-      "click.button.iconButton.color.info.background.active": "46780ae8d5198b0df8c9654079ffc71fdfc12e32",
-      "click.button.iconButton.color.info.text.default": "550b0375fae7db47869d00eb6ba0db8b5bb9d09c",
-      "click.button.iconButton.color.info.text.hover": "a73d2c64928c91784c1c46a6343b37aeee22c022",
-      "click.button.iconButton.color.info.text.active": "d2c681f58948b3551e76fffb25ac6bc20c3bbcb7",
-      "click.button.iconButton.color.info.stroke.default": "d65d9be30665fa3f95e16252bc92857df576cd02",
-      "click.button.iconButton.color.info.stroke.hover": "fc230ede7354dd9e5e70a0d761d9c36e86b2ed96",
-      "click.button.iconButton.color.info.stroke.active": "bebc138fbc04ce6b2f1bfa29d28158cc836ea82a",
-      "click.button.group.color.background.default": "749387b12c1d64a7cb03bd857ec5161d8b30409c",
-      "click.button.group.color.background.hover": "3d4d93cec426ac132c50354ffb713615be37cc65",
-      "click.button.group.color.background.active": "44237d0f6f72b69cfda6dd77aa5a3f8d2fc03a7f",
-      "click.button.group.color.background.disabled": "edcb52b1a69c9b1eaaaae5b55d6cefca4327be06",
-      "click.button.group.color.background.disabled-active": "f223e4b6d48652697f977e2bb4f18e10ee15b67d",
-      "click.button.group.color.background.panel": "100c95a7f9f25425cce2003c8538eb6755ad3a96",
-      "click.button.group.color.text.default": "937b248127301e5a6104f1a46b3b094be7faa11c",
-      "click.button.group.color.text.hover": "ced553a602ae31024c6f56d5c4ef90d27fa5f94a",
-      "click.button.group.color.text.active": "7288c319e0c0f43185c1c22db58dd5ba94f017b8",
-      "click.button.group.color.text.disabled": "7b0d77b7cc21a06fe1838934e75e0a9a22dae7ae",
-      "click.button.group.color.text.disabled-active": "47c909347d707aaa0c068ea6835332236c75408e",
-      "click.button.group.color.stroke.default": "53d4a49844925c5638de8474a943859030580e0f",
-      "click.button.group.color.stroke.hover": "2bd058bec1c0acf155d9173325325f27250182de",
-      "click.button.group.color.stroke.active": "1bdb7357384883d1bdaa419e3452d5a25ddff1ee",
-      "click.button.group.color.stroke.disabled": "223d0d48aadece1bfae47abc09fca1f74ea55fc9",
-      "click.button.group.color.stroke.disabled-active": "3f1bb26ad95e001225686485eb52f787cc97c596",
-      "click.button.group.color.stroke.panel": "b547676972a675977fd48cc55960981a60ea6bac",
-      "click.button.group.color.panel.stroke.default": "a5ea53473701b4e30cec021d69061db6d3737adf",
-      "click.button.group.color.panel.stroke.borderless": "293937828891ac3f74ff8bfa154094edff9f9e7d",
-      "click.checkbox.color.variations.default.background.default": "8fbe3e965da4f03ea45214b636670a95364fb768",
-      "click.checkbox.color.variations.default.background.hover": "615132a7c784dfabcff79be968d0f25131c8215a",
-      "click.checkbox.color.variations.default.background.active": "e642afbd030d09365471d7f03c83190ff5192c42",
-      "click.checkbox.color.variations.default.background.disabled": "f20f078a4ceddd42090da5f4affd4d03d30a2f62",
-      "click.checkbox.color.variations.default.stroke.default": "cfeac080bcb01653066a22a6e28f5746ae2f9edb",
-      "click.checkbox.color.variations.default.stroke.hover": "1e95e0c2f00087a7f77e7f8b7603ebe8e320a3ec",
-      "click.checkbox.color.variations.default.stroke.active": "3b178889b3bbd88c4d16cc7403969c5f52b2e7c2",
-      "click.checkbox.color.variations.default.stroke.disabled": "af10f35dd0bc71d0ecf768e81a3f204345190283",
-      "click.checkbox.color.variations.default.check.default": "91eb5f9f49730ce02392a38cdf87be6ef390b371",
-      "click.checkbox.color.variations.default.check.hover": "8ac32e6e4b0c57657011dbf12bbbf901eff65344",
-      "click.checkbox.color.variations.default.check.active": "6c56fcd642e96b9b3b43b8373d12e9563dbe8dc1",
-      "click.checkbox.color.variations.default.check.disabled": "1a9ecb74210f04402cfa18ec5036818417efcfa2",
-      "click.checkbox.color.variations.var1.background.default": "ba850c651c1e132e13f15ff039806fe84dc35bbf",
-      "click.checkbox.color.variations.var1.background.hover": "de4be35a3be104edc93a06e9ff7b27601ddb501d",
-      "click.checkbox.color.variations.var1.background.active": "14f0dc687cb79ea9c2615599bfa4886b23862b46",
-      "click.checkbox.color.variations.var1.background.disabled": "07784ef6b57ace52472772cfc5ad3fcbdb47d8d7",
-      "click.checkbox.color.variations.var1.stroke.default": "e2a288e2adf400b23823dd9e3ea91bd8c649dc6a",
-      "click.checkbox.color.variations.var1.stroke.hover": "bcc298d3e843a1470b4588a70bc4b1269cee8b49",
-      "click.checkbox.color.variations.var1.stroke.active": "243367fee3a45db1f0d9627da00145c1015b6176",
-      "click.checkbox.color.variations.var1.stroke.disabled": "baaee934137e98a13f3b18655351202fa760328d",
-      "click.checkbox.color.variations.var1.check.default": "21afed0f35c91a925f9d1ec865603b1f7bb3d25e",
-      "click.checkbox.color.variations.var1.check.hover": "9c011a3b635c9cfac2bcc1a931602139ff0882d0",
-      "click.checkbox.color.variations.var1.check.active": "8d162d387f3656f8b9fa6aa712338ab0a505254b",
-      "click.checkbox.color.variations.var1.check.disabled": "997ab5fe30596a466c4d508b41d022516ba3f017",
-      "click.checkbox.color.variations.var2.background.default": "769bf107ceeb89819b452e5175fdfa2899f30b58",
-      "click.checkbox.color.variations.var2.background.hover": "ac2bb2127a6f66495de8627c58f56a80986111ee",
-      "click.checkbox.color.variations.var2.background.active": "8d7360063c865f9f9ecaa93c9c98d93f54d4f6b1",
-      "click.checkbox.color.variations.var2.background.disabled": "649bd0c8b8d538006a19508e76a6308eeb612afc",
-      "click.checkbox.color.variations.var2.stroke.default": "020be9a0ba0fa3b35f90271354c3388a7f6a3c9a",
-      "click.checkbox.color.variations.var2.stroke.hover": "c224dd0205618ac0d866b7d8fc697e873fb88ef8",
-      "click.checkbox.color.variations.var2.stroke.active": "6630551441562bfbf9849da2e3e38ae278408f53",
-      "click.checkbox.color.variations.var2.stroke.disabled": "6305dc452292d7e14d9af1710fe6bf03aba134a9",
-      "click.checkbox.color.variations.var2.check.default": "8f47b59f813f0d30fa4afa7c6fa4c13fd8dd7b14",
-      "click.checkbox.color.variations.var2.check.hover": "6579cc408e934889dde01807afd03d177aba0631",
-      "click.checkbox.color.variations.var2.check.active": "68c463aafab472b7f25e5498ca14c093b3023435",
-      "click.checkbox.color.variations.var2.check.disabled": "2d428ba08b2a815a3084955bc3c5776c803f5d18",
-      "click.checkbox.color.variations.var3.background.default": "c87282bc64c0e53aeb4cdb723f5e1d7387d44835",
-      "click.checkbox.color.variations.var3.background.hover": "a820eda82b9ff86e425da6925e20447b1b1213d4",
-      "click.checkbox.color.variations.var3.background.active": "de578b6a4210e0c28dbb9d1aed0af6e27e0abaa0",
-      "click.checkbox.color.variations.var3.background.disabled": "81e6802e76605b21cc33320b1f7384b2099ebbe3",
-      "click.checkbox.color.variations.var3.stroke.default": "eb410fe2db18f689e4c6facd6e44360277f2771e",
-      "click.checkbox.color.variations.var3.stroke.hover": "288566a82dcb37476bb906db4293676a3ab8f5bc",
-      "click.checkbox.color.variations.var3.stroke.active": "b47fd29413e8742d7c5b069369bbe7d55bdb8792",
-      "click.checkbox.color.variations.var3.stroke.disabled": "94f75de74631b0da3cf06f4c24dca4e3769027cd",
-      "click.checkbox.color.variations.var3.check.default": "5bcfb24eef79863be1659c11e3a7585e416be177",
-      "click.checkbox.color.variations.var3.check.hover": "55c537edf0aaadb325b366c46d45128284ce11e8",
-      "click.checkbox.color.variations.var3.check.active": "19e20404c63b958dae539a86d5a5782a9836b6f1",
-      "click.checkbox.color.variations.var3.check.disabled": "c595ce67bc3fadb6b678a8ec42815c1838a18efe",
-      "click.checkbox.color.variations.var4.background.default": "073233d832f8b1352c2abe5dde17f3f5bdf71d81",
-      "click.checkbox.color.variations.var4.background.hover": "b52c6bd38440000719037adece078761bfcbfbec",
-      "click.checkbox.color.variations.var4.background.active": "5386b876eb360585af989147546b51193b473c67",
-      "click.checkbox.color.variations.var4.background.disabled": "dd46e1abc8a77bbdf7ae19309ef75b37844cabbf",
-      "click.checkbox.color.variations.var4.stroke.default": "f4e3025f8556cfa8426af302fbdffcbd000d4093",
-      "click.checkbox.color.variations.var4.stroke.hover": "3dfb8ae10af100d540459d4489f9b675ea486227",
-      "click.checkbox.color.variations.var4.stroke.active": "98b4dbeda930b54a5a8f8d6ad2f19c5fb171f54c",
-      "click.checkbox.color.variations.var4.stroke.disabled": "d819a95d938d68477822a6c6a1608ae65047f9ca",
-      "click.checkbox.color.variations.var4.check.default": "84bcfe812e385e26adc3a1620297481df91644e9",
-      "click.checkbox.color.variations.var4.check.hover": "3695697a8fff11d5790b1fdec5c7575d9c90afa1",
-      "click.checkbox.color.variations.var4.check.active": "c7afedfc2df632311c585f560f05406b709416cc",
-      "click.checkbox.color.variations.var4.check.disabled": "51b36d9b96390180381ce582b41bb9ec5463d600",
-      "click.checkbox.color.variations.var5.background.default": "db54318f617cedcc6f07a8827c563f2b82487652",
-      "click.checkbox.color.variations.var5.background.hover": "e688b194ea077ea852872d9df5328c32a2027030",
-      "click.checkbox.color.variations.var5.background.active": "854e3e4a9b805063a1ff2ce6fc9892299ce165a8",
-      "click.checkbox.color.variations.var5.background.disabled": "b0e4eb72f59ff9ec49362ea235b7631efd353acc",
-      "click.checkbox.color.variations.var5.stroke.default": "a6f43ae35031d340c9aa16a8d0066287621edf13",
-      "click.checkbox.color.variations.var5.stroke.hover": "928cd2e8f50bec38952879db39ce5ab19c99e7e2",
-      "click.checkbox.color.variations.var5.stroke.active": "4e4a6f86e218a221ef5428ddf8c04ac84b6d38c7",
-      "click.checkbox.color.variations.var5.stroke.disabled": "f115f066575b0d4d24fa664b0a9a576e2bfec1d8",
-      "click.checkbox.color.variations.var5.check.default": "65bb8f1308e76e22fec9eea9353137614a4a48a0",
-      "click.checkbox.color.variations.var5.check.hover": "7c62c5749d67209890d9d57990cf169d2f0302b4",
-      "click.checkbox.color.variations.var5.check.active": "35e86b8fc40474c25a6dbea94b1d655abfe8d573",
-      "click.checkbox.color.variations.var5.check.disabled": "a675dcab4af224eb139af8869732354e49c952f7",
-      "click.checkbox.color.variations.var6.background.default": "04517d62982edb1c916615e6767de58705941dca",
-      "click.checkbox.color.variations.var6.background.hover": "96dd08d64929a0cfcf220eabddf3e5e93394f4cf",
-      "click.checkbox.color.variations.var6.background.active": "ba02755a1ffa52a4e65e3f9a8f2d93b3e0248fa2",
-      "click.checkbox.color.variations.var6.background.disabled": "9c2b8565521e90ecf386e5a6ada13b2808c39073",
-      "click.checkbox.color.variations.var6.stroke.default": "dd99e5dc958e1b4381165bf6071a0e48f2417454",
-      "click.checkbox.color.variations.var6.stroke.hover": "c594bbecb23dea962d708f2b75cc0a6b5640d03e",
-      "click.checkbox.color.variations.var6.stroke.active": "ed10e3544052d319f5e6a7d95dfdd4475c760882",
-      "click.checkbox.color.variations.var6.stroke.disabled": "859b7d89af8d56c93f59188245b66ae8299f620b",
-      "click.checkbox.color.variations.var6.check.default": "28d5501b0c15c337ee6e71d355e5ab2700bbf1d2",
-      "click.checkbox.color.variations.var6.check.hover": "e5c0c705913d7710126535dfd3ab2b356060e848",
-      "click.checkbox.color.variations.var6.check.active": "e0ca92aaf7a65e50ab645c733fa861a7d246f8fd",
-      "click.checkbox.color.variations.var6.check.disabled": "3cddf09374142d6814186315cae7a209bf1e2cba",
-      "click.checkbox.color.background.default": "6d2cdf35959574d52cee34abc9cd7ee3c6ecb250",
-      "click.checkbox.color.background.hover": "7ab6199cc66a4965414e89ef55737ef2e6dca6d8",
-      "click.checkbox.color.background.active": "438673b4c5cc683d9d48c918ac1207256505fc3a",
-      "click.checkbox.color.background.disabled": "9ee6cc7f7aacea78306aad7272764f7b32f0069f",
-      "click.checkbox.color.stroke.default": "4883486912a982fa600289e4b82f617466d0b4df",
-      "click.checkbox.color.stroke.hover": "987cdc0dba172da579c3d835f28a3a750d666866",
-      "click.checkbox.color.stroke.active": "e064cd60fdeb283e3f74a617b381888e8a48b7ee",
-      "click.checkbox.color.stroke.disabled": "4d03d6e40def59eda0b9b1f5c756285790c7326e",
-      "click.checkbox.color.check.default": "d4eaf9de76c577ebd0b437b4e8023fbafc0c41c9",
-      "click.checkbox.color.check.hover": "ca844bc234d5797cabd7084e77a4a7fd9f02bf85",
-      "click.checkbox.color.check.active": "350a294b069249cbeacb757ba76ab92d6112d557",
-      "click.checkbox.color.check.disabled": "f560085cd1348b3af366e342780be1b35532da1d",
-      "click.codeblock.darkMode.color.background.default": "83fe8655d330d72c6ef19f06ce01e8d66ebe382d",
-      "click.codeblock.darkMode.color.text.default": "0cd227db97c1140899c00f7f91f73a66ec992442",
-      "click.codeblock.darkMode.color.numbers.default": "30dbce90970efa34eb4e21e8d2b0dae648a1a149",
-      "click.codeblock.darkMode.color.button.background.default": "d2eff1f64f44434387baa5b0e3fbf50c1f28886f",
-      "click.codeblock.darkMode.color.button.background.hover": "3f43d12c265b974fb8464a6b96bb66a54482ca5c",
-      "click.codeblock.darkMode.color.button.foreground.default": "4d91a74b2801edfed2d2258c8e8ca93118739e65",
-      "click.codeblock.darkMode.color.stroke.default": "e08bc468997c5b086cddd2a20283c3cfc38d317e",
-      "click.codeblock.lightMode.color.background.default": "12a5307257add599285abd9b72d8e119d768a396",
-      "click.codeblock.lightMode.color.text.default": "fad88d0832b151a9074db530aaeef75d4a4ac519",
-      "click.codeblock.lightMode.color.numbers.default": "35c47c4c8e10b585f07d29fd05b2b85d0f5566e9",
-      "click.codeblock.lightMode.color.button.background.default": "2b9c54952805c19b0325cc79924f948e7f929722",
-      "click.codeblock.lightMode.color.button.background.hover": "c23fd806ea40c311d649dec3ca2a85134fbe5be1",
-      "click.codeblock.lightMode.color.button.foreground.default": "2b46814043a66cf2f2ed73e6d9ccb21e26b299a0",
-      "click.codeblock.lightMode.color.stroke.default": "3d5524f2123ca5ddb4ea00c4574ba4bbe874e87e",
-      "click.codeblock.monacoTheme.parameter.foreground": "c6f5b8baaba1869e3f221b7426bb4ecc4bb053b9",
-      "click.codeblock.monacoTheme.parameter.background": "f407b792d60742b0c20287b47e095035cb2310f5",
-      "click.codeInline.color.background.default": "7bd9a23431ffbd24a4a1af44548cf19e66319d17",
-      "click.codeInline.color.text.default": "40efbf5f840652187e11036756f33ad304fe4187",
-      "click.codeInline.color.stroke.default": "c0a4576ba3de8fe7da890c97557d7a03faa609b6",
-      "click.feedback.color.info.background": "65957010f55320c2832808263f7ea784d7d1f76f",
-      "click.feedback.color.info.foreground": "c751ed14bd9a7283d7da6599ca0b0fc1d3e8b12b",
-      "click.feedback.color.success.background": "d79b0fed6a032e4c453ecd344b938d43522a7cd6",
-      "click.feedback.color.success.foreground": "42829cf475da0b95442022b6d5bfc3906ddfd6d7",
-      "click.feedback.color.warning.background": "8c427864f084a2a8da45f5642de7366a3c5eae2e",
-      "click.feedback.color.warning.foreground": "df9fa00a9f5a0d340c501b2105ec9de40d663591",
-      "click.feedback.color.danger.background": "0b416f5bd772c2876392e6babd28ea5ced2b7380",
-      "click.feedback.color.danger.foreground": "3c6c604af2580ae9d24f8f5ae7a993816668297c",
-      "click.feedback.color.neutral.background": "5e105037e3d09ccbfe83413d2e721db09d0a116a",
-      "click.feedback.color.neutral.foreground": "5d008cab273e6baf1c701eff9f49f169511ab6c8",
-      "click.feedback.color.neutral.stroke": "1b551e03ea2075525452a575952a8b6997ebe54e",
-      "click.field.color.background.default": "a309a014d8e877535c5263708dff2a8e29eb4f5c",
-      "click.field.color.background.hover": "32cf729d9c696906969c1947f1f7b90907bfeb6c",
-      "click.field.color.background.active": "2f0e7a121ef08f24339a11ee2cdf1477c8ae5909",
-      "click.field.color.background.disabled": "7c4d01d8de54be7ffeb6b71edec071c0d7416811",
-      "click.field.color.background.error": "34ee880539bb03e26c806e37e8268bc2afa79b37",
-      "click.field.color.text.default": "0d28f7f5af2a7ebefeb31305ce6cd8ff9bf7ce0a",
-      "click.field.color.text.hover": "7cf5166f419715bbfe8bfed2df46d91e58a244e7",
-      "click.field.color.text.active": "47968532109d0d93a24675cbbeaa813babccfa53",
-      "click.field.color.text.disabled": "98d1198fb3db189b8a6ba079f8851fbf30c18df9",
-      "click.field.color.text.error": "2adb72dec39bd4f940038f5d769b2ec863181ebc",
-      "click.field.color.stroke.default": "94c832ba65660788162784377e18ba835b1325a0",
-      "click.field.color.stroke.hover": "62e431afeee728c7cab9433f5f1f2a8fb626ffc9",
-      "click.field.color.stroke.active": "5ba84024a9c7cfbf797a140b8d3379c368cd4d2b",
-      "click.field.color.stroke.disabled": "0951409fdcceef101fd91628d3dfddd53cb5cb1d",
-      "click.field.color.stroke.error": "106ae22a99dabff9842511f2f8d95bf886ab865f",
-      "click.field.color.label.default": "3e8c457e5541adf9b09e188d4939d6b96e221f6f",
-      "click.field.color.label.hover": "f58e08f18990f32925a49a4f8b8769a64999773b",
-      "click.field.color.label.active": "096ccf60061b2ee14087d177594b48c6023fe5c2",
-      "click.field.color.label.disabled": "7b64ecf69b13e8e814ce16ef238fd3b860b3dd29",
-      "click.field.color.label.error": "a16458b9af972e515850ad0c61a0bac0a137b430",
-      "click.field.color.format.default": "bce4ea18d677720117cfeb2d930b8c5902195c4b",
-      "click.field.color.format.hover": "4a263a042b3773203527c06dc5548cd47b6596b5",
-      "click.field.color.format.active": "0b73dda393e19e4fd2e26894ce8ed8384c86f8f9",
-      "click.field.color.format.disabled": "7cf42027be24c8df65613ac3c411270a6bce54a6",
-      "click.field.color.format.error": "c45fa42ad7f99b47e0f1a4c0e0719c7cd70ff17d",
-      "click.field.color.genericLabel.default": "0ee3dac9a1239775803ffe49e5129214d56922b8",
-      "click.field.color.genericLabel.hover": "df7ed9e4b69f88ea870aa94ca28860edd80436a3",
-      "click.field.color.genericLabel.active": "119a2c2c5ccd7dc86ca11cc14856261ebd10b8ed",
-      "click.field.color.genericLabel.disabled": "34a8616150425362f5e57dfe0fccf9f1b51e8e04",
-      "click.field.color.placeholder.default": "bd283e9e552ccdd864eb1001953bee3817bf9525",
-      "click.field.color.placeholder.disabled": "4fab60382d60a76ac777f5e8c5279200f0e8e08d",
-      "click.genericMenu.item.color.default.text.default": "7030ca3035a2b6ac4bfe2b912005780ef4d9f9d9",
-      "click.genericMenu.item.color.default.text.hover": "181cc9dbb07266b4b87ad6fa372c78d1573b6651",
-      "click.genericMenu.item.color.default.text.active": "d8597d236e460cbb4b81147d7793be2c42f2b45e",
-      "click.genericMenu.item.color.default.text.disabled": "173e71a54f266da65fd67f49cd7cddad73859c66",
-      "click.genericMenu.item.color.default.text.muted": "8740ecd9ff3280561a1e105057b3406162d12ac0",
-      "click.genericMenu.item.color.default.background.default": "c20e65077ec7236497225b927c29cdb1e860877c",
-      "click.genericMenu.item.color.default.background.hover": "093659ec43f83f510ff8784689209f8e81cb6cd6",
-      "click.genericMenu.item.color.default.background.active": "e68d4e6eb7a21797566e75c9ca193c8ad77ef7cc",
-      "click.genericMenu.item.color.default.background.disabled": "58e16ad035a5d0a97e93608922b6f1764dbe3133",
-      "click.genericMenu.item.color.default.stroke.default": "3550e29e54f3c67aac67c893654ebe6b62f18b87",
-      "click.genericMenu.item.color.format.default": "d87ef9a5dc41885b141d063e778b51d5b25fb539",
-      "click.genericMenu.item.color.format.hover": "c556e3d5a61a954e1e10bebe6257b999ca5beafa",
-      "click.genericMenu.item.color.format.active": "649dc4b02e3c900c30da1e0ed79c555fbae2fa5a",
-      "click.genericMenu.item.color.format.disabled": "39e2a6d3db7d9122897199d46ea49bc1c90d9d43",
-      "click.genericMenu.item.color.subtext.default": "c4c105a6b9415b9a04b2c6473fe4f580f38e78a4",
-      "click.genericMenu.item.color.subtext.hover": "4b792c7a286fed35deb807418d394fb359d3795a",
-      "click.genericMenu.item.color.subtext.active": "cb7fe82dc8c7a971c41d901bed6d3a77e6b14758",
-      "click.genericMenu.item.color.subtext.disabled": "01aca8967cac22d590b21c3b42defaa7818e9f58",
-      "click.genericMenu.item.color.danger.text.default": "e9be60cf20883a65fb87144c3d726eeb57b34f96",
-      "click.genericMenu.item.color.danger.text.hover": "d47e859a7becf06b5103bbdeb40e291fc9f0381f",
-      "click.genericMenu.item.color.danger.text.active": "4a0f1e190f52c5cc8bd43319ccec8ed181b89f03",
-      "click.genericMenu.item.color.danger.text.disabled": "01eb9b538c3a331854d6a2de202c2be746d61799",
-      "click.genericMenu.item.color.danger.background.default": "b6841dee61f854f74ecc554167c464efa6b746df",
-      "click.genericMenu.item.color.danger.background.hover": "77c29ea06d2dbe9175584a93435a59246c9aa970",
-      "click.genericMenu.item.color.danger.background.active": "448922e50f9304482e94c3665da41831d10ff23d",
-      "click.genericMenu.item.color.danger.background.disabled": "527c8ed40e5835277d0a2a9f12f48d3fd0569132",
-      "click.genericMenu.panel.color.background.default": "2f7103bb01e13efa09c5cd77740c487fc3b2bcd6",
-      "click.genericMenu.panel.color.stroke.default": "c5b26d1cb7d83779c11508db2eb571296232056f",
-      "click.genericMenu.autocomplete.color.placeholder.default": "6fdf1a046e0bbe8fc84dc9b395ba12364bd1effc",
-      "click.genericMenu.autocomplete.color.searchTerm.default": "b137ee3fcb4f1bdefa972edd39549231fc0b74c7",
-      "click.genericMenu.autocomplete.color.background.default": "993b3775640876cedc35c925969fee01bfd1ab34",
-      "click.genericMenu.autocomplete.color.stroke.default": "4272af2474d1d208a7d631e5f3a14d7e188e628d",
-      "click.genericMenu.button.color.background.default": "0df43a97938b35a7a39ebe53e4eb3d175f8b7ea7",
-      "click.genericMenu.button.color.label.default": "4b8383cae83d16f66d044c761ee55e46695bf56a",
-      "click.genericMenu.button.color.stroke.default": "7897edadccb160b01b0c92f8dd28e027a28cc9f7",
-      "click.radio.color.background.default": "1d301e8f500d0c7518cdfceb7302a8f0211bdd9c",
-      "click.radio.color.background.hover": "4fe60fdee0bf24476ed4c9b8fb1c6517e764c9ac",
-      "click.radio.color.background.active": "e60c49c851f6ea1d2fa6cc42dee57cb979b42804",
-      "click.radio.color.background.disabled": "2741c22597b181b68889076d07226b704bb18619",
-      "click.radio.color.stroke.default": "ce904cf294aa0125b11ae093427ea6a812d331ee",
-      "click.radio.color.stroke.hover": "3add0c79edbffc300b69a4fb47d7de750b0fe165",
-      "click.radio.color.stroke.active": "d0585f5bd8114b7491b03a633f946f2c0ce94235",
-      "click.radio.color.stroke.disabled": "9fe6756ef328a6238285c11165e45c66b9e5fd64",
-      "click.radio.color.indicator.default": "161e43a7293b11995a4b387df2947daff0ce8eb9",
-      "click.radio.color.indicator.hover": "e7fc98b8ae121cc2dd820675ed5ad48707d1612e",
-      "click.radio.color.indicator.active": "c3b8a43210e2c1f8f146688923092188ccd4bb87",
-      "click.radio.color.indicator.disabled": "98ac2138fd07f74e577bf2eb5ea65b3f383e797f",
-      "click.separator.color.stroke.default": "832090ad897d7ac4b69e8890a19dc1f82ead0420",
-      "click.sidebar.main.color.background.default": "df8ab888e40e0dda6f4ef1e5261601c8a77e90a3",
-      "click.sidebar.main.color.text.default": "c2ce19e9ad9a8c7aee2f3cf5427b7186d9a2f22e",
-      "click.sidebar.main.color.text.muted": "5dbac19ababecf795006a3a02d663c58ba67e2b3",
-      "click.sidebar.main.color.stroke.default": "00afb24b3f2348a76c9d5f6e4e6ec2c2880c54ba",
-      "click.sidebar.main.navigation.item.color.background.active": "0e4d4b0e5bc8ea0071438e8130e5266e24fdcf17",
-      "click.sidebar.main.navigation.item.color.background.hover": "ca34863cbdeb3c784d62594fec9668c6e89e9437",
-      "click.sidebar.main.navigation.item.color.background.default": "f8ed69a96b70cb8809be3b6f41443d1880523d8f",
-      "click.sidebar.main.navigation.item.color.text.default": "e6045dfdd40f32b9045edb27b39058d88bd62f77",
-      "click.sidebar.main.navigation.item.color.text.hover": "2bd2de02c580cf3627bfec89541eefa11117c430",
-      "click.sidebar.main.navigation.item.color.text.active": "23ca32de59d63b74de3160779a50028774f41532",
-      "click.sidebar.main.navigation.item.color.text.muted": "27fbbd63fb052ef032fdb9e6dce33b6ed45c2111",
-      "click.sidebar.main.navigation.item.color.text.disabled": "3af5a41521b93650087fa0b0143cf014ea2d7530",
-      "click.sidebar.main.navigation.item.color.icon.default": "e11242b8d39783140eb6cf59923e16fae68d204f",
-      "click.sidebar.main.navigation.item.color.icon.disabled": "49d052c03d00128f48ec401cbde9d48ecc2168e9",
-      "click.sidebar.main.navigation.title.color.default": "0e976698fb51906b549382d670bea417ba7412ec",
-      "click.sidebar.main.navigation.title.color.hover": "f336e769c1e3297ca4d41293fcd7fe1e0a8cb1c7",
-      "click.sidebar.main.navigation.title.color.active": "e5faa2bf9ebea5e50754405e29a7ff6369d03d3d",
-      "click.sidebar.main.navigation.subItem.color.text.default": "15f65049ecf6fe35080c620d34e11fbbd4a31874",
-      "click.sidebar.main.navigation.subItem.color.text.disabled": "ef4b91b08ad745b3c92ac420a1446e2a6838c99d",
-      "click.sidebar.main.navigation.subItem.color.text.hover": "7309d14b242f77f83c4a9cf0e76ab4020c654f52",
-      "click.sidebar.main.navigation.subItem.color.text.active": "8991899b114ce9997b468be18065692cccb28b6d",
-      "click.sidebar.main.navigation.subItem.color.background.default": "f8cbcf0187f6a3b064a21661d34be362e63d81b6",
-      "click.sidebar.main.navigation.subItem.color.background.disabled": "0b454f0d87ec4a5d0ca28173f2c0a989e4bf472c",
-      "click.sidebar.main.navigation.subItem.color.background.hover": "e9ce88502a19fe2ce2ccd88ea33e0a690738ca81",
-      "click.sidebar.main.navigation.subItem.color.background.active": "2ebb303802ce8e9d14cbdc568c730e5b5dc723db",
-      "click.sidebar.main.navigation.dragControl.separator.color.default": "d0377ddbf12a1906f3654d46bb18166260b190cf",
-      "click.sidebar.sqlSidebar.color.background.default": "ff7d87b0b15a93967ccce10cb211fa485e4bac4d",
-      "click.sidebar.sqlSidebar.color.stroke.default": "7f2967e1c67e0f93123a608824a7b5b23922fed4",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.active": "211f36582f3b3536d7caa66a9e898f1cb92793a1",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.hover": "b05daf24384ccfdfbb226ba6ab0602a40e59e5ca",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.default": "6e47afb96454cefd10b54f0db380241a3503d3a2",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.default": "c674a3e07a74fd4b8eb726e8452c0d7eb63c144f",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.hover": "1bae54c47fe14b8634be321e452b6ef410ca1b31",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.active": "aedadc312f432cb09c0d41d98c3164fcf5b3477b",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.muted": "7e96932ca7fb6bd4dadb3357cb104fe143a01c32",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.disabled": "64ed721cabfcef6a7595d30296aa989ffb5bdb91",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.default": "6f63df43b7562ab005969c95a3401143dc4b129b",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.disabled": "197a523cd5356c9b070d577e3e9df369533f0c13",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.default": "289db996fcb087c7e2f5cca0366e2869bcba57ef",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.hover": "c95abf444792f8db9a7599c81490039f738346d7",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.active": "798b5a4f05c288c3e55f871563e18848850fb18d",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.default": "b0f740e4caef99634da143d815ebc2d3ad80707f",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.hover": "46edfd3aad5addc66d7bd00a300e9c9124f501d5",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.active": "f7318818fbb8585490191ebcaec1f573ff4f3022",
-      "click.sidebar.sqlSidebar.navigation.title.color.default": "b7ff61ec68abc84c95f3d8c786d740fdea61bbde",
-      "click.sidebar.sqlSidebar.navigation.title.color.hover": "3ffb2c282a625b088830d1666780cd26bfe16a38",
-      "click.sidebar.sqlSidebar.navigation.title.color.active": "3dd3e6abd3a5ad54a3baeab2bfb4ee777e479c13",
-      "click.sidebar.sqlSidebar.navigation.dragControl.separator.color.default": "fa87a05f62700b9362e80e1f2ba151165e4f7415",
-      "click.switch.color.background.default": "5532bc58066e2da727528bd1b472f2d3c6e7a1e3",
-      "click.switch.color.background.active": "ce1dbb0aa2f04b6180851b6628f7e4da330b37d5",
-      "click.switch.color.background.disabled": "de1eac9dc1b95025b535ac381acf2a7e56ec6e95",
-      "click.switch.color.stroke.default": "9fea031cf3d253aab7c7b2c84fabac1f9d7de11e",
-      "click.switch.color.stroke.active": "77c6e8ffbeb536ccc804db24977e9a004d01a631",
-      "click.switch.color.stroke.disabled": "506f737194bc42e70402faad796b1ca59170f773",
-      "click.switch.color.indicator.default": "e90189eb488ff82eadf3faae43aebb31ea3c3511",
-      "click.switch.color.indicator.active": "ccefe8c996427b13707f3bce47ab999512bbae12",
-      "click.switch.color.indicator.disabled": "3dcecc1bb8d626890d4d7aa7d15a149c5000767e",
-      "click.table.header.color.background.default": "91004571442695a81d2f48480c6a7e693774213b",
-      "click.table.header.color.background.hover": "2f5e4aa43df704acb428b1bc63285a4d390cf4ad",
-      "click.table.header.color.background.active": "21958390a2644ece90ed4fe943b1301af04178bf",
-      "click.table.header.color.title.default": "9dc0d73c9da0833350f2abbf5516d0a86f751a40",
-      "click.table.header.color.icon.default": "f345c86068c4ba177e87d0bccd8b46edead9a52c",
-      "click.table.header.color.checkbox.background.default": "529a492ca7f3c2cb0612f8af138a3891d2aeb45d",
-      "click.table.header.color.checkbox.border.default": "dca2cea9e3d5389ef81666ca46a1fb584adf8dfc",
-      "click.table.row.color.background.default": "6b478b83b95ec1f6dac73c54175894fb8dfd6032",
-      "click.table.row.color.background.hover": "2d248f2b91b3bb2fedf00a453b03bda87cbc8ffe",
-      "click.table.row.color.background.active": "cdb8ff5f9bd0304cf3ab040fd9b8205d350bd77f",
-      "click.table.row.color.stroke.default": "5b01198b2844f1f7f721292578581ac861c042a9",
-      "click.table.row.color.text.default": "9033041efac1818013f1a5f9bc551e4e17c8ad68",
-      "click.table.row.color.text.disabled": "c57d628005d11de59e56d70a53038df8f59f7b1f",
-      "click.table.row.color.link.default": "110d2abf5d8f4623a822905da57ab00046e5b487",
-      "click.table.row.color.label.default": "fd5ae303a0427dca573cb1dc7341742ecdfdc08b",
-      "click.table.row.color.barChart.default": "96ea3420c4e6eb512f3a559061db184545cff11c",
-      "click.table.row.color.barChart.hover": "168358eea55c384923a132035f862aa2c8de3868",
-      "click.table.global.color.stroke.default": "cf41d305f55b9b57ac80aa2fe630c8d4a657aba2",
-      "click.table.global.color.background.default": "7431cc0070e85f0a823c3e36cd54ebd355e0bc45",
-      "click.tabs.basic.color.background.default": "4be26575ff5e365b7e7585af01ac5d950afeb801",
-      "click.tabs.basic.color.background.hover": "d1a8c4cec04d3146282b3fce3dc297f9e1e2f297",
-      "click.tabs.basic.color.background.active": "3c2083c0ecb961d72dcf322c70491dc9fab6aafe",
-      "click.tabs.basic.color.text.default": "de493928aae2b347f1b8e500d5a27f59f658d6c6",
-      "click.tabs.basic.color.text.hover": "f97ed12f2bb77d52b84bb2f94ae2261c6e2c43b0",
-      "click.tabs.basic.color.text.active": "25ee48aff708e3facca2465b2e9f7c679a5df999",
-      "click.tabs.basic.color.stroke.default": "cbc0e8f95950d7e796f5ee6cb5f1530e5129f67a",
-      "click.tabs.basic.color.stroke.hover": "a36d3671b826a249b70c3d9f6d57d601774b5d7a",
-      "click.tabs.basic.color.stroke.active": "252afbdeccddbbb97c8a14b487a06c05db8b1eb3",
-      "click.tabs.basic.color.global.default": "da655c1977256c20211124f1254cbe181504cf53",
-      "click.tabs.fileTabs.color.background.default": "44b864209b47b1c0f1f80e77138041a5cd8c4384",
-      "click.tabs.fileTabs.color.background.hover": "8c84dd6babbe9a44ef56bc6a4e35dede57360178",
-      "click.tabs.fileTabs.color.background.active": "b9c4177310a47a3d1028d9aed6ea50e2b33039c9",
-      "click.tabs.fileTabs.color.text.default": "07a103422486ef9d3598f48cad2ed421bbbbae1e",
-      "click.tabs.fileTabs.color.text.hover": "339e52d31c07b9f7e5420352da16885241bc330b",
-      "click.tabs.fileTabs.color.text.active": "7c2845c7eb0aa5936a8e7819670948c21e9a38f6",
-      "click.tabs.fileTabs.color.stroke.default": "ab58bd9d4075d896e13ac8195e8ee350a3642fdf",
-      "click.tabs.fileTabs.color.stroke.hover": "d8d668716833e3762a17b09c09e8c030822be9bb",
-      "click.tabs.fileTabs.color.stroke.active": "058bd0a65943802da69840b8d62e16c0d9472ec9",
-      "click.tabs.fileTabs.color.closeButton.background.default": "4cb021f1cfd775d36445ea61e1a55cf1eff83cfb",
-      "click.tabs.fileTabs.color.closeButton.background.hover": "a569ed701e042558acfd81aabf4e7b86633571e1",
-      "click.tooltip.color.background.default": "c24315b66f416ff4041c90a81f13c0faf10c1fc9",
-      "click.tooltip.color.label.default": "5d1b54eed134d657df36f16192cada7582be6ac8",
-      "click.card.primary.color.background.default": "d2d5e222da0bf0e5d513fe13ac352583cdd1f202",
-      "click.card.primary.color.background.hover": "f7bda9db628a4cdba6c074299143721e84cb8ce5",
-      "click.card.primary.color.background.active": "d26bcad3fde2536273c57740591b9f100cd56e6e",
-      "click.card.primary.color.background.disabled": "a972b3b433481f15629f7b7cba0b69aeb4e63487",
-      "click.card.primary.color.title.default": "c944c5713705a0070421e8c54c6aa9eadbfc39b8",
-      "click.card.primary.color.title.hover": "9d60627b770296f0727fb218290c789bcc99f82c",
-      "click.card.primary.color.title.active": "2cc36ed7fd7f224ccff24498f6f887f647a640c4",
-      "click.card.primary.color.title.disabled": "114085351bd0c865890c92bdfff7e969607a2eb3",
-      "click.card.primary.color.description.default": "bf7ca2e8fa4f447ea800792e8ca0a9ceac0c5d9a",
-      "click.card.primary.color.description.hover": "97d859d35b474a99428efe0293794f8507d9fd52",
-      "click.card.primary.color.description.active": "b885fef74e5bddb58420cd2ea9adf30878dd3ba1",
-      "click.card.primary.color.description.disabled": "c6399fc7e9f07d278974f84a1553d467c018fee9",
-      "click.card.primary.color.stroke.default": "a90baeb09b1411efe579d11b20a8bf8235cadff5",
-      "click.card.primary.color.stroke.hover": "8beb1f625692d430c685500985e9415e3cb7f16a",
-      "click.card.primary.color.stroke.active": "551244ccea15f7c516e4bcdbbd4bd29519a08336",
-      "click.card.primary.color.stroke.disabled": "2a3a0596b096baab1d89c6c41a98506ca0c5dc1b",
-      "click.card.secondary.color.background.default": "7af537997994763ba02f5799a4399f1104a2c3cb",
-      "click.card.secondary.color.background.hover": "b4bc44149aade99d971937f21ea4dec59c75c719",
-      "click.card.secondary.color.background.active": "ed13a50e5daaab52ecfab065284fea8a8d3d129f",
-      "click.card.secondary.color.background.disabled": "944bb1cb592b11f8b67cb3b630d2490cbc24cc3c",
-      "click.card.secondary.color.title.default": "97c3833fe373e08876e69b26b6578bc3c6664a74",
-      "click.card.secondary.color.title.hover": "f0dcd765b57c98cf2b594a4f59267043de498c14",
-      "click.card.secondary.color.title.active": "0e2cad6bb15135f9abc714e427f12656e716f071",
-      "click.card.secondary.color.title.disabled": "7703aad160eb0b3952a0ccbd7ab5672ab9342be7",
-      "click.card.secondary.color.description.default": "3f5983b6aab778de4f480ff878c0b980fe06ce63",
-      "click.card.secondary.color.description.hover": "7e8a02d6aa0ddc48b05b7425a4235db766422845",
-      "click.card.secondary.color.description.active": "9393d692b2e17956405200f859a02c0e30943321",
-      "click.card.secondary.color.description.disabled": "da3a2ffa3b409c5389597a14112beadbb058df45",
-      "click.card.secondary.color.link.default": "99635de85ac2ecb2dba1be0e1cda946e0e053871",
-      "click.card.secondary.color.link.hover": "bd59c18991091683eefdd81ef2aac8e3cbc1166f",
-      "click.card.secondary.color.link.active": "daf1e41c02b25031ab7496d20ba080659387c919",
-      "click.card.secondary.color.link.disabled": "2015ebde3233098f0037c2a0b5a1564fa9c6cd81",
-      "click.card.secondary.color.stroke.default": "8bc8ba20b93c35e252ea4391c7cbc37d41e94bcb",
-      "click.card.secondary.color.stroke.hover": "c2deb9c2cbda77662c00cb17906232680be786ec",
-      "click.card.secondary.color.stroke.active": "cc78c232b1dfe083336a6eaf700d907468f9d187",
-      "click.card.secondary.color.stroke.disabled": "a77e4b59180f71fbadc232fb77010bbc7367e5d3",
-      "click.card.horizontal.default.color.background.default": "8e03383005698b7bb32b777e000fc16dc315ebf6",
-      "click.card.horizontal.default.color.background.hover": "ff838f61966306dfb4fdb58ce7aea00329c8fed1",
-      "click.card.horizontal.default.color.background.active": "5511df4b944629b0e12b084be43e94081e8efab9",
-      "click.card.horizontal.default.color.background.disabled": "4d032e2f8ce79026268acdb8efbd38ee43852f45",
-      "click.card.horizontal.default.color.title.default": "f914b04e2a85faad532cd80af9a959e1ed8c335d",
-      "click.card.horizontal.default.color.title.hover": "2df072aa30f846c8bb6b065fad71ca8d493dd575",
-      "click.card.horizontal.default.color.title.active": "86186d6e8debb3ecff91a479d5d36228839d7504",
-      "click.card.horizontal.default.color.title.disabled": "e130459119f91aac44bb3d0236461b9dde9190ea",
-      "click.card.horizontal.default.color.description.default": "3bd19a263d69fdd9ac9ce6002e5c5a2f57364cdb",
-      "click.card.horizontal.default.color.description.hover": "e91156b1954f6ddb6c9b049b9078b0d91001537d",
-      "click.card.horizontal.default.color.description.active": "4e5d1dede7611da2a805c20436a234e5809fdde6",
-      "click.card.horizontal.default.color.description.disabled": "1ed164f1f296c4f829db8a7635c114e66af8b8d7",
-      "click.card.horizontal.default.color.stroke.default": "62e3f1c2d2fa11f3580520dbdf8613be4d6fb751",
-      "click.card.horizontal.default.color.stroke.hover": "5d64be00f74d3fa5abaa025df7d4fbcbc9d4c352",
-      "click.card.horizontal.default.color.stroke.active": "94d875be329d362f5390b78623dfa45b6accbe3e",
-      "click.card.horizontal.default.color.stroke.disabled": "615c6f8a37d18923de43a0a850b38187968adf14",
-      "click.card.horizontal.muted.color.background.default": "11c405b1e8b1b6ac7d5980a6486e6875999c84d9",
-      "click.card.horizontal.muted.color.background.hover": "b753ab3f88c61c82206789b5ac77e43d25b22f61",
-      "click.card.horizontal.muted.color.background.active": "dd50ef42ba08664e9a4910006db79f7454651135",
-      "click.card.horizontal.muted.color.background.disabled": "8b2a93c79a37c78a08752242ced755d9362e4153",
-      "click.card.horizontal.muted.color.title.default": "7d819d67635c15d876b7b4657ad4ddc33469d954",
-      "click.card.horizontal.muted.color.title.hover": "9c1cf5e8b0b6247a835575dbf67fdd84eda140ac",
-      "click.card.horizontal.muted.color.title.active": "7f7a4f3ac466da991c8422eb24a30a4585f39dd7",
-      "click.card.horizontal.muted.color.title.disabled": "340dd7aa3e599486ea33e6bebfd1f088e6731fda",
-      "click.card.horizontal.muted.color.description.default": "f623901d61220e2cb31949c51487b40e4903709e",
-      "click.card.horizontal.muted.color.description.hover": "42dc2afa3ebe441c37339eea770fe27c7bee613e",
-      "click.card.horizontal.muted.color.description.active": "e57e0a097a3ac86575f9c9394d37666caa2fffe7",
-      "click.card.horizontal.muted.color.description.disabled": "5d229219c1343036bad9fcf0c65eb157a3ea55fb",
-      "click.card.horizontal.muted.color.stroke.default": "918e645ae8d6faa2fd69792aaf91cc4de15a938a",
-      "click.card.horizontal.muted.color.stroke.hover": "419c9d411b8920e3ab0df4a28022057b4faa92e0",
-      "click.card.horizontal.muted.color.stroke.active": "821732a55b8b0626252e07e2a5ea83b710e96b23",
-      "click.card.horizontal.muted.color.stroke.disabled": "bb34ffe3143b0894663c2aacddc15c254a0808e4",
-      "click.card.promotion.color.text.default": "393f1eac845eb5ab1094f4e428d18ece1661835a",
-      "click.card.promotion.color.text.hover": "4fc9004779e702e7e44cb6475e27d6d05250c67b",
-      "click.card.promotion.color.text.active": "0f37a54047825b5ae7b6921955103139574886a5",
-      "click.card.promotion.color.icon.default": "d1e267ee1afa4be96837d1e76cd69225adbdf307",
-      "click.card.promotion.color.icon.hover": "c5e0addf2e53022748c95b5ae8123dd5c5748877",
-      "click.card.promotion.color.icon.active": "ca74f6a1e0815551084d256d82a322fc55701722",
-      "click.card.promotion.color.background.default": "b530ad73b827653ee2e6f4cad81b9e3fb5cf5583",
-      "click.card.promotion.color.background.hover": "d61fd07eb7b9cab0552185f24ba31c5518d14139",
-      "click.card.promotion.color.background.active": "9c9f9fd10126516f13912597163b308be983fdc4",
-      "click.card.promotion.color.stroke.focus": "a88619cd43b38708edacb79ce70cc00d026ec307",
-      "click.image.color.stroke": "fa8290ce1e432cbf468ae1587f3d99805ab88058",
-      "click.popover.color.panel.background.default": "eeec18e31bddabd7e7196f12cb1a0373131d6eb5",
-      "click.popover.color.panel.stroke.default": "6f4713cb4add274756be804c64aa83a789808db2",
-      "click.panel.color.background.default": "08683c1d5bb2b500f51432c452bc4ef3c01a3c54",
-      "click.panel.color.background.muted": "d9462eb85410d846c57fd5fd9edb2418343313df",
-      "click.panel.color.background.transparent": "e5ea79284302bd9c543bf541cfafc921fa5760bd",
-      "click.panel.color.stroke.default": "d9342fbd3dca33fc9b1a7053a7de30e516a89f23",
-      "click.toast.color.title.default": "5d57d65fc9d38671e8b22114bb10ea27e3b5aa17",
-      "click.toast.color.description.default": "7c9b98622b78eaecc718c263ec32a51f177236c8",
-      "click.toast.color.stroke.default": "369191327c3c4aee0642010a2785d495a52c0cff",
-      "click.toast.color.icon.default": "897d773db17803135cd3196fe5ad3042a98b1ee5",
-      "click.toast.color.icon.success": "6911aec32cff083665a7cd84846327fa4330c45a",
-      "click.toast.color.icon.warning": "cab01bd57404184e0d0669c6c98c2f372cdcac18",
-      "click.toast.color.icon.danger": "6039194237fef54725ea64d4592a1078502436a1",
-      "click.dialog.color.background.default": "873f0b92e65d0a6f9bcd76f1c6c42f8d909a73a0",
-      "click.dialog.color.title.default": "645a34cad544a7a43d81a0d6a530dae8de8eb377",
-      "click.dialog.color.description.default": "9e63ccad89015d51ea493ac7a76ff6cd3b5437cf",
-      "click.dialog.color.opaqueBackground.default": "9c3aab04eb96bf1f67b320fe1d9e7339505c3923",
-      "click.flyout.color.background.default": "2f8f54ae075f25f07cc9a812885cf1ae3733afdd",
-      "click.flyout.color.title.default": "be58bbc2203eecd6b9f6ca98498f955dad2c6be2",
-      "click.flyout.color.description.default": "e86813fa8c6f30fca76c32f36a36700e89015c7d",
-      "click.flyout.color.stroke.default": "fee004265f43bb72f2c18af68914333751939d6d",
-      "click.storybook.global.background": "a01591c3531a3913e5d72a5e3d2547edcab5f375",
-      "click.stepper.vertical.numbered.step.color.stroke.incomplete": "a41def042d8391f5e004ec8ca079e93707a2d7a1",
-      "click.stepper.vertical.numbered.step.color.stroke.complete": "414a1d7188d01362d35f8b725f2fc0753cd04926",
-      "click.stepper.vertical.numbered.step.color.stroke.active": "936478dc90a8c94110de3ae3f4f2e40f3b91766e",
-      "click.stepper.vertical.numbered.step.color.background.incomplete": "97765da1dd5913b715d698e1e6f6a301807baf72",
-      "click.stepper.vertical.numbered.step.color.background.complete": "e7eba8c1488c6e1a677743e564c7cb9a39952bdf",
-      "click.stepper.vertical.numbered.step.color.background.active": "7a5c6f8cae0afcf4691de2877cc53f840d58ad0c",
-      "click.stepper.vertical.numbered.step.color.icon.incomplete": "38bdc4356f313ba6ac6bc61279fdc87944c8ef94",
-      "click.stepper.vertical.numbered.step.color.icon.complete": "a2bf9dd11c9ea73b765d86886c70df4628d88f1e",
-      "click.stepper.vertical.numbered.step.color.icon.active": "01e2a522101792716cdaaa810c1d4d181624f234",
-      "click.stepper.vertical.numbered.connector.color.stroke.incomplete": "8e35c5cab160808cc8d0f42bf547e118be5888e9",
-      "click.stepper.vertical.numbered.connector.color.stroke.complete": "d5694c8c2f755ebd0d618d961133d6aef208da7b",
-      "click.stepper.vertical.numbered.connector.color.stroke.active": "f5eb072a2d28f6ec1c6b07ad554f6df34a03c564",
-      "click.stepper.vertical.numbered.color.title.incomplete": "84c3fbaddf95d15cfc67dc5ac19dd7b06cdce580",
-      "click.stepper.vertical.numbered.color.title.complete": "56c9f65b0e63554d50ff9148a5fa04eae8fde741",
-      "click.stepper.vertical.numbered.color.title.active": "4834dcb6fab51bd8d19791ffd65d09776388ee68",
-      "click.stepper.vertical.bulleted.step.color.stroke.incomplete": "95f815f8f28864e42c859ea1e5b7925e6aea69ba",
-      "click.stepper.vertical.bulleted.step.color.stroke.complete": "d5c3f2b835836644370360efb8cd6a30dfff2bab",
-      "click.stepper.vertical.bulleted.step.color.stroke.active": "ead14fb7f710d001c42842c4487d188934c8f873",
-      "click.stepper.vertical.bulleted.step.color.background.incomplete": "d419c9747b0421c1c09643ad68236789a868ebb5",
-      "click.stepper.vertical.bulleted.step.color.background.complete": "0e6f561c090ae576e6ee521acac9905137a5acea",
-      "click.stepper.vertical.bulleted.step.color.background.active": "4017c2549b2e6895c990e89b1a4bde2d766f814f",
-      "click.stepper.vertical.bulleted.step.color.icon.incomplete": "32def0e64a9192a92f4e3b6fbef28a4a02c7fb8e",
-      "click.stepper.vertical.bulleted.step.color.icon.complete": "26727ab699d5154be9a27438d6ed2480321a1265",
-      "click.stepper.vertical.bulleted.step.color.icon.active": "21950001e723a96dd4695ba0954906eb520984d7",
-      "click.stepper.vertical.bulleted.connector.color.stroke.incomplete": "fd7cca5f18f10e88757fb959cbc7a58b7018a18f",
-      "click.stepper.vertical.bulleted.connector.color.stroke.complete": "59c741ac9a660c03c4fd85c345683f7528005ad3",
-      "click.stepper.vertical.bulleted.connector.color.stroke.active": "29092d376fd68f32d5d37132e4615a9489e4014b",
-      "click.stepper.vertical.bulleted.color.title.incomplete": "c171507739f46493b9733c76ddb005e427f735b7",
-      "click.stepper.vertical.bulleted.color.title.complete": "18a17a01b437d44a50e0f691fea92d1ffc044bc1",
-      "click.stepper.vertical.bulleted.color.title.active": "dd64e0755c9aaaaa2689b8d0da851076dcd4142c",
-      "click.grid.header.cell.color.background.default": "055ee875cabbaab7112c79fe22f971e72bdfced6",
-      "click.grid.header.cell.color.background.selectIndirect": "c23eb7adca6cde3e2d8829fe264036dfedef3c61",
-      "click.grid.header.cell.color.background.selectDirect": "68f0a51fe1cf1b23a4e70db6d9c8267a1be59b7f",
-      "click.grid.header.cell.color.title.default": "acbc7f0568f9cd11521901d8122973c23ac11e73",
-      "click.grid.header.cell.color.title.selectIndirect": "6901407796e0a8a333abf3612b5c900638a29eeb",
-      "click.grid.header.cell.color.title.selectDirect": "01f18c087ac191b82c4e3b85f0b98a254e75667f",
-      "click.grid.header.cell.color.stroke.default": "8dc6a0216fb32caf34f11016e99f302264058f85",
-      "click.grid.header.cell.color.stroke.selectIndirect": "28b69b3dc8f9893fed022cf847c518397760e902",
-      "click.grid.header.cell.color.stroke.selectDirect": "105986a9f8a4d05928b8c2788d1bdcd129d86f64",
-      "click.grid.body.cell.color.background.default": "31c99df7f8659551298456fcedc0e220fdce7ae4",
-      "click.grid.body.cell.color.background.selectIndirect": "6ddd2c8006d8940ee78e0131586d18c2627ebb47",
-      "click.grid.body.cell.color.background.selectDirect": "c6b1c77038ea60211e40de349ba7ab26a58d7ad9",
-      "click.grid.body.cell.color.stroke.default": "382959301d4f77223c33d771a27e9a8da413bdd1",
-      "click.grid.body.cell.color.stroke.selectIndirect": "78b5675bc35e0e6c8a53b1e9a51a57be06680f49",
-      "click.grid.body.cell.color.stroke.selectDirect": "8d70c2bab09e6c27573e84e4a71e5aa70c37343b",
-      "click.grid.body.cell.color.text.default": "d3738fe87a8b0e785b7a3451a59688a7941e1cae",
-      "click.grid.body.cell.color.text.selectIndirect": "c98a911177fb6ea903869f113e90445805204b83",
-      "click.grid.body.cell.color.text.selectDirect": "c544e664085cb032f5ef68a72f7e429b4efeaadf",
-      "click.grid.global.color.stroke.default": "f2d14df1ee698239fd5923ed998d11d692925423",
-      "click.grid.global.color.background.default": "cf77b81e16306597d9c4b563f1aeb7c014ff8bd7",
-      "click.chart.bars.color.blue": "5eca2508fe22568cce120b1d2fbe665392f6a4b6",
-      "click.chart.bars.color.orange": "8dac26321ea10e9e9abb8ee24080ccc8b1f70cad",
-      "click.chart.bars.color.green": "530551953b56905a228f720d8268f645ae1a43e1",
-      "click.chart.bars.color.fuchsia": "3326f77dd2fb0fe47b4ae3d406e80888a9533283",
-      "click.chart.bars.color.yellow": "9f6e26905e7f56b0b69d314f95aa6bd6670381f9",
-      "click.chart.bars.color.violet": "aa6dc43f0afe904bae7c2c92f508339b635b2135",
-      "click.chart.bars.color.babyblue": "467653cd208db1d55dc733eab689d64d79aa3240",
-      "click.chart.bars.color.red": "4497477e447e1a7beca38f3f297cf0f82e061ad3",
-      "click.chart.bars.color.teal": "372324351ff9e95080b8d5873d146920f4862683",
-      "click.chart.bars.color.sunrise": "ac1a2d889cb282457f7578810da2df3878bf7e53",
-      "click.chart.bars.color.slate": "cd00d0a059adb3102fcd8bb713f5579aaeed1217",
-      "click.chart.color.default.blue": "bcc0003faaf29943a1561c6f1b33645954d074d1",
-      "click.chart.color.default.orange": "ddb43546ff03926e41e7f4779f61ae31e5bb87ef",
-      "click.chart.color.default.green": "fa8a840f620976faaea91806b46ce1a2d121d55a",
-      "click.chart.color.default.fuchsia": "76f105f1e84efefc1f3e83b858e39fe4d770528f",
-      "click.chart.color.default.yellow": "e277ce7a8e9600c9ea84700d9ca2af0c44294692",
-      "click.chart.color.default.violet": "3c187125775da4d73d731e0a97d749d89fa76d6a",
-      "click.chart.color.default.babyblue": "65260c39a72b76e461d391c81c4c1a8421751e4d",
-      "click.chart.color.default.red": "3dac6ee3a2bc5e193ec0eb428ee3087366474aac",
-      "click.chart.color.default.teal": "376c9f0e72477541618de83e881c564299d1fe02",
-      "click.chart.color.default.sunrise": "cde378e7d06b7b8d646a2d5d0d5a297e38c0e28c",
-      "click.chart.color.default.slate": "11cb4e43b3fffa6435c3030c4a9ab04a1a0b7985",
-      "click.chart.color.label.default": "8325b4dd766e5c513d1992ddd44846f3bd1be83d",
-      "click.chart.color.label.deselected": "f23c9ec16d3eb70c45ec7bc8a1180ed5532795d1",
-      "click.avatar.color.background.default": "947b5c4fcd8838a7db7e057dce1e5e90a00df55c",
-      "click.avatar.color.background.hover": "6f21aed93be1d2d74e0f761148bd6b08d1829fd0",
-      "click.avatar.color.background.active": "4d6208026e65a9e8a419447ea1a3030df00749f4",
-      "click.avatar.color.text.default": "94b2c729bd3761a2b28b35d1ac2b93eaaaeb258c",
-      "click.avatar.color.text.hover": "87d94f2334051df81d53b5c0cd1969d2f7c8d327",
-      "click.avatar.color.text.active": "1e014070f4af667b85ff725e02b715a63496acef",
-      "click.icon.color.background.default": "8ed1b8fe59fc6935f773350d9a927f27abdee20a",
-      "click.icon.color.background.success": "bba94778619e49b9e8c9605da9cb9017b3e9b0c9",
-      "click.icon.color.background.neutral": "3a81325e093bccaf030e144ab11bc73a0e2e4632",
-      "click.icon.color.background.danger": "9d5583b118ea0a16cdd2f1b9babf95d7e1495e66",
-      "click.icon.color.background.info": "eac6fc8fe0c2ae2b761679b68f43ecd9e9ab34a8",
-      "click.icon.color.background.warning": "50b6d970bbda7d93525095679cc63d993b5976f2",
-      "click.icon.color.text.default": "493a09d8bb6270ea70f5cac598d4b7955c691fd1",
-      "click.icon.color.text.success": "7b649e9ac134a93ee2dbcf8d9ab4d961a35c8dbb",
-      "click.icon.color.text.neutral": "d2df8214a20804bbac4275566512601c4c98516f",
-      "click.icon.color.text.danger": "1c713787419c196d7b087f462ba00b2c0eddff6b",
-      "click.icon.color.text.info": "8e496d0212e4ed271ef2129e5c263f8bdeb1b28c",
-      "click.icon.color.text.warning": "73c793cc4ee77777aed432a16f93139a604c7097",
-      "click.icon.color.stroke.default": "a4f86124e1cc82625d3c7b2f27e73fd2693f063b",
-      "click.icon.color.stroke.success": "3836e31c0e56b0841e2ec5b61ec6d580c29f2b7f",
-      "click.icon.color.stroke.neutral": "8ffd015eb9eb173464aaccec3fed6762967e8ec7",
-      "click.icon.color.stroke.danger": "41584efbc1844ed78fc77ea7ffc529c30d8226bc",
-      "click.icon.color.stroke.info": "9e3f5c0350898f9d15b9324f9719b0383170d717",
-      "click.icon.color.stroke.warning": "96c9c125cc1ba3cd164ccdea804e329bf6d2889a",
-      "click.datePicker.color.title.default": "9e700a610e6875af03e5e4082daf74e03f10762e",
-      "click.datePicker.color.daytitle.default": "c2fb78e59abe7338797a4ba1f7707497afc53e6d",
-      "click.datePicker.dateOption.color.label.default": "ebba65cb972bb380abd505316de1d537d69122b5",
-      "click.datePicker.dateOption.color.label.hover": "e8aeb903acc53670b721771fee7cea625b9ecba0",
-      "click.datePicker.dateOption.color.label.active": "cb8d4f378f3a481a444b8c597894872e4c4cd712",
-      "click.datePicker.dateOption.color.label.disabled": "b2565aadbee626e7f4adb6fa674e09027b63c150",
-      "click.datePicker.dateOption.color.label.range": "acaf18b8eaae7aa5dfb68e836c471bd8a31d41e6",
-      "click.datePicker.dateOption.color.background.default": "8a8fb2a1e9bb4f69bc720643baed1901289ed499",
-      "click.datePicker.dateOption.color.background.hover": "2cdfddeb5fda80966504b68112c77295323bcfd2",
-      "click.datePicker.dateOption.color.background.active": "37255879cffba069b2016abbf8d67dd3050e93c7",
-      "click.datePicker.dateOption.color.background.disabled": "c7faff56f6eea132be87c5d61fe1c7f37842ca9a",
-      "click.datePicker.dateOption.color.background.range": "d4542961080da88db2ff247349868a84ba8c355b",
-      "click.datePicker.dateOption.color.stroke.default": "07e63021374124df9cc5d29d0ea6538e3714afeb",
-      "click.datePicker.dateOption.color.stroke.hover": "2a62d9643161595e4425eabbce979d10aa5e90c4",
-      "click.datePicker.dateOption.color.stroke.active": "47644837360da4a096e5b237d44ac2d18fad29ae",
-      "click.datePicker.dateOption.color.stroke.disabled": "cd8c62ee5ea80c4f3fa9df8ecad0ecf05cf56a6d",
-      "click.datePicker.dateOption.color.stroke.range": "c5bcc3caa29b0b7ce84fc914baa140cf57a706d6",
-      "click.serviceCard.color.background.default": "970aa29adc65de305d9182338d6e54d027a444fa",
-      "click.serviceCard.color.background.hover": "8a88f578ec5dce98c1e5f96e74bf6df226d0375e",
-      "click.serviceCard.color.stroke.default": "c3eb91e00bf47c3db2a7ca41ad240e0bf4d9ed85",
-      "click.serviceCard.color.stroke.hover": "36bc9e43e7e903a6d3e7aba7b3371e8fa4ad9ea5",
-      "click.fileUpload.color.background.default": "70ffecfdcd8d0b3d220e4172b809649f26f265ee",
-      "click.fileUpload.color.background.hover": "714ee969eb873ab1d3355652090e93d808501a67",
-      "click.fileUpload.color.background.active": "94a8b016d33e985339314365ac2d32832a93fd90",
-      "click.fileUpload.color.background.error": "5838b8a0dba2176e37f8d39f67f9a667d7d91da0",
-      "click.fileUpload.color.stroke.default": "e3533feb1bf4a73bf475d9c5debb6024091e3d60",
-      "click.fileUpload.color.stroke.hover": "ae3fb64e81bf79982e81cee407d76c82a67a7daa",
-      "click.fileUpload.color.stroke.active": "69517b2e1cf6c43f22d2eef71ff1019f4cfd6a48",
-      "click.fileUpload.color.stroke.error": "051edf620c9ffcafcaad53ba3bd4603f7db47fa4",
-      "click.fileUpload.color.title.default": "cad3aabfc1f31bb85603c1ff4b3fd0134ab686c4",
-      "click.fileUpload.color.title.hover": "5aabe8514b15c99b56f4b9357647e71a97ce6a18",
-      "click.fileUpload.color.title.active": "0ef26117765cb1169b6631ea6fa3c3a7a76f994b",
-      "click.fileUpload.color.title.error": "432ac04d939b1a2baf71403575ec4f38085afda5",
-      "click.fileUpload.color.description.default": "812493c9f7b5edf78039b44e2fc24464a5ccb872",
-      "click.fileUpload.color.description.hover": "80643f4650946bdf8728569415fc9d5c7e500e45",
-      "click.fileUpload.color.description.active": "cae7a557c395ad714b56b75cc62a100d070ada8c",
-      "click.fileUpload.color.description.error": "4ccf765216241459f6ac9199720ef221f669ee15",
-      "click.fileUpload.sm.color.icon.default": "d08c11fe30d5769433c0f900c1b194d07b41e312",
-      "click.fileUpload.md.color.icon.default": "2686034a95601f639310b37ffa91d757cc1ed67e",
-      "click.dashboards.chartWidget.color.stroke.default": "898e7893bd52164afca58ae7a07af298d628a2fb",
-      "click.dashboards.chartWidget.color.stroke.hover": "caff359abac446e7ba96bcb65c1b0ab866c2d75d",
-      "click.dashboards.chartWidget.color.stroke.selected": "9c7278fe64be173cc4a8f1604063021d6483e7b5",
-      "click.dashboards.chartWidget.color.title.default": "8c7a9c33a6e5609381a47d1551f2aaf4f33d5771",
-      "click.dashboards.chartWidget.color.description.default": "2dfd2f9b4311aa6836d6c083e2fd5c158029ad0f",
-      "click.dashboards.chartWidget.color.legend.default": "7e4515cd86f4ae89bfdea7d0e12ed7681193bb31",
-      "click.dashboards.chartWidget.color.legend.hover": "b0cea216e89315a9ef0c3e61971a51563bbcbb51",
-      "click.dashboards.chartWidget.color.legend.selected": "130a59e6dc3717961ba3fde092f6f5b56b1d75fa",
-      "click.dashboards.chartWidget.color.element.stroke.default": "37a223e8582a36680cf34fb9a39775006ed73041",
-      "click.dashboards.chartWidget.color.background.default": "792bf95f3e18279ad0b9aa7099f78278f11ac67b",
-      "click.dashboards.chartWidget.color.background.hover": "7535112c8c34910bfb6ddf9a579ef01723861e05",
-      "click.dashboards.chartWidget.color.background.selected": "e23d7a823468f56b1cc4b1a8cf57fd55b7fdd128",
-      "click.dashboards.chartWidget.color.icon.default": "46b9a6ca3342865b18258711d1a40f392764fed6",
-      "click.dashboards.chartWidget.color.icon.hover": "3fff68309efb56ffb355a2b39f8ef725e1546272",
-      "click.dashboards.chartWidget.color.icon.selected": "7db9913e7e14d25f6791ef6f5f38be7db985e3f8",
-      "click.dashboards.chartWidget.color.opacity.bar.default": "8f7752bbc710781319eabc3461895d51e0c5d7d5",
-      "click.dashboards.chartWidget.color.opacity.bar.hover": "c379500b3bc2d7a10ece3ddb463eda529e25f677",
-      "click.dashboards.chartWidget.color.label.default": "1c4b029b68fb168c997f3877670363d36d090cc8",
-      "click.dashboards.chartWidget.color.label.hover": "c1d11b8b7f4fd7d7f4f74143af8bf51081b332a7",
-      "click.dashboards.chartWidget.color.label.selected": "e166698d86ac744f94e83743ca4209356cf160b8",
-      "global.color.background.default": "594e768d57b29d63cd54a549d4b981b8ba3bb766",
-      "global.color.background.muted": "2d3a1f0aaa61c33ef6a21f5bdcf8dca25d4f9559",
-      "global.color.background.sidebar": "152f4910c8fd00b376f2746e71ffb39e50b799ff",
-      "global.color.background.split": "f6b76595c03980b61141bb353a59adc0e7300bb1",
-      "global.color.text.default": "cc1f8126aaad606498995b25186b16e130632cae",
-      "global.color.text.muted": "e78363abeb5c58ce8973c1955e36e835cd86eedd",
-      "global.color.text.disabled": "c3c2a8963e2b2e9291502f450c6f08c390f75751",
-      "global.color.text.link.default": "be4785a3ebb900e4da80512e2c2840b26b1a78f6",
-      "global.color.text.link.hover": "1a6699d7941572acb791be2f08120bfa699c4e8c",
-      "global.color.stroke.default": "99a0e9c0cebf230fd0e6b1bf32794c2960c91d26",
-      "global.color.stroke.muted": "0a4fd7bcee41ee73da01c6fbaade00192074b580",
-      "global.color.stroke.intense": "f14e72b2c4a93749cffe6c7b8799f0f682e02f86",
-      "global.color.stroke.split": "c78bf97b57cc27eec1c02bd6054ee050e60422d6",
-      "global.color.accent.default": "425241f1d0b7976c880ff2ef1dc98062cc126148",
-      "global.color.outline.default": "d369e25b19f03487190cae6fe0240c134b2257d0",
-      "global.color.shadow.default": "f8165fa857e705b898b9f5720cb96707a741fc26",
-      "global.color.feedback.info.background": "5b4c251b58c6eb2688cd28cef5b51a7d5a60ebac",
-      "global.color.feedback.info.foreground": "1a9e7345ebc88913c6d6d74cfb18707187180cfd",
-      "global.color.feedback.success.background": "d57b12c14c816633e9d421b32d4feaba3540f5ca",
-      "global.color.feedback.success.foreground": "929a11cc776e3751512325fafec5210cca3b7280",
-      "global.color.feedback.warning.background": "fbadbb0926e3a099e3667279d939fd20595d57da",
-      "global.color.feedback.warning.foreground": "c2ce1659e53059e2b02e666fe18f7258d97c8b49",
-      "global.color.feedback.danger.background": "3b3185e5217f15ca8340c7575fc30c7c4ee9ae8f",
-      "global.color.feedback.danger.foreground": "41c6d6958ec4bcb1e762250c1ecf5ff1b9f73b5b",
-      "global.color.feedback.neutral.background": "3b16bc36a0784320bf0b0121165e7e5f486a723e",
-      "global.color.feedback.neutral.foreground": "bb986f4b1834ac14d8a92e1f05f31c295df6918b",
-      "global.color.feedback.neutral.stroke": "eac999c4c1d9aefbd3f82af57e7fafe6d1ccd5dc",
-      "global.color.chart.bars.blue": "7f84480f261ecdeb3dba200e7875692f10e1cd9d",
-      "global.color.chart.bars.orange": "017f9dc5e6d764dc893e7e90f63692b428e3dd88",
-      "global.color.chart.bars.green": "394fe60a04875eb3b7decd832460b44d3d2f666d",
-      "global.color.chart.bars.fuchsia": "c6dab8e197a3f0cabb9018d4a28c02727e868c90",
-      "global.color.chart.bars.yellow": "04f43ab84bba45c6bc47ad23882bb06b1b587526",
-      "global.color.chart.bars.violet": "148f4faa5724ed4b1e0b31e64b064e094007f43e",
-      "global.color.chart.bars.babyblue": "b58dfe67f477cd746bb39e8d97bc0a9f804e8ab3",
-      "global.color.chart.bars.red": "9a342735d9580c01902d146a19d4af86485be1aa",
-      "global.color.chart.bars.teal": "f0079e20e70f6c3cef0566dfb1fe2b8a2eecca7a",
-      "global.color.chart.bars.sunrise": "2f485bc077ec24d5c7aa0c419ef452b0179456c9",
-      "global.color.chart.bars.slate": "e351d28c5ca958c9d8f9280dc5bfb1b09d6ee0c1",
-      "global.color.chart.default.blue": "2c12729e25f4a3f80f52ccb701b73dce77f42a4f",
-      "global.color.chart.default.orange": "03fa808b0e8d2629f17387a64f6ab3534f7dec02",
-      "global.color.chart.default.green": "bd7f7d711cff911724ab287804aa8d0b9a2a8efd",
-      "global.color.chart.default.fuchsia": "bb65fd3236335b8d41b85617e003c1598d26c124",
-      "global.color.chart.default.yellow": "3487ddf5d0f12dba7b99d702b0844f3ca85a4341",
-      "global.color.chart.default.violet": "c2b7dabef5f9d1083cde85d6db4de934a768121e",
-      "global.color.chart.default.babyblue": "22cdef1c5dca764e051b632bd85f2d98398a2556",
-      "global.color.chart.default.red": "7c66eb4a8a1ea8febea4b6c71cc4f30cad94f1b3",
-      "global.color.chart.default.danger": "85eac5c749ebe9d9bd2e31feb4e81fb4234995a7",
-      "global.color.chart.default.teal": "d3df33817390fce35313fda70cbf6fdb71825b3c",
-      "global.color.chart.default.sunrise": "a131f7672b46d3fe24dea56049b4e22891639267",
-      "global.color.chart.default.slate": "78c86aa7fa7f950026f28a7b1267da5ef0e47012",
-      "global.color.chart.label.default": "db6588698c1fbcb843de6fb76ae0a98a9ed44434",
-      "global.color.chart.label.deselected": "7317f47602168a600a863e502d84791f09dae48c",
-      "global.color.iconButton.badge.foreground": "9af7f987cc372359c623e5cffd2eaa94fa4b2873",
-      "global.color.iconButton.badge.background": "b0584f662e59d98302f1bc4af769d7c7edd72157",
-      "palette.brand.50": "73a58f910a20ef9cc3fe4f3f2cdb2ed456b8833a",
-      "palette.brand.100": "e8d8a0444476057f96b514f9b94b57fec245d6f0",
-      "palette.brand.200": "c2cf28a724fe6527b826063616e2088d4a200e93",
-      "palette.brand.300": "e2d1bdb428b4c76fb11d9e865cf4743e061b9e55",
-      "palette.brand.400": "27f7447c3929ae2dec595239b81e79b301f1fdbf",
-      "palette.brand.500": "97381b6b55fb12f2cf342e139469beb90626b760",
-      "palette.brand.600": "cfe264cafc041ec4af3c129d9decd6dc3cf01846",
-      "palette.brand.700": "1a9347e9bc2da42368d282621a52ed6352825dd4",
-      "palette.brand.800": "85b2da2061764c1ad2bb2b3834237bbb297395f8",
-      "palette.brand.900": "4b5a1a1910a5b4059d6e6158f6267f22f01063c8",
-      "palette.brand.base": "9f6ad46bf111a76ed445b01a14a34841b4fe57db",
-      "palette.neutral.0": "7824367091d05f5959bd48f86ab0274b9d93b134",
-      "palette.neutral.100": "bead9a8cd1625049d457c05720381a626ed5171f",
-      "palette.neutral.200": "b5e604e235c79871c5ddabaf4471e2069710e296",
-      "palette.neutral.300": "697b94a99a6f2443bad0fdc103b630edb94ba78c",
-      "palette.neutral.400": "c332b978e474971ba6310938e3c91f011b83b4f9",
-      "palette.neutral.500": "0978dfa72ccbefe6260c729f897f1664bc3f4824",
-      "palette.neutral.600": "2aa5d06ca812efaf2e2a66324e93c00c28c47c37",
-      "palette.neutral.650": "9edb4fac624bd0db8ae3f499315e7ae19791c552",
-      "palette.neutral.700": "0171e199a34c8486f75c328bd55ea95e2788bb1c",
-      "palette.neutral.712": "4c082e86a6319f07a5d0ae8887e0a2e111377d09",
-      "palette.neutral.725": "01a0f9cd2a091af395518e9f3e7220d04d75e2f9",
-      "palette.neutral.750": "d5b4d87fd5126b8d0b5847949f41b8082ac7c48b",
-      "palette.neutral.800": "a15d5a509fbf62db0d30b9d3641a01ce39e228df",
-      "palette.neutral.900": "051a472caff1461ae2044cf19f910cd5516ed686",
-      "palette.neutral.base": "ffccb4d2465dee3c11847a185243dca1a851892c",
-      "palette.slate.25": "fc32327532dafdb1ec1d2b6f46097814b610dcf8",
-      "palette.slate.50": "73a60ac1c06850e4099ab99e001d40fbc53db897",
-      "palette.slate.100": "de636cee29ac0658547bf8eeca30feb5c195ebfd",
-      "palette.slate.200": "40fb7a7db2533f183d1e81653c8f2c0036e2bc72",
-      "palette.slate.300": "499973984e824fdde89e7912af851916d4494a1c",
-      "palette.slate.400": "5589f4f2df7454b95850ed45117ac64fbbeac69c",
-      "palette.slate.500": "31f7881ae51954110d2b456a0654540c077ef27c",
-      "palette.slate.600": "14ebb36aada65c231eb1714830550991c6e2dfe7",
-      "palette.slate.700": "9c2ab88fc6199bdfa00b1b88a5a215fcbf718810",
-      "palette.slate.800": "ea4806307e03a378c824cc9220edaa54ed1d6140",
-      "palette.slate.900": "833557c34cad9f2134b6f9db32152d9caa89df99",
-      "palette.slate.base": "c72585276602d3ae6b6845ae902aa84350ad57c8",
-      "palette.slate.50a": "d5612988a77f61bafe35db67710330c4e855bf63",
-      "palette.indigo.50": "d0e10a167e09729dbdbae64395891ed0ea2cf671",
-      "palette.indigo.100": "8a24f207dffdaa99dc1bdc3028451e01098ca516",
-      "palette.indigo.200": "51a06e731d37c7fc77a08eb3e9ed30a7a966c300",
-      "palette.indigo.300": "b176d822cf5a249dc755bc035f035325a6aa09d3",
-      "palette.indigo.400": "a8867b401f2cee15bebea65f418750363d3b2ab1",
-      "palette.indigo.500": "393a39a72674639141acc9b0fd4cbe8e2edd31f0",
-      "palette.indigo.600": "eb325bf3965f01d58957e2fa4d5ff84271b6931b",
-      "palette.indigo.700": "3d6032ca432631b107b00ce99f9f8dd1c536cf71",
-      "palette.indigo.800": "ebb43d76f3cef6eb256011fb8acc21dcf7909da2",
-      "palette.indigo.900": "ef67323ec3af72816d7a6b97e9c4725c1025779a",
-      "palette.indigo.base": "213e8e41176ac940e0d76470cbac3dbf935c7700",
-      "palette.info.50": "7129ab9572c3f888c198cf177960555bbd1bcab1",
-      "palette.info.100": "374641ca813ac9828ed4fa6dc0771b95c3f9882d",
-      "palette.info.200": "78952c37db7988d5dd0333d6d1b727ca5137398e",
-      "palette.info.300": "4dd4da409c020073cbb3d33bbae1e024e73faaa4",
-      "palette.info.400": "e8a7e13fc3e330f2d9331bcf78beaec4fee7c39c",
-      "palette.info.500": "e66c87d2c9627b12edc0a1e1a18a8374bdc23fcf",
-      "palette.info.600": "2c5db43b00ef8606e6599b3230a3272ea0df9e4a",
-      "palette.info.650": "04e97a66066b6d5815951eabc2b3fabe090f2c8e",
-      "palette.info.700": "0b6d0491a3312b8c214051138875eeed01ab783b",
-      "palette.info.800": "20cb4d84a4ed379e4e81cfdc91c5d01e73eb4db0",
-      "palette.info.900": "146f036f591d5a1068fe2364da308cc80cb7ec59",
-      "palette.info.base": "00438bd76c759d4d4b07cfdf4aea74b1851d87b4",
-      "palette.success.50": "2f5652707e4da1c7c71bedff544a5c0df7d97ca5",
-      "palette.success.100": "4f2c7060440c260d3b7cf55605044335d4e319e5",
-      "palette.success.200": "1ef5747842ffb0533bac7b8509b2a7a474ce4f78",
-      "palette.success.300": "20d616206ae8c6bfdcaaa80a8157316f16c96572",
-      "palette.success.400": "08f914229a1ab801083ac9cf4d1205541b13f6f5",
-      "palette.success.500": "544e64849348bba6cc29945f9c86a265ab4d0c05",
-      "palette.success.600": "5b934700bcd9f65c24d1162a319bc7d9ba991686",
-      "palette.success.700": "4f7ba29f6f79e1d0ba04040ebf95024d97c6e8f6",
-      "palette.success.800": "f27129c7b330e64edb1ceede91d765f10947818b",
-      "palette.success.850": "b9cb0377e7649b51d3b6734447674b158f87823a",
-      "palette.success.900": "f1352631dbe530e7a8a0678bdc42e25f4a75fa37",
-      "palette.success.base": "5794f9cc7d56921c63b3f48b9d46cbbf3371a640",
-      "palette.warning.50": "9f98d7f71b98804bb725920d2a1d9928396e2aee",
-      "palette.warning.100": "bd35b2d87e5e09b4d80a0cda6d4e8da500872550",
-      "palette.warning.200": "e12431ba25a8027c5ca3cb8b4e2ba174fa3692dd",
-      "palette.warning.300": "5c3f58c9c331c43724d1d2b7ae183c1fa9647f86",
-      "palette.warning.400": "3a54013174af91b16483d531438976c00e7df634",
-      "palette.warning.500": "08b520636a1f19a620207e1b2ef2fd42ce818b8c",
-      "palette.warning.600": "b64578b7840bd1a24ef0f7d330250e3a1795feb7",
-      "palette.warning.700": "23494fa4e02fbf51d59c87d806635bd5ea9615da",
-      "palette.warning.800": "66502d116ba3586384926d5e1b00e1c2c35c7619",
-      "palette.warning.900": "b32288cd7c5f4aa32e9877d1199be79c82b0f835",
-      "palette.warning.base": "38759bd43ab852ffcb204110241ab8dbdb1a612a",
-      "palette.danger.50": "db7055e9052e155025f1c50198fd1a761d61a9db",
-      "palette.danger.100": "ae6ed63ad4b54ecd62363d845352b02eef589f3f",
-      "palette.danger.200": "fb6a071c51fef3f2fc92542e57132e1f6a3fc480",
-      "palette.danger.300": "dc9d6f8ef68d542b8b64e3e66eb5d78d156145c9",
-      "palette.danger.400": "91974d8d1bcc251e99348d72737c573114459f61",
-      "palette.danger.500": "6946eee13f12bd5c15e787155b1ecea0bc49230e",
-      "palette.danger.600": "b676ba7df83b4c970722c341025203d97e353c77",
-      "palette.danger.700": "1e1827cf481763e68d6bf1a664365773c319a0c4",
-      "palette.danger.800": "348defbbd25f90a1958df899d7a1dde6fa637804",
-      "palette.danger.900": "a21a5eb42930bd80a2a964d289b9db9da33d6d18",
-      "palette.danger.base": "9be969f14110f0de83165c342e0142313b0a964b",
-      "palette.gradients.transparent": "2412d91dfc1db991e200243620bb4af7b41e6627",
-      "palette.utility.transparent": "deba81a0822c351b78d2e320b6591f1e56041e27",
-      "palette.teal.50": "ef30df03e6594aa95df8b312347ecf8772db5ca0",
-      "palette.teal.100": "97c596c5fb4ff667548fa3c2164b42dde9c4717d",
-      "palette.teal.200": "56fc49b596ad29b35b660e4498aaa6baa5a76825",
-      "palette.teal.300": "d861209f69ed282a90a0df9954adf25f79682766",
-      "palette.teal.400": "d624b50a29dc5cee06b8f755dc842e1716dadc58",
-      "palette.teal.500": "76ed2ec16af22afd24bb05e881e65777803f9020",
-      "palette.teal.600": "a7e2593dcfff89449775769815727d2b83ba4aab",
-      "palette.teal.700": "e762ff35d9a6b162fb26123e5305daa7ef3de74c",
-      "palette.teal.800": "8a8a7ee3b9200ea6e13c07053a44ccf685daefd4",
-      "palette.teal.850": "af89acd1b2f9494df30b783c42af9008fc5595c0",
-      "palette.teal.900": "ca7e6b3ce3fe28aff080e0fb6ab7ee02d7fa4a08",
-      "palette.violet.50": "84ca8554c976ba812ba9a7bef46a24f74f85148c",
-      "palette.violet.100": "b736bcb36c10652f6deb3e3620206468fdb3242e",
-      "palette.violet.200": "ce2c6be5e550efb4f099842c897658159c05ec50",
-      "palette.violet.300": "e0c4eb2e91ac1de058976c2930160d01f601df9a",
-      "palette.violet.400": "0780c9f5be0c3f77cba83f73fa473d083a67a35d",
-      "palette.violet.500": "4e3f3d9d7be67575960f3290709067bfd1209a4f",
-      "palette.violet.600": "330da00a2ba66f22b14d2c819cd257b5fc88aa44",
-      "palette.violet.700": "44b27a8336f7de1e508c0a030cd50ff5200e73f9",
-      "palette.violet.800": "a346c18e4c809c9a297a777a5d8e2d5cf721fc80",
-      "palette.violet.850": "a076d4ade356e0a4488995df3d36ab334cc59720",
-      "palette.violet.900": "80aa393372044c6ce7eff5c35ff03a708a691b3f",
-      "palette.fuchsia.50": "48849d0a4b56088f3aa1cb0b8562c344e414e8d8",
-      "palette.fuchsia.100": "20be9c27227ee62a1e673235465836a78e447437",
-      "palette.fuchsia.200": "6637e25856ca3f32df4226d3aa9a3723f85af9ff",
-      "palette.fuchsia.300": "e7f08065f50f53dc084b746953bbd0d412774216",
-      "palette.fuchsia.400": "7ad43e1d3a1d862b9d1ddf9711b9cae9d1a25afb",
-      "palette.fuchsia.500": "f6bafc8a5422aba74b8d00cc60fcb675b068a932",
-      "palette.fuchsia.600": "fe15ae0ea54d6caa56d1bc12c3e54b159fbe4ef6",
-      "palette.fuchsia.700": "a03f3a8d78cfc973bb99084d7a35046c16bbeb5e",
-      "palette.fuchsia.800": "dcd5f7480adcac4f1d43de1bee5cf2ceaffd7b90",
-      "palette.fuchsia.850": "dac035862f5250ad3f31c8e3ec23d1878364d013",
-      "palette.fuchsia.900": "fa01026b28f4c4997479d87d5c59e1e5a405b6ad",
-      "palette.sunrise.50": "9dabc363ae4938bd8b1fd00b247aae08d7d45300",
-      "palette.sunrise.100": "0d8d2d77e71927e4188a1d72832201ede90de579",
-      "palette.sunrise.200": "681b07f4fb250346606ecfaed5641682466e88c8",
-      "palette.sunrise.300": "3b550b1e5447e57af176f46f47e3b776710faee1",
-      "palette.sunrise.400": "bb0695db62fae7cf6a2a468b6e5f96a04ef34a8a",
-      "palette.sunrise.500": "66fb70f48cd22ceef9084837083b39f89fc1b452",
-      "palette.sunrise.600": "35eecd86cd8123bdf387602f76c24425c4d09445",
-      "palette.sunrise.700": "69c5c61ef2027d553065b766fa1198cbd2ea8b60",
-      "palette.sunrise.800": "155de39551da759c0f8ae4685c8e29c289791bc2",
-      "palette.sunrise.900": "9ee2a12d3789602fbcec76f5a3ab0a771bc40578",
-      "palette.babyblue.50": "abf8436cf6dac8649ae0839a9bb498e477cf23d1",
-      "palette.babyblue.100": "660100a134a5ca0787489edd97bf127b9076c8ce",
-      "palette.babyblue.200": "23b83403b9e65cabefb1e7b1d0f3d2a279b35f46",
-      "palette.babyblue.300": "9f8515cb1fff55395105d859583e3dbb1838b812",
-      "palette.babyblue.400": "21dfbb9ee6d20e500715fb4dbe3466e41f7d2283",
-      "palette.babyblue.500": "ac49c17b7decc26e8453d147d47d2574b07a01c4",
-      "palette.babyblue.600": "f80d80a07ff4d0a599f0e1fa3d79990a23c251d1",
-      "palette.babyblue.700": "ed4cf41c08e7a939ecc191441af7572b1ac56d46",
-      "palette.babyblue.800": "8f94250d9c852257c6d0362f3a5af41318947448",
-      "palette.babyblue.900": "c822d8afd735d262bedf9cc74cdd7f67b90e02ad",
-      "sizes.0": "9ad1344ab1333965e33b68c59b95d4738e26cc2c",
-      "sizes.1": "85ed87c7678cdf8fbea57503aa4a8857c77436c0",
-      "sizes.2": "3df21ae217fc7dd402e5a725e083393681eda47a",
-      "sizes.3": "3c821fedb041a774f6b4b37db036ecf2ebb32e97",
-      "sizes.4": "6daaaabbc4716369c73ad8903950650dba8f2c29",
-      "sizes.5": "3a0cbe15f9e97caf1b9342802407c4c9431c1628",
-      "sizes.6": "6addaa568d2d55b69ab53d782bd31f580c2094d7",
-      "sizes.7": "0b0d8e6da2c484a480e3050da65bce322954f78c",
-      "sizes.8": "f7123b1c8f4ddce0da7b1f68d806ee92c41f4ebe",
-      "sizes.9": "846fb7d5a4f76246fe47054f23d6fcb3e993ba3d",
-      "sizes.10": "b05fffb584f3471c6d883284eb186c2545fba183",
-      "sizes.11": "33e96ba6f32bf2e2038ffb42bf4c1690b6f83c90",
-      "typography.font.families.regular": "9d91dcb953562c4eb896e319f09b63f7beb12114",
-      "typography.font.families.mono": "623d3eea525059de82f6b7aafe61613015e6d852",
-      "typography.font.families.display": "c3c2008a9675ddd11e4044c6deac3d9db6cec7ed",
-      "typography.font.weights.1": "dcc7ed47e8e0be080f9a2df2c3c618445cdb1e9f",
-      "typography.font.weights.2": "bee3e49c0b0332a61d64ea8bab2e3ef0c9362b0b",
-      "typography.font.weights.3": "ed252b21bdfb6ff2ef0a0b47fd5c474ae7148420",
-      "typography.font.weights.4": "a607cfcddb2a1cc5073d4d68271816c2533b9ece",
-      "typography.font.sizes.0": "fe9ada79f0638d4199c2a44ed3743f7148444e6f",
-      "typography.font.sizes.1": "61aa98d011b76f68b3e8b8a5366a2bc9afa69c61",
-      "typography.font.sizes.2": "5963da92b518c0fafbf04a58789ab790d7aa0c2e",
-      "typography.font.sizes.3": "04831994105ee99dd87c5aaba4ab8c587b217242",
-      "typography.font.sizes.4": "45bc43541ffa1d92f972c39b1eb43f48b06c034d",
-      "typography.font.sizes.5": "a320af65d8fa3d9637eb4d169a49a795fa194ec3",
-      "typography.font.sizes.6": "0d347f7d0ba8481335080e39a6f036a1e2e79688",
-      "typography.font.sizes.base": "d565312f3a98e60b1bcf833dfe5fc0385e1ce477",
-      "border.radii.0": "27bc08b74a099c04872454c11229db203b72ea55",
-      "border.radii.1": "b2f419020dcb05b52884234ac24165da94ac1124",
-      "border.radii.2": "f2f3717d00af6cc9455b3734748de68aaba5fe45",
-      "border.radii.3": "771c89723429bfb66183c7ab68457c37a6389074",
-      "border.radii.full": "c1d014e3a1c9a58c62f8a5a9416caa5f1f76555c",
-      "border.width.1": "5d62da0a9148325d269e9d33e479ba020405e7a6",
-      "border.width.2": "e9e6eb2c56d79e9993e789e32fb2657eedda77de",
-      "spaces.0": "feade09a727027df7de9b41e0a879111c0e955f1",
-      "spaces.1": "0526ab8c0f3dc3ad384cf42bd3b049ace96846e0",
-      "spaces.2": "0044e9cf0d79effdf62747c1cc2811d41a427b77",
-      "spaces.3": "57b9fd06a7cc0b97c3e6f037a9834a1c84f07fb7",
-      "spaces.4": "500fb5b60ac5173fc708d67674f056442786a314",
-      "spaces.5": "43500d173f514d22b16fc379575d25fefa248ec8",
-      "spaces.6": "71b86d3ed57a5180c2b9849499c27e6a32d315a7",
-      "spaces.7": "69961bae2959bd4538592757e0b3199ef38a57ac",
-      "spaces.8": "995bb1509fa3bbbcea15edebbec13bcf75417a8f",
-      "breakpoint.sizes.sm": "53d50ef8f232ce79cde6c7dccce0da88a8830796",
-      "breakpoint.sizes.md": "e800e2a1f4264d5a027432e2c7bad1297681caac",
-      "breakpoint.sizes.lg": "7586e0a87837d754f03341daeaf35d73873c549d",
-      "breakpoint.sizes.xl": "5c9ffe3d9724442fe25f35cdabbbfe7c39c17c64",
-      "breakpoint.sizes.2xl": "1b6a6625a9ffabf623bbec63ea2b8fda1e44bfc3",
-      "click.accordion.sm.icon.size.height": "8d3ede776eb5e9e22e68ae9ddb37c4413bbf1a3d",
-      "click.accordion.sm.icon.size.width": "768ba1f141256212a0cc002760690129279227a8",
-      "click.accordion.sm.space.gap": "c938c8e98d220f4f77315fc8e2848a0b777106eb",
-      "click.accordion.md.icon.size.height": "0b0fcee29006b6bade122bc4531afa90a9f9e87f",
-      "click.accordion.md.icon.size.width": "f1d589a32bc14a09797f2c891d8cd4d6a21b9fe8",
-      "click.accordion.md.space.gap": "20d7859f42ed7e0fa6c0c785635c97490e514058",
-      "click.accordion.lg.icon.size.height": "ba47ce0e06ed1bc54a8014e16da75f6956f46891",
-      "click.accordion.lg.icon.size.width": "d97c1652fb1c3238e132a99838d47f19c4a4a72f",
-      "click.accordion.lg.space.gap": "9bc7dd31665836563bc66267a879f3e1157d4a3d",
-      "click.alert.medium.space.y": "7bb49634491cbcee739005e4f4fb1ce9bfec9419",
-      "click.alert.medium.space.x": "31e2a591c60007991da368931afdb1362d0bfff7",
-      "click.alert.medium.space.gap": "282d62a64813068d110307f42bd8a34f51976eb6",
-      "click.alert.medium.icon.height": "e27ab0e763a0cd8b8955482ac61ccc06182f4600",
-      "click.alert.medium.icon.width": "c7ecf551d787d5e1ca7c6e405e060c14c8d2f341",
-      "click.alert.small.space.y": "9ef5286a3aef9aa49626f3f9a8a23406297314d2",
-      "click.alert.small.space.x": "8053f33ac078d154901080dd87d33caaae5d066e",
-      "click.alert.small.space.gap": "392a00125bdd8c6017e96349acc563653ab10e5c",
-      "click.alert.small.icon.height": "21b886f93f954396a7c7678316ab6a8110628d1f",
-      "click.alert.small.icon.width": "9668dd2e772fd85fb43afca54afc26cde25db04e",
-      "click.alert.radii.center": "c09ed37620aa0943e1df40e1698930013a28a9f0",
-      "click.alert.radii.end": "0d540665a73bc1bac64c231ca7508326b9bbb864",
-      "click.avatar.size.label.width": "9066cf558637180a913d747a3bf7cd0965411bd1",
-      "click.avatar.size.width": "a09d39a809c0672e4d499045befbca67fb3ba53f",
-      "click.avatar.size.height": "8227c759b206e74dcb01ad4bfbbfaaf85471d286",
-      "click.avatar.radii.all": "156663433cda95caecd314fd8d0a20881ef1a99b",
-      "click.badge.space.md.x": "be91c4cfb138477849f2db0cad338b713f768f68",
-      "click.badge.space.md.y": "a8d044bff212a897dd58e51cc54a8c2fd5d63a24",
-      "click.badge.space.md.gap": "c10cfaf40c1b0d96c62f1dc5a935bf1891b509eb",
-      "click.badge.space.sm.x": "4754822df19e029b71239b36310421a491cc9525",
-      "click.badge.space.sm.y": "3a6e9db3bd8afbe78c9ce877510752db16aa5ce6",
-      "click.badge.space.sm.gap": "ce34efad437106f96e2effb2dec8c1a1e4295a66",
-      "click.badge.radii.all": "22d56fb5bd73450aa13c3f6603de74b600f0edb1",
-      "click.badge.stroke": "1ed18b4d583e7aa621ae300ac6630d3a7475645d",
-      "click.badge.icon.md.size.height": "9665c274ca398bea0290cdd5ebe4355ef38d8afc",
-      "click.badge.icon.md.size.width": "c61ae6584f14299c4a7f0c3cc3c257a0c1a3f115",
-      "click.badge.icon.sm.size.height": "a030aad62bd7115d9f99def9da1bced261d8973a",
-      "click.badge.icon.sm.size.width": "0984c66a92beae61af25623c091749eb5c30abd7",
-      "click.bigStat.space.all": "5542b333fae8b99e4c6a063437df7e0d3adb94af",
-      "click.bigStat.space.sm.gap": "5290d065e604916fb51ae4f2582839fd07afe955",
-      "click.bigStat.space.lg.gap": "14860c812fc456235ab8761053dea8b1201e3897",
-      "click.bigStat.radii.all": "fd1a1457c3d0bcd67f296346e8db1fa4d16c9a34",
-      "click.bigStat.stroke": "8a75a24bb379c9e8d8419cbae157eb44339fcb76",
-      "click.button.radii.all": "826d7251a9e2074bf7a69a8006573dd07c33c757",
-      "click.button.basic.space.x": "aff3f669767f05a331a6c28d36000b7b9a75a31c",
-      "click.button.basic.space.y": "51bf5bc69ad4bf302a9da77329d8017cc66cd41f",
-      "click.button.basic.space.gap": "4546876339f63f47ae52188c6680b918e5f1ef13",
-      "click.button.basic.space.group": "e428c90eeb737b1d49eecc08121eb6016b6825c3",
-      "click.button.basic.size.icon.height": "d2543b81f88273d3e49a4dcb9d4df15a56c42246",
-      "click.button.basic.size.icon.all": "9d3553b6119959f478638fe45d021dc91fbb14df",
-      "click.button.basic.size.icon.width": "b7ab2de9054e09603eb2ad0254575d8210fedf03",
-      "click.button.iconButton.default.space.x": "516a7f8d153e822bd094d3795173982d21b65959",
-      "click.button.iconButton.default.space.y": "c4419535c9c37afc2062a7237ee99886571c91cd",
-      "click.button.iconButton.size.small": "0aeaf5b0d6095c23ef5545a2dc8b27a7b333b8c5",
-      "click.button.iconButton.size.medium": "34d6d8651221e1c9ee650ff95c5bfc1398d3c297",
-      "click.button.iconButton.size.large": "b6de1ee30a39fd316260ad65a34c5a5b2d137f28",
-      "click.button.iconButton.radii.all": "33f20d73872c109dbc71012171ae090e5cc065f2",
-      "click.button.iconButton.sm.space.x": "d37b079fe6cbd63ee5f29be9ed699aaf6c179ffc",
-      "click.button.iconButton.sm.space.y": "e3948a74c01283ac647b2f21a60de63b0a1485ef",
-      "click.button.iconButton.xs.space.x": "bd410aa8f22eb57ee6f73383b1ab26e9fb17beaa",
-      "click.button.iconButton.xs.space.y": "f467ec04475f1b1d3cb7acb5171c00997740a079",
-      "click.button.stroke": "837d0322f915fd8b968bcf44e90f6ba8d8db0638",
-      "click.button.split.icon.space.y": "7a8eecf65b0bf493d011bb791e74772a5dadbf61",
-      "click.button.split.icon.space.x": "7cc614c1ea70e83b08dbf3f5ae4f870102adf787",
-      "click.button.split.space.x": "bfeecdf7050a009787cb2f46247dfe64d9416a8a",
-      "click.button.split.space.y": "dea80fac8739612953c5bef98ca3af8c95db4699",
-      "click.button.split.space.gap": "f7d4fe2a81071554d90f6c210539bfda9f04a036",
-      "click.button.mobile.button.space.x": "d75968cd5d2a8f71e510f6eea92199a563fb9591",
-      "click.button.mobile.button.space.y": "06152177977fe542621352341fe07d98c6833a4a",
-      "click.button.mobile.button.space.gap": "5fac9ef2c73d70fdb4cf385f0c2b3861488c35a5",
-      "click.button.mobile.basic.size.icon.all": "10e998edb5de7e81f3a8ee6e15a9a0296cf423af",
-      "click.button.group.radii.button.default.all": "2f48dc968eacdef7bdb55874f11e2b14d9564583",
-      "click.button.group.radii.button.borderless.all": "804e26eb067f48444ac49b22d81fd012eb3718ac",
-      "click.button.group.radii.panel.all": "2bb9a3d620e5efdf8928b3a216f379223c626be7",
-      "click.button.group.space.panel.default.x": "023995cf8aeda9cecd03a84f157259b615264d5e",
-      "click.button.group.space.panel.default.y": "71b72ae77ec8a794770f218b09f3dfe901df5989",
-      "click.button.group.space.panel.default.gap": "d99638b91030ba6eef72b9f85165e4ec258cdc65",
-      "click.button.group.space.panel.borderless.x": "be40394f8cef6a35b7e833c95ca4877b5a691390",
-      "click.button.group.space.panel.borderless.y": "c2ed8dea896c666043a694cede50dddfc82ac24d",
-      "click.button.group.space.panel.borderless.gap": "73a61660bbef0a70a21a14f689679a2cc2eb6510",
-      "click.button.group.space.button.default.y": "16d87fcdc525aa5d3997c268de779527c6c9e810",
-      "click.button.group.space.button.default.x": "27a97da09da7c19b67ca19f0ae39a1c666c2bcf9",
-      "click.button.group.space.button.borderless.y": "67e44b6bb251915b59825d9cbdc57c978226aed9",
-      "click.button.group.space.button.borderless.x": "4cd37a8f8a5ea64483c357c1393bef848fd08dd3",
-      "click.button.alignLeft.size.icon.all": "ddfb6a29614b6ef4f274e7d44081da098792cffc",
-      "click.button.alignLeft.space.x": "f2abe0fef63f2b7ae43c4f563d78768a6bdb5ad9",
-      "click.button.alignLeft.space.y": "2ec2e2cb51c6f892911d98d4f091853153e430a4",
-      "click.button.alignLeft.space.gap": "e7ebe13bce354c45133b7fc0287a08ad05d06f73",
-      "click.card.secondary.space.all": "cdfc6c10fffdea8b60a5459a81ccd967e965d31b",
-      "click.card.secondary.space.gap": "0ee135ca5ae55a284569c6fe35d253304c0a09d9",
-      "click.card.secondary.space.link.gap": "d67c721fd22f89070d1a4fe03b5c01ecc533e250",
-      "click.card.secondary.radii.all": "dfb4d447f8a63ae39a16ec5ded355fab17897905",
-      "click.card.secondary.icon.size.all": "0fd88e4dccefb8a427f39cd6a4d711342e9376f4",
-      "click.card.secondary.stroke": "78185ef5c32ef7169e14eec84d8106d6e42913fc",
-      "click.card.primary.size.icon.sm.all": "db6a5b6bc1803053d714561f5e01ec8b615e53f0",
-      "click.card.primary.size.icon.md.all": "99c22317099a64b5309f337c13b198fda1a919a8",
-      "click.card.primary.space.md.y": "ce94f6d507859d66eb3bde00db3a24a0d09d9b74",
-      "click.card.primary.space.md.x": "f8deb027c755c52435e98a7598cf75d21561c09e",
-      "click.card.primary.space.md.gap": "72729d8da5f91e1434cf4dfe04ae640a1723dfeb",
-      "click.card.primary.space.sm.y": "dad56ca470353973cb411c04e3e9341b88af416e",
-      "click.card.primary.space.sm.x": "05e303573373d8ed7f07b3afafee73c00c09643a",
-      "click.card.primary.space.sm.gap": "32786a4e607bd4fb6010d0b16d30ae6626b7f79d",
-      "click.card.primary.radii.all": "fcf5261e82096c6aa36c21ae641e2c0bdbba2190",
-      "click.card.primary.stroke": "5c10deade566b8e2c44ad845e92976897db6af20",
-      "click.card.horizontal.radii.all": "e34afe299f1457efea86058d01a3c28972b50432",
-      "click.card.horizontal.icon.size.all": "27792063e5c884cff32ec975ccd6d7e7e1cfeb9b",
-      "click.card.horizontal.space.md.y": "ce9d1cabd0de791d5e76a36b29aacdbe98fc2337",
-      "click.card.horizontal.space.md.x": "5f4e2f903aabb8e4489884da170b9b264bf51607",
-      "click.card.horizontal.space.md.gap": "f6c717568b018a8f300b933e8bb39b86c3de0876",
-      "click.card.horizontal.space.sm.y": "94e1608dfeb63c20feee1f45a42cbb3704fcad95",
-      "click.card.horizontal.space.sm.x": "1ceddf0409486c817ce0c6f0841b151ce1ce9933",
-      "click.card.horizontal.space.sm.gap": "7c1b4a61cd6eced33811dd7a372835778283994f",
-      "click.card.promotion.radii.all": "540c4f2f2060236fa991b7bbfa8bc40ec7116ee3",
-      "click.card.promotion.space.y": "5e3a65c12df240dbccc4bd597d99347ef4d5ea2c",
-      "click.card.promotion.space.x": "2dc9e4901515e7f1aef07ec161951f475effac7a",
-      "click.card.promotion.space.gap": "9cb67ddc333f188f35253546231e6fcdc4528339",
-      "click.card.promotion.icon.size.all": "935d331b2e9a34a595fd628411c87e3bac841b56",
-      "click.checkbox.radii.all": "3594ec75e6049068ef93751ca1d4c6ab36cc1c0a",
-      "click.checkbox.space.all": "ef9c875209a5a7b5d8ec423eaecb1bc7b8c396c1",
-      "click.checkbox.space.gap": "25728157b049da7883a91bb515f0192723357261",
-      "click.checkbox.size.all": "5dbf3afcd5a6607a0c938d7e6eb7b87dfd972689",
-      "click.codeblock.space.x": "e5bae23a274ff83227cfab54a1c0f641fef40a6f",
-      "click.codeblock.space.y": "f716cd361e175d1267097c84d9659eca17141e9d",
-      "click.codeblock.space.gap": "32c4ecd5a1ee0567a66b110f739b356248c12013",
-      "click.codeblock.radii.all": "972bc4f27c0688668529a2fe91c0fb1e7511ae21",
-      "click.codeblock.stroke": "4db32140aeb094d01904a545629cf58d9bdbfb96",
-      "click.codeblock.numbers.size.width": "d18676e71b7a28d08d319681c34e2f4e8fe592d9",
-      "click.codeInline.space.x": "d95ca36604898353788726a9da9b9f6c34f5996e",
-      "click.codeInline.stroke": "36b40797f8fea84a3e7a2a258755f71dde05af63",
-      "click.codeInline.radii.all": "506b6cd2b4f555518888daf1364a9d5c72336065",
-      "click.container.space.none": "314a21f3470278ca63a4852c6a1c81f1a1ba53ae",
-      "click.container.space.xxs": "58168ecaca40ef4fe03529e207ef23ac0d398c34",
-      "click.container.space.xs": "66e4fdcd083a05ad5125c296a5ae07f335e422e0",
-      "click.container.space.sm": "a70f7de5093c7d3fe0371ddbbfd1c973d269b93b",
-      "click.container.space.md": "0bede386c44d7a414f3687319ea4f60c2d37bb22",
-      "click.container.space.lg": "2dfd766f308aa105f7b384abd995011709d3bef1",
-      "click.container.space.xl": "a8ff83785689c1ef80b2b32a318674dc59c4d9f1",
-      "click.container.space.xxl": "aba4dd9ef30ccc1da133811f458db1fd6b6978cc",
-      "click.container.gap.none": "5edc5f6c3568609aad06f16f1a8b4a7e3bfbc244",
-      "click.container.gap.xxs": "6296419b8d1726bc86d14cb555fb4e3d4118f728",
-      "click.container.gap.xs": "cbbe781455ca701b4728181ff5e80d7dface635f",
-      "click.container.gap.sm": "3e56ee0a0d67ec50bbddfb27cde1f3472bd1c73a",
-      "click.container.gap.md": "7ac45da4bec2b52dafccdddc5c8acaeef479782d",
-      "click.container.gap.lg": "f2c67a26ffe34f0b9ede8c0dcefd75713ff26a6c",
-      "click.container.gap.xl": "5ccdcc1cef44fd197983ba660a8a95af5f495b10",
-      "click.container.gap.xxl": "9104ad61922301ebb11240a9596de903ff3fcf35",
-      "click.datePicker.dateOption.space.gap": "c56cf4d2854dde1d0e2f6779d8c56d546e9e8169",
-      "click.datePicker.dateOption.radii.default": "9ba1319397b296449acf3c636a43eec91cf086a8",
-      "click.datePicker.dateOption.radii.range": "f0c7e4141e4da7d37c77398eb28497e63dc7aa8c",
-      "click.datePicker.dateOption.stroke": "b3ec9f24b3b3c1a956782353be5352064164d92e",
-      "click.datePicker.dateOption.size.height": "d4dbad7ed2eb27d13d68091e739190a3319bbf17",
-      "click.datePicker.dateOption.size.width": "0111d1afeb82fa0d2dd82465b52eca57e871f15d",
-      "click.datePicker.space.gap": "deb9ffaa3771eef2e24113fc64ec12aaed1b5b0a",
-      "click.dialog.space.y": "3127611c722cf75e04dddf485fe700da677cf8fd",
-      "click.dialog.space.x": "aa1ed2f8d284d8124fdb797809d59ad9f8a3f4c8",
-      "click.dialog.space.gap": "6158260f2403fdbaf5c535099f25185893b3c386",
-      "click.dialog.title.space.gap": "b9f8e4c55027f4aabf3fb666117902f50745ad1d",
-      "click.dialog.radii.all": "611092bac0a924d2751747f3a3691ba1b7fbfa18",
-      "click.field.space.x": "2b6d22944436c74ee4073e7bcb407d5f61a653d0",
-      "click.field.space.y": "d277541d0b022e9cf8785f803b260d2e4bac238a",
-      "click.field.space.gap": "d9c7955d47ef14b8db495b3db45b2499efb55feb",
-      "click.field.size.icon": "5ab2fccd9d4fbd84973402781e2ccf32f604c676",
-      "click.field.radii.all": "7209104feeec7d13d9d6abe3bb2cef48db194b78",
-      "click.field.mobile.space.x": "77f06da15407faac948a170000f7d41fc914502e",
-      "click.field.mobile.space.y": "55d2d791cb59c181fb8a36fd02772d1b486972de",
-      "click.field.mobile.space.gap": "2bc537d00c196dbccac42e970dd8ded07ae274e3",
-      "click.fileUpload.sm.icon.size.height": "987ec6d3839b4cf5a00ce799ab20b371176442fb",
-      "click.fileUpload.sm.icon.size.width": "f5c8be329b4e8b92da422dd74e8ffe76f4c052fd",
-      "click.fileUpload.sm.space.gap": "a5bdaec6424a044245511ce37d4162f1044ab81c",
-      "click.fileUpload.sm.space.x": "4a356bc7b1511b66479f3a5efb0b0f5d6110ee5b",
-      "click.fileUpload.sm.space.y": "d98f328ef288b7812ca7b2c8b4ac4b6a0f1467bc",
-      "click.fileUpload.sm.radii.all": "56bc9f3d5f5266f87a740645703de96a28f780f9",
-      "click.fileUpload.md.icon.size.height": "73836da5ba9cf04f2e289755ff5ad565a6b32cea",
-      "click.fileUpload.md.icon.size.width": "19856420b75772f2dd429ecbc2e9e6c7bcde9da8",
-      "click.fileUpload.md.space.gap": "ed0d51e8062871ca9445b44003ec5cc15eec3a0a",
-      "click.fileUpload.md.space.x": "b9b8762c00b36c2b1c145feec0bc343eb1a88ee1",
-      "click.fileUpload.md.space.y": "9ba3229078dd58dba10a581b02bfee98bece7249",
-      "click.fileUpload.md.radii.all": "8ddacb527a1540a2a7653271d2dfe80c36d4d7b7",
-      "click.fileUpload.hasFile.space.gap": "609e470f820c3e0736149380f31740b8a53bf4ea",
-      "click.fileUpload.hasFile.header.space.gap": "6eacbffffae099255678b365dc33efbd1a0c32f4",
-      "click.flyout.space.default.x": "83d5a21babe698a03f1855f1d2539399089e0ba8",
-      "click.flyout.space.default.y": "e424654477c75b4f91e1bfdec7331c4088cb0661",
-      "click.flyout.space.default.gap": "c79f2ef57664973f3c331867071f2bdf407f3a79",
-      "click.flyout.space.default.top": "40245d9ce69cd10a796ed0edc1f3b9c7c3b257d0",
-      "click.flyout.space.default.content.x": "38b1d66c20e94987703b092704d81e8863f5b675",
-      "click.flyout.space.default.content.y": "eb107de04f357cd27494d1f01876d2d6cc8e9146",
-      "click.flyout.space.default.content.row-gap": "f0fd51850e06fa2c4718320a1e0392008f00ca05",
-      "click.flyout.space.default.content.column-gap": "dc2560c860a988d1e3f92b7aa26eca69b2c3321a",
-      "click.flyout.space.inline.x": "b40517b18f6c4863541e105d70ebaecd19d1807b",
-      "click.flyout.space.inline.y": "cd3f33900256a4ed3794839df5b788174809cf0d",
-      "click.flyout.space.inline.gap": "bb8a551610c9880bc92f3955afdd440f84440d34",
-      "click.flyout.space.inline.top": "a45a3892d6aa69516eb5177804379bb1cc8d050d",
-      "click.flyout.space.inline.content.x": "f8f5e5ce635bd10dd5086d5d3ca1fdfbf8013ed9",
-      "click.flyout.space.inline.content.y": "1fcbb67727272f365fe44fa0696e822788bdf02d",
-      "click.flyout.space.inline.content.row-gap": "a5a77c10340628de6b900ec0f5ae27fdc9c3634c",
-      "click.flyout.space.inline.content.column-gap": "225bc658cdbec4244b3df6da0b5a88aa7da0db03",
-      "click.flyout.size.default.width": "8841af32e78bc5efe2ef85caf764cfd160ecf310",
-      "click.flyout.size.wide.width": "a416ac85da9955c0a5b6d44fdf499c336c1b3667",
-      "click.flyout.size.wide.height": "d5d08a746e869fb585ab0b5ef87712aaa9a28f99",
-      "click.flyout.size.narrow.width": "3b29888eaee599622fa0ae60bc44cc6d38483eef",
-      "click.flyout.size.widest.width": "cd0d639c2d6a95abe3c0594904acaf11a01a4b65",
-      "click.flyout.size.widest.height": "e34ed2f15f2d1f0d5296899bbdd2baceac043aa9",
-      "click.genericMenu.item.space.x": "bf64bcf3691fb51a23fa4cc6a233ab9592e24504",
-      "click.genericMenu.item.space.y": "86cb5e6a451f3571531d8a50b7bb8255b9ebc69a",
-      "click.genericMenu.item.space.gap": "b743abec9c338b6b2b897f1343929a609be63fc4",
-      "click.genericMenu.item.icon.size.height": "444813bd93892966af5e9d296a20ed223cce3ad4",
-      "click.genericMenu.item.icon.size.width": "99efcdea962cb064be65ab8df7a97e8eaaccc7aa",
-      "click.genericMenu.item.two-lines.space.x": "b869bad45cf8d4cb6e95eb3ea3f8136554a54a2f",
-      "click.genericMenu.item.two-lines.space.y": "d820e3c9a105f3a9a81859bce339e40037e544b1",
-      "click.genericMenu.item.two-lines.space.gap": "a256f328a2ecf3271943ea0ed127c58895d5fa9d",
-      "click.genericMenu.item.size.minWidth": "e1535da60042f3a9e203eb26c03fe4a3b34b1ae7",
-      "click.genericMenu.button.space.gap": "f566c7bd8c0a0d23a447c92df1c03794f3d3639d",
-      "click.genericMenu.button.space.y": "33fd03536e5c086a4abfab44cd13f592e21ad7d3",
-      "click.genericMenu.panel.radii.all": "6ddf9245ed67357d5ee38990a3c2a88051353e05",
-      "click.genericMenu.panel.size.height": "50e9dd2cd1a06e1ea8b27fc14bfc24adbb46e0b5",
-      "click.genericMenu.sectionHeader.space.bottom": "df278a3e7f8c8ee572db1c4859a16223c1c600e2",
-      "click.genericMenu.sectionHeader.space.top": "4d77b2c2c8497c84da5b6ff915bc72196cad40a6",
-      "click.genericMenu.placeholder.space.gap": "9648cf4abee98ef11a56dfc8a443c4f006b9fb64",
-      "click.grid.header.cell.space.y": "8e7b35fe836773ce1729634c38c83546bc5adbab",
-      "click.grid.header.cell.space.x": "134793737d339f10687ff21deb3507e2729b1645",
-      "click.grid.header.cell.size.height": "6b417e1f2153d929405ad51b8731b324d35e020b",
-      "click.grid.body.cell.space.y": "b682c82baf419275cbd49d6b1e5c456dfc398107",
-      "click.grid.body.cell.space.x": "c47f3836265039192e7af45af51098ee24f178a8",
-      "click.grid.body.cell.size.height": "cb08664e99dbcc63ad14acc7a38cc37eb3d0b8f7",
-      "click.grid.radii.none": "1c9d1b6a53c0e0f2ce8178208b08f9514398d58e",
-      "click.grid.radii.sm": "a5b779c2f9316e76ab6764cc11d028c3cd8e1e92",
-      "click.grid.radii.md": "ba12a74bca44b7d286cf4272d10cc962ae9ff40e",
-      "click.grid.radii.lg": "805dfb55f0877f6ce49e30354e5966dee6fce211",
-      "click.gridContainer.gap.none": "4e4192fe46e705e971b8314944d8fac3edd25c8d",
-      "click.gridContainer.gap.xxs": "93fd8c7deea769c0dc5ef6950a8b15f5b390c9b3",
-      "click.gridContainer.gap.xs": "3df68e1724acef64634617338e493e3997b71e32",
-      "click.gridContainer.gap.sm": "0c6077af4f88f1947acba61daa68535794d03a0c",
-      "click.gridContainer.gap.md": "5aea5090b65587ef091b7ed235cde7818b33ea49",
-      "click.gridContainer.gap.lg": "b107b517434d30e7ed18b87aea337ae351a2be4e",
-      "click.gridContainer.gap.xl": "bd5133bbdba3f998645ce833c84b59601d316c56",
-      "click.gridContainer.gap.xxl": "508dd8e199a2d0bdbd7411ba94fcf90d7d59d373",
-      "click.gridContainer.gap.unset": "25e050a5a0d532fa41f54f3080626d4f76bcb584",
-      "click.icon.space.xs.all": "15cf272cd5ea53fccc6f93d5b53b4ad4a125a2a4",
-      "click.icon.space.sm.all": "6a479b26fb607697d2223f1717af81fcc743246a",
-      "click.icon.space.md.all": "25bb9dad4691906ed48484054f54090ae4d2c72c",
-      "click.icon.space.lg.all": "247c9bcb1471acee972dc0d130a90d981c54d459",
-      "click.icon.space.xl.all": "a087bee1550cbe4498bcfa9c2b9ab3d742c0da3e",
-      "click.icon.space.xxl.all": "2a63d0bddea363e7bfead06dec88b2979461e786",
-      "click.image.sm.size.height": "0874c59752627c4e0f6c8d0697c6053e117ab52a",
-      "click.image.sm.size.width": "bffcefe911407cb4f0e2fee5181c043273a2d2c9",
-      "click.image.xs.size.height": "d11ced28d1a084232a25b9332f621de5e91349a8",
-      "click.image.xs.size.width": "e522b1bccc9ff9fa7048c693019b27ab443a4473",
-      "click.image.md.size.height": "4d7f16e96a7f4769da133b24dc2f57d92838e522",
-      "click.image.md.size.width": "a9b8032922212f87a5e2b65451b6f937fe4441ac",
-      "click.image.lg.size.height": "7209b714605d4d7a9b93ad5f9cc7cfbac8cdd5db",
-      "click.image.lg.size.width": "f2fd6118c67b6e866cc16ff8810076a8621e2bba",
-      "click.image.xl.size.height": "c342c9240a74d02a83577631b0e5456ed9711086",
-      "click.image.xl.size.width": "46b498937550926de61933a6ce576b2bec668ee0",
-      "click.image.xxl.size.height": "a4b6684f2d7684d6e7272d7ecf34762b7b92547f",
-      "click.image.xxl.size.width": "8dce8b0f513e2011a1ce1b8cd157ef31f9d816c7",
-      "click.image.borderWidth.default": "56bc366236e5f8df231dc7b9d6af708e2130c3dd",
-      "click.image.borderWidth.thin": "88e1898161928f0cdbcc8d77d75af1aaaa490172",
-      "click.link.space.md.gap": "55c90c06bbb3f5cb9ddad9f6354e58f748cba5cb",
-      "click.link.space.sm.gap": "5f7a4334c3e0e0002a56c82ddcd634d800e14d13",
-      "click.link.icon.size.sm.height": "0268544cf61a79fcec3a2536501c6bb282388fa0",
-      "click.link.icon.size.sm.width": "a29ae2562048594413d3f375903b6d0e01f82550",
-      "click.link.icon.size.md.height": "e5dfb60e1b8f0e7efa7e1f9e8bd4cf930d4fb430",
-      "click.link.icon.size.md.width": "0d7a0ed21ef353c8f703660a3a04d5227ff5f9e3",
-      "click.panel.strokeWidth.default": "9c0a72954e178513f39ba92b27c05c2cc04bd380",
-      "click.panel.radii.none": "329897aca1cc95163efc5409dda6acf86bb0b191",
-      "click.panel.radii.sm": "de11a41d3f952a5541ba3338ad9f214b6296a0c3",
-      "click.panel.radii.md": "1f1dcb17d6976f2a6aacb5a40235de6369f96f5c",
-      "click.panel.radii.lg": "7effd45548891c28b7411f421275a28cba35a352",
-      "click.panel.space.y.none": "83251d86c943525b7239849a909d84f5142ee1ce",
-      "click.panel.space.y.xs": "6a3cbe86e8334ff744499891ed276d0c1862015d",
-      "click.panel.space.y.sm": "dba2addc78d6fec905c8bcbe811c8a3aad4695a3",
-      "click.panel.space.y.md": "e001156cfa7766e9c5fb1322847bc5799e9ed8a3",
-      "click.panel.space.y.lg": "e96832a2f4fdc541b6e5ab1521d2d71ca588346c",
-      "click.panel.space.y.xl": "90e1e680489c999b8b61108c5dada2a2e9a72e5a",
-      "click.panel.space.x.none": "a5e0b958cd7790869c57bc81aa24fed453211064",
-      "click.panel.space.x.xs": "9827a3f855de56c742e51d405fb25a36bebbfbe2",
-      "click.panel.space.x.sm": "929648e34bad9e76557fa1cac281ddb0178d48ff",
-      "click.panel.space.x.md": "0451856d5fecf05e0c76d3d5dfd8ea7091b87bf1",
-      "click.panel.space.x.lg": "94cc74df5f6713941066910ae9f7d946d3683ff7",
-      "click.panel.space.x.xl": "58e06bfb5a27d16876ce5c2e424ea1fa7d70216c",
-      "click.panel.space.gap.none": "4b11a5b3c70643f4d3ed34634d1df7b1880edf93",
-      "click.panel.space.gap.xs": "3618dcf2b77680f15330e750a78db055fb8d4422",
-      "click.panel.space.gap.sm": "1bd820c1ace56deb769a7e24631d4fca5c0af7eb",
-      "click.panel.space.gap.md": "083e6df9ae3ffa58b71b14412f691a730a772ea2",
-      "click.panel.space.gap.lg": "6a9eac2f4c76fc26a72ba73795c0adb0f4129355",
-      "click.panel.space.gap.xl": "b22c9a91f46d184e71fceb9bb798ca4eb507df80",
-      "click.popover.space.y": "c0365a495e60d45a7d513c88765f371ade4c851b",
-      "click.popover.space.x": "1078d29f50b12d3b215475f5ffa854289381393d",
-      "click.popover.space.gap": "8648585a538084863c1c9993d97d698aa2a54dde",
-      "click.popover.radii.all": "bae93951fb0182f123d2298b6ed5791e10bda698",
-      "click.popover.icon.size.height": "3865cae4cf00789b06f75a1b3d40ac1ec6cb7338",
-      "click.popover.icon.size.width": "9e03beaee22fdd2eb000a9fe7396090cd2a9c031",
-      "click.radio.radii.all": "eef5a8abf50c833939ef7915907db108dd4fa085",
-      "click.separator.horizontal.space.y.xs": "f0483ac2f8ea4f376e8da7f10f07e9b840560038",
-      "click.separator.horizontal.space.y.sm": "a89b024a5948791a6dec8f410876506df2228e5f",
-      "click.separator.horizontal.space.y.md": "9c4aed3850529475954fb25523de3542ded419b4",
-      "click.separator.horizontal.space.y.ml": "a55b330cf2dff3735cd2f1a363616063c501dd7b",
-      "click.separator.horizontal.space.y.lg": "6c0583bd4df8402055400db31df10a8fafd3b2ee",
-      "click.separator.horizontal.space.y.xl": "3502b83700bfdd2074677a89de11b3c593ad63ed",
-      "click.separator.horizontal.space.y.xxl": "5244230ae96372a7c9a6ee0dbdac601efb99e155",
-      "click.separator.horizontal.space.x.all": "6885eaac0a06e00ec808f8e07112920648c04691",
-      "click.separator.vertical.space.x.xs": "d240bb37e073a5e61af92b4e0abd11f104e6bd31",
-      "click.separator.vertical.space.x.sm": "e7ca183de66a4d05ad03f6127323f1af7bf346c7",
-      "click.separator.vertical.space.x.md": "009a83065f755fbf248eac65cc383df7ce6132fc",
-      "click.separator.vertical.space.x.lg": "21da0ca0e7881efecdf0ee14459f0541182535b9",
-      "click.separator.vertical.space.x.xl": "ea627c0d2aad94fcae39d319956a3032d0383517",
-      "click.separator.vertical.space.x.xxl": "b63c7923f65b618ce079636e7a67cfb52ebd737d",
-      "click.separator.vertical.space.y.all": "27fcf69d815079874d632d1441b96fda6854f83f",
-      "click.sidebar.navigation.item.radii.all": "960d657572ed18d6b12ca081aaf4614806e3e51d",
-      "click.sidebar.navigation.item.default.space.right": "c52830971b5eda9ac21faa1fa2ea2e90eeb58576",
-      "click.sidebar.navigation.item.default.space.y": "ffd50355acb744ae2d9b4190dfb7d330ef38f65b",
-      "click.sidebar.navigation.item.default.space.gap": "2a3c45166f1250505ad8816ce08b9fca551458c4",
-      "click.sidebar.navigation.item.default.space.left": "38fea742bfbf4930467cc2671493461f7f4b4376",
-      "click.sidebar.navigation.item.mobile.space.left": "d081908b72ede8a911944d24a2680033dd3fbe89",
-      "click.sidebar.navigation.item.mobile.space.right": "6e4fb3122d450f6e7ad92c1dc712be6428542c07",
-      "click.sidebar.navigation.item.mobile.space.y": "70433bf16e26bf7e030609ed87d594695f74cb8d",
-      "click.sidebar.navigation.item.mobile.space.gap": "099c5c3af9476f70ac3aa0fc506fefcf15612753",
-      "click.sidebar.navigation.item.collapsible.space.left": "267f0fa1bfa256af4fc3cf3818af8b4740ee10b1",
-      "click.sidebar.navigation.item.collapsible.space.right": "7361f0b50a922aa32842e4622c46f84b9803b841",
-      "click.sidebar.navigation.item.collapsible.space.y": "60e0d5898bf7cd52b943714eeaae10826e475fb0",
-      "click.sidebar.navigation.item.collapsible.space.gap": "4079ea7e1232d09a1117c2db75c6013aa2367340",
-      "click.sidebar.navigation.item.icon.size.height": "2dfdc28e1387dbdc4e37cfd611bce25827f269a5",
-      "click.sidebar.navigation.item.icon.size.width": "678bbb6d428fe46d97a45a459f315b3f21e17902",
-      "click.sidebar.navigation.item.global.gap": "5a192d41da253da7f9b34a6d823505fed99ea025",
-      "click.sidebar.navigation.subItem.default.space.left": "8e36a10f903e1ec94d44f9695ea954844c139837",
-      "click.sidebar.navigation.subItem.default.space.right": "f5ca61cb54c0452abdb477265e8865ba92227aca",
-      "click.sidebar.navigation.subItem.default.space.y": "b158357ccbe8273ccb0dcdf844eb86cf9c680fb8",
-      "click.sidebar.navigation.subItem.mobile.space.left": "00a287e8410d9a5372ab4971053cd0425ac2289f",
-      "click.sidebar.navigation.subItem.mobile.space.right": "c582c838c2d09840494e4463b8861da3c1a13c5e",
-      "click.sidebar.navigation.subItem.mobile.space.y": "0478292008d6ecde5fe81e438ff5861f46a34e1f",
-      "click.sidebar.navigation.subItem.mobile.space.gap": "171ff16f357772568ee88726b70c40b4a7405ba2",
-      "click.sidebar.navigation.subItem.radii.all": "9a0a08bbad1127964a60d337301d0fd9ce1fde2b",
-      "click.sidebar.navigation.dragControl.separator.size.height": "df93c6bcb509b8098f9a709b49febdf40b55ecf3",
-      "click.spacer.horizontal.space.y.xs": "be399e4bbfd1956f803a37bf1a67737dd4ebaa1a",
-      "click.spacer.horizontal.space.y.sm": "f2a028fe9ad3576909f1fba3d535779dd32f171a",
-      "click.spacer.horizontal.space.y.md": "1d7d274281bbe7ab4a3b7555a743a742bf34e60c",
-      "click.spacer.horizontal.space.y.ml": "c827a0dca719902f21d24b876c21f619f9731375",
-      "click.spacer.horizontal.space.y.lg": "0b7952fad45432b6a7f49bf68becfcb5f918aa3b",
-      "click.spacer.horizontal.space.y.xl": "0cfb08d652d0118b68b30ec0df492c033972d3de",
-      "click.spacer.horizontal.space.y.xxl": "e090768dd79f78d49b25239643f15d18c686ac83",
-      "click.spacer.horizontal.space.x.all": "674d6e6241737820b4149f5402a0545f071f3b7f",
-      "click.stepper.vertical.numbered.connector.size.width": "f2462c615173536ec21c2599fbaa37d50c9bcf9f",
-      "click.stepper.vertical.numbered.connector.stroke.default": "fbd1f3e7d07cb42c54a23ac782f2095e4aae171d",
-      "click.stepper.vertical.numbered.step.size.height": "dbd2088894890651d59838b997132f2820eebedf",
-      "click.stepper.vertical.numbered.step.size.width": "d8d23b31455c1fd3c5399d0c3542bdfba510720f",
-      "click.stepper.vertical.numbered.step.size.icon.height": "e7d49cebdaa0219c22f893457aa01c71116dcbf4",
-      "click.stepper.vertical.numbered.step.size.icon.width": "9dff5e4e667fc7ee4e2f59ae224f69a59842565c",
-      "click.stepper.vertical.numbered.step.stroke.default": "67b72df40daa20ef0f3611930327f68760de1509",
-      "click.stepper.vertical.numbered.step.radii.default": "5d974cb75c2ad76beddd3ac8460a4b46cd2e3300",
-      "click.stepper.vertical.numbered.content.space.gap.x": "1a06f245842086f53a97636cf149a8b7d6308f4b",
-      "click.stepper.vertical.numbered.content.space.gap.y": "c31ce7c0beb8efe7be7ff3a415c1330e39ecbbf9",
-      "click.stepper.vertical.numbered.content.space.left": "ea3782f226d47accbbf82dc0277fbd95c19ec9e1",
-      "click.stepper.vertical.numbered.content.space.bottom.default": "4c12cb5462216df1684e4efd52e1e1cb15793b38",
-      "click.stepper.vertical.numbered.content.space.bottom.active": "0e8a6ab550212f2547b22cfc76b6964610b58b5b",
-      "click.stepper.vertical.bulleted.connector.size.width": "fdf3842953762eb0bc535ab959f7a1feccace530",
-      "click.stepper.vertical.bulleted.connector.stroke.default": "c90784cff832ec6b78ec877aee00cedd4221a557",
-      "click.stepper.vertical.bulleted.step.size.height": "18d0dc27c41902af616f6ca48553aad101183736",
-      "click.stepper.vertical.bulleted.step.size.width": "c5931f8018d553133a622c9af2d722faa9a917a9",
-      "click.stepper.vertical.bulleted.step.size.icon.height": "d6b404fed2ca20d8c1d8a48e3ea886b72093dc5b",
-      "click.stepper.vertical.bulleted.step.size.icon.width": "d86c7e847c7a4a4ea92921ec0cbb9d23ad146bcc",
-      "click.stepper.vertical.bulleted.step.radii.default": "21855383c48c4bcdaadad9f677fe0bc62289d294",
-      "click.stepper.vertical.bulleted.step.stroke.default": "bbdb19a7687dc79fc7b8b3e3b62c20cbf5b54c26",
-      "click.stepper.vertical.bulleted.content.space.gap.x": "732ec255f14fc44eca238bde11ed4e215dea8ace",
-      "click.stepper.vertical.bulleted.content.space.gap.y": "3dab3cea2fc2829d241817bf0c78098d2fd7f4b6",
-      "click.stepper.vertical.bulleted.content.space.left": "135b6e0f4e2cf729633381318aecd34225c6ab3b",
-      "click.stepper.vertical.bulleted.content.space.bottom.default": "8d93bf57ee320d2be6624645de3d27b09d493d54",
-      "click.stepper.vertical.bulleted.content.space.bottom.active": "ab80c3e5e3cd20605bb2357572e936a9d5ba7dd2",
-      "click.switch.space.gap": "6bcb6e178ac862efcc02c574e356b8cc909a1878",
-      "click.switch.radii.all": "5ebef1c7a5685d691de719d3cd605801be524a4c",
-      "click.switch.size.width": "735048d077b9b7e06b3a1bce12a6cc18217ec5b8",
-      "click.switch.size.height": "264943defee1e213b978dd450cb2d9f298f635cb",
-      "click.table.header.cell.space.md.y": "a34aebe6775c470bfec9898901d8d221b7ac8cbe",
-      "click.table.header.cell.space.md.x": "adab71e3d048ba6c8991fa410c0f8e4834cbe571",
-      "click.table.header.cell.space.sm.y": "55dc01175a14023965f2ce50756a494c7ba813ec",
-      "click.table.header.cell.space.sm.x": "07706d30ae4df07890ba30bf5af901bba549c9e1",
-      "click.table.cell.stroke": "b00cb4ca1fc585c936f44c1028932bed376ef699",
-      "click.table.radii.all": "870470a237e1b834114b1d5edbe3581ae3f30c7a",
-      "click.table.body.cell.space.md.y": "12ee64d5e6ebdfc6a6406cd5f124d99ff0b1e6c9",
-      "click.table.body.cell.space.md.x": "2d79eaea6d2caf09b608a4a66b00094f0363e25b",
-      "click.table.body.cell.space.sm.y": "1caf03d0507a40e61bee7d81ecea4d90016141a2",
-      "click.table.body.cell.space.sm.x": "1ff0bdfbca4e1f48b96a3a35073eb851e35dd107",
-      "click.table.mobile.cell.space.y": "4ee4a865e85a2e553de827937c436a74dacd0264",
-      "click.table.mobile.cell.space.x": "4510fcd11d35de344389e060e1a9f627e3235c51",
-      "click.table.mobile.cell.space.gap": "3d1a78644281594462a91e3f0332ba82c6235fd2",
-      "click.tabs.space.y": "997763483c63dc8c38616c6169738881ecd6ba77",
-      "click.tabs.space.x": "c9ade64efa98cb66c6972bdd77c9dff4802e550e",
-      "click.tabs.radii.all": "b8d31c2187d059cd4cd38707f3d6c8169939a6d1",
-      "click.tabs.basic.strokeWidth.default": "d30dc3aba3b33f9ffca12bf14b7338ee80863896",
-      "click.tabs.basic.strokeWidth.hover": "0ea6e5e39a4fd50a9136f8c045357d7730c3a255",
-      "click.tabs.basic.strokeWidth.active": "e41a86ad2e8a5945f6e778e6c483d663b16da86c",
-      "click.tabs.basic.strokeWidth.global": "4abc5c93cc6584512c93f75d79673c7d6a0b0545",
-      "click.tabs.fileTabs.icon.size.height": "3b87ff6eecb43f843e39c9621bbc7c57eb7dfd76",
-      "click.tabs.fileTabs.icon.size.width": "259eff89beb7b7af2c352d7efe12ffcc10a817c3",
-      "click.tabs.fileTabs.space.y": "5bd8dc0df5aab6ecba0e901bdffe6e78b8a44b23",
-      "click.tabs.fileTabs.space.x": "d979bc95983dac519cc90cf19a3ff839a2d18dd1",
-      "click.tabs.fileTabs.space.gap": "d7cae539d46cafd4cf223f9259fe46f1dd69c5dc",
-      "click.tabs.fileTabs.radii.all": "1e0af449038e530d514c005ab684ffd165333111",
-      "click.toast.icon.size.height": "e1d929f6995076bfa1401f6a052f80a7755a75a6",
-      "click.toast.icon.size.width": "c22761bf0eaf817369187d50a4157142fcc34733",
-      "click.toast.space.title.gap": "bc06489e5aa9ffa1a4129734f1bc5011718c168d",
-      "click.toast.space.y": "2b095ea51b757268a784f3d68841bb69234f6dca",
-      "click.toast.space.x": "5d0f485e4b0e6d6c9b2185ccbce1ff4da238fe3a",
-      "click.toast.space.gap": "5357bb4b61be5e14c2c376a1c81e70e2c862f593",
-      "click.toast.radii.all": "871588b7610f251b251838c8e2542cb16665a385",
-      "click.toast.size.width": "2960f7048f7e0fb0775746257d01a7519fee5396",
-      "click.tooltip.radii.all": "c9a0fa6832474f8164507716d4fd965fb0c1d00f",
-      "click.tooltip.space.x": "b94029017ceb18c402a6642bc78c54436d017d7c",
-      "click.tooltip.space.y": "d50e446235cb7128a4e353ffb7491672fb7c25ab",
-      "click.dashboards.chartWidget.space.gap": "09250c8cd42ceb6206b3310bf86bb2d1f481f704",
-      "click.dashboards.chartWidget.space.element.gap": "c2e57b94e48ea70dfb841976d01b428a58b04cbe",
-      "click.dashboards.chartWidget.borderWidth.default": "683c9966f4fa2655666219d223906c6b9af760f8",
-      "click.dashboards.chartWidget.element.radii.all": "c1872fa176f7d5461feab2c75651dde1f8801e71",
-      "click.dashboards.chartWidget.radii.all": "f4949758b0dd138c2925a9ae5d1d3bdf79ad7afd",
-      "click.dashboards.chartWidget.size.icon.all.drag": "48669b53e3f2455f78e2391d0d5788f4995513c5",
-      "click.dashboards.chartWidget.size.icon.all.menu": "eafba0ffd132cc048eb483286804605d66408857",
-      "click.dashboards.chartWidget.size.icon.all.resize": "d0562d1e2a1b5333e6e38ccf62fee4086477da4c",
-      "grid.header.cell.borderWidth.default": "7a5094434232b077088f58c343b3cc08eeb9776a",
-      "grid.header.cell.borderWidth.selectIndirect": "b092a054644d4aa04d785b6c9c11db2c2b2786b3",
-      "grid.header.cell.borderWidth.selectDirect": "30d2b3f1b327afe4c43236f7a02377ab8cfc23c2",
-      "grid.body.cell.borderWidth.default": "785595c44ede1688ad1643e098d88379d2c3f2ea",
-      "grid.body.cell.borderWidth.selectIndirect": "7f59800387e383ceb794589d0576044ae4b3494d",
-      "grid.body.cell.borderWidth.selectDirect": "c90842ff8e259e01dafc84f69b130f1d3b1e8045",
-      "click.sidebar.main.navigation.subItem.color.icon.default": "3137209240e7074eaed58300df03f5b32cf71e59",
-      "click.sidebar.main.navigation.subItem.color.icon.disabled": "99f6503964acd182758c8612a2ff34c1accf1f99",
-      "global.color.background.muted_a": "f8e7632e2cae2b43073d6d316dcec1de8d790a5d"
-    },
-    "group": "Default"
-  },
-  {
-    "id": "62aee2075c29a23e107d4e18ae2c89e3b3dcdb9f",
-    "name": "dark",
-    "$figmaStyleReferences": {
-      "click.global.color.background.default": "S:24ae437b86226f2de3300f54607f69e14c1d5074,",
-      "click.global.color.background.muted": "S:b1259aac06843c40159b589885f2a298ba9d4f1c,",
-      "click.global.color.text.default": "S:fe73768da56713b41c4958bdeeff904607c06420,",
-      "click.global.color.text.muted": "S:effd4773efd054e514245bebd94a6674b4d38898,",
-      "click.global.color.text.link.default": "S:6658f28a25ad561f53376185488ae9efdfa0c425,",
-      "click.global.color.text.link.hover": "S:b9adc46f38e04c9a3ecb27d9a92b15d02475099c,",
-      "click.global.color.stroke.default": "S:bac349c14afbcfc376733353a2820f745596c99b,",
-      "click.global.color.stroke.muted": "S:bc795ead7c23a0704ccde5b4ee0246eae39ef3ce,",
-      "click.global.color.stroke.intense": "S:8c1fc38919a7a44884fbc950e23b32ec7b5aee21,",
-      "click.global.color.accent.default": "S:87652d92d455382bf7627050046964ba4116cb38,",
-      "click.global.color.outline.default": "S:30e99a2ca2dfe716b37fd5db1c2622b0de713dad,",
-      "click.alert.color.background.default": "S:220496dca7046d30c9355e27817721e424e5a22a,",
-      "click.alert.color.background.success": "S:1db689304f80ab2b8d11ae8f6eb9e042cd4d920d,",
-      "click.alert.color.background.neutral": "S:cdd24c9926dd0084d10e5f95df745c689630f61a,",
-      "click.alert.color.background.danger": "S:e09cf891487b31e5f713c6df63d4393b78c7ced0,",
-      "click.alert.color.background.warning": "S:5b910ef4fa71c323ab81fdf403e1b6116ea87a6c,",
-      "click.alert.color.background.info": "S:706c5245c9beb721ca83b1bc9534ffe5f2282cd2,",
-      "click.alert.color.text.default": "S:66be7df08b7591616721ed6a3a75b2b49e08569d,",
-      "click.alert.color.text.success": "S:eb98a70b64936c545fe126f69b546df432abc6eb,",
-      "click.alert.color.text.neutral": "S:3c5ec7287c8baf558610293dea4b32c4f699af93,",
-      "click.alert.color.text.danger": "S:28283b1d7453f361daec77bacbda77ed8ced5e4c,",
-      "click.alert.color.text.warning": "S:607b5ce9fa31a98c5419585362d3b865c592d629,",
-      "click.alert.color.text.info": "S:4b6f8db643b7dbad09dfb1514689b430ff54d0d3,",
-      "click.alert.color.iconBackground.default": "S:35921f7b1bc19f59c03a13a2d48e02d4ad180062,",
-      "click.alert.color.iconBackground.success": "S:5d9307b2326d737c1f29b575be7b2656a5d673cf,",
-      "click.alert.color.iconBackground.neutral": "S:d9716f72caf1f8badf1f41c2fe302a86a1f5487b,",
-      "click.alert.color.iconBackground.danger": "S:5f4920055f7aee24c7d34fba3df4e950a97b9941,",
-      "click.alert.color.iconBackground.warning": "S:8b43c11d672bb5281f557bdd8c15b10cf0780cc5,",
-      "click.alert.color.iconBackground.info": "S:fbf3ccaa9e7e001217bdf10cfeaab5d956e08c37,",
-      "click.alert.color.iconForeground.default": "S:571df1bb146c1e645aeb1f93de9e5c28ef0360fd,",
-      "click.alert.color.iconForeground.success": "S:89664ad25a9126d9144725307496e72334cd3f5a,",
-      "click.alert.color.iconForeground.neutral": "S:c408cfa376ecae4a569473d73d13b730515bb4ae,",
-      "click.alert.color.iconForeground.danger": "S:e223662e93d4113b9c7a18d7bacda58f166c6117,",
-      "click.alert.color.iconForeground.warning": "S:f423a2bb03c04ef7682cf7145d4126d2b9c6e66d,",
-      "click.alert.color.iconForeground.info": "S:3c4ba9df06870fc45d6a94a3578dbd9adeac24a7,",
-      "click.badge.color.background.default": "S:d50fbb95658b579d3dfa6149429126f01fdbd020,",
-      "click.badge.color.background.success": "S:196f11ef03672995142516ad56aa5587fa96ac49,",
-      "click.badge.color.background.neutral": "S:fd34b7bec5f8393a558bc4f1c796e1e64f97f10d,",
-      "click.badge.color.background.danger": "S:7ffd45ad5fcf011c7bd03f7a9659e4cc7a252f13,",
-      "click.badge.color.background.disabled": "S:2bf8b9485cfca481e0cc61ed24c699d456469c36,",
-      "click.badge.color.background.info": "S:957234027e99e39ccf303815e319092c70d2a2f7,",
-      "click.badge.color.background.warning": "S:b167dff6149a1944159beda38e80911a86a5cb9e,",
-      "click.badge.color.text.default": "S:38b1520de566109defc63b0b29ee5fac1600803e,",
-      "click.badge.color.text.success": "S:9dd56cbe913158cb20ce249bcab84145a5ad1aa9,",
-      "click.badge.color.text.neutral": "S:1c4ee1b916845218d244f05cd0231cce05fa7f3e,",
-      "click.badge.color.text.danger": "S:a150b3d9c7beb91fcffbc96c7e0519242be8afe0,",
-      "click.badge.color.text.disabled": "S:5599ddb2255ff44a5688161010d0a96eb936929b,",
-      "click.badge.color.text.info": "S:15aaed5f6187455fd3019beff7b50b72cce517cd,",
-      "click.badge.color.text.warning": "S:ac21a86f453820b4b642a07adbef9c1ea213c20f,",
-      "click.badge.color.stroke.default": "S:d2c0535a9482ea54bbde5128e31f649742b73048,",
-      "click.badge.color.stroke.success": "S:8dbe8441d9fb51c130a4a71220aa2e8c98af3fea,",
-      "click.badge.color.stroke.neutral": "S:0ca5875d17eae098877d39398bc82b11e56c8e75,",
-      "click.badge.color.stroke.danger": "S:512b100ff25a8ea938831227dc6b1e361a1e779c,",
-      "click.badge.color.stroke.disabled": "S:b9fbd4f001e93088550e03f4f4202fcbcacf3e95,",
-      "click.badge.color.stroke.info": "S:03bb9349d06ef3112df2401401bd39ef16d3bf3b,",
-      "click.badge.color.stroke.warning": "S:36110db8b5fb2d324b141a21825a1fb379d5099b,",
-      "click.bigStat.color.stroke.default": "S:5e2ee43f56137148f44a17427b7c6b9e23a5652a,",
-      "click.bigStat.color.background.default": "S:6589985bf0139f6c5b00b59deacb079535575505,",
-      "click.bigStat.color.label.default": "S:1c03aa5cc106bec029a6e83be03b60d13dc829a3,",
-      "click.bigStat.color.title.default": "S:1e190e3635bf5901018ccfaa4812cdb50565e072,",
-      "click.button.basic.color.primary.background.default": "S:5567d67c0e781bfa218549209728cca3e73a3bbf,",
-      "click.button.basic.color.primary.background.hover": "S:9f3bd90ba677f40fc463cb94c7b81da66190978f,",
-      "click.button.basic.color.primary.background.active": "S:2779956a780142f378bf2a9879c633ccf067b606,",
-      "click.button.basic.color.primary.text.default": "S:2b10862f852345ebecd24e6177840b2fe8afa2ae,",
-      "click.button.basic.color.primary.stroke.default": "S:2089fba0d0e236ce4bc4278cec8a4f097be2ee69,",
-      "click.button.basic.color.primary.stroke.hover": "S:5090556adec39cba4c2f4d777fc247ed3ce7d297,",
-      "click.button.basic.color.primary.stroke.active": "S:ea2e215035655b3dd2a4f859839b7a490cabcb17,",
-      "click.button.basic.color.secondary.background.default": "S:8b8c7b218b0d8bc4365bdfb91af013f55724d91a,",
-      "click.button.basic.color.secondary.background.hover": "S:0dc133da53ae05a459dcb83454388732366166cd,",
-      "click.button.basic.color.secondary.background.active": "S:2d767bf1bdec38303f86d2481c2d8a562d432d0c,",
-      "click.button.basic.color.secondary.stroke.default": "S:a8532776d216a57a9d4f03519f5ccb0440ebd2dd,",
-      "click.button.basic.color.secondary.stroke.hover": "S:f152a344015c7d4a6a8da9ceaa1b6f86dfb3b484,",
-      "click.button.basic.color.secondary.stroke.active": "S:7b919be7b3ae54b891e7cd9017882fd040564fe2,",
-      "click.button.basic.color.secondary.text.default": "S:480aee4d86e06c0fc8d4eb28c56151c6951fd26b,",
-      "click.button.basic.color.danger.background.default": "S:36658590fe6a5342de7375220afd2b15fab346f4,",
-      "click.button.basic.color.danger.background.hover": "S:8b7d69dcce238575e6b44fa211cd5eb7e94f9616,",
-      "click.button.basic.color.danger.background.active": "S:e716e51b5a9d19b94bfdb3f02b64bbaa16692c43,",
-      "click.button.basic.color.danger.text.default": "S:13f42784564c42816430c2d2e66cd60c0e4e22df,",
-      "click.button.group.color.background.default": "S:93e44e8384ee93cdc2acc6ec9aa592f9adb2761c,",
-      "click.button.group.color.background.hover": "S:baa1f7c8a4ba500103a6693c6e1d0b70eecf4872,",
-      "click.button.group.color.background.active": "S:4370799de5160a166e88147fe76dfab5cfaf0d36,",
-      "click.button.group.color.text.default": "S:8f10a77d7c3785f571846867e58120985befcf64,",
-      "click.button.group.color.text.hover": "S:0a3d9eaa483dd72fd6fdbd808a6cde935a1518a3,",
-      "click.button.group.color.text.active": "S:195e80419d2f29fb4b7d330307733b31ae487057,",
-      "click.button.split.primary.stroke.default": "S:cbd915c64d9189d925d73d3712fa7da797d3ce71,",
-      "click.button.split.primary.stroke.active": "S:9b2ce6c337fd77fc1a3d413617a6322eec311545,",
-      "click.button.split.primary.stroke.hover": "S:914f15ab0d1890df95ab6dc788ff909b9e252d7b,",
-      "click.button.split.primary.background.main.default": "S:f5110e58faa0cedb501c2ef17f8095196a37ff43,",
-      "click.button.split.primary.background.main.hover": "S:1c6b26f5b75268458fae891093780b437070d32c,",
-      "click.button.split.primary.background.main.active": "S:26e0642b1a9664c986048cb086e87538d75afcb0,",
-      "click.button.split.primary.background.action.default": "S:7ac5473b2ec1984fe09bcf0df51a2908cb865d91,",
-      "click.button.split.primary.background.action.hover": "S:460957429f72d7e1117527977203208d5b33cf92,",
-      "click.button.split.primary.background.action.active": "S:891fd39fb97f3fc3b984b0502258394568e9c364,",
-      "click.button.split.primary.text.default": "S:464f3272a23d80aac08bcb07dd2c7725ccf645dc,",
-      "click.button.alignedLeft.color.background.default": "S:f05a29e72a28951ef92045fbb31b65535a71f8c3,",
-      "click.button.alignedLeft.color.background.hover": "S:82cef214c2a0089c6a1cbff26e7f4b776482e96d,",
-      "click.button.alignedLeft.color.background.active": "S:de133819d726ce26b7bba670ed2bb56a601cd3ed,",
-      "click.button.alignedLeft.color.stroke.default": "S:e2c128d62f4d781180f483e9e106776bad0ea1e3,",
-      "click.button.alignedLeft.color.stroke.hover": "S:e48176fc86f9b546ff4cd211df33859eb0e9ca64,",
-      "click.button.alignedLeft.color.stroke.active": "S:a81525d5db284e3fb44f879cb26f4dcca90ab2ff,",
-      "click.button.alignedLeft.color.text.default": "S:a89d6351f73c1681b63617c5fe68c54a556bf4af,",
-      "click.button.alignedLeft.color.text.hover": "S:7e84bdeb18b9bd902ad07d34c9d738d505593580,",
-      "click.button.alignedLeft.color.text.active": "S:a0fc07619be718e7d8d3144d03c493f374948108,",
-      "click.card.horizontal.color.background.default": "S:9e43e06cb71305a665839645d08f59c6fd5d3de0,",
-      "click.card.horizontal.color.background.hover": "S:fff55f7f136f1abfee81f3bb42411d4aab0c658f,",
-      "click.card.horizontal.color.background.active": "S:dc823efe1bf9c10a71fd8f12db75c181d375c1e7,",
-      "click.card.horizontal.color.background.disabled": "S:3d4fd03b3be323ba8f3a807e06162d1ba3326ee6,",
-      "click.card.horizontal.color.title.default": "S:b961a0c31b85f349c3c72f1515ab03e7ed4c3b90,",
-      "click.card.horizontal.color.title.hover": "S:43a829e6c2aec3ee0e9a2134dd4875d657167e47,",
-      "click.card.horizontal.color.title.active": "S:b97ec88cc4b21d82f5aea87540cabdcff7c26d41,",
-      "click.card.horizontal.color.title.disabled": "S:7913b37055a77f3a2b3ac07538cbca723c698213,",
-      "click.card.horizontal.color.description.default": "S:82a174e1c8d40dbc2f00e4d1792bf7ef311a1f1e,",
-      "click.card.horizontal.color.description.hover": "S:d31a3d667df455779318c3f103579e86106ef1a9,",
-      "click.card.horizontal.color.description.active": "S:3fc3ff0f03efec1f58eca21f5a820a2d5e9bbc55,",
-      "click.card.horizontal.color.description.disabled": "S:85567020ae6bf3ae11434a6764ca803bac111051,",
-      "click.card.horizontal.color.stroke.default": "S:e2a5ca62d4ef0f849b2d009847f97a98e1b30c95,",
-      "click.card.horizontal.color.stroke.hover": "S:5959cf447700dcc6b913f293af836fa332fcf08c,",
-      "click.card.horizontal.color.stroke.active": "S:a75180ac2538cf5a1b1783daffdb2891893198e2,",
-      "click.card.horizontal.color.stroke.disabled": "S:5e0aececccdb488ecdffd705b792a5628e4eb7b4,",
-      "click.codeblock.darkMode.color.background.default": "S:f135892cd558d94664491efbf36d9002fc67950d,",
-      "click.codeblock.darkMode.color.text.default": "S:e08507a407581b1f508e10efb3ed8e167ce5d6d6,",
-      "click.codeblock.darkMode.color.numbers.default": "S:3a95647eff5cd396386e9a8f4abe208adf283b12,",
-      "click.codeblock.darkMode.color.button.background.default": "S:55b2f2050c7dd4e1fc4c14c47450397ccdd4f994,",
-      "click.codeblock.darkMode.color.button.background.hover": "S:c9930acc4becb77ecad086ed13e68fa1142a248a,",
-      "click.codeblock.darkMode.color.button.foreground.default": "S:20f4400c3fd177abd294f055ce64350555bdae58,",
-      "click.codeblock.darkMode.color.stroke.default": "S:832479bfab81f5d2f6ee00b1fe007e6480cc1254,",
-      "click.codeblock.lightMode.color.background.default": "S:87a30caad1394af60aab04159a165a4fce0a86a9,",
-      "click.codeblock.lightMode.color.text.default": "S:055267a73e3e504dfc53108c33ad9f1ee1aa9412,",
-      "click.codeblock.lightMode.color.numbers.default": "S:f5470ba0a82f352e8c8bd46175a576c70f6c6354,",
-      "click.codeblock.lightMode.color.button.background.default": "S:8d034c5f0b86cadea41818289e591ba4f8e0f714,",
-      "click.codeblock.lightMode.color.button.background.hover": "S:19370f441d912213b14f3d48ebb2ced0dc28aee4,",
-      "click.codeblock.lightMode.color.button.foreground.default": "S:92adb87fc070c2a117365706a4963c6a378f85ea,",
-      "click.codeblock.lightMode.color.stroke.default": "S:c328eb44dc2bade5257bc0840e552c08347e6f34,",
-      "click.codeInline.color.background.default": "S:c63708b0a92fbda397881b7dc318ad0322b2c3ef,",
-      "click.codeInline.color.text.default": "S:9799f476a757bb83897b08bcf5e8167ea8fbcabb,",
-      "click.codeInline.color.stroke.default": "S:d5db6f5005b476404a00d70515ecb2d4ce5776e9,",
-      "click.feedback.color.info.background": "S:3c4404433b65c35094b9bbb978b548984d772979,",
-      "click.feedback.color.info.foreground": "S:6e257f68686054270be9664408d7a5280e0e3531,",
-      "click.feedback.color.success.background": "S:feecfd0af037902a2b6e364c8049401f8971cb48,",
-      "click.feedback.color.success.foreground": "S:f7faf8daf8988b44f096f2fb6ef0e53679f67c1a,",
-      "click.feedback.color.warning.background": "S:01bcf4975509e41657fc4aeb850062b7bf3707ee,",
-      "click.feedback.color.warning.foreground": "S:1fc29893eaeecfbf54939c59df13addd5a910ddf,",
-      "click.feedback.color.danger.background": "S:2bfdce51ab1396912febd457f04f5f3facf5da89,",
-      "click.feedback.color.danger.foreground": "S:7da56b59b14b344638bbac37180c430caaff7e56,",
-      "click.feedback.color.neutral.background": "S:e4e4f6ae661130ea4897ee4a2b26ee91b21992de,",
-      "click.feedback.color.neutral.foreground": "S:378807cac7fdc114b9a43ea60d684cb1663463f0,",
-      "click.feedback.color.neutral.stroke": "S:4161b26b1d87e3f441ad8cccc3351ec4578daeeb,",
-      "click.field.color.background.default": "S:fc28a109058813201e88fcb168d09acba2de5a0e,",
-      "click.field.color.background.hover": "S:16bfe53661e8d55a4c307d2123c5ccf15eb171af,",
-      "click.field.color.background.active": "S:75708028bf3cef3f35f5dce51722b26e75564a0b,",
-      "click.field.color.background.disabled": "S:fd3ace3232c4bd9dd8ff62dc9f8d33d30bd862f8,",
-      "click.field.color.background.error": "S:487c25d653d4e542b93808a52207435b4b5a8b08,",
-      "click.field.color.text.default": "S:2cfe89487ac8574cf187668623747454551f2bc8,",
-      "click.field.color.text.hover": "S:3eaa84c08e9b28472693ffbc868450c56a39426b,",
-      "click.field.color.text.active": "S:744184d3955a363de069d087ccff9d57e7720abe,",
-      "click.field.color.text.disabled": "S:8180685cf93d416b8e6d8a97e3c07dc270ee87c4,",
-      "click.field.color.text.error": "S:66693a2da4d07ff089b8945656fc9d1077742629,",
-      "click.field.color.stroke.default": "S:eabc4537224b962eef7b8e1cfa151fab63892308,",
-      "click.field.color.stroke.hover": "S:606cceaf2cd01c7fa1a142a92a6869db39cddd5f,",
-      "click.field.color.stroke.active": "S:d249732e1bdd164bf22f094047195adf0c6c3bd5,",
-      "click.field.color.stroke.disabled": "S:e5683f050d4ef046e7e21920151d1bd3db545f1c,",
-      "click.field.color.stroke.error": "S:23b41fb18494d330dabdcdbf75efac716d6c18f7,",
-      "click.field.color.label.default": "S:00a727f012420fc4ac926a0f933421932eeb5ca8,",
-      "click.field.color.label.hover": "S:343aa9e069a79986533348a545fdee65accbef8f,",
-      "click.field.color.label.active": "S:e5f3d915219cf1268933ca7d5d3c0bf9e404527b,",
-      "click.field.color.label.disabled": "S:4416d93df70999f8f904c461a675f1357ccfe11d,",
-      "click.field.color.label.error": "S:6fa9366989c54cdbf722e79c59395f7cbdedf9bc,",
-      "click.field.color.format.default": "S:309b4f3c9b9e5069c1a15d67498723d80a7edd91,",
-      "click.field.color.format.hover": "S:99e782abf2a2dba95ffe98bc80bf07ef95cfc9ed,",
-      "click.field.color.format.active": "S:bb71a968780437bcebbaeaa5da3e6b15bdffa20b,",
-      "click.field.color.format.disabled": "S:300c1884798f94d391b9529af6f4a00d5c67b7f8,",
-      "click.field.color.format.error": "S:1da571c609ca925d823531d24360c2dcf1a7de69,",
-      "click.field.color.genericLabel.default": "S:6cdc7c7d580ab2f5ca61f60cd45d3d8ff5bfb9ed,",
-      "click.field.color.genericLabel.hover": "S:97fbcade93246c4a30b0df5d33cb93433ec0101f,",
-      "click.field.color.genericLabel.active": "S:814f1eee1b4a5e68ee361feb4af0027ac5145269,",
-      "click.field.color.genericLabel.disabled": "S:d877853f07e610232ed006d6a08a71ee282ba58f,",
-      "click.genericMenu.item.color.text.default": "S:bbfb08cbe953aeae95b9265af6702c16ef06e314,",
-      "click.genericMenu.item.color.text.hover": "S:e9b13db432c3dab8d9123fd44464e7cfc6f3f4b0,",
-      "click.genericMenu.item.color.text.active": "S:4af391d5b8a244880477164d12f73f7efb5ff4ee,",
-      "click.genericMenu.item.color.text.disabled": "S:be74c8b5636808cb2a83a6348471258233d761df,",
-      "click.genericMenu.item.color.text.muted": "S:d1b82a1451045b956e7479305934e2b230d7ae7a,",
-      "click.genericMenu.item.color.background.default": "S:931e857393dc128bdfb9247a0ebb96590b1e0b8f,",
-      "click.genericMenu.item.color.background.hover": "S:4226c8041005692a8c5c528015601fa683b6df9b,",
-      "click.genericMenu.item.color.background.active": "S:141b0b2a53550246f10597a44742953f8a237bbf,",
-      "click.genericMenu.item.color.background.disabled": "S:338c02a2fbf67ad03719faeab4d1193b1d559ef6,",
-      "click.genericMenu.item.color.format.default": "S:2e10f019eebf0f5306687f8a37737c880652fda0,",
-      "click.genericMenu.item.color.format.hover": "S:3e41114612b769d6294debd427215e7d048e3115,",
-      "click.genericMenu.item.color.format.active": "S:f42d34ab18009caa0cf623dbf69eb82b63ecc02e,",
-      "click.genericMenu.item.color.format.disabled": "S:48ac14a47c8d4ddc738dcff7ebc2bc079b47deb5,",
-      "click.genericMenu.item.color.stroke.default": "S:9bdfca02476adcb5584a6b5fff074450d1491bac,",
-      "click.genericMenu.panel.color.background.default": "S:665413ce0dbe61d7e4d274e56dbf97f424534b22,",
-      "click.genericMenu.panel.color.stroke.default": "S:3ad203a74810c180443c0866cf1af995c7f11f7f,",
-      "click.genericMenu.autocomplete.color.placeholder.default": "S:2c8d2d9482f4647aeb46e7bf6683f2c2e5e11544,",
-      "click.genericMenu.autocomplete.color.searchTerm.default": "S:d75643d0c563946073a3b626ea4498616b6cfa32,",
-      "click.genericMenu.autocomplete.color.background.default": "S:008272052517de2529c9bc472223c4844f1a9096,",
-      "click.genericMenu.autocomplete.color.stroke.default": "S:e05e606c864fab9f885642961b4e9eb51289fe2a,",
-      "click.genericMenu.button.color.background.default": "S:ce49f9c4e0c231403978ecd0f11501766b5ae457,",
-      "click.genericMenu.button.color.label.default": "S:51a7696bbe07001a68e8ba8bdc3341c4710bc0fa,",
-      "click.genericMenu.button.color.stroke.default": "S:6b7cf454d3e41162fa6dad5bee1d883171463a1b,",
-      "click.grid.color.background.header.default": "S:cf2f1daf5e1d6ca8b1038ea940675d630f1269f6,",
-      "click.grid.color.background.row.default": "S:2dbbad860c57eb79dea13b5ad26aec93dbc46464,",
-      "click.grid.color.text.header.default": "S:7782fe73e8fa87b696402c6396fb9e28978d8e85,",
-      "click.grid.color.text.row.default": "S:e36b1504e25bc5f5560a3e2c53d0ec50942d146d,",
-      "click.grid.color.stroke.cell.stroke": "S:06e61165a92ff7ac5172959ea0febd021b62064d,",
-      "click.radio.color.background.default": "S:0d6add794eb8f2301d0e05c2d0343e90f2f1647e,",
-      "click.radio.color.background.hover": "S:09b64c3e47311cea84a13b6ee3333dbf0ad469c4,",
-      "click.radio.color.background.active": "S:37da0c596b5a63bb31a8db13986bcfdceade3c07,",
-      "click.radio.color.background.disabled": "S:fdbfc5a94e432bdd6dd0c222decbb89bc21fdfe4,",
-      "click.radio.color.stroke.default": "S:12f89f18567663a7765bc68c1bbd04a91fbc7dda,",
-      "click.radio.color.stroke.hover": "S:f713fa2a296dea516159ebe5fb254e9284ef2c16,",
-      "click.radio.color.stroke.active": "S:164ff669fa281a7fdc35ca6f32705222a5070ba9,",
-      "click.radio.color.stroke.disabled": "S:fcafc9e009a1827b8ce71880ee0bfb6b0b9c7550,",
-      "click.radio.color.indicator.default": "S:ed70e03d80b8e22f3620469a1225fe6d73b1204d,",
-      "click.radio.color.indicator.hover": "S:af6ad6c2b4cd08a0f73c8945a308b60d9ee3f94b,",
-      "click.radio.color.indicator.active": "S:eea61e77498b1950403f44879bfbd88de42b3850,",
-      "click.radio.color.indicator.disabled": "S:bdd02263b431a2fa851b3466c19fd0270cf69393,",
-      "click.separator.color.stroke.default": "S:3d7d8cb37a0520434be29c6b6d77362d810ee108,",
-      "click.sidebar.main.color.background.default": "S:56a22e9cddb25353168f3450ac7feb9b0d70a6f5,",
-      "click.sidebar.main.color.text.default": "S:3254aef3bc2bdd4864c30630becdaaf49340ae6d,",
-      "click.sidebar.main.color.text.muted": "S:043463554f4eb00bf6112f5c3aa37b53081d4671,",
-      "click.sidebar.main.color.stroke.default": "S:cb9c6940246a237a5b1067d1665129349cf49cc6,",
-      "click.sidebar.navigation.item.color.background.active": "S:3bd9fb0efb3f620c87744254e4d7104b20f56527,",
-      "click.sidebar.navigation.item.color.background.hover": "S:21c414f38f58b09d8e39b371c7f0374a86042546,",
-      "click.sidebar.navigation.item.color.background.default": "S:7d8418fd7c8f9a77d90c24cd0d030f36355c2d79,",
-      "click.sidebar.navigation.item.color.text.default": "S:727ef968f9f94a924e587d67452b564607e8087c,",
-      "click.sidebar.navigation.item.color.text.hover": "S:61ba8860b5b6095ff08f209539fadae99537a749,",
-      "click.sidebar.navigation.item.color.text.active": "S:e65cfd9316682709b00d2bfaeb2a4e7de34110d9,",
-      "click.sidebar.navigation.item.color.text.muted": "S:7fc96efe857cc2099818db1ee4392578d2d32434,",
-      "click.sidebar.navigation.item.color.icon.default": "S:63e9e7349f06c3aaad7c74db0fb99205b35ea3b2,",
-      "click.sidebar.navigation.title.color.default": "S:6f4559565f114e4eb30f23f2cbec109335ef8e4d,",
-      "click.sidebar.navigation.title.color.hover": "S:c3908f58fc33ccd63c721e2c98779833d97c380d,",
-      "click.sidebar.navigation.title.color.active": "S:e81f2302b13f4a93ffda1853749321e00b6521d6,",
-      "click.sidebar.navigation.subItem.color.text.default": "S:64932c0457425bfaff432d72ef81bf2a368fcb34,",
-      "click.sidebar.navigation.subItem.color.text.hover": "S:fb3d86c69c99644fca2134414aea7d953cc4b2a9,",
-      "click.sidebar.navigation.subItem.color.text.active": "S:0f9dd8aca0633725de8e5f4421df6811571e0652,",
-      "click.sidebar.navigation.subItem.color.background.default": "S:5db827f303f6132a2d90ca788f85a6f12f82c615,",
-      "click.sidebar.navigation.subItem.color.background.hover": "S:2650839e0d92105e220490677a1793a1b84c25b9,",
-      "click.sidebar.navigation.subItem.color.background.active": "S:9400e16073fd357531f80ea83559090baa19aa6a,",
-      "click.switch.color.background.default": "S:7cb15c9f6d22f96595c68f97807a6e97c70e365e,",
-      "click.switch.color.background.active": "S:bb76572f205cb27ad50bfc7479c39772f9435daa,",
-      "click.switch.color.background.disabled": "S:25bb78f0a8c8dff8c0a756dfebcf1782fd9c3f66,",
-      "click.switch.color.stroke.default": "S:12219c24a4f8931e85ff02f9acf5cbd329af693e,",
-      "click.switch.color.stroke.active": "S:dda70b16b6260b4b526949d54e45496c1a64c220,",
-      "click.switch.color.stroke.disabled": "S:3acc28559a785a69847e0897f9408f68cfb4e7b6,",
-      "click.switch.color.indicator.default": "S:f12f6358cb580e231fc31bdb8faf11a2db8bc4bc,",
-      "click.switch.color.indicator.active": "S:257f5e97efb7d4766628fa8c8610746e964f2c56,",
-      "click.switch.color.indicator.disabled": "S:ae664a5551a9b6477e789ac556a684547cd895d5,",
-      "click.stepperVertical.icon.background.default": "S:35c2ed147f2c2d64898511fead451040c81664ad,",
-      "click.stepperVertical.icon.background.incomplete": "S:8820c98e716adc35a9599112302888dd9a5fe294,",
-      "click.stepperVertical.icon.background.complete": "S:5a18f823fdf52362e73abbdea30cf507d4490b1e,",
-      "click.stepperVertical.icon.foreground.default": "S:bfd7d27dae606bb2739c82fcdcacb6fc549ec4d5,",
-      "click.stepperVertical.icon.foreground.incomplete": "S:493435866d54da2dad47ae9df1b7d913f520242b,",
-      "click.stepperVertical.icon.foreground.complete": "S:b85ff13b2ba089f8de1589d9cd06fe542c22ddb3,",
-      "click.stepperVertical.icon.stroke.default": "S:257e2dbf8151c950eeedfeffde84315ed81ceafb,",
-      "click.stepperVertical.icon.stroke.incomplete": "S:8f9217c5db515710a6cb57d67551c1aab67b4348,",
-      "click.stepperVertical.icon.stroke.complete": "S:7dd42040da599d551607b40cb61fa087a0eb7e67,",
-      "click.stepperVertical.connector.background.default": "S:7267d60b1d8cc856de99b9758b9ba3acd3703248,",
-      "click.stepperVertical.connector.background.incomplete": "S:40f09b0dc79541b8764de7eaeb99b946042a9f33,",
-      "click.stepperVertical.connector.background.complete": "S:ec918c2fd8247d9869b1b17f3c9b5a7d740c10e5,",
-      "click.table.header.color.background.default": "S:8b32c4c47a8f9b04ca9beb8df4779237b4641fa7,",
-      "click.table.header.color.title.default": "S:986cf02889a7f81a96e7da7c2d14604d400b62eb,",
-      "click.table.header.color.icon.default": "S:d0fd2b72c0bddfabb2e75955f2c350bd5de143ba,",
-      "click.table.header.color.checkbox.background.default": "S:b739897dd2316dd020c4891f741472e7a6b0ffc4,",
-      "click.table.header.color.checkbox.border.default": "S:8c2762e78c895750ccb262583aa397c8d34a58ab,",
-      "click.table.row.color.background.default": "S:dca353734f6a3a21a4afbf75871afefb2305fd03,",
-      "click.table.row.color.background.hover": "S:faf68b667f0af77e1f9068436eca15ff9ecb6483,",
-      "click.table.row.color.background.active": "S:e3653782f7dd6d46c22afa364c526e5b7e8a1618,",
-      "click.table.row.color.stroke.default": "S:7a9e8d4f8dce44acb7263c79f72f6e7bccc6b263,",
-      "click.table.row.color.text.default": "S:604e69b7a7186e65476480833769a454c895bbf1,",
-      "click.table.row.color.link.default": "S:8bda48af8cb837d8978385c6ba871d06a2547667,",
-      "click.table.row.color.label.default": "S:eff7ecbd288d6ae905b011461435fc2a064da8db,",
-      "click.table.global.color.stroke.default": "S:95f9419cac27063623d37fb4eb8f2b9b3f4d739b,",
-      "click.table.global.color.background.default": "S:ca939abaa47b073e373eeb814aa578dd2b2c7b0a,",
-      "click.tabs.basic.color.background.default": "S:b02948c5035c8328244dbd46fc5c69b5fbaae293,",
-      "click.tabs.basic.color.background.hover": "S:fef94100f9151c5e31b41874ad046915123cf589,",
-      "click.tabs.basic.color.background.active": "S:ee0ec1f8fb67fbc5e8411224a7381cf5aca11adc,",
-      "click.tabs.basic.color.text.default": "S:e6af5683cffa016acf90a6be0dd77feae9c3bdf3,",
-      "click.tabs.basic.color.text.hover": "S:7c894b1565e05274c6101ee87a0f582b404a8bd4,",
-      "click.tabs.basic.color.text.active": "S:2dd6cd4f9f8f30bb737cdb708c270694b22864fe,",
-      "click.tabs.basic.color.stroke.default": "S:ade7efe5f4daf5b35455dfc81e712657c1cd0f9e,",
-      "click.tabs.basic.color.stroke.hover": "S:52d575d0bb360a2e62006939715ca999f4c99b0d,",
-      "click.tabs.basic.color.stroke.active": "S:17a00a22a10811dbc3d98f1d5943e8c018c6e6e4,",
-      "click.tabs.basic.color.global.default": "S:4e79757b8084a674f46193612244634b303a6f3e,",
-      "click.tabs.file-tabs.color.background.default": "S:65ff84939dd3a8af5dbbd155f65faa869aa2a792,",
-      "click.tabs.file-tabs.color.background.hover": "S:49fd0f2879a42a7b4b64edd87f863c994fb9017f,",
-      "click.tabs.file-tabs.color.background.active": "S:4f31170451c4e067f5f6f0ac3d25e65a1da8b3e6,",
-      "click.tabs.file-tabs.color.text.default": "S:f6855028fea434335d98d650ccc23d57eecaaf0f,",
-      "click.tabs.file-tabs.color.text.hover": "S:ab3dec06cc43cd6ca36157ccf36b6c2138ff3ce4,",
-      "click.tabs.file-tabs.color.text.active": "S:38880e19edc6071b736ef2904e0b91abc44d6a9e,",
-      "click.tabs.file-tabs.color.stroke.default": "S:718a15650a885606efc2199d3641aee90c5e3f4e,",
-      "click.tabs.file-tabs.color.stroke.hover": "S:03c189cc9cd44cbdfe0721d5ac6f4aca42cbd076,",
-      "click.tabs.file-tabs.color.stroke.active": "S:534f47760aec76c3d7e90591f52cc65ed7308c86,",
-      "click.tooltip.color.background.default": "S:7149981445b8bda4754621ee8bc9f8365b92451a,",
-      "click.tooltip.color.label.default": "S:ce293de1e3927e2547c5aaf56d3a09560e7ee97a,",
-      "palette.brand.50": "S:1b3fee29aa7fbde2b584e0b5fd61f4bb456a5fbe,",
-      "palette.brand.100": "S:dd009ea0084047072677f16e194532de09a10059,",
-      "palette.brand.200": "S:f2bed178b9e73627ef76de75e222aca61d9cb7af,",
-      "palette.brand.300": "S:87f75b4755bf5de9f26ad1d1fd6ef78902f317bd,",
-      "palette.brand.400": "S:050ac1130284a73dfcdcf47ec944334375c9e6e6,",
-      "palette.brand.500": "S:0937eb53898df7d57173c1a6429d6c2204d5d2bd,",
-      "palette.brand.600": "S:64c728c00017d312b57694d8c82ff7269085e6f8,",
-      "palette.brand.700": "S:4754c9d83f653bfeae8e90162aefb4f954e32dba,",
-      "palette.brand.800": "S:fecdd11a3cc94b658920d09c87e69d980e335e4b,",
-      "palette.brand.base": "S:9436dfee3bd0eafe32b1e3f5c433b4cdbdcdd345,",
-      "palette.neutral.0": "S:0c96703d56afa4f7375908cb3a938aec83ae98e9,",
-      "palette.neutral.100": "S:6c2e47556cf59eee1dec388ba57141061cd46e87,",
-      "palette.neutral.200": "S:f1b6df6caa7aa4fca7b9bfe4c6dd700fa3b59767,",
-      "palette.neutral.300": "S:4853a5b7e4c78a0433aa16e2f0b2c3340ddf8bd8,",
-      "palette.neutral.400": "S:546d4a1d7d7665d5edced3d215fd23534ad519eb,",
-      "palette.neutral.500": "S:4db42f407f0e19bef7da50080c6a2cd860659730,",
-      "palette.neutral.600": "S:20e2f0ddd6a07b914b5529d2db3dff9476490cda,",
-      "palette.neutral.700": "S:abbf5d7d2297df0fb40a421f229793df4d58c61b,",
-      "palette.neutral.725": "S:3de5a8117ff2a3a40eb8085caecb84fcab49ecc3,",
-      "palette.neutral.750": "S:d2a6cb4ad8071fb9bdb250be4630499c97f188f1,",
-      "palette.neutral.800": "S:5cc99e4c80d9821d4d2085deed25f592c1850c0a,",
-      "palette.neutral.900": "S:b7a97e247e82f55d744451a7ab24fd850d6ce5bb,",
-      "palette.neutral.base": "S:86466f94a82e7814a025e62a6e477ef28b287dc8,",
-      "palette.slate.50": "S:7b74fd329a9de196544ce1ecef1b0119e4fec7b1,",
-      "palette.slate.100": "S:23b61ca026fd62ae16caa91db1d87f7574fd9295,",
-      "palette.slate.200": "S:ae9fb4d6309fe54fb1c4264c511b53781ed8f548,",
-      "palette.slate.300": "S:185f5473353bb609aea38b925da67c72e6f45af5,",
-      "palette.slate.400": "S:b3fa9f514bc96b0d85dba6ab3167af1f20f35193,",
-      "palette.slate.500": "S:dca0b7a6972e31a049bddf012e5170ce07e310bc,",
-      "palette.slate.600": "S:c2c5788f08a3517437e344fa902c769295de6cec,",
-      "palette.slate.700": "S:21e84cf8f6eed8dd1205cd48abb98d51463a854e,",
-      "palette.slate.800": "S:c82481f8cd179653e004077cfa4b6ff7901ba7e4,",
-      "palette.slate.900": "S:292daed01f82d1ff2691c43aa64f4bfece1a12f0,",
-      "palette.slate.base": "S:beaa5ee7cde61d4e6336a64d367b7130d82484f1,",
-      "palette.indigo.50": "S:2f158ff0d3b0050a39b1c19585f49ea88e359459,",
-      "palette.indigo.100": "S:55a4d868c1e3ec362bb9a52bab2160ce00dba17d,",
-      "palette.indigo.200": "S:a608438c0b8d7e51d93ba9883c8bb385d75d95f1,",
-      "palette.indigo.300": "S:624be3b16f779eae914fad196c67f8a024988d54,",
-      "palette.indigo.400": "S:09ebf3a1b5b9af745d361bc4786057258b750406,",
-      "palette.indigo.500": "S:4056ea375fef77f0934ff4299f30a8db7d99dcfa,",
-      "palette.indigo.600": "S:9406d5bb44f57904c7f7f3cd31a8f53629a27568,",
-      "palette.indigo.700": "S:72624707ad319605b2a450b92422ce480a45fa7c,",
-      "palette.indigo.800": "S:eaf778faba58b24b2e29cc9657af91e780528aff,",
-      "palette.indigo.900": "S:fd9dcd283c3eb44ca0d37c64283dc93c0653913d,",
-      "palette.indigo.base": "S:e57124d9178f8a61cd87f9b091d4f60be6b10f95,",
-      "palette.info.50": "S:68ce310abf0761db6c1551a8767f896e975a9fc8,",
-      "palette.info.100": "S:a8d7e84a523614dfc93f2894dd32a25da0775a36,",
-      "palette.info.200": "S:8dc1f5367d217448a27e339533ac60838b245e70,",
-      "palette.info.300": "S:6ea47f7e530055b9eacd8cc4ea602fbf190bef7a,",
-      "palette.info.400": "S:9fece6aea0bbcb80b4ad8c7c1b2fd2962b5cdcfd,",
-      "palette.info.500": "S:f5cb73fb2ac07628af9baef546e3592198e7a6cf,",
-      "palette.info.600": "S:650c7b2fca4ff1c9dd0926f04bd3d66e208abb40,",
-      "palette.info.700": "S:38f66f7aaee1f5a67bcb7b3853858c3f0954a193,",
-      "palette.info.800": "S:4a05e859d2db938b7c06d2e7bd213f8891900667,",
-      "palette.info.900": "S:9881dbed92f17a6a01e5dc0caee94653357e5a8a,",
-      "palette.info.base": "S:cf463fcfe0330c545c9155fb9e841247e6abeee0,",
-      "palette.success.50": "S:91e8ace10569cd0e1899a59c792f5d3738e6ec27,",
-      "palette.success.100": "S:5bea75e8742c0bf4bbf9f929cfb50d3a2243b2bc,",
-      "palette.success.200": "S:3251548ee4be874b047c8493f27cd020d30017cc,",
-      "palette.success.300": "S:23582e744f536d7602be491ba420f43125f880c4,",
-      "palette.success.400": "S:84dc87c716bbdab721b2496b56437643ffc2729e,",
-      "palette.success.500": "S:ada86233097131d9777a7a49e2d38ca8c18f7e30,",
-      "palette.success.600": "S:f8445560fd447a24c77b9a3e99d90f541eb9bd23,",
-      "palette.success.700": "S:e19f0c7de6900294d3eefb14c06972e7d6158126,",
-      "palette.success.800": "S:a7c69c8729fe33c84f408f2ae2d70f720bb04545,",
-      "palette.success.900": "S:c3e3e092e534a2aca7fa27450a1f3689869ddb17,",
-      "palette.success.base": "S:6cd266a8f682a9821124a6f2e6afca92cab8cc0b,",
-      "palette.warning.50": "S:1d50218ac7b49d250834b93f5c8fef4f4d7e1e3a,",
-      "palette.warning.100": "S:5903797f751df33bd5a2200fd29e3e25a19ad3ee,",
-      "palette.warning.200": "S:5ef7a8d8c3195126beccfeb320ecf408d888eb78,",
-      "palette.warning.300": "S:9a7c5edb405466b1a7827738156a0dab3c28248c,",
-      "palette.warning.400": "S:58054e67da9290feb810c2d9e68cfa453727bc14,",
-      "palette.warning.500": "S:3909ed6de443a6db646a97e3d31856d4d8d0ab52,",
-      "palette.warning.600": "S:e5409975ec8eb8d9965fe1ea05ba4f39aa3eeead,",
-      "palette.warning.700": "S:f1a7f4e00a7988af7bedb90e4a0b0e7f19a0cbe6,",
-      "palette.warning.800": "S:84050c7c3a7c16e88f0335579886805fb71b2726,",
-      "palette.warning.900": "S:ea138d81dfa8612f54a2a0c194f9810d9c492e5d,",
-      "palette.warning.base": "S:4cdebadbf5883ea352cfdc6e46b393abd0a96d5d,",
-      "palette.danger.50": "S:cfab20de417e1da416ddce19e50907581210fb65,",
-      "palette.danger.100": "S:623ae0b4d6842dd6dd2f0775a73d3c9c68e11d1c,",
-      "palette.danger.200": "S:d5feac0b5ab3f75cc4eb1829bfa43850b5459f90,",
-      "palette.danger.300": "S:7a622a52f763d602e20dfd6b2b8baa780dfedc8a,",
-      "palette.danger.400": "S:db2715be6ffcd5610480199bf491246cbcdd7526,",
-      "palette.danger.500": "S:30c90d52f63f03b0cf08142a327e2ca958226486,",
-      "palette.danger.600": "S:e69a98b45d306a0896871e30311b28442765c58d,",
-      "palette.danger.700": "S:f91b122239230dc56011fad48ff8db25fb44bbda,",
-      "palette.danger.800": "S:e124e79bce58e6db29e7cb6edebae6d8f25f8120,",
-      "palette.danger.900": "S:4ae9ca074418064e3e45fb81367780b4a2e81676,",
-      "palette.danger.base": "S:96d135238b2e801ac32718fdfdd373fe8fcc60df,",
-      "palette.gradients.base": "S:c9805c5a4d4bf0e029d463ec8380b310e414d2f5,",
-      "palette.gradients.transparent": "S:a111483c59f358d3ba7c0e18f86da4a675a61def,",
-      "palette.utility.transparent": "S:635dc456743af455b2462a81777fb05fa590d60e,",
-      "click.accordion.small.typography.label.default": "S:078467ddfdfcc32401239402086797b066210320,",
-      "click.accordion.small.typography.label.hover": "S:ec40dd2df2741750ac96f8d5739b6e5e261fe217,",
-      "click.accordion.small.typography.label.active": "S:62d7407a5dfd689ef10905cb7c38e303d1268e41,",
-      "click.accordion.medium.typography.label.default": "S:1c234a1968a13904c9a0150e396d6ca13f64f5d0,",
-      "click.accordion.medium.typography.label.hover": "S:b433dddf08683bbf52e2cc7ea4cc89986c1c1527,",
-      "click.accordion.medium.typography.label.active": "S:3ebbdf5d3eddfb9a5a079c9928b48f87bdbc6a57,",
-      "click.accordion.large.typography.label.default": "S:b8ca623c7f0bffef165d355cf37709c40ebafabd,",
-      "click.accordion.large.typography.label.hover": "S:7304115d4352fcebdd69b46f3ddea6cb9043b8b1,",
-      "click.accordion.large.typography.label.active": "S:cf13f7804fbe87df00d69f51258ae6cf89c0cc16,",
-      "click.alert.medium.typography.title.default": "S:7a55f3eeec7e8052f112138a3af2319ee1a6223a,",
-      "click.alert.medium.typography.text.default": "S:8aa1c2c9dfdd2441bb9f08dd606138913bd28f01,",
-      "click.alert.small.typography.title.default": "S:7c9f600c9336e0dede5ed7f9c5fbc0854e545d71,",
-      "click.alert.small.typography.text.default": "S:bcd5b785519804e1fa9ac3a82d58a280a7f141fa,",
-      "click.avatar.typography.label.sm.default": "S:ca21ca66cbed61b5d14e4822cd90bafebe83582c,",
-      "click.avatar.typography.label.sm.hover": "S:2337501541dd2aa5caa117ab49ee8e4d8bc0da9a,",
-      "click.avatar.typography.label.sm.active": "S:521e4f3e1315899d696822ea67ff3f723e26d222,",
-      "click.avatar.typography.label.md.default": "S:820926147adb3d8e683a890937f734f60711cde2,",
-      "click.avatar.typography.label.md.hover": "S:c1cfd52064b7a88e7e686dd7c43903bde7b5d2db,",
-      "click.avatar.typography.label.md.active": "S:53e385d6d193aecf350b5d4d553a7c885d85bf62,",
-      "click.badge.typography.label.md.default": "S:d1f79acc11fb2d7e3275787f85a22a9f6aa23fbd,",
-      "click.badge.typography.label.sm.default": "S:a4729016ac0f06fef30b069fbbc3c6c018a504f1,",
-      "click.bigStat.typography.lg.label.default": "S:701c8ea403810c54645e869680e145edbd91e79c,",
-      "click.bigStat.typography.lg.title.default": "S:6ead8bdcf462a9feeaa4d3de30d1efc51197dc87,",
-      "click.bigStat.typography.sm.label.default": "S:fdcce28a4da533087aad4b1345fc8d39ee8a537e,",
-      "click.bigStat.typography.sm.title.default": "S:b646bec31185de22fbff4f929bef73b93a565519,",
-      "click.button.basic.typography.label.default": "S:9fceb881089a1204934fdae753a9d92c833dbc8f,",
-      "click.button.basic.typography.label.hover": "S:d9ba71ac4be81ee30d796092c7d5f099616b0af7,",
-      "click.button.basic.typography.label.active": "S:1e950add8b99229d9b6322409135bae55c0b85a2,",
-      "click.button.basic.typography.label.disabled": "S:cdd25d6f1e9dccf7da257ba8edf1e5bae0c56e43,",
-      "click.button.basic.typography.mobile.label.default": "S:4dd7b81f10837e468fceeb474ae7d075e98b1302,",
-      "click.button.basic.typography.mobile.label.hover": "S:a63b17962f39327224b55f0392b604d8355ad609,",
-      "click.button.basic.typography.mobile.label.active": "S:a1c5276ee1fef4f28fe3a114cabfff7be29585e6,",
-      "click.button.alignLeft.typography.label.default": "S:90a520834c91b602f0d9d01c5faa4531fc770368,",
-      "click.button.alignLeft.typography.label.hover": "S:c4a0d081035d9c717eb210a68b5e46d6bc325d2f,",
-      "click.button.alignLeft.typography.label.active": "S:f7b29da72d3aa43443ae838313067b7bfd3cde44,",
-      "click.button.alignLeft.typography.label.disabled": "S:4b69824987ff40149bf573a0c766834e92a388a9,",
-      "click.button.alignLeft.typography.mobile.label.default": "S:61ea1e0ea1d5b3ba97ee6e8f7a64384f80037ec9,",
-      "click.button.alignLeft.typography.mobile.label.hover": "S:4c368ec76638030094b5b562d77331766bb780db,",
-      "click.button.alignLeft.typography.mobile.label.active": "S:91b89286ecea26ee8c34ebb6cc5c3460715f51c5,",
-      "click.card.typography.title.default": "S:deeda1a1a3a4546ee6e9e694dfdf7e0509f6e4ca,",
-      "click.card.typography.title.hover": "S:b5a6591a56fcfafce79162cc7bdadd6d0ba92029,",
-      "click.card.typography.title.active": "S:48f2edb609dc5a361a8a564abc5544fc24a28fee,",
-      "click.card.typography.title.disabled": "S:04b4dff60ca8601c07fa426ca4c15bef66243d41,",
-      "click.card.typography.description.default": "S:a4ff653ad64fa7ea37019ac741d2a94823c42275,",
-      "click.card.typography.description.hover": "S:a1257e77249ecc348cb8ec12b93e421f68061de2,",
-      "click.card.typography.description.active": "S:12332094564ff466a09c066c7a46e1b4883a7c44,",
-      "click.card.typography.description.disabled": "S:e290acfea7102b9ba002fe314768af53dd30bf1d,",
-      "click.card.typography.link.default": "S:65e73906b83b79c9048e2fb8c6d03abc886cff80,",
-      "click.card.typography.link.hover": "S:fbdaed4f895eecd2a939967b73256d6dd29759d5,",
-      "click.card.typography.link.active": "S:397c41572918610536119d28699a4eb1cce8b064,",
-      "click.card.typography.link.disabled": "S:1dafd00e276b05bfadc576b501535aa559feba91,",
-      "click.card.horizontal.typography.title.default": "S:c464c6df285e2c31ac42c8183babd7849d032aed,",
-      "click.card.horizontal.typography.title.hover": "S:021d86a4bce9faa4757e9d5c2b3c846656c58454,",
-      "click.card.horizontal.typography.title.active": "S:9064baa5e6845c719efb00c8d10acd5ea9eb1d69,",
-      "click.card.horizontal.typography.title.disabled": "S:cb58b91e9c9a9be741cad1d354804856ec205e31,",
-      "click.card.horizontal.typography.description.default": "S:a942de12d8a13d1c5f27224c8e1c34b9dc458e8b,",
-      "click.card.horizontal.typography.description.hover": "S:e4bfd7dc6991791e494b576a355265b260612f93,",
-      "click.card.horizontal.typography.description.active": "S:9dbd448b11271be3350508f981a9cb54d1510045,",
-      "click.card.horizontal.typography.description.disabled": "S:ae4c4cdc31c0eff7fb37b2787ff597e4e46d82cf,",
-      "click.checkbox.typography.label.default": "S:9d781995d7827ef97dcc193c6134c42b5ea4d490,",
-      "click.checkbox.typography.label.hover": "S:0bbe11ef3e68ad0c55f6177218b657df9ad8f043,",
-      "click.checkbox.typography.label.active": "S:81850b6824da1add420829cc1bf8c1519e6a3b9c,",
-      "click.checkbox.typography.label.disabled": "S:9e8765e4bda48034bb3ec148e62bd859eded7f1d,",
-      "click.codeblock.typography.text.default": "S:8b4291d33ea6c8739a219a16953337c366dfbc74,",
-      "click.codeInline.typography.text.default": "S:b16382ac59e037a8ad59d98fee3f412c53d6403a,",
-      "click.docs.typography.titles.lg": "S:3b4f8eac106cf16588c7980fb97206c28829fdd4,",
-      "click.docs.typography.titles.md": "S:b8d623eed08601cb2bbe3eb08b4551e74c7d85a5,",
-      "click.docs.typography.titles.sm": "S:f6128556ab5ada0eb1580ced67f253d3d526a606,",
-      "click.docs.typography.text.default": "S:49a2dcb758200a1fd18dad010ba0da4428c4eaab,",
-      "click.docs.typography.breadcrumbs.default": "S:16efc8537e315ffcd114293e0a5b70a9c68259c8,",
-      "click.docs.typography.breadcrumbs.active": "S:f702ba349efac65d41346f44c60a88b8e69f7e2c,",
-      "click.docs.typography.toc.title.default": "S:b1346f34db99e1063ce6f78c04f9208be4e1e8b1,",
-      "click.docs.typography.toc.item.default": "S:47c9e44c7c621379d60a9d2fe189ab53df9b0414,",
-      "click.docs.typography.toc.item.hover": "S:bc1a87c1b6676487724a6d6fd09d8311c33ac9b1,",
-      "click.docs.typography.toc.item.active": "S:9a473f70da2f47459a8d917d24b5dae0f3c9f612,",
-      "click.field.typography.label.default": "S:bb699e96c6289210e0eae80fdbfdc17164a87ced,",
-      "click.field.typography.label.hover": "S:9876f26bbbd6617cef5b22d9e1610d486551687a,",
-      "click.field.typography.label.active": "S:98342825c0e2a8e1efeb93577d612b7051bbe27f,",
-      "click.field.typography.label.disabled": "S:471300451691b756cf05d5b485a0bedbd9be6504,",
-      "click.field.typography.label.error": "S:14feefbd2cbf5cc7758b9c349c33d2e2d453b60f,",
-      "click.field.typography.fieldText.default": "S:c495bb9e61be89cdc141ed8f5c306ce8031add94,",
-      "click.field.typography.fieldText.hover": "S:f6751ce1df4b4f219df6c4737211dbbaff533385,",
-      "click.field.typography.fieldText.active": "S:8c65e0d3bfdc2e20f3a7c3402074d59a13b2bb48,",
-      "click.field.typography.fieldText.disabled": "S:7c1e3aa7fca93eb7b5cd60a1d4440caa87ce3c44,",
-      "click.field.typography.fieldText.error": "S:1341d67531703c2f98275863d68fb4764eb0c435,",
-      "click.field.typography.placeholder.default": "S:51799689f68cb61cefa1fe68d21bcf5f4f778c4a,",
-      "click.field.typography.format.default": "S:aa817e8a6a64316dc28bdd203cf94682dbc408fc,",
-      "click.field.typography.format.hover": "S:e40774dd408dea84e853403e927d0703a11eb8b4,",
-      "click.field.typography.format.active": "S:8e3951a0910647fa9c9d736584c419100ef690fc,",
-      "click.field.typography.format.disabled": "S:bf236d2e81fc60ffc36b82bd77784354f07a9d8e,",
-      "click.field.typography.format.error": "S:3715c008f1ec6b376704242e4d24abc4599e6197,",
-      "click.field.typography.genericLabel.default": "S:f763f6f6ab9ea83d965305618ade5bfbdc648128,",
-      "click.field.typography.genericLabel.hover": "S:6994a403eb09d859c10f9b1ac18b1a1230774ced,",
-      "click.field.typography.genericLabel.active": "S:45bea94bf7ec3b53c076961f540589069b744c6a,",
-      "click.field.typography.genericLabel.disabled": "S:b2454abcb40705125d4d85d88630dc455a952bd6,",
-      "click.field.typography.genericLabel.error": "S:c31146914ad7ba1b8a6c31976d731a0c9cc890e0,",
-      "click.field.type.mobile.label": "S:9120fde0294dacc3c3a90de8d3832baf931a4a62,",
-      "click.field.type.mobile.field-value": "S:f46d24f8c8fd887fee6a26bd0b2a272c69ab4b7e,",
-      "click.genericMenu.item.typography.label.default": "S:3867e8d4d3b499a29b21d2a6287c9e44a9543e09,",
-      "click.genericMenu.item.typography.label.hover": "S:6772b95e8186c6fe48bbf0dbd578fb26f0202a3b,",
-      "click.genericMenu.item.typography.label.active": "S:5653268ee94d3c7d5478630b46ea5594d043174a,",
-      "click.genericMenu.item.typography.label.disabled": "S:7a2bb35f1b8d6cc099672117b6ada24f5cdd3b25,",
-      "click.genericMenu.item.typography.sectionHeader.default": "S:e18a3dede8228e46b2f42bdf7dfbf3cfd40dfb5e,",
-      "click.genericMenu.itemCustom.typography.label.sm": "S:8be3547f834faa28fa2f80abc4626292086ca2d7,",
-      "click.genericMenu.itemCustom.typography.label.lg": "S:64baf6773613b06a263fb4da8558f6aecdca9282,",
-      "click.genericMenu.button.typography.label.default": "S:b82b2164f2e644665e0e76703889e30146bcd035,",
-      "click.genericMenu.button.typography.label.hover": "S:c9402ec3922d4c79d7d4f1f2b157b778d8b28cb0,",
-      "click.genericMenu.button.typography.label.active": "S:62cab85685cdcc7b61ad09868b26e8e15fc488e8,",
-      "click.genericMenu.autocomplete.typography.results.label.default": "S:05c7f1c87bc03439f36ad3fd0b5e62829bfdd564,",
-      "click.genericMenu.autocomplete.typography.search.placeholder.default": "S:fd1c42e73b99bdfe94f9d939acbcc7c0948e306e,",
-      "click.genericMenu.autocomplete.typography.search.term.default": "S:3707860afe42a9f11426f009dead694ced7c3f89,",
-      "click.sidebar.navigation.item.typography.default": "S:6f9bb7cdf5b4b00ae177bf13c2c719476ac6c36d,",
-      "click.sidebar.navigation.item.typography.hover": "S:f9d3cb5d8ac729101ef3a35f92a44a6b49e3507d,",
-      "click.sidebar.navigation.item.typography.active": "S:d2a872f3fae429fdfd134bb4b9430020d862dc0d,",
-      "click.sidebar.navigation.item.mobile.typography.default": "S:5da4cc683f48b91bee70d687c41b9707ac8ffce4,",
-      "click.sidebar.navigation.item.mobile.typography.hover": "S:260fa9229cd9611acffb4391d77dc7da9c49441f,",
-      "click.sidebar.navigation.item.mobile.typography.active": "S:258a424173ee3e52ae5737cbca3f022bec714b8b,",
-      "click.sidebar.navigation.title.typography.default": "S:0eca92bad2629df6960c145e23680a4a771daf79,",
-      "click.sidebar.navigation.title.typography.hover": "S:3706f1c027ed460b655fd98122e15946961d1ee2,",
-      "click.sidebar.navigation.title.typography.active": "S:12a5ae796e63633dc26f91ce9577588710771914,",
-      "click.sidebar.navigation.title.typography.disabled": "S:03b335914fadb72dc8d0b5535619e355c8004abf,",
-      "click.sidebar.navigation.subItem.mobile.typography.default": "S:3840ed07f5b9c2e44c8e2c5f2598c1b57f7a07f9,",
-      "click.sidebar.navigation.subItem.mobile.typography.hover": "S:40ab61851e43f89a2cdc881e1be3d23e9b762194,",
-      "click.sidebar.navigation.subItem.mobile.typography.active": "S:b4eb3d7146ccc5e2492cef268b8fcf9274f953e5,",
-      "click.sidebar.navigation.subItem.typography.default": "S:3d8f3d7e490a7b250e30a2fe754249000a70769a,",
-      "click.sidebar.navigation.subItem.typography.hover": "S:875615c6b9f17fde906c53eb7fdb7fd8ba03da5b,",
-      "click.sidebar.navigation.subItem.typography.active": "S:f39026870613468cb1808ba7d1b691065c94a2bf,",
-      "click.sidebar.navigation.subItem.typography.disabled": "S:9aa3ca2ed2218886fa132df42d63d26f9034b20d,",
-      "click.switch.typography.label.default": "S:f58146ee7b7f5777d48742261045e269a0656f4a,",
-      "click.switch.typography.label.hover": "S:416e1dc6d4e55e08c5373b7ca13e56422651986e,",
-      "click.switch.typography.label.active": "S:db9a8390e3ad004296f7ef8f7fd5ba2897e015c4,",
-      "click.switch.typography.label.disabled": "S:d7e3cfe00ce5637b2c1bb84e54c417a8069b9c6d,",
-      "click.table.header.title.default": "S:ec58a81ea78001cd23c1d7f2c405b3e9f67101a9,",
-      "click.table.cell.text.default": "S:fc9cf1653b255fd44ac35f55d56f02b4c0ed1fdc,",
-      "click.table.cell.label.default": "S:82a8e34411286c432c28eae2364f63f699281313,",
-      "click.tabs.typography.label.default": "S:16ae4610378c7f8d3ec6344960f95851e61f9a88,",
-      "click.tabs.typography.label.hover": "S:dfc34bb1544cec0e4826bf2a3083fd0b852d4aa4,",
-      "click.tabs.typography.label.active": "S:8b1303453786265ad68eb446f65ed2099f85e41c,",
-      "click.tooltip.typography.label.default": "S:871dc2694ce485729790f67663ad499928198218,",
-      "click.radio.typography.label.default": "S:607d26d1f083fb3d81415e1e74067fd532262d6c,",
-      "click.radio.typography.label.hover": "S:8a6395b1d22d39fa2fc878e42c7ddb1d49cf8fae,",
-      "click.radio.typography.label.active": "S:1294a8a2507d5afcf284d35cf444ae406fed461c,",
-      "click.radio.typography.label.disabled": "S:4229041211668cfac51290fa6fabb5a80baa39c1,",
-      "typography.styles.product.titles.xs": "S:da5ec2d591dc96eb994bc0445e30566eef103daa,",
-      "typography.styles.product.titles.sm": "S:92c055a05b40c241aebb5cd386703e3dd9c4f6a7,",
-      "typography.styles.product.titles.md": "S:bf6bd9aa083221798a361a3ee96e193f217a7413,",
-      "typography.styles.product.titles.lg": "S:696e8d34305cae6b10691275f5399b52b16595f3,",
-      "typography.styles.product.titles.xl": "S:f1a5792e384866c4292be2fdf84967e836283723,",
-      "typography.styles.product.titles.2xl": "S:dbfb18151a57e8a1841a31bee2dbc8ff74443429,",
-      "typography.styles.product.text.normal.xs": "S:0206551972eaf6fb9b18d146af6d2dda8e2173db,",
-      "typography.styles.product.text.normal.sm": "S:dc774fa7e98a52da2b1b2adad708ea7252e6d2cc,",
-      "typography.styles.product.text.normal.md": "S:c53df70c8398331b5e89552c0e4d6a9b97addafc,",
-      "typography.styles.product.text.normal.lg": "S:da664f3162abf84518fb37b0ef6de622201620de,",
-      "typography.styles.product.text.medium.xs": "S:0b1a38eb78478f29df1b343a6b6d6f57bfc52cdc,",
-      "typography.styles.product.text.medium.sm": "S:ac44ffd61f29fcab4f30901f512898d9d8c33617,",
-      "typography.styles.product.text.medium.md": "S:0cefc3f5a84354f835c74e47e3672df056f825bb,",
-      "typography.styles.product.text.medium.lg": "S:9cd9eb73638968ecb0807b938e65420cf768b71a,",
-      "typography.styles.product.text.semibold.xs": "S:c652ef24e78c53448474c01b734fce02fbfce5e6,",
-      "typography.styles.product.text.semibold.sm": "S:99a2ff6d9b53a91f46d64ee63490f24a12a66dd6,",
-      "typography.styles.product.text.semibold.md": "S:ae8ba90a74823f4afb76e807008115783cca92e5,",
-      "typography.styles.product.text.semibold.lg": "S:c36dc52a8412d240304841921672bcd93b4d1779,",
-      "typography.styles.product.text.mono.sm": "S:a5c2e880530c33a7b5472f6f47bcc2a20e209e2d,",
-      "typography.styles.product.text.mono.md": "S:13965cbfa93a6709c83bac5e3b2fedbdfa06be7b,",
-      "typography.styles.product.text.mono.lg": "S:c5422fab966e8fe7cc6e8d4e79d6bfa9feaca7b2,",
-      "typography.styles.product.text.bold.xs": "S:47abd6dfffab33a1fa44533bf96acf7721773524,",
-      "typography.styles.product.text.bold.sm": "S:6611162ab121245c45333780bda973fe306118d5,",
-      "typography.styles.product.text.bold.md": "S:542cf614811dcc25f56193a6394b461d1fb065e8,",
-      "typography.styles.product.text.bold.lg": "S:1ff80e0a49b3ff76e09244bfec9512d75f864d2b,",
-      "typography.styles.brand.titles.xs": "S:9dd3c8f43d149a8e58e10e003a4c9869b72feb28,",
-      "typography.styles.brand.titles.sm": "S:538a8a4dd071891e3de1757072bb944f60aa7109,",
-      "typography.styles.brand.titles.md": "S:49113377fb4d9adbc2f6c15ba75500d4b248d117,",
-      "typography.styles.brand.titles.lg": "S:1f6bfa11f1f1ab56edb1c71887ed29c0814521b5,",
-      "typography.styles.brand.titles.xl": "S:4d6e6e3a1af337aadb674dc4f81208992d74a22a,",
-      "typography.styles.brand.titles.2xl": "S:a4a3200f42ac1e1c133ae733be80c8d764127115,",
-      "typography.styles.field.md": "S:9f20d69014cc1c5c5db40b30da6c056cefe45824,",
-      "click.card.shadow": "S:0bd4a9af73f277607032035635852a23df136108,",
-      "click.genericMenu.panel.shadow.default": "S:23d5943ae752ec10e86eede2816e5c7b7ae33cf8,",
-      "shadow.1": "S:19370fd0a88adbb2640b3e9e27737d55db916d9b,",
-      "shadow.2": "S:338ae22c381917d950c742bb0299e52fcd0ce627,",
-      "click.card.primary.color.background.default": "S:67d9c6088c5f3a2e8bfb8171e3dee8a50dc6871e,",
-      "click.card.primary.color.background.hover": "S:ab4d90440215c8d0ac25996d03ebc9b3fca446c6,",
-      "click.card.primary.color.background.active": "S:08ea931a8498cde6130b6af3ab281195b23e218e,",
-      "click.card.primary.color.background.disabled": "S:2638986572c2ee59eb248f7a73c0fa879d39c894,",
-      "click.card.primary.color.title.default": "S:eb1d87b02736d7012c11a3e006f81ccb39b2bf2c,",
-      "click.card.primary.color.title.hover": "S:2a3987509b7b6366578ae14cdc82dbfd20e6eb82,",
-      "click.card.primary.color.title.active": "S:3a76b5b49f816452ba43af3c0c228fa41b57ff82,",
-      "click.card.primary.color.title.disabled": "S:597bfdc6ca8772121c2b6425f6b201b1078425df,",
-      "click.card.primary.color.description.default": "S:b76846aaed4649591ad8c3f1f8cb96c5ae27603d,",
-      "click.card.primary.color.description.hover": "S:e3adb0344101ed4581155720a4bb34604c41c98c,",
-      "click.card.primary.color.description.active": "S:a4691856fa9144a22795bab2fda7564948dd4907,",
-      "click.card.primary.color.description.disabled": "S:b5df6ed80e368e778b1e74022986de474658f07c,",
-      "click.card.primary.color.stroke.default": "S:74bceeb11beaf059f98668a461b5789eb1e92c7c,",
-      "click.card.primary.color.stroke.hover": "S:045bee1b2eae30712016b2bf42552154b66392a0,",
-      "click.card.primary.color.stroke.active": "S:d30543ba69f1d1575c30e7e33584d0e95842587a,",
-      "click.card.primary.color.stroke.disabled": "S:473cb331a86d9251e40fe977352638bfecc6d959,",
-      "click.card.secondary.color.background.default": "S:2c4b84b5024529b474e4633ab7d59d378dc36709,",
-      "click.card.secondary.color.background.hover": "S:7f0f906e0e5103d95d35c392d05f5b7c5dea69a0,",
-      "click.card.secondary.color.background.active": "S:a13ca89c6d1aab30d9fce821371e01bc09a0bdab,",
-      "click.card.secondary.color.background.disabled": "S:8387b32c158dc57128f516ec1f948c5f5f171401,",
-      "click.card.secondary.color.title.default": "S:dcd67fc274bcd54fe5ba976611cd15630c44a73e,",
-      "click.card.secondary.color.title.hover": "S:4dbe720cfcb032ec028b3df8954be6404d09d632,",
-      "click.card.secondary.color.title.active": "S:7c5a1c58267f28c206c68fd2cba443ec1b467fe0,",
-      "click.card.secondary.color.title.disabled": "S:03c47c630ed81d2534320f154c7d632835c247bf,",
-      "click.card.secondary.color.description.default": "S:04f7a5d864112feb21fba16377f29c9feb19a861,",
-      "click.card.secondary.color.description.hover": "S:a22dabd17256cc5e5ce69f5c37643ee44e11cc47,",
-      "click.card.secondary.color.description.active": "S:17ba10e66c743864ef21728108c5ecae394d411d,",
-      "click.card.secondary.color.description.disabled": "S:f2ced2bf8ed5a30e4e0b3d47950337f1f81e7307,",
-      "click.card.secondary.color.link.default": "S:1a7f3e7b032456a4a030ab36c938e5d917888ab2,",
-      "click.card.secondary.color.link.hover": "S:b9fcdeeb9d3d763aa13ed5ac0ff424c1ccb02cf6,",
-      "click.card.secondary.color.link.active": "S:cd941cfc27d957e589287a07ab2d1509cac41b7b,",
-      "click.card.secondary.color.link.disabled": "S:2623151729313effd5f34dff42c08eb9ad78a998,",
-      "click.card.secondary.color.stroke.default": "S:e4f0e6c9940f27e37ddbabd22d8448faa0a87bf7,",
-      "click.card.secondary.color.stroke.hover": "S:c75aee89d022b1c467d6af26c55741d9bc31724d,",
-      "click.card.secondary.color.stroke.active": "S:8992001523a3921e9fa70971c934c4c06416da67,",
-      "click.card.secondary.color.stroke.disabled": "S:e790d9a97d6e3659179567b1a2c0031ba28df0c2,",
-      "click.image.color.stroke": "S:7fb3f751c76c592cbabc23b810a549d4963d00d7,",
-      "click.button.basic.color.primary.background.disabled": "S:b4cf295a297ecebc48cfc6fb3e412b2c17698f39,",
-      "click.button.basic.color.primary.text.disabled": "S:530db881e66b8f098c37b3723b5f1ae080ddaaab,",
-      "click.stepper.vertical.numbered.typography.title.default": "S:077cafbc8899fcde3c75f40961f8371efb1f09e0,",
-      "click.accordion.color.default.label.default": "S:afc63a8625071ac5d9120553fbfe98db742d2f01,",
-      "click.accordion.color.default.label.hover": "S:d92a7fd6678065bd044e5bd2bd6a4566bed50763,",
-      "click.accordion.color.default.label.active": "S:ef2d29a1df97cd906b49493a4d622091240250c7,",
-      "click.accordion.color.default.icon.default": "S:7bb8904ced54863ed52839a4bbdc84d00702d859,",
-      "click.accordion.color.default.icon.hover": "S:5c989a4b609386a4039749d5a957ac86cff24ab6,",
-      "click.accordion.color.default.icon.active": "S:1935076ba5d87bbe6b42393472d1f2644a6823c0,",
-      "click.avatar.color.background.default": "S:fc2fb37fa65d8e47ba3292e2101bc39fcb7f9b5e,",
-      "click.avatar.color.background.hover": "S:f1b6a019c2c21102cf373ea04ef28516fb84f634,",
-      "click.avatar.color.background.active": "S:bb7ea965336071e5949d2e0be3d6edbaac6fb39e,",
-      "click.avatar.color.text.default": "S:120b4969385436800228f0b821cf97287653becd,",
-      "click.avatar.color.text.hover": "S:47fdefaab879ea258ea1d3947051b5954be28089,",
-      "click.avatar.color.text.active": "S:3570cdf8cba266a0efc747ec27ad22bbc6286ae6,",
-      "click.global.color.text.danger": "S:cd7c32bc90403c08c120e5d93a1e9f5e1d9caa1f,",
-      "click.global.color.shadow.default": "S:5a4f72d1fc8a2ee854295a40eb20babb11c98231,",
-      "click.global.color.title.default": "S:83e4cb60b327962aefdf73446b94ba937428ec08,",
-      "click.global.color.title.muted": "S:f329fcbdab1d8a558eb9183a7e396d7d36b6dbd7,",
-      "click.accordion.color.link.label.default": "S:e7f06839c02a7deaaf8a59c215c543d36fe87b0e,",
-      "click.accordion.color.link.label.hover": "S:dd9fab81fdbf1f0e5b17b44ae39359569789c71c,",
-      "click.accordion.color.link.label.active": "S:730abadc7e464ec61b883cda763a1d5350a7d8b6,",
-      "click.accordion.color.link.icon.default": "S:e095057055d52f06abacb421d316a7af44caee9b,",
-      "click.accordion.color.link.icon.hover": "S:807b2036e3c3e8c1e2b63c2b1f82bc85e2965064,",
-      "click.accordion.color.link.icon.active": "S:6701597239f37ae389c560715a39bd64771d3bac,",
-      "click.bigStat.color.stroke.muted": "S:0c6afad294e14450c8ca60d58c2f9a68139467bf,",
-      "click.bigStat.color.background.muted": "S:2f745964d3daede8d450df20b3982b3efaa17de4,",
-      "click.bigStat.color.label.muted": "S:a48677220616077f5c6674477f10fd4ac0519835,",
-      "click.bigStat.color.title.muted": "S:2932656f07b6465c3f1c168d3ecd9aac4e81f67c,",
-      "click.button.basic.color.primary.text.hover": "S:c42d415593ada24563a67da931c8b65c8c0ab70c,",
-      "click.button.basic.color.primary.text.active": "S:1afb535d31c450a3c5682d82549645793d1e89da,",
-      "click.button.basic.color.primary.stroke.disabled": "S:3ca2f6b552c2dac92d704e5138303d78be30600f,",
-      "click.button.basic.color.secondary.background.disabled": "S:752c2e6b6be62161a36d71d0a9a6695e5e23678b,",
-      "click.button.basic.color.secondary.stroke.disabled": "S:00f02ee16319e40db745c7c6753a35484bd73ffb,",
-      "click.button.basic.color.secondary.text.hover": "S:69265780dfbc2aa685ce0ccd9048d739df08ad3c,",
-      "click.button.basic.color.secondary.text.active": "S:553d0b8ca068c8422cf4f4bfb19e9c2952822f3d,",
-      "click.button.basic.color.secondary.text.disabled": "S:22bc2264fc91907f7b6d3f865b0337f2e65f13aa,",
-      "click.button.basic.color.danger.background.disabled": "S:e865b7c1a605da3369db48f43bf23c8d390feff0,",
-      "click.button.basic.color.danger.text.hover": "S:e3a2944efac807da3b6921d0948e3ae78ff6d329,",
-      "click.button.basic.color.danger.text.active": "S:2cd82a9cffefe1f51910ae26049cc00fd7b651b3,",
-      "click.button.basic.color.danger.text.disabled": "S:0894f46544624b00ccf7259203bedf0618193849,",
-      "click.button.basic.color.danger.stroke.default": "S:b494e36595a7f1cbef506dc84cb69a054a251132,",
-      "click.button.basic.color.danger.stroke.hover": "S:c421609dc9ae28ddea5a4af1cb4844c8be7e4e8d,",
-      "click.button.basic.color.danger.stroke.active": "S:43ac4b1f72cfd2a2bf24817d45a1f23d6409fb0d,",
-      "click.button.basic.color.danger.stroke.disabled": "S:07e24d87332c104d27b315f9c5f93b8c506230f6,",
-      "click.button.basic.color.empty.text.default": "S:b803633237cd0d795f60dc9ddba40f174cc3cd19,",
-      "click.button.basic.color.empty.text.hover": "S:cbbade7f8312780757040bddae0cfc87d99538cc,",
-      "click.button.basic.color.empty.text.active": "S:029471f02a3a145a7023534bf25e7a63416a4868,",
-      "click.button.basic.color.empty.text.disabled": "S:27d8b5c37106592de8b728b244aa7506cb46afa1,",
-      "click.button.basic.color.empty.background.default": "S:576b1a8a366d843f7b10dd268be039d561478b6a,",
-      "click.button.basic.color.empty.background.hover": "S:3f97eedf09fffe9d79369c2c73480b1d2cd1f36d,",
-      "click.button.basic.color.empty.background.active": "S:e0912cfb6c13547ebbe63aff3f00bdcddbafe9fe,",
-      "click.button.basic.color.empty.background.disabled": "S:0c4811ab82379c3d7123677683d9553d4b7fa74a,",
-      "click.button.basic.color.empty.stroke.default": "S:b00ea3195d7b026087ef4f68c4f136fbb4db577f,",
-      "click.button.basic.color.empty.stroke.hover": "S:58bad490fac93ee51fca13fee39fc17a62e13c9f,",
-      "click.button.basic.color.empty.stroke.active": "S:00e27981df73c04e92b012882504a65ce82f37c1,",
-      "click.button.basic.color.empty.stroke.disabled": "S:1ac614991eb211a7a859dda030334619aa5f2305,",
-      "click.button.split.primary.background.main.disabled": "S:1f54f5e796f60df6c2e8bfa5020dcf0b2d5b5ac2,",
-      "click.button.split.primary.background.action.disabled": "S:81a05cd33a238c52eebe62ace91d79c016ccf544,",
-      "click.button.split.primary.text.hover": "S:395b399fc7a6e83bfc4137ffe3f12b28272bc79e,",
-      "click.button.split.primary.text.active": "S:bf2b6b32e110a4338d276ce344ea29d8003ec6d6,",
-      "click.button.split.primary.text.disabled": "S:490640078070dabd0a75dc4f5964b2295de21c31,",
-      "click.button.split.primary.stroke.disabled": "S:f5ce1896af58010cc482aea04865a1168df66620,",
-      "click.button.split.primary.divide.default": "S:03c620316eecb72bf938ad6336a7245793e5fff2,",
-      "click.button.split.primary.divide.hover": "S:1d186dab6b9c870ad0035ff6adee3e956fefbdfa,",
-      "click.button.split.primary.divide.active": "S:9917ce4452e3b928c6ddda6ddf0f84363a834897,",
-      "click.button.split.primary.divide.disabled": "S:5c79deae821063cef314f0d346c32fe6d895ec61,",
-      "click.button.split.secondary.divide.default": "S:4a743177d228fefdc9f6cbdc0959164c4f219ef8,",
-      "click.button.split.secondary.divide.hover": "S:a89034122657a86401de22a8dbd5db5c82ca16fa,",
-      "click.button.split.secondary.divide.active": "S:ac1fcf62cf3cba001f6313cfa5d696976eae008c,",
-      "click.button.split.secondary.divide.disabled": "S:fedecb4328fca8995a3e6c9ba40cdcc830900202,",
-      "click.button.split.secondary.background.main.default": "S:b1371d2051eeacd2a991f193ab921af6e2939cd5,",
-      "click.button.split.secondary.background.main.hover": "S:008167cd1b9fe74547c316f2bfa9f4e2a656cd50,",
-      "click.button.split.secondary.background.main.active": "S:08985ca6c07f48e999d6af4a9683aa6c8c4e6aac,",
-      "click.button.split.secondary.background.main.disabled": "S:f2db8f79e33951c5ebb3b956a5e6db37f0d85fc5,",
-      "click.button.split.secondary.background.action.default": "S:f0acddf517b9cdcc39c1b7fa8503bb9adf23ec0d,",
-      "click.button.split.secondary.background.action.hover": "S:63d08b9b98a02712b9c989f662834ae3fe16267b,",
-      "click.button.split.secondary.background.action.active": "S:d0c04258784e10f5f2d140014a30928f3236059e,",
-      "click.button.split.secondary.background.action.disabled": "S:7e61cc05e3bbf6dc654c76e77e4c69e5858692e3,",
-      "click.button.split.secondary.text.default": "S:cb88bb0e2300d0e6df15d6b9dd8354b9e52953f5,",
-      "click.button.split.secondary.text.hover": "S:34e0797af4ed80f9be01518994d7f42f163a18c6,",
-      "click.button.split.secondary.text.active": "S:c0483e15ba79d080a9cd303733f04423a22cd64d,",
-      "click.button.split.secondary.text.disabled": "S:7768baad45be31febd50c37e5d794c9c717a9ace,",
-      "click.button.split.secondary.stroke.default": "S:f09ee66444782df971cfcc7e20836a4b40909fc4,",
-      "click.button.split.secondary.stroke.hover": "S:a2a6567be403639896a5e5df1e04ff2279680010,",
-      "click.button.split.secondary.stroke.active": "S:d6837a3b4d8d56a8c0b1280dccc357f32b835be9,",
-      "click.button.split.secondary.stroke.disabled": "S:8fbbd1af31ab617341417f7b0aa44cceecada380,",
-      "click.button.iconButton.color.primary.background.default": "S:f280912139cbf5325037b2922ab3fe47bd54323b,",
-      "click.button.iconButton.color.primary.background.hover": "S:5737ed625aa095be6a45d82384ab666cdfe73c87,",
-      "click.button.iconButton.color.primary.background.active": "S:67e03688f53dfa7ffc4d279abd3ab4c95fb04159,",
-      "click.button.iconButton.color.primary.stroke.default": "S:3ce14af07a458bc6b48b9a8cb722024e246c6eb9,",
-      "click.button.iconButton.color.primary.stroke.hover": "S:37b73fba9ecc3d4fb7dc9d15e9d0344e06e4cb59,",
-      "click.button.iconButton.color.primary.stroke.active": "S:b5760fbfacf166f11b7b0bc3850def8a6f02a02d,",
-      "click.button.iconButton.color.primary.text.default": "S:815869e298915ab79719f2d5932f45c186adfbbc,",
-      "click.button.iconButton.color.primary.text.hover": "S:92be337d760c731ad1a6a4859737257b82174778,",
-      "click.button.iconButton.color.primary.text.active": "S:119ac51916d8c7370ec3201b33f319ebc64ad88a,",
-      "click.button.iconButton.color.secondary.background.default": "S:12be43280b5ee528a6dfdbe4336a5b32fbf6275e,",
-      "click.button.iconButton.color.secondary.background.hover": "S:e1c60b2a296bb025ac4154cf9c14c2681402f949,",
-      "click.button.iconButton.color.secondary.background.active": "S:dcc7784189f5baa789a3c2bb0dd04492bd673c1f,",
-      "click.button.iconButton.color.secondary.stroke.default": "S:36db1b9dd3051c3ac3f3d815b56977127d8c6ed0,",
-      "click.button.iconButton.color.secondary.stroke.hover": "S:ae701ee725f1b749a8ba3697ff797bd05fb05f67,",
-      "click.button.iconButton.color.secondary.stroke.active": "S:981c6bb77ef0e700969b445b8fb1dcb50b8f2592,",
-      "click.button.iconButton.color.secondary.text.default": "S:736d9bc87d23a7495882e7ebe2b441c993edba60,",
-      "click.button.iconButton.color.secondary.text.hover": "S:3750e3571158a1d6f62c0571488d2fa4c18d18da,",
-      "click.button.iconButton.color.secondary.text.active": "S:1a52a1e87eaa5719d3dd7a08c79395dd0eaa419d,",
-      "click.button.iconButton.color.disabled.background.default": "S:b22ee8ae3acec6f0cd5457525e0eb6f22e9a2b83,",
-      "click.button.iconButton.color.disabled.text.default": "S:74d293022419f3811dd0f92fb7c2caacec6124f0,",
-      "click.button.iconButton.color.danger.background.default": "S:24b37cd18668a1ee20a3d89fc0a9a0ee50d194df,",
-      "click.button.iconButton.color.danger.background.hover": "S:7efa1b1b366a641d31897a22eb9d5d8c898a47f4,",
-      "click.button.iconButton.color.danger.background.active": "S:eb83c29a011b0148030cd0a10e126a6cd27b6281,",
-      "click.button.iconButton.color.danger.text.default": "S:26a9c3113109133c54a04b969d74ebfed2ce5449,",
-      "click.button.iconButton.color.danger.text.hover": "S:f376aecc26b3900b4e2478eb8869d740724b05c8,",
-      "click.button.iconButton.color.danger.text.active": "S:448ddabd85e3a7a2274430ad4b662ced5c4b0348,",
-      "click.button.iconButton.color.danger.stroke.default": "S:bad83a2012f8e73c61b9b26c3abfa8430eda9c2b,",
-      "click.button.iconButton.color.danger.stroke.hover": "S:db555441b5554c6a1cb4961ab43562f9e2d98897,",
-      "click.button.iconButton.color.danger.stroke.active": "S:46b0277a6444dc1f99c29ac4896b4cbc47625254,",
-      "click.button.iconButton.color.ghost.background.default": "S:8c9cb27766a8149a7c7d8de3ef8673ca7aefaba5,",
-      "click.button.iconButton.color.ghost.background.hover": "S:845af41073242331ab8f31a4bd1f82dade2837bf,",
-      "click.button.iconButton.color.ghost.background.active": "S:52de88c84adf511f1896f272662f176c87ccd0fc,",
-      "click.button.iconButton.color.ghost.stroke.default": "S:7e1d477740b93b7eeb31756aa07d4ca0b07d8c60,",
-      "click.button.iconButton.color.ghost.stroke.hover": "S:4fe6302d3bb5926ee79e78bbaa6a41f6ea1de4d7,",
-      "click.button.iconButton.color.ghost.stroke.active": "S:74708673267ac5fd6d446e189982adcfdf72f96f,",
-      "click.button.iconButton.color.ghost.text.default": "S:bbaf7e46726257c773836e1e554d2e2c4904d94e,",
-      "click.button.iconButton.color.ghost.text.hover": "S:14183e90e9e064c432c53b58b99877b8b10accfc,",
-      "click.button.iconButton.color.ghost.text.active": "S:dddcbaad8e2140bc886c7581552f6d79489eca42,",
-      "click.button.iconButton.color.info.background.default": "S:65f7d71a6a2bd99c279f7e99d96153fbc44f0dd8,",
-      "click.button.iconButton.color.info.background.hover": "S:998d2b7dc2b49a312656ff1e3b33f26992358481,",
-      "click.button.iconButton.color.info.background.active": "S:4e1063fb26a75450a21779618098c0239200b644,",
-      "click.button.iconButton.color.info.text.default": "S:39432fa3d21c474d25cd2026dd096bbcf2ebce9e,",
-      "click.button.iconButton.color.info.text.hover": "S:5672f962301a5757aecc0402e8888622a192b5ba,",
-      "click.button.iconButton.color.info.text.active": "S:5db673491bd4a3e01fa5272d1db493c41475ba14,",
-      "click.button.iconButton.color.info.stroke.default": "S:134b87260d926d0d03353dbe521fc91f9a05de14,",
-      "click.button.iconButton.color.info.stroke.hover": "S:ad9e86b69370d7a80011b11eaf5c4431c90b7737,",
-      "click.button.iconButton.color.info.stroke.active": "S:a3f4072c5552e697135e9be9e03f312567ca14b5,",
-      "click.button.group.color.background.disabled": "S:a56c4805904484f9cc926d7eb9db9ea4200787db,",
-      "click.button.group.color.background.disabled-active": "S:29bdb997f54c9d86acb9a2d6c448c86ca786282c,",
-      "click.button.group.color.background.panel": "S:46f87ccce95ad06a78a92517c8942acb3013783d,",
-      "click.button.group.color.text.disabled": "S:b996727116ee459152a755682c3ede7de4a42ead,",
-      "click.button.group.color.text.disabled-active": "S:9906857c91b553ffb07e113fecacd26b2ca5e88c,",
-      "click.button.group.color.stroke.default": "S:72de9b8deef03488ad95224a796cea7fe50d9bcd,",
-      "click.button.group.color.stroke.hover": "S:4b362957c0ad6d3bf0c1742fbc0e9d34b5220d4b,",
-      "click.button.group.color.stroke.active": "S:b46e23529346ebdc32456f6d80598cb3c2d3adf8,",
-      "click.button.group.color.stroke.disabled": "S:6fb21ca67e0251a4b3d68d652dfb4b9fb22c6cd9,",
-      "click.button.group.color.stroke.disabled-active": "S:a08c2f63439168bfc4c8096a68794ad505b9eb24,",
-      "click.button.group.color.stroke.panel": "S:4aae2f8703e5bb3f162fe11f3fb1d077801dca12,",
-      "click.button.group.color.panel.stroke.default": "S:8726953efb2906bfdf6cf3adff24d5f2eea31a6e,",
-      "click.button.group.color.panel.stroke.borderless": "S:5acf580770cba379587483916a07a2ee62d2b244,",
-      "click.codeblock.monacoTheme.parameter.foreground": "S:6bf4bed9166f015736fa30da69de2313c06ee704,",
-      "click.codeblock.monacoTheme.parameter.background": "S:ad58dfb0161ec15af63bb289faef0eac51996831,",
-      "click.field.color.placeholder.default": "S:ec4783d33f620ef098442c729a0e6ea56c339832,",
-      "click.field.color.placeholder.disabled": "S:b5bcafabc03b0b49ffbc35a842b3dc42be490aa5,",
-      "click.genericMenu.item.color.format.error": "S:a8e7dc179bcd988efefdb5923f614ab5c8d18b8a,",
-      "click.genericMenu.item.color.subtext.default": "S:c00ef61cca66f5b6f6b5d5088f0184a87bdd7a49,",
-      "click.genericMenu.item.color.subtext.hover": "S:ac447d6f4c363e5c84bbb1b06b758f8e53ddea61,",
-      "click.genericMenu.item.color.subtext.active": "S:dc2c688a45877dc027eb17c5e87a78c2908441a0,",
-      "click.genericMenu.item.color.subtext.disabled": "S:898a894498d7675502659dbd8f654a8fe9e4df45,",
-      "click.sidebar.main.navigation.item.color.background.active": "S:72d7c4afe52480f5b0ae7c08da88edd01a26b0ee,",
-      "click.sidebar.main.navigation.item.color.background.hover": "S:8c2feefff9e92750b522733f6eefe48731d2105d,",
-      "click.sidebar.main.navigation.item.color.background.default": "S:1edb987bbdcf08a6b2ddde6bdf3c72150044622f,",
-      "click.sidebar.main.navigation.item.color.text.default": "S:aa89425a40c6fe6c1c08189a74d6c8b65630ad8d,",
-      "click.sidebar.main.navigation.item.color.text.hover": "S:9fe009806d273625a1104e2a69f23949e3aaf38c,",
-      "click.sidebar.main.navigation.item.color.text.active": "S:e69b973f8e64f3599f88ec65494a8d545995c405,",
-      "click.sidebar.main.navigation.item.color.text.muted": "S:32f6f05f5a71c9df766258ee0ece9f7e09b06a15,",
-      "click.sidebar.main.navigation.item.color.text.disabled": "S:e43be71089def9a831e814a7a01136a55ad7925d,",
-      "click.sidebar.main.navigation.item.color.icon.default": "S:f6037888734cab7b038e52c4fcc478df253c39ed,",
-      "click.sidebar.main.navigation.item.color.icon.disabled": "S:a773c2d8fb1b96013c15a92fac652930d51557f3,",
-      "click.sidebar.main.navigation.title.color.default": "S:55a74f0f96f04d0aa83f5e9530af8e1c03c81954,",
-      "click.sidebar.main.navigation.title.color.hover": "S:4e6bc4c97628ac12e02ecf37572229f6c5c99e07,",
-      "click.sidebar.main.navigation.title.color.active": "S:4a6edca9fc7b15b0e22fcd5a22c3a112d7e906e8,",
-      "click.sidebar.main.navigation.subItem.color.text.default": "S:526360e1bd98d910f46326c054fe6dd1ed7feced,",
-      "click.sidebar.main.navigation.subItem.color.text.disabled": "S:77daf9f98d9a89a5c2e4846e9e699d1c730e38e8,",
-      "click.sidebar.main.navigation.subItem.color.text.hover": "S:ac0b5b7ee6ddf60ba6d4383cc8f167c4959e127f,",
-      "click.sidebar.main.navigation.subItem.color.text.active": "S:3cdc0ad864c0282e5245bfc37a5d8c704c1d4707,",
-      "click.sidebar.main.navigation.subItem.color.background.default": "S:6e9510b71e3a4b51195c2e795cbed8720068b68b,",
-      "click.sidebar.main.navigation.subItem.color.background.disabled": "S:3b3b61014c2dad3219996699623e6af3d180ff4b,",
-      "click.sidebar.main.navigation.subItem.color.background.hover": "S:eacdfb7967c85f9ed37b97a81c3c2187379a3533,",
-      "click.sidebar.main.navigation.subItem.color.background.active": "S:11eff814f8b0276be0ddb0a2caf1309fa53246ab,",
-      "click.sidebar.main.navigation.dragControl.separator.color.default": "S:7dc1ef2ad469db67f6bc695c82d5b4ceb8fac31a,",
-      "click.sidebar.sqlSidebar.color.background.default": "S:069b286a5b2a76c0999a8cb095e8a3d559a6704e,",
-      "click.sidebar.sqlSidebar.color.stroke.default": "S:a1678283e9fa9253270fe84f71f8358a7c1dad0d,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.active": "S:b3bb40fb3c026434741551310c93d594cfccdd1c,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.hover": "S:0af9de325a961af052c959dfc2991ad585802979,",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.default": "S:fd7c1749b216e5ba3d987653af8d09de7e95404f,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.default": "S:01d038ea5e8b19f760c2b1b4a03d7c5a5ac6e353,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.hover": "S:e7634521c24c6eeb3e57f431ebe6a0fe5db5b8a9,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.active": "S:ba889dd10c396a732cabf027aff81101012c8c28,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.muted": "S:7a61659a8ce46e8374aef925a8cb2e793d30720f,",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.disabled": "S:7e2fd87a37133d220df8a750d868c94175eacef7,",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.default": "S:535e6ad22aeaa2b977fe79e1041f4cd5f3565ea0,",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.disabled": "S:8623b73cfe046ea0c431986e18a4b7a420905e2a,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.disabled": "S:3da5bc57e9e8281805b25c6d22b131760907b826,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.default": "S:3566207b389b8ab054358f73db67941168fd36fe,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.hover": "S:3437cd1c89f8b25045a919fe4e711eccdaa08d35,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.active": "S:696044688f33bdad3851554dde15da94dd398c4a,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.default": "S:57e53cde35e7a32e02519240f420d53b654ecb4c,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.hover": "S:ef4f8eb35adc1894203a5959f4e7fe1af01c0776,",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.active": "S:3034d6c85b6658c284f6572a3f2fddafc9933e17,",
-      "click.sidebar.sqlSidebar.navigation.title.color.default": "S:70c56f9bc455c7606295a5a488e1859c9f838677,",
-      "click.sidebar.sqlSidebar.navigation.title.color.hover": "S:e64e96d3558cb4a47a5f401beb63d69793682c3d,",
-      "click.sidebar.sqlSidebar.navigation.title.color.active": "S:ef9a5aa04ba92244afc884d086407b1c37e3f5a2,",
-      "click.sidebar.sqlSidebar.navigation.dragControl.separator.color.default": "S:6653e94cad1a4784aae387ed60fc7a79578167d5,",
-      "click.table.header.color.background.hover": "S:05deb5f92196e25c6ac8bfc44ae3256f786567fe,",
-      "click.table.header.color.background.active": "S:01dadaec8a1ed37e718031368d2b3b0c6fdedf0d,",
-      "click.tabs.fileTabs.color.background.default": "S:35674cccc6f3e77e6949ac98aee06e885642f345,",
-      "click.tabs.fileTabs.color.background.hover": "S:b98f5129fa82e1be493bff021823b46a942ac35f,",
-      "click.tabs.fileTabs.color.background.active": "S:6f285a5c533e63dc3fe75042775e947f7096f0c1,",
-      "click.tabs.fileTabs.color.text.default": "S:bae224299eeb0f14a6422416d2f222076d9da8f9,",
-      "click.tabs.fileTabs.color.text.hover": "S:9ee30e7674f00d12280d648e220696c3eb9373be,",
-      "click.tabs.fileTabs.color.text.active": "S:18bfd123d65a0004e39311bebbca171780f9dfba,",
-      "click.tabs.fileTabs.color.stroke.default": "S:41203ace5eb74f3e2a16dd5eebe2c4a563a51aa2,",
-      "click.tabs.fileTabs.color.stroke.hover": "S:6b476ed3479a5dd2776c4021f504495d368482eb,",
-      "click.tabs.fileTabs.color.stroke.active": "S:c669ce61b91bff4ed2f1237afcea710ba44c846d,",
-      "click.tabs.fileTabs.color.closeButton.background.default": "S:2fbb72ea8fc92ff6e976659c19bc55b6a05581a1,",
-      "click.tabs.fileTabs.color.closeButton.background.hover": "S:cc76d1648cf8fbeaa70c56f0195ce704e887fa73,",
-      "click.card.horizontal.default.color.background.default": "S:9f21e7cfe6c48d6250c6f088e7e73532327dd610,",
-      "click.card.horizontal.default.color.background.hover": "S:96553477fe3d701e86dda289e1f8de44ad249d90,",
-      "click.card.horizontal.default.color.background.active": "S:7b5d5dd2e12bacf0fc1a1ba4043faa69f38aa6c6,",
-      "click.card.horizontal.default.color.background.disabled": "S:532409395dd7f1772c407efdda19d8de2bd182ac,",
-      "click.card.horizontal.default.color.title.default": "S:d496d4127ab2a0b6c60967260f756044bf48234c,",
-      "click.card.horizontal.default.color.title.hover": "S:b7992cc12772caea8b947db450099da78354c75f,",
-      "click.card.horizontal.default.color.title.active": "S:0c7d8980b19981a87b7056c79156c12466a32b95,",
-      "click.card.horizontal.default.color.title.disabled": "S:4949a12a8b36e4e1179709c32c881e9eafb73df2,",
-      "click.card.horizontal.default.color.description.default": "S:88803d527a315732b8b525a3a9c7770fda6db4d8,",
-      "click.card.horizontal.default.color.description.hover": "S:d9b9900b2c3c9ef9f16cec8f8c6845570c7067ea,",
-      "click.card.horizontal.default.color.description.active": "S:a7d8342d39d6ad293c6dbaa87a3b526c348b1281,",
-      "click.card.horizontal.default.color.description.disabled": "S:55765ab703d546357e501058cb7419c18b9ea6e3,",
-      "click.card.horizontal.default.color.stroke.default": "S:c0696cdbd933f9edd0af91515a550ad672383473,",
-      "click.card.horizontal.default.color.stroke.hover": "S:ed010f13c7c98cf0380e379a7a0c68473b29b0f9,",
-      "click.card.horizontal.default.color.stroke.active": "S:3c6535bc202dc538941f2c8f0cacc8711b1f3719,",
-      "click.card.horizontal.default.color.stroke.disabled": "S:7793174bc0ee52fb89b5835f6d70a207ea9ed3ac,",
-      "click.card.horizontal.muted.color.background.default": "S:b0c8977b22d3910ad3fe1d0f6d30c3cc03e20331,",
-      "click.card.horizontal.muted.color.background.hover": "S:3256f5f0b4fd913b990e3dd214acb45e8175ac1c,",
-      "click.card.horizontal.muted.color.background.active": "S:c403f04e32b74a57e3aa44d9953f5e5dff9f74af,",
-      "click.card.horizontal.muted.color.background.disabled": "S:8b3f4e0c4848e506c073d8c43661c99dcc2a37b5,",
-      "click.card.horizontal.muted.color.title.default": "S:a552f5adbaafc4325c9636c356a1964ecabcaa1c,",
-      "click.card.horizontal.muted.color.title.hover": "S:d827210420c10dc0681bc3ceb8d702a747fb56a1,",
-      "click.card.horizontal.muted.color.title.active": "S:a85c3ef0eb33eb0c30938f3c6f2bf2472165baa1,",
-      "click.card.horizontal.muted.color.title.disabled": "S:ca56125ca9f502acf0d698c2bb7f6f6516f826e5,",
-      "click.card.horizontal.muted.color.description.default": "S:e9a4cda6d7c0f98827d9856ff46703befe512d80,",
-      "click.card.horizontal.muted.color.description.hover": "S:7be7e32d4f864833c59d0c551013107f0c814c27,",
-      "click.card.horizontal.muted.color.description.active": "S:6ca59e1bf853251874ec4137a8fceb7001fed64d,",
-      "click.card.horizontal.muted.color.description.disabled": "S:daacdc118b00cb3bcd4c7c021a0dd53a2ffc32d7,",
-      "click.card.horizontal.muted.color.stroke.default": "S:bc9ec0b9fa08fcc373423526f991730b085169b5,",
-      "click.card.horizontal.muted.color.stroke.hover": "S:54159c3c04a13ad7e043d5ffafc929f1a7698a2c,",
-      "click.card.horizontal.muted.color.stroke.active": "S:20b661fc7ea74b80523b0699be49258996994da8,",
-      "click.card.horizontal.muted.color.stroke.disabled": "S:0b90a042fc760a2c090e8362f93cc6f5ee3a5253,",
-      "click.card.promotion.color.text.default": "S:5444b1ba569ce2d17c6c9634a754bd7f2382ceb2,",
-      "click.card.promotion.color.text.hover": "S:d7562056fb162e7c76e6260ce619afe41c42a593,",
-      "click.card.promotion.color.text.active": "S:24261c5337e617a87919e319fea977f3c932e5dd,",
-      "click.card.promotion.color.icon.default": "S:1156541b769eae461a8d31f868e7a662ff9a4449,",
-      "click.card.promotion.color.icon.hover": "S:d82599441480f351ce2adcf9fb73f70a2e828d55,",
-      "click.card.promotion.color.icon.active": "S:f87f61dd20f2e2e64661aa657ee7739a14671fd3,",
-      "click.card.promotion.color.background.default": "S:da4d6dfc603b559c7af671d889aec36f0a024acf,",
-      "click.card.promotion.color.background.hover": "S:fc275d3067cc02fd01df2ec26562b758378aadc4,",
-      "click.card.promotion.color.background.active": "S:de397fe30d45c3d2fe3bf218346feaa5709506e0,",
-      "click.card.promotion.color.stroke.default": "S:ecf06e9149b39a36f07f2243776e085ff95c3468,",
-      "click.card.promotion.color.stroke.hover": "S:727fdf3fe4d670bcb9a7d4a12d7b62fa30a4f0c7,",
-      "click.card.promotion.color.stroke.active": "S:aebeea25c7b3d85bdade1f2d6c45b52fe9808bcb,",
-      "click.card.promotion.color.stroke.focus": "S:b131cfc896d144cd03a71236d1e587df8211a39f,",
-      "click.popover.color.panel.background.default": "S:5991bbced6189e7a1a745edb29caacfb4cf664d6,",
-      "click.popover.color.panel.stroke.default": "S:da5dc25c6af29b138ee0e94dd8ef9cff22114229,",
-      "click.panel.color.background.default": "S:49bf8228e63aafe5d06d84d1e1db2640ead2acab,",
-      "click.panel.color.background.muted": "S:0f6e75ff1740798a6006bb42f9912d2e466672cb,",
-      "click.panel.color.background.transparent": "S:6a62d409175bb227251dd975a2af1fd796094ca5,",
-      "click.panel.color.stroke.default": "S:bebb31ed7da061e7577a72b4891d224f99437670,",
-      "click.toast.color.title.default": "S:c815142ec8d41db05391167cda0c5202d38d5e97,",
-      "click.toast.color.description.default": "S:e69d3881334bd325c44eee8d49cbdd8f2f3b0546,",
-      "click.toast.color.stroke.default": "S:a5b323f2b03a5fe498a78a12112546caea38ae06,",
-      "click.toast.color.icon.default": "S:8f3a18041ccdd4ca00943d49eebe572fda88715c,",
-      "click.toast.color.icon.success": "S:60143d87c7df43ec7dc02c34dfc9f5e9d8d8b7e3,",
-      "click.toast.color.icon.warning": "S:5b1257892a0732b2961897051cda34f33ea650a0,",
-      "click.toast.color.icon.danger": "S:685a59c8f55d1e59d6cdd14cae37410a550393d7,",
-      "click.dialog.color.background.default": "S:33e75fbd1db35545845c9bb588fa3c7027da42ce,",
-      "click.dialog.color.title.default": "S:b9bc89e4a8c8db26117b16519d3691d5812090dc,",
-      "click.dialog.color.description.default": "S:e24e7aea09e619d1e649d4b3182259a9049f3953,",
-      "click.dialog.color.opaqueBackground.default": "S:3993ee73fa8c25fb700695eb2e935cef693a6976,",
-      "click.flyout.color.background.default": "S:9bcb908cb7e7c4208870a9788b6ea242593b9f13,",
-      "click.flyout.color.title.default": "S:e04b0ef3a343801043b7ff4d5d1960aa90138933,",
-      "click.flyout.color.description.default": "S:1819a285480efccf8c7a5b0c1f3eb60511f02c09,",
-      "click.flyout.color.opaqueBackground.default": "S:956d903b1cd7d722b98e615435a20279295d85a7,",
-      "click.flyout.color.stroke.default": "S:4a595f54c44a34d4ba2c7f35003b1272207157d4,",
-      "click.storybook.global.background": "S:1a5d1d0eaf4354584611b2f1e97524654a6b4503,",
-      "click.stepper.vertical.numbered.step.color.stroke.incomplete": "S:eaf0214a0e96cea3e2535effead59c12141ff97b,",
-      "click.stepper.vertical.numbered.step.color.stroke.complete": "S:77533c9d6a21a96a5212028aa74dd2011c6a95dc,",
-      "click.stepper.vertical.numbered.step.color.stroke.active": "S:9a20d52f78ea24f44f95e0491408634c11a65c7c,",
-      "click.stepper.vertical.numbered.step.color.background.incomplete": "S:120528f3f86cf1b749c8c9c60a2334125276cf4f,",
-      "click.stepper.vertical.numbered.step.color.background.complete": "S:d85bbf251581f512d05d399d9d6b6070766e5b5e,",
-      "click.stepper.vertical.numbered.step.color.background.active": "S:2f584857c98a22ac0d13e193f1dfd442f900a7a1,",
-      "click.stepper.vertical.numbered.step.color.icon.incomplete": "S:287954fa853fdfb8ec2314876f8fb0a7f7b165b1,",
-      "click.stepper.vertical.numbered.step.color.icon.complete": "S:181022e05ac8179efb15938efcbbc3792d89e677,",
-      "click.stepper.vertical.numbered.step.color.icon.active": "S:9d0067717f638d86e5be5e7a3cc668060850e02b,",
-      "click.stepper.vertical.numbered.connector.color.stroke.incomplete": "S:e73279fe9d68a2711d5cde50ee609fd5aaa12309,",
-      "click.stepper.vertical.numbered.connector.color.stroke.complete": "S:d0f9b03d35478d6b07772e650b233b1c8b3efef5,",
-      "click.stepper.vertical.numbered.connector.color.stroke.active": "S:35c88f6cf804b3d838a98e4e714b979363ad7506,",
-      "click.stepper.vertical.numbered.color.title.incomplete": "S:323c55f56f58af4aae5b099a0b104708c3f73482,",
-      "click.stepper.vertical.numbered.color.title.complete": "S:091be88afcbf13295b2aae66b5c48e82c77cc7a2,",
-      "click.stepper.vertical.numbered.color.title.active": "S:4537b7ca92bbb9ccb3185c4ebe73dd08f72823b9,",
-      "click.stepper.vertical.bulleted.step.color.stroke.incomplete": "S:2de4492c48ba07e2ab0f70ff08a64ba41ccf81b5,",
-      "click.stepper.vertical.bulleted.step.color.stroke.complete": "S:f376156ec91d84764eaa24f74bc1de2aa53930e8,",
-      "click.stepper.vertical.bulleted.step.color.stroke.active": "S:805618b1cf6b9388edf13647e54ed1cd772a1507,",
-      "click.stepper.vertical.bulleted.step.color.background.incomplete": "S:5e201716cc7347caeac8c05ba9f58c9bc3069860,",
-      "click.stepper.vertical.bulleted.step.color.background.complete": "S:db9e725b34cda80b0013dca8044f68bf3fda6b61,",
-      "click.stepper.vertical.bulleted.step.color.background.active": "S:420b435ed928c1e67dfcb56f6164407abea659e6,",
-      "click.stepper.vertical.bulleted.step.color.icon.incomplete": "S:b2e237c794b05175fe3389dec42b8955faa00199,",
-      "click.stepper.vertical.bulleted.step.color.icon.complete": "S:18c9551809b6ebe83e184226455ea38c027dcecd,",
-      "click.stepper.vertical.bulleted.step.color.icon.active": "S:402766dcc3f9bffdad972aa8f438c4e28122164b,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.incomplete": "S:61297c668300480dc0d77eb40c9e684411fc8e59,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.complete": "S:4097a10078b579e2d3590f96d78ebbd8f2d6ceae,",
-      "click.stepper.vertical.bulleted.connector.color.stroke.active": "S:f11afde923ae9cf628bcf0b65a713626c037b54e,",
-      "click.stepper.vertical.bulleted.color.title.incomplete": "S:0fe8137cf4260679c9170193aa291fa6b822abbd,",
-      "click.stepper.vertical.bulleted.color.title.complete": "S:d22a3e491b990fcf3039d208181c14beec9df4f8,",
-      "click.stepper.vertical.bulleted.color.title.active": "S:18ddd29b7b5788bb3776b7dca42379819d7aa7f8,",
-      "click.grid.header.cell.color.background.default": "S:cf7456ac1c3c1f6e3ffd4113cf19c09e5742eb5a,",
-      "click.grid.header.cell.color.background.selectIndirect": "S:46c2b9f7b1813e3a655d1c3a8a0aaf342318339e,",
-      "click.grid.header.cell.color.background.selectDirect": "S:b520d74eb5989d4c9f627b8f1ecfb42dcb0eb5ca,",
-      "click.grid.header.cell.color.title.default": "S:c455cf542bbb22aa0537c3f5bcfbbe6cb54ace7c,",
-      "click.grid.header.cell.color.title.selectIndirect": "S:63babb995a6e65cc33de914f5f14ccde9f166f41,",
-      "click.grid.header.cell.color.title.selectDirect": "S:784b48933528d4799839d874696fe0a869c2a226,",
-      "click.grid.header.cell.color.stroke.default": "S:2a1f7f7a4dd09dab8630b0c043734d02a6c2cf19,",
-      "click.grid.header.cell.color.stroke.selectIndirect": "S:0f8507cc7fc22b3ce976fa61c4b09f06ee539d77,",
-      "click.grid.header.cell.color.stroke.selectDirect": "S:9d8a70372e5a94357cfab7b867023d3abaadc48c,",
-      "click.grid.body.cell.color.background.default": "S:de11557cb627a513fbf3fee52e76d252edf1dd34,",
-      "click.grid.body.cell.color.background.selectIndirect": "S:2c41cae5f57333c91cbbdbe8eef9f88c260e6ff8,",
-      "click.grid.body.cell.color.background.selectDirect": "S:230fffd623a5ce843f66446e8610f6cbf1736fef,",
-      "click.grid.body.cell.color.stroke.default": "S:4357919adf33d7298122cde55f5dc95258f14d6e,",
-      "click.grid.body.cell.color.stroke.selectIndirect": "S:a198d25f63c75c24173627477d2926af1a091866,",
-      "click.grid.body.cell.color.stroke.selectDirect": "S:799d6b791a0bc9350adffd4e9c859b3888603c26,",
-      "click.grid.body.cell.color.text.default": "S:8210f3bf2f7dd98c8cacc03e63e531c30045e745,",
-      "click.grid.body.cell.color.text.selectIndirect": "S:faf0d46aaad2e5bce4906d75553fffe91a44a988,",
-      "click.grid.body.cell.color.text.selectDirect": "S:77765d384b66a9829e960d232c693805fa94ef57,",
-      "click.grid.global.color.stroke.default": "S:19e29d3235115fca26cfef347a5baca2dd4111e1,",
-      "click.grid.global.color.background.default": "S:3ea79b2865f86ea6aeb8f23079a85e2020fc8890,",
-      "click.icon.color.background.default": "S:3966e57c298bdb067731d6dedac096eadd6ad2fc,",
-      "click.icon.color.background.success": "S:1cf9eb08e6f87830beb5a30f93b0b44a765febae,",
-      "click.icon.color.background.neutral": "S:ac5083b0ddd9f33c53f30add7f3445aec8efd403,",
-      "click.icon.color.background.danger": "S:c288ab8503ff41c199954774e1645ccbf985d75f,",
-      "click.icon.color.background.info": "S:2ec6b70145d118289a13a71e85830c72d16a187e,",
-      "click.icon.color.background.warning": "S:04108a2289f2873641125f1487c93d8e958825ad,",
-      "click.icon.color.text.default": "S:226868c727a0635cc9e13f9dae66983200178437,",
-      "click.icon.color.text.success": "S:fc3e2da4e0fd7d7e495bbb4b9e020d1483fe8751,",
-      "click.icon.color.text.neutral": "S:9bdecc2b6c7e82cd3d4aadda4b5c7015e3245d1e,",
-      "click.icon.color.text.danger": "S:de6b82251445b2f1d8f482387cabf63f59dae0f9,",
-      "click.icon.color.text.info": "S:464b900b28909e578cca6ba23a413a4e3563c92d,",
-      "click.icon.color.text.warning": "S:88f90bd026d9463fd055a34f18f4afd398132538,",
-      "click.icon.color.stroke.default": "S:4ed8819e767759613a613ea565ad632e71fd61e6,",
-      "click.icon.color.stroke.success": "S:9ec4a4905263e03659fcc496fc35cb3b2a193269,",
-      "click.icon.color.stroke.neutral": "S:a35eec2461855540a3124b3bddb2d14d3ea0b838,",
-      "click.icon.color.stroke.danger": "S:e9c2d230109dbb29a012d322b2f1073a24641adb,",
-      "click.icon.color.stroke.info": "S:85f6bf25f2578e0d78a6b25694662dc0452bce9e,",
-      "click.icon.color.stroke.warning": "S:f2afb83141195861060748a0f23a6dd4a110cb9c,",
-      "global.color.background.default": "S:a5b1447f2176da7f1daacd0bc89e7462b7f58a3a,",
-      "global.color.background.muted": "S:56470aa7a1bfa03f04084585921ecc15215ac59d,",
-      "global.color.background.sidebar": "S:e9c27c00e87a6fc9523171a330a9baf5167230b3,",
-      "global.color.background.split": "S:46f2cac4a39db1d7698c8dda605dae482fec67f3,",
-      "global.color.text.default": "S:c210b1ba97ddc5a8c23b901037ddee911b4fd6e8,",
-      "global.color.text.muted": "S:b3dd140894399f473073357125ab1a873196fa42,",
-      "global.color.text.link.default": "S:8c895a061811a6226ed56db5737374c2afccdb71,",
-      "global.color.text.link.hover": "S:56cf7b21593e631d6c81103dd1393270fa421ed6,",
-      "global.color.stroke.default": "S:6ce4589e014d1b2aa7d418ffa9dbd671d7ab3222,",
-      "global.color.stroke.muted": "S:be9763d27da25e9549ffb6d1213c4a719f8661f7,",
-      "global.color.stroke.intense": "S:5312ed9c0d957caf5f470ce93d3616efc2affa49,",
-      "global.color.stroke.split": "S:e4f14745fc30145a7af6688972c232bbb4d9ff61,",
-      "global.color.accent.default": "S:8e2b1ad6c27033104f9aa17d4de187c5f17834ba,",
-      "global.color.outline.default": "S:6eb07ee78bdbf2d28007718c1edeeaee878fdf42,",
-      "global.color.shadow.default": "S:b7559a0030b4cf1099ecc2a7aab63c44c9c8fc40,",
-      "global.color.feedback.info.background": "S:3f48207ac1a5e40f3fc8abd61c975f3b1127cb5f,",
-      "global.color.feedback.info.foreground": "S:bbcd04277e17348bae77ade7f582a6e4be72e122,",
-      "global.color.feedback.success.background": "S:ec559410cf9bbf596f95d3088df177d5f0d6506f,",
-      "global.color.feedback.success.foreground": "S:9051b45229599e9ac55da2ca479bb40b883a016a,",
-      "global.color.feedback.warning.background": "S:72d385a705403fe9496a2583569cb91515c1d2cf,",
-      "global.color.feedback.warning.foreground": "S:2e5c97a8c4e2a5c3e9b68502e1e97e7f4d18afaf,",
-      "global.color.feedback.danger.background": "S:47ad79e5edd697f58ef86eb105222bbe814fa9c8,",
-      "global.color.feedback.danger.foreground": "S:f283c7c730c8e3ea37942208f5bed97b7339da26,",
-      "global.color.feedback.neutral.background": "S:af76fa1f2ccc135268729bf62d02caf47b255835,",
-      "global.color.feedback.neutral.foreground": "S:847fbfc98e6be0ead7be2941f0ce3a5cfc59abb2,",
-      "global.color.feedback.neutral.stroke": "S:cacadd91335173fc10104b0e6cf5d21e3dc7adc6,",
-      "global.color.iconButton.badge.foreground": "S:11d4863e68de822b9fd34b5414b5105c9a167b8d,",
-      "global.color.iconButton.badge.background": "S:2e6475b1be4c1a032b00c2c8cf0793902c898afd,",
-      "global.color.icon.background": "S:fefe15fda6c3e945e23a797c3e37f5a294d1deb4,",
-      "click.checkbox.color.variations.default.background.default": "S:671ddc358bb7594ac23e8e176f81dc8b3275b537,",
-      "click.checkbox.color.variations.default.background.hover": "S:f8d3a5ca61930f8d82ca78cf24a2bc53fcf12653,",
-      "click.checkbox.color.variations.default.background.active": "S:4dcdd676f164aff589645ffde979ccc40d38dd3a,",
-      "click.checkbox.color.variations.default.background.disabled": "S:2f1006a4daf0d9766ac6b72fb846b5b2182c91c2,",
-      "click.checkbox.color.variations.default.stroke.default": "S:423256869b703e1b761e54192817002e0edb59ed,",
-      "click.checkbox.color.variations.default.stroke.hover": "S:01c175ad675d522e31e1bab30e9836eb0c96b2ff,",
-      "click.checkbox.color.variations.default.stroke.active": "S:a5ae9b9bb0c4f29472d955945b90c733ad2acbca,",
-      "click.checkbox.color.variations.default.stroke.disabled": "S:c95630c8d0f5d899df6f1c6f755c4308d44eeff9,",
-      "click.checkbox.color.variations.default.check.default": "S:667f1734b5046b43d2a1c97185cc83c8d567716c,",
-      "click.checkbox.color.variations.default.check.hover": "S:fe1a8b5cd68aa01bac16987494fe334b1fe55f3f,",
-      "click.checkbox.color.variations.default.check.active": "S:96d435fb5d7e76dda526c23516bbc7e64425c7b4,",
-      "click.checkbox.color.variations.default.check.disabled": "S:d2b70181e35ce3112f6f28d6e0af8333dfb8efac,",
-      "click.checkbox.color.variations.default.label.default": "S:0abd4c843e7e787069a57a7d90f2756b302b6157,",
-      "click.checkbox.color.variations.default.label.hover": "S:8a8354d35052bc41a6d39fb2726ecc3eca4fcd20,",
-      "click.checkbox.color.variations.default.label.active": "S:708dd60dffa22b572d14012102bff2e94ada2cb1,",
-      "click.checkbox.color.variations.default.label.disabled": "S:82e1677aa6705d09aaff20b27323169b1ae68b61,",
-      "click.chart.color.default.green": "S:97ca6a7d3afa2f5e33c8facee87aa9a71eb679db,",
-      "click.chart.color.default.blue": "S:3899a1ec508480785b82729ccb80db88dec9997b,",
-      "click.chart.color.default.fuchsia": "S:a730512db0c8c618905ab5bd93359452b8e96760,",
-      "click.chart.color.default.orange": "S:4ea2114880328ad994cefac7257236040c3eaafd,",
-      "click.chart.color.default.violet": "S:cbd4c2813ce5a556066bf8812e427aa258825c8b,",
-      "click.chart.color.default.teal": "S:8d8b6234cce719a6bd692398e452f97e1f516c68,",
-      "global.color.chart.default.green": "S:b74047eb114382782f2a9adbd34b2df9e71ae69f,",
-      "global.color.chart.default.blue": "S:33d9ae0874b959dcecff4ae3f3db03e80dcde275,",
-      "global.color.chart.default.fuchsia": "S:e40433dccbb5339900ff1369a2d85405695a5e1c,",
-      "global.color.chart.default.orange": "S:998a0160cb07d5764591655961608b98b751cc4f,",
-      "global.color.chart.default.violet": "S:9c5f677fb3c6b9a7ab1420301a545574ba0de0d7,",
-      "global.color.chart.default.teal": "S:86be1688b02ceec1efd1239df6044a311ffc4f62,",
-      "click.global.color.text.disabled": "S:62cc47976f9a22d96e5bedde8bc28e30aea2ef81,",
-      "click.badge.opaque.color.background.default": "S:59800a220c33a40909710be9f740221d932c1dac,",
-      "click.badge.opaque.color.background.success": "S:07d71915f4dbfe2bb500134cdb3af66407f830dc,",
-      "click.badge.opaque.color.background.neutral": "S:3aa52474ef3e7b1b5f63a08e6f618ffc01299ad5,",
-      "click.badge.opaque.color.background.danger": "S:b72c81d3dd6f5e159a652aa84e54c3a421e72e36,",
-      "click.badge.opaque.color.background.disabled": "S:f2e01ee7be1be83c11afe1194da34df8d86ff77b,",
-      "click.badge.opaque.color.background.info": "S:b0bef35955c952a1a99156ea68a7c6c09a94aa3f,",
-      "click.badge.opaque.color.background.warning": "S:4a1d45ee51ccc9598f859a7f43ded2cebcd56bf4,",
-      "click.badge.opaque.color.text.default": "S:74e28d096db574563e7412cb3f7be9c4a2681975,",
-      "click.badge.opaque.color.text.success": "S:ada511d5cab46dd1db3c5613c1301316da088da3,",
-      "click.badge.opaque.color.text.neutral": "S:d3e89bcef35202dd24aa144a6d3a3aa0327876cb,",
-      "click.badge.opaque.color.text.danger": "S:50a91dfdb2f0c5f9ea536d05ca590bd73d4911eb,",
-      "click.badge.opaque.color.text.disabled": "S:2e5adc5e545af3c13aa5375f332432d8c47e5849,",
-      "click.badge.opaque.color.text.info": "S:dcb9981c9d0696e216f37a4882965af7ad8f2e39,",
-      "click.badge.opaque.color.text.warning": "S:6351169fbca3d16b0a2b31fb8e21f2c9646e57e7,",
-      "click.badge.opaque.color.stroke.default": "S:3a184436996623ffac17b07704a378bb042161b7,",
-      "click.badge.opaque.color.stroke.success": "S:978ca32a4faa7b4946f3ccfaa25574fea01202b1,",
-      "click.badge.opaque.color.stroke.neutral": "S:081d4c4543acb56d16143fb54a0deb487015f122,",
-      "click.badge.opaque.color.stroke.danger": "S:dc9d6b4cfc378331a9f906b3a3eb50c834eab15b,",
-      "click.badge.opaque.color.stroke.disabled": "S:435d269f2bee11475192e5eb3a6b027480c3e59e,",
-      "click.badge.opaque.color.stroke.info": "S:3cd9c332002a4685273333c2072009514adc2797,",
-      "click.badge.opaque.color.stroke.warning": "S:a7e54d02ae0826d9c9aa97d22939cc7f4f46ecca,",
-      "click.badge.solid.color.background.default": "S:0e0c09af340b3a326d70dec34770b9329e360cce,",
-      "click.badge.solid.color.background.success": "S:d15cfb9ab167d0fd82f943ca16eef14f4949e041,",
-      "click.badge.solid.color.background.neutral": "S:1d3192ff7cb7383935a34b3ca8a5be7adfef1729,",
-      "click.badge.solid.color.background.danger": "S:f46d2db5666981440a2867a1c80119239a24f085,",
-      "click.badge.solid.color.background.disabled": "S:195c35b5db3aa5d635e68b1a993f4d3ee574b57d,",
-      "click.badge.solid.color.background.info": "S:31aaa1e1fa0d8ae28f0bf3ec233baa9640709651,",
-      "click.badge.solid.color.background.warning": "S:88c8ed0e81878c119b3e4ca0a3645c713b1512fb,",
-      "click.badge.solid.color.text.default": "S:fe02384d9eba92b7ec1c90ad4b1b7dcb8094c280,",
-      "click.badge.solid.color.text.success": "S:964212bc58e45a5e59f3d89c74380ffff5ca0289,",
-      "click.badge.solid.color.text.neutral": "S:6fb3750d99a5afd0c49aa6fd2ae3caebf143bc5c,",
-      "click.badge.solid.color.text.danger": "S:879fa0d563dc764efff18ffb5d6ebd16bfc98bd2,",
-      "click.badge.solid.color.text.disabled": "S:c5f805c8af25e91394299d6aad12c0e841f8a781,",
-      "click.badge.solid.color.text.info": "S:1e6cbaca78a573d2793c7e5888612e96b67f9fc6,",
-      "click.badge.solid.color.text.warning": "S:5eb4b83a576f274ca978795f31bcfda5d783eac4,",
-      "click.badge.solid.color.stroke.default": "S:444a892e8ba789b53ecca405cc772376d1d37ba3,",
-      "click.badge.solid.color.stroke.success": "S:151cd72c1d2281cbeab543b9631b0bd22f8b308c,",
-      "click.badge.solid.color.stroke.neutral": "S:4afd9ec8d88e03c62775ee68b1d862d2f46a5c28,",
-      "click.badge.solid.color.stroke.danger": "S:e9a6548c27e79dd7a2b10f9cfbc338ddd7521550,",
-      "click.badge.solid.color.stroke.disabled": "S:74571469a3aba3c6445c2014b26f520235716578,",
-      "click.badge.solid.color.stroke.info": "S:43bda84d931d13b5674b0671b2732af5c195c83c,",
-      "click.badge.solid.color.stroke.warning": "S:2cc4ef3baf2efcf1f0740e2a2439ee2f7a78d562,",
-      "click.checkbox.color.variations.var1.background.default": "S:2e3d30d4f74d146cf6a87a803ec194d4ac9fb17a,",
-      "click.checkbox.color.variations.var1.background.hover": "S:d7354bb73408ab4b753836bcc89b6ab399fecc8e,",
-      "click.checkbox.color.variations.var1.background.active": "S:43f924190c9f58437be4637406e030b321245770,",
-      "click.checkbox.color.variations.var1.background.disabled": "S:edef337ec186222d0c02a22356c274ba764cfaf0,",
-      "click.checkbox.color.variations.var1.stroke.default": "S:230c8b265f4f2f5339cd1fd9dc932d8d3d7607a9,",
-      "click.checkbox.color.variations.var1.stroke.hover": "S:3062180f16c9f1b86660f8ba342ead3ec402e5c5,",
-      "click.checkbox.color.variations.var1.stroke.active": "S:756c31115c408d49fd84164487586b734cf2953a,",
-      "click.checkbox.color.variations.var1.stroke.disabled": "S:00a822e411612a9008ef76a29193bf3d1adee180,",
-      "click.checkbox.color.variations.var1.check.default": "S:9349da1aa948615d717a27b5c421cb9ae741814d,",
-      "click.checkbox.color.variations.var1.check.hover": "S:df480c2ff734df87e482b4ba3f3d65b5bf3f0c06,",
-      "click.checkbox.color.variations.var1.check.active": "S:9e53b10e1199357fabfedc2fc37711c395040776,",
-      "click.checkbox.color.variations.var1.check.disabled": "S:9dd2dbf81d1a445b56b1259293baecef13832983,",
-      "click.checkbox.color.variations.var2.background.default": "S:7f13de5e51cda50255ae1c93d53ec4a7339daea7,",
-      "click.checkbox.color.variations.var2.background.hover": "S:988784d60dfbd369cfadbd5e8e8a40bab502fbe4,",
-      "click.checkbox.color.variations.var2.background.active": "S:9a6a7cb2716aa0806b9f5c4c22eab6b8454a18e3,",
-      "click.checkbox.color.variations.var2.background.disabled": "S:319f777d66d03eec324d5f709272b8acfa553c74,",
-      "click.checkbox.color.variations.var2.stroke.default": "S:a0fe988e4d22880069ac477973782a3b22d7f886,",
-      "click.checkbox.color.variations.var2.stroke.hover": "S:927c7309806c91d3f6b86497ac45f19a5fc8e9ff,",
-      "click.checkbox.color.variations.var2.stroke.active": "S:64f421077d08595801f2d5666f458d1905f938c5,",
-      "click.checkbox.color.variations.var2.stroke.disabled": "S:c8389ed9665612ed0322c929235952ad61688a95,",
-      "click.checkbox.color.variations.var2.check.default": "S:dfe47c6ee8f3130a941f5e653b0b14ae7099eaed,",
-      "click.checkbox.color.variations.var2.check.hover": "S:28298a839aaf529289fbd4588be1457e422eff89,",
-      "click.checkbox.color.variations.var2.check.active": "S:4dd294ecc2fe8803f46d40e71a1a2bbeb52da648,",
-      "click.checkbox.color.variations.var2.check.disabled": "S:41931494e000b4308e983377627066a2894ab73c,",
-      "click.checkbox.color.variations.var3.background.default": "S:8d047132fed28f2f028db8a899386a888c674ea7,",
-      "click.checkbox.color.variations.var3.background.hover": "S:352dc105a59d1ba90380b94d6f46f6b2876e8bc4,",
-      "click.checkbox.color.variations.var3.background.active": "S:388201da8f5c5c97114576775b6495477c10da8f,",
-      "click.checkbox.color.variations.var3.background.disabled": "S:95bdaa0553d3a30b15679dbee661b043b7506f0a,",
-      "click.checkbox.color.variations.var3.stroke.default": "S:38817c17c53a38934f47e0f85731932f08ff9261,",
-      "click.checkbox.color.variations.var3.stroke.hover": "S:abb8425a90ff07226ccf3c9366b1c3c7e58fa246,",
-      "click.checkbox.color.variations.var3.stroke.active": "S:1137caea2963af52ad7d7b21558ac6fb4cb1a6ec,",
-      "click.checkbox.color.variations.var3.stroke.disabled": "S:463aef3b2ca2d6ee92e9a6096e749ee5b41934dc,",
-      "click.checkbox.color.variations.var3.check.default": "S:4290da67b032b0db411293234ad2631b9a83cfb5,",
-      "click.checkbox.color.variations.var3.check.hover": "S:e52a49025e340dd1dd31a62250ff6be803d98469,",
-      "click.checkbox.color.variations.var3.check.active": "S:467475a998d728c0a1ac23045d10f0bf7dcf306c,",
-      "click.checkbox.color.variations.var3.check.disabled": "S:906c3023cc5aa69aed373d56d68176ddd8c77973,",
-      "click.checkbox.color.variations.var4.background.default": "S:4247bc60a94f9be1c2a7f72142954ed350591fd4,",
-      "click.checkbox.color.variations.var4.background.hover": "S:f3f7c0e26db8a74baca5859c3edce9982d8bab55,",
-      "click.checkbox.color.variations.var4.background.active": "S:39a85afe505b494af0c04e3714bd6609d5746a50,",
-      "click.checkbox.color.variations.var4.background.disabled": "S:19619f96f7d7ad4890e885b112e64d50eb96e1b0,",
-      "click.checkbox.color.variations.var4.stroke.default": "S:faf8a1717262d3fd7c38be6c5015d49a05e70d12,",
-      "click.checkbox.color.variations.var4.stroke.hover": "S:59314088975e7c9e39248fed9d777c2015a3624c,",
-      "click.checkbox.color.variations.var4.stroke.active": "S:03ee841c9d6202ea04c9d3695bd427f3423fa3ff,",
-      "click.checkbox.color.variations.var4.stroke.disabled": "S:bc1d5b001d8610cea3831a67bdc0bceda509f305,",
-      "click.checkbox.color.variations.var4.check.default": "S:70bf93b9a616ca4aae218c74de576b31bb8e653d,",
-      "click.checkbox.color.variations.var4.check.hover": "S:f93ea6a88714a1960e1e39304711964c254536af,",
-      "click.checkbox.color.variations.var4.check.active": "S:af0477cb23c2109d29c7309387163931ecdc505a,",
-      "click.checkbox.color.variations.var4.check.disabled": "S:78fa7e4b8ce533c31e49c954f3daabbe915ed93c,",
-      "click.checkbox.color.variations.var5.background.default": "S:946dea335cc839977e85ab869e9e60bb967bd621,",
-      "click.checkbox.color.variations.var5.background.hover": "S:f9713ca63b2e8901f63019e688a0ff7179240234,",
-      "click.checkbox.color.variations.var5.background.active": "S:c49c4b9ec45872929d264789fedc9153a6ffa462,",
-      "click.checkbox.color.variations.var5.background.disabled": "S:c011bb86fcc4536017618ddd814d97f2e32c52d8,",
-      "click.checkbox.color.variations.var5.stroke.default": "S:43c0b47595f8a03246f6f526f88da3f4c2837666,",
-      "click.checkbox.color.variations.var5.stroke.hover": "S:e27029982cb45e69348e6bea1cc60d7bd0cb0049,",
-      "click.checkbox.color.variations.var5.stroke.active": "S:e4b5e7ab45fe99c3e59b773b3e6c3cb720946d6f,",
-      "click.checkbox.color.variations.var5.stroke.disabled": "S:7be566f7bda2f5e1d4dbcc7a84517cc367d5f92d,",
-      "click.checkbox.color.variations.var5.check.default": "S:144e725ea11b673ca9855eabe9c5b0021cc04e0f,",
-      "click.checkbox.color.variations.var5.check.hover": "S:b3484b013dd4be15cf58e33c699f8889a02cf340,",
-      "click.checkbox.color.variations.var5.check.active": "S:6818fc47c5e30a96c9e36624bf722442244551cc,",
-      "click.checkbox.color.variations.var5.check.disabled": "S:c1cadddf7895d2bf96a4aae50766d005e4ad4130,",
-      "click.checkbox.color.variations.var6.background.default": "S:88b84e798698200c28cecc9205f01708ce3785b0,",
-      "click.checkbox.color.variations.var6.background.hover": "S:40ea0bcfa34e5fc1b3b2bf43bc3bef70ee2f7d32,",
-      "click.checkbox.color.variations.var6.background.active": "S:682732110abdef664efb642a81df5648c3efe989,",
-      "click.checkbox.color.variations.var6.background.disabled": "S:17b59238fc76980231dbe42d95b3b924cf11fa40,",
-      "click.checkbox.color.variations.var6.stroke.default": "S:fbd5c18ad621475d968ef52b699dec641b666b86,",
-      "click.checkbox.color.variations.var6.stroke.hover": "S:99bfe74d5403d77213b0f455c33bf76d6c04785b,",
-      "click.checkbox.color.variations.var6.stroke.active": "S:c1b77ff9194316594a715e36c0ae456bc9dab25e,",
-      "click.checkbox.color.variations.var6.stroke.disabled": "S:a4ea555bbb95a642196876b598d0dda48441dbdf,",
-      "click.checkbox.color.variations.var6.check.default": "S:26bbed12ebcd294a16d353fa16e92c4b1b285f7c,",
-      "click.checkbox.color.variations.var6.check.hover": "S:0ed1e64eeb6cfa974bd0c6ddbb70b1b5d3610a85,",
-      "click.checkbox.color.variations.var6.check.active": "S:2a03e2a1fe29570c990860021f7018705845c939,",
-      "click.checkbox.color.variations.var6.check.disabled": "S:d2f6b0ca1812498c4b37cd0845563f7676d5f5b0,",
-      "click.checkbox.color.check.default": "S:ebb70facbcf2da9250cedad3856c5f91bb4cc4e9,",
-      "click.checkbox.color.check.hover": "S:915715f540a4c5a5f98ff3ae05d2297406491523,",
-      "click.checkbox.color.check.active": "S:68095260fd40b7b69f56c6abd6e57ea76fd58493,",
-      "click.checkbox.color.check.disabled": "S:f92745c9d95908be6501ace56caa9c82b0cb6059,",
-      "click.checkbox.color.background.default": "S:f3bb29bee9b98b313e18a446830ac6e3e238fefc,",
-      "click.checkbox.color.background.hover": "S:6a3b948c73d78622fe4b336d21bb8177b70c1370,",
-      "click.checkbox.color.background.active": "S:eee55675bab2e685e1fbd5eb20465f212acdd856,",
-      "click.checkbox.color.background.disabled": "S:3260f33c758d741e0d6a4d484488aa4cb6200cb7,",
-      "click.checkbox.color.stroke.default": "S:1c430d03bc1dfdc7ca82fc326f6bc782cbbdfc61,",
-      "click.checkbox.color.stroke.hover": "S:03b260a0fddddf2e9e122f107da124cc6d41aecd,",
-      "click.checkbox.color.stroke.active": "S:ea2897ed884b92bb13127e39ee728e9567f04b02,",
-      "click.checkbox.color.stroke.disabled": "S:b347a28a5cefbfb691db5e347152e34929cdc34c,",
-      "click.table.row.color.text.disabled": "S:82ce68339badeeb70ec87b83bae279bbe297e5fd,",
-      "click.table.row.color.barChart.default": "S:9f40bbf1338a9163524de518e52b9d7415b45f5d,",
-      "click.table.row.color.barChart.hover": "S:098181725368407c05de17aa14336ebfb77407ab,",
-      "click.chart.color.default.yellow": "S:933afc8cafc617b5569496014cf9c8ab00b91b53,",
-      "click.chart.color.default.babyblue": "S:013cd7f9f50488bdf61bcfd2de33e12c61272eed,",
-      "click.chart.color.default.red": "S:0ccb73f1c8d7aa65e45bddc6e697d69c97e77933,",
-      "click.chart.color.default.sunrise": "S:41aff348df1f90286d3884db9499d989b651029c,",
-      "click.chart.color.default.slate": "S:3a1ef68efb5a5b8aa0d06586ee2b9605c3398503,",
-      "click.chart.color.label.default": "S:989790dbaaefcc2642f56c1b1457cb2388c33839,",
-      "click.chart.color.label.deselected": "S:2eb706d685312e6dd246be0822ceeac63118bf48,",
-      "click.chart.bars.color.blue": "S:8e40f0e74d2a2e112008e392e600a2348d1db3ca,",
-      "click.chart.bars.color.orange": "S:2c7618a42a9bd43fb3a70043cbec8cf1d75e7d20,",
-      "click.chart.bars.color.green": "S:8205ac11539571bb732a5e63b86d2fc1257b6fdf,",
-      "click.chart.bars.color.fuchsia": "S:63425bcd7ce0994d3da2b80c54199018d44a5b8d,",
-      "click.chart.bars.color.yellow": "S:9c8cd0416e5e714aa97d29cd17c8deac6f0713be,",
-      "click.chart.bars.color.violet": "S:fa1a27efd503776545f372adbc8bc1552a845986,",
-      "click.chart.bars.color.babyblue": "S:5cb7b3c7b4e71e7e2d67978130f100fcfe04093b,",
-      "click.chart.bars.color.red": "S:5f255042f4087b423308e7737de4d7b64424af5e,",
-      "click.chart.bars.color.teal": "S:649e78b3d15884821b0c0e605a1e1c4b7a4b097b,",
-      "click.chart.bars.color.sunrise": "S:92c93d5fdf203477647b79d312d9d5cb83487dff,",
-      "click.chart.bars.color.slate": "S:b95d7a1df39214d2a3d6c011b7bc9980f7f72911,",
-      "click.datePicker.color.title.default": "S:0e7c2ca8fe9751aefd891243e2ee78c55fcaa29d,",
-      "click.datePicker.color.daytitle.default": "S:1895c7764d8b9ed769220c844b498772602b3b12,",
-      "click.datePicker.dateOption.color.label.default": "S:fa8c1d966df881634ceb71f394a51ea56b28099a,",
-      "click.datePicker.dateOption.color.label.hover": "S:4a08369125dbc81fb795d786f6117b430c041855,",
-      "click.datePicker.dateOption.color.label.active": "S:a4d2de2e91c3d31172875412a26e63436a0e19ec,",
-      "click.datePicker.dateOption.color.label.disabled": "S:316e97faa6a00ad5dce380dcb6a5facfadd071c9,",
-      "click.datePicker.dateOption.color.label.range": "S:e875b3f20dd771c056731cf46b94ca3facc505e7,",
-      "click.datePicker.dateOption.color.background.default": "S:f0b003d004bb32bd012ef61da82b4dfff0b68669,",
-      "click.datePicker.dateOption.color.background.hover": "S:238636d35f864b70b8eeb046f8b8b18f05063283,",
-      "click.datePicker.dateOption.color.background.active": "S:4789a8386d5bc5149acbc018e7ff42f9db9892c4,",
-      "click.datePicker.dateOption.color.background.disabled": "S:c66ccd3b5e7f5fa91bd3006f4bd5f55ee2fe7464,",
-      "click.datePicker.dateOption.color.background.range": "S:390fde0e814c4ff6a4234769acc0a1f7b3c92a2f,",
-      "click.datePicker.dateOption.color.stroke.default": "S:37ed214b0c14ed42bae77da134abeeb93c02534c,",
-      "click.datePicker.dateOption.color.stroke.hover": "S:6852c349c463c82332f2e0df81762146976bf739,",
-      "click.datePicker.dateOption.color.stroke.active": "S:342edcd7b9663e38949f94548b126d7fe98c84a6,",
-      "click.datePicker.dateOption.color.stroke.disabled": "S:3a450b89f9421b5f7ee2be12480fbac2d2fcd65d,",
-      "click.datePicker.dateOption.color.stroke.range": "S:5c8b81cd3e29f99ba5b60e1ec4b74c0978cabfb1,",
-      "click.serviceCard.color.background.default": "S:8eceea1b4f38444d98e1a645518af31badc844af,",
-      "click.serviceCard.color.background.hover": "S:4c1085e1b594c26254eaee0bfa77542f7a8f9349,",
-      "click.serviceCard.color.stroke.default": "S:3f54bb95b98305f95beb8dd8635160fe1d34d946,",
-      "click.serviceCard.color.stroke.hover": "S:923d4e6296c941ba64532c0802f2a46788302507,",
-      "click.fileUpload.color.background.default": "S:70ef88bc592d25c866fe56cc90ec681741429c7e,",
-      "click.fileUpload.color.background.hover": "S:85f38243770939ce2db26c26c3f31872627fed5e,",
-      "click.fileUpload.color.background.active": "S:1f503d80479133603bc6e25b1a5d4d285b7443b1,",
-      "click.fileUpload.color.background.error": "S:d469ec065cc86b7b48adb60b14366b6b8a3dd96e,",
-      "click.fileUpload.color.stroke.default": "S:9ba04a4a5ad92e48bf95e96a4a616a9ff646508c,",
-      "click.fileUpload.color.stroke.hover": "S:ae4803026fcf48b20509a49539144093d36fcf70,",
-      "click.fileUpload.color.stroke.active": "S:20ca466e49041d40e3453ee720c3ced471af28e0,",
-      "click.fileUpload.color.stroke.error": "S:bba179bdf74c1e04ff5018ae393793d81b71df86,",
-      "click.fileUpload.color.title.default": "S:8ec8afd008a8ec3928bbf16548034d455b58ac5f,",
-      "click.fileUpload.color.title.hover": "S:746c6b8fb0443c6d996430673d1d6eb00a4b7a4a,",
-      "click.fileUpload.color.title.active": "S:44170d10270dc341694905cb6521f6f5244b9f27,",
-      "click.fileUpload.color.title.error": "S:1a972fa9cf88753d2983f35c0bd0420ead01329f,",
-      "click.fileUpload.color.description.default": "S:749eff9f770b70b11d1f1d5350d419089dc99adf,",
-      "click.fileUpload.color.description.hover": "S:cb614214e53cbbb2856519e0834da79d55314a52,",
-      "click.fileUpload.color.description.active": "S:cae82baa0d2d148929ceaac0239841769966865e,",
-      "click.fileUpload.color.description.error": "S:6e4c5677023cc003b86b51b15940c588a1b7b593,",
-      "click.fileUpload.sm.color.icon.default": "S:35bf5e78357be2ff0272b29694f53679c291eeb3,",
-      "click.fileUpload.md.color.icon.default": "S:6e78c34d64cf94cc30c40c34d0463a5dca9d54fc,",
-      "click.dashboards.chartWidget.color.background.default": "S:d3ff813b53d7e2537cc1b8c378b4a893011a75bd,",
-      "click.dashboards.chartWidget.color.background.hover": "S:26dc8b2918eb4dc948183ac55ca0a320169cac21,",
-      "click.dashboards.chartWidget.color.background.selected": "S:5e2ff7e4c15f0b3914213d320bc184a3b8c4a91d,",
-      "click.dashboards.chartWidget.color.stroke.default": "S:cdb010f2fff24dcc26910fe03ea32af5f85aa5a0,",
-      "click.dashboards.chartWidget.color.stroke.hover": "S:d62842196ca3a1b64d87ec1b4a84592d8ab72683,",
-      "click.dashboards.chartWidget.color.stroke.selected": "S:b102f34bb92affec17d38d988105eca71726d209,",
-      "click.dashboards.chartWidget.color.title.default": "S:17dc159345a86918a81e1d1979a2795544c1475e,",
-      "click.dashboards.chartWidget.color.description.default": "S:bfde05d4bb3adad6fb011034eedb113f71496e67,",
-      "click.dashboards.chartWidget.color.legend.default": "S:d70c672f708abf36684a942db326c167fbcf35a8,",
-      "click.dashboards.chartWidget.color.legend.hover": "S:fbf1ba38aa0464721395c4235116d01e9354e815,",
-      "click.dashboards.chartWidget.color.legend.selected": "S:3bec8d9f2717246721568bb2b9aa9ad19bbd0861,",
-      "click.dashboards.chartWidget.color.element.stroke.default": "S:2a291180c48d914a6c85f1f981706af4d3b663da,",
-      "click.dashboards.chartWidget.color.icon.default": "S:2ebea26174453461c476d61df0d940af1c105c8a,",
-      "click.dashboards.chartWidget.color.icon.hover": "S:dfab7520e2ff08f9692368db4dca1f6f42758d9f,",
-      "click.dashboards.chartWidget.color.icon.selected": "S:f14e8a504552960472549bc2d1945484f0ee8ac9,",
-      "click.dashboards.chartWidget.color.label.default": "S:68516f93fe241c34da149c44078029c8a7690460,",
-      "click.dashboards.chartWidget.color.label.hover": "S:9700cd9118eb4fb265875f44c26c9b618003e88b,",
-      "click.dashboards.chartWidget.color.label.selected": "S:0b9a5570b96044dccb506a17b253b52bd6b2c266,",
-      "global.color.text.disabled": "S:4a0bf1baa9297b35c7777619f9a49699816ec771,",
-      "global.color.chart.default.yellow": "S:489becab4e5537f85b6f0e520fa6d8c4c69dc900,",
-      "global.color.chart.default.babyblue": "S:88c6a9b3bc9e7f2895827fcb916870a46b660fc9,",
-      "global.color.chart.default.sunrise": "S:0e7315cc4917d344335455ecc98afbc5fe58bf35,",
-      "global.color.chart.default.slate": "S:31efb73ab8992443b094a1a0367e547bb4fb8181,",
-      "global.color.chart.bars.blue": "S:bfb564a0472080f21e81674ceb868b5cc1fe92f2,",
-      "global.color.chart.bars.orange": "S:358120698d3f89ab1cac62d438dc0d1177342710,",
-      "global.color.chart.bars.green": "S:6c224fb765b99ad61937bcd68e32d00883859601,",
-      "global.color.chart.bars.fuchsia": "S:a1f4a75cd124df5889afca61d833ed766587ff42,",
-      "global.color.chart.bars.yellow": "S:8d47fddacc94888bcbd06d0a9b2c0f37ff4b1402,",
-      "global.color.chart.bars.violet": "S:967e50c8ac9ae3cc8faaf9ac7ef5dc069d96b4c4,",
-      "global.color.chart.bars.babyblue": "S:1923417a4d6e03f40bc79b6d3e9f836735af0875,",
-      "global.color.chart.bars.teal": "S:e31ff206a54b974cb971958e64c663e9859fd253,",
-      "global.color.chart.bars.sunrise": "S:7c79c67f418f123d53b268df9fc5d27dca6e7f0b,",
-      "global.color.chart.bars.slate": "S:e4556fea1958acd98dcf9257b6806e429be61b7f,",
-      "global.color.chart.label.default": "S:5cfc6bbd261af68a5dc92aeeb1b5e79dbe70ea07,",
-      "global.color.chart.label.deselected": "S:d28676e7e303c7663d344b0fd735513f3253015a,",
-      "click.checkbox.color.label.default": "S:c7cc624284ebf05b481ce5833e4652817dbbab50,",
-      "click.checkbox.color.label.hover": "S:518a96430c78d8ccecb6e32642673aed5be2c20a,",
-      "click.checkbox.color.label.active": "S:f9cd1367c515a26b3c1a002ef2db8257f9001eab,",
-      "click.checkbox.color.label.disabled": "S:fa8c877d7b36bde601837241db5653652d5b4dbb,",
-      "global.color.chart.bars.danger": "S:9d8f17cb9510ecf88586f0b4a75cf372f85ab8cf,",
-      "global.color.chart.default.danger": "S:a8b543bfbe67280926f02fc7dcfb4178e0e978fb,",
-      "click.bigStat.color.stroke.danger": "S:136723060da1046b7edb7df047b39a98be2ab3d5,",
-      "click.bigStat.color.label.danger": "S:d856d7b13ed785f19f599703b2b3560add233ebe,",
-      "global.color.chart.default.red": "S:96933f3eee190b2b2f012f62ba62a53cacff15fc,",
-      "global.color.chart.bars.red": "S:0b7716381efdac708e0f9ec403824d9d11852e41,",
-      "palette.brand.900": "S:641d4321bcf79957fdd813681aaf8a643f29ae89,",
-      "palette.neutral.650": "S:bb665d386976f05075568f90e6defb33b420cda6,",
-      "palette.neutral.712": "S:cb22576d920c037e1ce202ad49bc9bf36932b68c,",
-      "palette.slate.25": "S:37cbb76dd0c3dfd456313281d31f5522a508412b,",
-      "palette.slate.50a": "S:041f8e639fed4c80e41f6631f266992a20494d89,",
-      "palette.info.650": "S:65115974a486f049447b1654d6bd2e7ba34df355,",
-      "palette.success.850": "S:9789d02e41039e36143f94c6a01a0d7b2d90d8fa,",
-      "palette.gradients.yellowToblack": "S:a5521df9020f2c1291c593e31d4d98a9a2768434,",
-      "palette.gradients.whiteToblack": "S:f29b23b348a28740fff9b1a5db0772875b053a1f,",
-      "palette.teal.50": "S:10be97e311bdca9e6ef18a2b1c605301f3a0e094,",
-      "palette.teal.100": "S:9ec412b0408e0379fbe2f37508fbd2a49d985086,",
-      "palette.teal.200": "S:8754e22beac6543c319b2d71aec369340f5c479a,",
-      "palette.teal.300": "S:9e71790a111c355c8b747ca916d7255edd9756dd,",
-      "palette.teal.400": "S:e40f99b654fee70b61f38aac52079afe1850c8f8,",
-      "palette.teal.500": "S:0ba7d88d429e06cc75e56e66a081a232aacbb5eb,",
-      "palette.teal.600": "S:7808c96cb9558be1d915569df409fb70530af9af,",
-      "palette.teal.700": "S:d835b5d559207a05711e07a849ec684c99d00b33,",
-      "palette.teal.800": "S:f8d8aef33cbecaf99b09ddcc62980d99ed403b9f,",
-      "palette.teal.850": "S:8dddb74c2c46ab59e5a1ee62ecdbe748cd041fb2,",
-      "palette.teal.900": "S:887f5b85e5a2b40993f83588659550778a7c81b3,",
-      "palette.violet.50": "S:2b451c9260c14aa5bffb0f9b3352c09c0234386d,",
-      "palette.violet.100": "S:6586727fc62cb1efffdfccff538172a2edaf8e73,",
-      "palette.violet.200": "S:72682af6b755645acbf6b760ae6379a315a8d616,",
-      "palette.violet.300": "S:f57c3eea6520f118dbe84e2056dc4b0c72de403c,",
-      "palette.violet.400": "S:d01ce2cd62fa03528cab5dd55a967889464a6778,",
-      "palette.violet.500": "S:e78c679d112e047d808e416a9176ec6eab18cac3,",
-      "palette.violet.600": "S:ea87615e204df1e1846fd714e7334124fa816158,",
-      "palette.violet.700": "S:f2daf09ae629b3c2ef2751ab42162bb42528d984,",
-      "palette.violet.800": "S:ac8912983ddc92826ddbf9364bfe53e29875d339,",
-      "palette.violet.850": "S:127b5132a88293bacc825a8b437428b4a0bf60ad,",
-      "palette.violet.900": "S:f096fe6fbf43978ecc5ca4daa758a45b271442ec,",
-      "palette.fuchsia.50": "S:0c09286a68a06a526c4fc85578094bf98d3c2025,",
-      "palette.fuchsia.100": "S:bf0535c46fcb5df52852ec0efe006fff7487d3a0,",
-      "palette.fuchsia.200": "S:2ea9ab47bee562c36f2a1d87c335352ed0255299,",
-      "palette.fuchsia.300": "S:b2d96fd2d02d4a89a258d8252470c54e1568673c,",
-      "palette.fuchsia.400": "S:d4703a63c53313b1a1e880af913d5074347cfdf3,",
-      "palette.fuchsia.500": "S:6e4b94a3421741c07471ece56851b34aa70a2d96,",
-      "palette.fuchsia.600": "S:fa03881eb710a472446ed87055ab2f3c8dbb84f3,",
-      "palette.fuchsia.700": "S:86d6adcc67210394cdc0a80786a6a9c56974a515,",
-      "palette.fuchsia.800": "S:54e29e0473df59fc0f62323d606b9734d48d68f2,",
-      "palette.fuchsia.850": "S:dc03445705d1d5d6a426da40bf5a86e53a5e3617,",
-      "palette.fuchsia.900": "S:14c0cd6f9e1f018742614e0904c8f35cd0ded2c8,",
-      "palette.sunrise.50": "S:4a7fb3b9d5665f7c97def97d083564c53cbe2045,",
-      "palette.sunrise.100": "S:20892258c88d3b7189eb60507ebe6c8b280ce31e,",
-      "palette.sunrise.200": "S:c248bdca22b9c3f8c8673f7d4da845ccc3436c5d,",
-      "palette.sunrise.300": "S:23b9d6c68d0107fe662cb9387fc98eae0bcfb648,",
-      "palette.sunrise.400": "S:96c20e9ae3ab6edc3eab6129a3775a6ca743e02e,",
-      "palette.sunrise.500": "S:cfd71962cbad10cbbab83fc4bc238c9811ad2e98,",
-      "palette.sunrise.600": "S:0d0e9be90f328a93177658f21c2853d61ee19b11,",
-      "palette.sunrise.700": "S:b113fffb6d58f88f05e26db66e8ea09b68eb63c0,",
-      "palette.sunrise.800": "S:b250a81c28d380076a8e1741ffde66bc8c068c38,",
-      "palette.sunrise.900": "S:40bfd603b5e4a65a1f4e27b472418a9c162a6486,",
-      "palette.babyblue.50": "S:e84e9281c107b673f306d21ad73a626f582c5c1d,",
-      "palette.babyblue.100": "S:49c860eb8fc1c78476f1a0e6cae79701d1fddc1b,",
-      "palette.babyblue.200": "S:0987358bfbdbefdd789ab5285ffcdd194e7e6561,",
-      "palette.babyblue.300": "S:9f5ab0618da75d1a191c3b6da09f8400d1f7f274,",
-      "palette.babyblue.400": "S:ba6144636b05d35da5ccd28260e05b36c0364d00,",
-      "palette.babyblue.500": "S:b63656eeddae52f6eb548a87124f219fa57046a4,",
-      "palette.babyblue.600": "S:8fcbc6caf6fe1b6d51b5540118bb8ddaed87ba1d,",
-      "palette.babyblue.700": "S:2fe1087dd98ca80762abec57e98a2bcb6e523137,",
-      "palette.babyblue.800": "S:ed17cb47c3a0db04979ece5799df50af49f263b0,",
-      "palette.babyblue.900": "S:a5cc0a7b0ecbbf9ece5a7d8ff1c4dbec45835882,",
-      "global.color.gradients.yellowToBlack": "S:9e178bf6e25625e1fac49d80422c7e38c3e8d245,",
-      "global.color.gradients.whiteToBlack": "S:529bb7eb357060b181f31fe1a1a09d6452a9fb33,",
-      "click.genericMenu.item.color.default.text.default": "S:141cf80eb658ae3b750b930c6340e8a357344616,",
-      "click.genericMenu.item.color.default.text.hover": "S:2c687da79587e54cd7954dcedcc3282fea4017df,",
-      "click.genericMenu.item.color.default.text.active": "S:35d1445d4d03419f5fb09950f50ea49317a71e73,",
-      "click.genericMenu.item.color.default.text.disabled": "S:f70e20aff8aafb4281f36e84b26aefbc2093ccd3,",
-      "click.genericMenu.item.color.default.text.muted": "S:a2071a43f35f65e7c69c5a47966bffdc2827a663,",
-      "click.genericMenu.item.color.default.background.default": "S:83d4072aa8cc1cdb8427a529599ae1a428d448b7,",
-      "click.genericMenu.item.color.default.background.hover": "S:8456c861b5d7d07dcaa624fe7f2e306e4849b2a9,",
-      "click.genericMenu.item.color.default.background.active": "S:4b2a933acfff20cd28f1b7ea31fcb751eb5e103b,",
-      "click.genericMenu.item.color.default.background.disabled": "S:a08356769457b27df236a7f0f7b2a60a462919a2,",
-      "click.genericMenu.item.color.default.stroke.default": "S:fae6a0e3f79264ee5f2b8b81f4db822c3b3c2d8d,",
-      "click.genericMenu.item.color.danger.text.default": "S:068da9902fd850c735ab979b5384c3930346a20f,",
-      "click.genericMenu.item.color.danger.text.hover": "S:e6348054f1e2bead474a9da037b4c91bcc614367,",
-      "click.genericMenu.item.color.danger.text.active": "S:82c69405ba17f501d097b794f2c54f3783e21036,",
-      "click.genericMenu.item.color.danger.text.disabled": "S:3dc6be2948b36c0688c6484230cd076b688086ce,",
-      "click.genericMenu.item.color.danger.background.default": "S:88f6da798c3468edd684b9b8386c3f99c5cafadf,",
-      "click.genericMenu.item.color.danger.background.hover": "S:d9706b403d653ac3f07a7ecc4d943670d4511a19,",
-      "click.genericMenu.item.color.danger.background.active": "S:7a13e6ae3bbe27565766776e763622ff300f0349,",
-      "click.genericMenu.item.color.danger.background.disabled": "S:8ac8ca1f38324fce687efbc639c24b854c645240,",
-      "click.button.basic.color.primary.background.loading": "S:d6f86ff91a00302c0273488a7c5c80a9d3141d00,",
-      "click.button.basic.color.secondary.background.loading": "S:0f6e5396c2c874f64e0219aebc110d67a57e10c7,",
-      "click.button.basic.color.danger.background.loading": "S:afc86783dda5752e6ac82af27c15b7e593d57bc6,",
-      "click.button.basic.color.empty.background.loading": "S:e36ef2fabfc85bd154bad142afc8315dfcd3b959,",
-      "click.genericMenu.item.color.danger.stroke.default": "S:77968795dc7dc29081387b57d524f9a62b481843,",
-      "click.button.basic.color.secondary.loading": "S:940d45cd449cf1101e2eb5c21f66645f8fa80107,"
-    },
-    "selectedTokenSets": {
-      "primitives": "enabled",
-      "component": "enabled",
-      "dark": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:3607:11164",
-    "$figmaModeId": "3607:1",
-    "$figmaVariableReferences": {
-      "click.global.color.stroke.default": "26db791aa0033b696a149ce1064149cad1a5184b",
-      "click.global.color.stroke.muted": "c05a1b6c0cefd83dfa2396fe868c26fe9b3fcbb3",
-      "click.global.color.stroke.intense": "f46bb255c257231964ccca201593a4a15a0fbf34",
-      "click.global.color.accent.default": "951a04691ccc8851c492ec0e3710b856bdf5b493",
-      "click.global.color.background.default": "349b58cc07e68f88c984ccb73300056437924b7d",
-      "click.global.color.background.muted": "f08389ed4a33b3a01d20372cf0a5bdb5df83322d",
-      "click.global.color.text.default": "58cb9130ebac262ef6441e3bff6e2e049f5e36f5",
-      "click.global.color.text.muted": "8f1b4b614a6840defc94acd47dd5dc753e76b7fc",
-      "click.global.color.text.disabled": "62959a2154db98390e2c9460b38f2abc9ed46fb4",
-      "click.global.color.text.link.default": "b07544d557a53c22eebfd15e474eb6560cf23ef5",
-      "click.global.color.text.link.hover": "f0fc0b3331e56192565dcebdfb9d90e3077bd01d",
-      "click.global.color.text.danger": "9a1f991ab28aed1fb0bd099cbad9f6a8e706ed2a",
-      "click.global.color.title.default": "fbb14b200903bb0792bcf14564b73dc9a81fdd00",
-      "click.global.color.title.muted": "bfb8be84fbb074fdb4c16d99b16bdc7a2ef104db",
-      "click.global.color.outline.default": "51f8232d60bc8e0f87d6f4572f1552db858221c2",
-      "click.global.color.shadow.default": "18abe47fabd7c4b4c75412dfaa7a08551e987a76",
-      "click.accordion.color.default.label.default": "f28a7451111a25d545ebb144d9e00514619f64f2",
-      "click.accordion.color.default.label.hover": "43e326b5c43dc820692d5ff18902085dbfd5a0ae",
-      "click.accordion.color.default.label.active": "dc91e99ca4d75e54b13682fee8821ea1100a3fc5",
-      "click.accordion.color.default.icon.default": "9afaca39a59a17730abc797ff87e6386322c436f",
-      "click.accordion.color.default.icon.hover": "bc83f72aaf7b708356ea10523204ecfbc52da2fd",
-      "click.accordion.color.default.icon.active": "f44c58d121f0a1595985f0c9eff12484115c430f",
-      "click.accordion.color.link.label.default": "4d6c9c0f2660b1d21ba25519b486381f51709d6e",
-      "click.accordion.color.link.label.hover": "55e0071a66917c999f5414e6bf44e9d42a2c8b4c",
-      "click.accordion.color.link.label.active": "1dd83df43281a7ae6db8cb57f3e88db5dc699819",
-      "click.accordion.color.link.icon.default": "9cd6f91f89b839f3f95d19ea71ce245cb38ecbd2",
-      "click.accordion.color.link.icon.hover": "fec5923f6c2e540d45fe2c70895eef0f8972933c",
-      "click.accordion.color.link.icon.active": "2c48c6e0b28d50bb994192935abb924417c61e64",
-      "click.alert.color.background.default": "7e0b82f24aa7d9ebbf102007bac35b7a51abfd7f",
-      "click.alert.color.background.success": "fff134128989fd8133d163e58e4ac8aad4dcc8d7",
-      "click.alert.color.background.neutral": "b920c183586d71b1ea00ee2a1ce9f906b4bd13d6",
-      "click.alert.color.background.danger": "a404626f76b99f1a61ec42f85e38875d3b98cf60",
-      "click.alert.color.background.warning": "b351dc7b12706a3f5d1c45ecb7bdead90b91ba5f",
-      "click.alert.color.background.info": "39ab01c699d4252f50c7988801794f6e352a26cf",
-      "click.alert.color.text.default": "888b088a6ebdeb86bd818ea2dfc61859d9472b0a",
-      "click.alert.color.text.success": "22143d51ebbde449c165db7394b3a80ae0e136c6",
-      "click.alert.color.text.neutral": "671f77548f5c50752081c819d5ff80742bac2b3d",
-      "click.alert.color.text.danger": "f87a41ea77aa9b28eb7ead21c8eef714de075608",
-      "click.alert.color.text.warning": "2743cdb26f7117828e4ef5e9654f51c6b72dcc29",
-      "click.alert.color.text.info": "6b4002f2c25a13e39b0e1e8111b9c859387fe464",
-      "click.alert.color.iconBackground.default": "62a636f208bbc4e31ce52ff63f71eccfef1a682c",
-      "click.alert.color.iconBackground.success": "bc3f6e5abdd47827b409be71251885ba20f14e2d",
-      "click.alert.color.iconBackground.neutral": "83d0dcd15894c451bc4ddcda4f62d20b15cae0f6",
-      "click.alert.color.iconBackground.danger": "bc988dc8dc33ec9c3ec439a0c2b899e77ae17112",
-      "click.alert.color.iconBackground.warning": "437675bf5906ed9b2df86e75d4ff55f0412723eb",
-      "click.alert.color.iconBackground.info": "080e68c3ce7741d904a5d09bcd46bd3185a18d25",
-      "click.alert.color.iconForeground.default": "8c2558108aa309f839a7aeb81354cfe8cf143b11",
-      "click.alert.color.iconForeground.success": "3f1070997577c4e3ea246fd95d31349edef7e59a",
-      "click.alert.color.iconForeground.neutral": "3b26a9b1420855b725fd2106b404d22df80371f1",
-      "click.alert.color.iconForeground.danger": "80e7fe75c5f5c900076e4f1c50f7f6802cbd74ea",
-      "click.alert.color.iconForeground.warning": "8cf8497953d85bf62e5dfe21ec0048640c4a877b",
-      "click.alert.color.iconForeground.info": "3a58b6eb712cf0948371d91543e7074fca7ce5ca",
-      "click.avatar.color.background.default": "947b5c4fcd8838a7db7e057dce1e5e90a00df55c",
-      "click.avatar.color.background.hover": "6f21aed93be1d2d74e0f761148bd6b08d1829fd0",
-      "click.avatar.color.background.active": "4d6208026e65a9e8a419447ea1a3030df00749f4",
-      "click.avatar.color.text.default": "94b2c729bd3761a2b28b35d1ac2b93eaaaeb258c",
-      "click.avatar.color.text.hover": "87d94f2334051df81d53b5c0cd1969d2f7c8d327",
-      "click.avatar.color.text.active": "1e014070f4af667b85ff725e02b715a63496acef",
-      "click.badge.opaque.color.background.default": "71e6574737a817b5a290fc4ed9e76b25de77b461",
-      "click.badge.opaque.color.background.success": "2d735c94cdcdede9c7a7386a9ef69416e8b98556",
-      "click.badge.opaque.color.background.neutral": "d2a82d7532e8b230b40103602b2a8539276bcbc2",
-      "click.badge.opaque.color.background.danger": "62bedbe4857f1d2b0410daee1b234237c81cab28",
-      "click.badge.opaque.color.background.disabled": "6552364d3bee272603d5e7ce19fbcc8c7e4e65c3",
-      "click.badge.opaque.color.background.info": "0cd595f2ac286cbf064fb172fefe9ae2410a782e",
-      "click.badge.opaque.color.background.warning": "4c7cd77024333efa545fc73ded946eb9e715427d",
-      "click.badge.opaque.color.text.default": "4d86404083b15538c046bbdb418b5f5a53a9cdc2",
-      "click.badge.opaque.color.text.success": "fa23a08cf9ad09e3af934082e2d2e01419db3840",
-      "click.badge.opaque.color.text.neutral": "73ccba181e9013819c28357af41ea2c81ae70dcc",
-      "click.badge.opaque.color.text.danger": "3fc62bbc67fca7f9321ce2dcc4604ce09708343e",
-      "click.badge.opaque.color.text.disabled": "c8170f2511294f781f444f828d8aae8604338bb1",
-      "click.badge.opaque.color.text.info": "2c9f8831ffc16ec178e73afdfb45950a844ad157",
-      "click.badge.opaque.color.text.warning": "8cddf89e02d0cf623fdd01d6e65834e5c949fcfc",
-      "click.badge.opaque.color.stroke.default": "e8cd049e5da7d09aa7538641b0466d4774591220",
-      "click.badge.opaque.color.stroke.success": "7c8921da10ce8c080977bf8145539b2484fd7cb6",
-      "click.badge.opaque.color.stroke.neutral": "29406f800fda56345d8a62aa498879489a22394b",
-      "click.badge.opaque.color.stroke.danger": "7593e9447f2706fac3b2d827dd31236e52039e36",
-      "click.badge.opaque.color.stroke.disabled": "68a786f0d4aeb9fd4734f0ea73fa8a741747fbe5",
-      "click.badge.opaque.color.stroke.info": "1ad33d11ac0e6f94ece1f7b04ee00293aee0a1a7",
-      "click.badge.opaque.color.stroke.warning": "83c573a90dfe279fce54a84a0b66958b74354fc3",
-      "click.badge.solid.color.background.default": "37f0c11bbdcd377eec10ae14a86df2b2ceb9b0f3",
-      "click.badge.solid.color.background.success": "efb1c801bece5376110c35472f4c62d6feee2b90",
-      "click.badge.solid.color.background.neutral": "698ddf7cc9458fa2435081d2f32b586e4b9f5d7f",
-      "click.badge.solid.color.background.danger": "14982d8681c63e713a3e98860d20ffe485900419",
-      "click.badge.solid.color.background.disabled": "aa82fb1772b6845cf0a8c887545af96c0fd43edf",
-      "click.badge.solid.color.background.info": "27115a2a902a6d76d93508292777ab65437386a7",
-      "click.badge.solid.color.background.warning": "96ef0c9f8df3fac392cd25c707c3d3e12e14846e",
-      "click.badge.solid.color.text.default": "657d1dd43d0140d095ba1c7e31270046f2390c75",
-      "click.badge.solid.color.text.success": "6a3df7080599825ab04a3264e57466aca79fe80f",
-      "click.badge.solid.color.text.neutral": "ea174d94718f054ef545315ae9d0eb4ecfbfb797",
-      "click.badge.solid.color.text.danger": "7b1a317610a0e16ba456bbf7ddfbc3e3831d7e1d",
-      "click.badge.solid.color.text.disabled": "51adf522ca5064a7f3874333edca61ee7a6458a5",
-      "click.badge.solid.color.text.info": "c6d3206ae3d0ef62b9fca582e4938f987d066298",
-      "click.badge.solid.color.text.warning": "e324e646fe630edecccaf407f24c35deda3021e8",
-      "click.badge.solid.color.stroke.default": "65c59d6f55017089d12bc6b1d2244a387e653bc8",
-      "click.badge.solid.color.stroke.success": "b81e28c1a6b6bc07a9c177c8fa74406f95cd12e4",
-      "click.badge.solid.color.stroke.neutral": "82454cfd468b64d17cedca4d6a6b85c3c62ff1be",
-      "click.badge.solid.color.stroke.danger": "9ec2535bd264b458484b9670bd9531d1fe2a29a4",
-      "click.badge.solid.color.stroke.disabled": "cebb3b8a8f0fc6748bf4e7ef2e2a3748a3c64a7d",
-      "click.badge.solid.color.stroke.info": "183f584fa1c2b067f5588670758942e48b0e1345",
-      "click.badge.solid.color.stroke.warning": "f71f211c242f0a361678d5da16bcd1641e953897",
-      "click.bigStat.color.stroke.default": "ecfe86a6c0e49e5a86ca1e4bab88f365891d9f08",
-      "click.bigStat.color.stroke.muted": "a9ba5b8cec20c9117b93af237a2ee854a9a2a22b",
-      "click.bigStat.color.stroke.danger": "073d2facc0beca0a1da8d66f561dbdb40cfad050",
-      "click.bigStat.color.background.default": "c9e11e50a405c653df76e3fb03c042c14bb1aefc",
-      "click.bigStat.color.background.muted": "edef73ddbab577246ad4df38dcfe736bb42b1385",
-      "click.bigStat.color.label.default": "1a7a11cd07fbdd0e72dd1c0f1aeaa6a30f3de39d",
-      "click.bigStat.color.label.muted": "a13996b50c0c52d666f1662c143c3b3c33a9f8bd",
-      "click.bigStat.color.label.danger": "a9ca46f3c4553bd4e1261ea80ba594a3afce0e25",
-      "click.bigStat.color.title.default": "22bd9c59fa859dc1279aedc6d2295fbc37695b2f",
-      "click.bigStat.color.title.muted": "21ae81c30f99c66fcf1b0853daf7bfca999a5667",
-      "click.button.basic.color.primary.background.default": "d3b7b40c7f52938a30845532c075c343d6358652",
-      "click.button.basic.color.primary.background.hover": "c554f1185a6716a19d72425f008c05980bb093ed",
-      "click.button.basic.color.primary.background.active": "8f403017014e3b952da03e9bd8e9700b5ab5c450",
-      "click.button.basic.color.primary.background.disabled": "d10f1104f65b499ffa0a38dfdab45843aa536e1e",
-      "click.button.basic.color.primary.stroke.default": "5d74843d6db640affc7803bc1c8241303b2a23e4",
-      "click.button.basic.color.primary.stroke.hover": "96ee62f5addcd5322f8d1406f7a73d2ddbaceade",
-      "click.button.basic.color.primary.stroke.active": "750d5991a89024f5c382f9f703fff84c60add790",
-      "click.button.basic.color.primary.stroke.disabled": "b75ab031c9773a8a35a42eb19325bbbf32798626",
-      "click.button.basic.color.primary.text.default": "1cc52e676bccd65b3deb3cb482bc4979a375c550",
-      "click.button.basic.color.primary.text.hover": "072a094a41544bb0e7946bca12737c4f3ecb7a24",
-      "click.button.basic.color.primary.text.active": "8086533bb4f9f20f37c28bf72b8f48555365eeb5",
-      "click.button.basic.color.primary.text.disabled": "cf8424fdb3d5b0901efd1394734f49c65a55abb2",
-      "click.button.basic.color.secondary.background.default": "681a73afd84d33fad9cd30a974c0776e55f6440f",
-      "click.button.basic.color.secondary.background.hover": "e58b0092a24036fab1e3b6cfd33bae832dc87306",
-      "click.button.basic.color.secondary.background.active": "ceebe14213f852638da757ac8574c0cf729c9d35",
-      "click.button.basic.color.secondary.background.disabled": "f5874c48cb62ed52aab6f775e6d6200c61599005",
-      "click.button.basic.color.secondary.stroke.default": "06ccc29d7b10d78d93498e8290e6a231c5f140d6",
-      "click.button.basic.color.secondary.stroke.hover": "7b2a9fff68718c54ff9271d9407d9d118e688560",
-      "click.button.basic.color.secondary.stroke.active": "2161f1e08b9998eb866dda0ee7200bd27e93af82",
-      "click.button.basic.color.secondary.stroke.disabled": "961d3fb268239a19876617ee79a5bde4d1e6b151",
-      "click.button.basic.color.secondary.text.default": "3be3141c323a9a45552b66a6ffcabbf11f2f2efc",
-      "click.button.basic.color.secondary.text.hover": "967f70e12b5bfef32a6cf464805627ee782e7fbf",
-      "click.button.basic.color.secondary.text.active": "46c2fc2bc96689ec4ab8c5d79683947ae96ee063",
-      "click.button.basic.color.secondary.text.disabled": "2cad50cbb8aa3e9cb50c45a76d5b1698a3d4205d",
-      "click.button.basic.color.danger.text.default": "59bb2bc9a8c43a380c3c3d404a20da48f6b24893",
-      "click.button.basic.color.danger.text.hover": "ff2f10616a308c154822c5cc37475edfee826dd3",
-      "click.button.basic.color.danger.text.active": "4f490e81e71e28ba48914570631167473288820f",
-      "click.button.basic.color.danger.text.disabled": "70a8a0ae49dc9ecdca78bfd4501f21dc7723a96e",
-      "click.button.basic.color.danger.background.default": "3f9e3e0507de148107af2a3d9a3872f0f91e517a",
-      "click.button.basic.color.danger.background.hover": "a863e5bbc95b32589d280b0c899ec88e75d72318",
-      "click.button.basic.color.danger.background.active": "3e9ed49a91c1fc42c57854c6944afd93d753e4c1",
-      "click.button.basic.color.danger.background.disabled": "8dc9b1bea47a1d6ec9b577da97d1da659d3c6585",
-      "click.button.basic.color.danger.stroke.default": "1b61099e7e3ef618eb45f7837181bbd5a9360190",
-      "click.button.basic.color.danger.stroke.hover": "a1b26e4592d3110492012935fa72269fd09aee17",
-      "click.button.basic.color.danger.stroke.active": "37f3028125890605b0b84752fdbf3a3e67172909",
-      "click.button.basic.color.danger.stroke.disabled": "515cf9c7c75c2dbf4d2c941985a823903d54c05c",
-      "click.button.basic.color.empty.text.default": "e0513418087fcbd81d940646ff2ac3adb06392b2",
-      "click.button.basic.color.empty.text.hover": "4e8cee987bd19e68cefddbfc1aeba644b4e40d4f",
-      "click.button.basic.color.empty.text.active": "c7ca1660361672ad97de3ab0407ed6e53de3f0a7",
-      "click.button.basic.color.empty.text.disabled": "a35b4256852d24c53b4d4291472f0b5db37f6949",
-      "click.button.basic.color.empty.background.default": "f236636748b5a40305967c871a9439137527b340",
-      "click.button.basic.color.empty.background.hover": "12c36ef81827caed4d0996baffbbfd7c7f6af851",
-      "click.button.basic.color.empty.background.active": "762c2c9a4d96db9a0429b38ab9529e8f4f06ef31",
-      "click.button.basic.color.empty.background.disabled": "1e5501d447b8fee2df7da823ae36c19ba9efc96b",
-      "click.button.basic.color.empty.stroke.default": "21d78dc93fcb0f2ef5d471406194b648e4a07ff4",
-      "click.button.basic.color.empty.stroke.hover": "4f5eb3dec562132029d57fbb07db0bb79acbc719",
-      "click.button.basic.color.empty.stroke.active": "3c566164100e34092a281d65f015027a671e2c96",
-      "click.button.basic.color.empty.stroke.disabled": "42866ea4e2864c7b9d0457ad5247338e6f732dab",
-      "click.button.split.primary.divide.default": "12cba4a5b605003519662bc73d37fc8447a6d471",
-      "click.button.split.primary.divide.active": "a560fec6ebf95df3445798ad3ed4210615e81023",
-      "click.button.split.primary.divide.hover": "ee950e6d40d7b8ff93e8baf3c551d807575553c8",
-      "click.button.split.primary.divide.disabled": "f36c0116fd72b3dad27169f15ec45c625cb8e8ae",
-      "click.button.split.primary.background.main.default": "88f9ed8a21d70163c1ff5667b7b271bea66a5efe",
-      "click.button.split.primary.background.main.hover": "518da00cc278abcab1ed0f10944e395dd2d1d6ee",
-      "click.button.split.primary.background.main.active": "702bc4402109cb3e21ebd0fd3a7409e32c9da656",
-      "click.button.split.primary.background.main.disabled": "cda46c17e907687c6ee4702333cfad81c44abfed",
-      "click.button.split.primary.background.action.default": "6435b3088f4678abc5cb4547eb3b3330f16adcea",
-      "click.button.split.primary.background.action.hover": "8ed53e49ca2cf89fcf2d7257e87b2b2a6201aa29",
-      "click.button.split.primary.background.action.active": "ca4e6cfaa86a8aa5da2834872239f50a4bc2c481",
-      "click.button.split.primary.background.action.disabled": "578b6bc6989a2d359264741e57809af4905a381a",
-      "click.button.split.primary.text.default": "5c0b0b4484b50f8404826ad5fa3a0c7cc8ab93b7",
-      "click.button.split.primary.text.hover": "a5fff5232cc15dd57f2a499f239d121d50fb29e4",
-      "click.button.split.primary.text.active": "50ad93c1d5febf6f7ff5da50087c9451d21f50be",
-      "click.button.split.primary.text.disabled": "e40f7a58a23210e38dd482a658d5cf6b48bc330b",
-      "click.button.split.primary.stroke.default": "f786ae6af67f158c8516a4043988d3e2422d19d9",
-      "click.button.split.primary.stroke.hover": "92a62265df31dc8a41a4330b0924b1b8d97111c1",
-      "click.button.split.primary.stroke.active": "870910860f35944e9f36d20b2ba0fe7f83e8e093",
-      "click.button.split.primary.stroke.disabled": "26cfa63b24f9631f596380cdb614288051712cfc",
-      "click.button.split.secondary.divide.default": "f6c5bf5462a8395350e916e8d387dabfce6a2848",
-      "click.button.split.secondary.divide.hover": "fe6f59725b6bf92d7186861356463ed01026d555",
-      "click.button.split.secondary.divide.active": "70ba398cb93b360653c9be5c7c040a461669fbe6",
-      "click.button.split.secondary.divide.disabled": "aaa49bd7c9b4ff6eeec3e5acc8489d3ea82a8f68",
-      "click.button.split.secondary.background.main.default": "95b09ad32a110ae9214b04ec227a556c2906b912",
-      "click.button.split.secondary.background.main.hover": "4b6c7f648a8a71bf6ef68f1a04e67e7ba2cb6a38",
-      "click.button.split.secondary.background.main.active": "5ad47bdd14399d76e0d24aade680e2a47fd770da",
-      "click.button.split.secondary.background.main.disabled": "94843c44d3b5573c0eb6ddcbff7468b245cd692e",
-      "click.button.split.secondary.background.action.default": "4fb544715eb66b1a669658d632b1016337c68897",
-      "click.button.split.secondary.background.action.hover": "165c6158ade1cfe60365e7b68c7fbd16d69e8f73",
-      "click.button.split.secondary.background.action.active": "99db31b90bbf36169dfec3b35fe6373b05f3f3df",
-      "click.button.split.secondary.background.action.disabled": "62ae0ddd4c7d871d8c644bf1d7beb75843a4ce72",
-      "click.button.split.secondary.text.default": "6261c8c4b351867465a6aa283af419897e3bc4c5",
-      "click.button.split.secondary.text.hover": "c873c0689cb73391207fced7345853fbefea7bcd",
-      "click.button.split.secondary.text.active": "89565066303eb644258236214a0a8bc9d87e89ca",
-      "click.button.split.secondary.text.disabled": "0877d10c67b56d4710b5f3c9f7641eaedca480ca",
-      "click.button.split.secondary.stroke.default": "b133a79c3256ad8818567ebd2fcf1afd61fc0d73",
-      "click.button.split.secondary.stroke.hover": "191319d9bd14f3b2b9b74d229cfbce9a102ec462",
-      "click.button.split.secondary.stroke.active": "4d946181880324e3b539238feee0c0f82a1cc8bc",
-      "click.button.split.secondary.stroke.disabled": "d103472b16d84869eddb5ee97435ab4c8f2d14a3",
-      "click.button.iconButton.color.primary.background.default": "be60ac2b26202f7e4ecd9dfe340ec2286095d1ac",
-      "click.button.iconButton.color.primary.background.hover": "e7a84746d0941677ac097430a2baa877ac4f008d",
-      "click.button.iconButton.color.primary.background.active": "ab6d0e3800688345405b55a2c4f6fb2be8ec3088",
-      "click.button.iconButton.color.primary.stroke.default": "d33577e2ba2f31a2c73a67abc0153c27b4fffadc",
-      "click.button.iconButton.color.primary.stroke.hover": "01680fea9fe1bafb0c1581008e12f9eb34dfa0e5",
-      "click.button.iconButton.color.primary.stroke.active": "40439ba57aa103bb5bc83d789cf4549425e11508",
-      "click.button.iconButton.color.primary.text.default": "e3e326505123b6fbcd56cdc2a4861340968bb745",
-      "click.button.iconButton.color.primary.text.hover": "a5191e65608f7b79d106ca3246191daa4de95923",
-      "click.button.iconButton.color.primary.text.active": "0e4d1d7dbb99558e178f22a822e26a0c63360535",
-      "click.button.iconButton.color.secondary.background.default": "c3c2c970623e44fb69a9c8908898dd8abcaf6066",
-      "click.button.iconButton.color.secondary.background.hover": "e6c6395b7fc4a3a05835c60f912b9853f86da8f2",
-      "click.button.iconButton.color.secondary.background.active": "73c861f98245d67bf5747fdca2f2f20f6ce1ef40",
-      "click.button.iconButton.color.secondary.stroke.default": "d45ffb618af0de9ad98692df039b329c38a49e3b",
-      "click.button.iconButton.color.secondary.stroke.hover": "9ad8edd2e88e35baa9463982575b35d79a70538d",
-      "click.button.iconButton.color.secondary.stroke.active": "fcace5d01d7e5997ed78f6c914d8de20d1e140ec",
-      "click.button.iconButton.color.secondary.text.default": "257c427bea4dbcec8ed08d5b73f5ba249c9c5ba0",
-      "click.button.iconButton.color.secondary.text.hover": "f0bff74a048be6861077a3cac00df4da9a106883",
-      "click.button.iconButton.color.secondary.text.active": "3f6ad2c141bcd8628312241fbeb2aae3f4cdabe1",
-      "click.button.iconButton.color.disabled.background.default": "a083196019b6d267bafa3532e4f9025d24780910",
-      "click.button.iconButton.color.disabled.text.default": "9913f509814b38668f3f7aea422356b165c40e61",
-      "click.button.iconButton.color.danger.background.default": "734636d83d8604d6be9821cd1e56225cbe631ddd",
-      "click.button.iconButton.color.danger.background.hover": "d31adc1c4df4545e29a86ebc32cbb663855359c3",
-      "click.button.iconButton.color.danger.background.active": "c7afbf0d291102f7cd27aefd21cec0258ccb9258",
-      "click.button.iconButton.color.danger.text.default": "f6f8309111c0ea83747f54e158476ace0922941e",
-      "click.button.iconButton.color.danger.text.hover": "f2823bb5c3bd84ffffd2cf55b3027a02f1058f37",
-      "click.button.iconButton.color.danger.text.active": "ad88649eb07fc78203910ad4f0a9b2779f4d80cd",
-      "click.button.iconButton.color.danger.stroke.default": "e017844f8b74a9aeccf3c13782d2b986494aac0a",
-      "click.button.iconButton.color.danger.stroke.hover": "3e482d1f714a0d717f160a0c4356db80f772a9f8",
-      "click.button.iconButton.color.danger.stroke.active": "9940d9a6157d68f66cfb0d985aa9697d80823fca",
-      "click.button.iconButton.color.ghost.background.default": "8569e0fdae85520a759ab9bbbfc9648de6a779c1",
-      "click.button.iconButton.color.ghost.background.hover": "6d10b653212b9bc5b87bcf7917f87767f4bb62f2",
-      "click.button.iconButton.color.ghost.background.active": "e58179f682ea642e70dcf1ddd45aac3c1a3359e9",
-      "click.button.iconButton.color.ghost.stroke.default": "c8688eeb5598485464c077878aa64156643a9d1b",
-      "click.button.iconButton.color.ghost.stroke.hover": "8d2f7eda026671f9c5c9930b3485b287bef57ef6",
-      "click.button.iconButton.color.ghost.stroke.active": "5b4219b4c6208f639e3399f3f188bda9d1dc3495",
-      "click.button.iconButton.color.ghost.text.default": "def9080c468172d53aa321458ac6d6d55f256aa1",
-      "click.button.iconButton.color.ghost.text.hover": "36716fcaf4e70d5626d47176f9037eb52c19fb7b",
-      "click.button.iconButton.color.ghost.text.active": "938823c0b79a0b41d62a2933c8fc8270514602ca",
-      "click.button.iconButton.color.info.background.default": "5ecc45e633aba832877437e316cf8b82ca6ab4d0",
-      "click.button.iconButton.color.info.background.hover": "b3ddd182c8b69c013820e96990c42a2e34a8eaf3",
-      "click.button.iconButton.color.info.background.active": "46780ae8d5198b0df8c9654079ffc71fdfc12e32",
-      "click.button.iconButton.color.info.text.default": "550b0375fae7db47869d00eb6ba0db8b5bb9d09c",
-      "click.button.iconButton.color.info.text.hover": "a73d2c64928c91784c1c46a6343b37aeee22c022",
-      "click.button.iconButton.color.info.text.active": "d2c681f58948b3551e76fffb25ac6bc20c3bbcb7",
-      "click.button.iconButton.color.info.stroke.default": "d65d9be30665fa3f95e16252bc92857df576cd02",
-      "click.button.iconButton.color.info.stroke.hover": "fc230ede7354dd9e5e70a0d761d9c36e86b2ed96",
-      "click.button.iconButton.color.info.stroke.active": "bebc138fbc04ce6b2f1bfa29d28158cc836ea82a",
-      "click.button.alignedLeft.color.background.default": "c05d5d7e024d0c4807c11bf3085512dcfbfd34e7",
-      "click.button.alignedLeft.color.background.hover": "9906fe4fb7340a7dc9ebfe6869e3e124bb2d3099",
-      "click.button.alignedLeft.color.background.active": "bebfd239c24fa7e589644802eb1e5dd2e1e94c14",
-      "click.button.alignedLeft.color.stroke.default": "857007fb9d19b653755458754823302d38b86e10",
-      "click.button.alignedLeft.color.stroke.hover": "956a891328fceff006958a4a6fb2025151f4e633",
-      "click.button.alignedLeft.color.stroke.active": "f092365f5a2d366394141ee84050f1eae4a9e03d",
-      "click.button.alignedLeft.color.text.default": "5b49fcc5ee017dceacb0b55a7ed58f57f11d2fcf",
-      "click.button.alignedLeft.color.text.hover": "077c65f408be164a51ff81afb3ddea59e4bb27b5",
-      "click.button.alignedLeft.color.text.active": "122bce9303ab55fc53caef5dbe75b056165ea01d",
-      "click.button.group.color.background.default": "749387b12c1d64a7cb03bd857ec5161d8b30409c",
-      "click.button.group.color.background.hover": "3d4d93cec426ac132c50354ffb713615be37cc65",
-      "click.button.group.color.background.active": "44237d0f6f72b69cfda6dd77aa5a3f8d2fc03a7f",
-      "click.button.group.color.background.disabled": "edcb52b1a69c9b1eaaaae5b55d6cefca4327be06",
-      "click.button.group.color.background.disabled-active": "f223e4b6d48652697f977e2bb4f18e10ee15b67d",
-      "click.button.group.color.background.panel": "100c95a7f9f25425cce2003c8538eb6755ad3a96",
-      "click.button.group.color.text.default": "937b248127301e5a6104f1a46b3b094be7faa11c",
-      "click.button.group.color.text.hover": "ced553a602ae31024c6f56d5c4ef90d27fa5f94a",
-      "click.button.group.color.text.active": "7288c319e0c0f43185c1c22db58dd5ba94f017b8",
-      "click.button.group.color.text.disabled": "7b0d77b7cc21a06fe1838934e75e0a9a22dae7ae",
-      "click.button.group.color.text.disabled-active": "47c909347d707aaa0c068ea6835332236c75408e",
-      "click.button.group.color.stroke.default": "53d4a49844925c5638de8474a943859030580e0f",
-      "click.button.group.color.stroke.hover": "2bd058bec1c0acf155d9173325325f27250182de",
-      "click.button.group.color.stroke.active": "1bdb7357384883d1bdaa419e3452d5a25ddff1ee",
-      "click.button.group.color.stroke.disabled": "223d0d48aadece1bfae47abc09fca1f74ea55fc9",
-      "click.button.group.color.stroke.disabled-active": "3f1bb26ad95e001225686485eb52f787cc97c596",
-      "click.button.group.color.stroke.panel": "b547676972a675977fd48cc55960981a60ea6bac",
-      "click.button.group.color.panel.stroke.default": "a5ea53473701b4e30cec021d69061db6d3737adf",
-      "click.button.group.color.panel.stroke.borderless": "293937828891ac3f74ff8bfa154094edff9f9e7d",
-      "click.card.primary.color.background.default": "d2d5e222da0bf0e5d513fe13ac352583cdd1f202",
-      "click.card.primary.color.background.hover": "f7bda9db628a4cdba6c074299143721e84cb8ce5",
-      "click.card.primary.color.background.active": "d26bcad3fde2536273c57740591b9f100cd56e6e",
-      "click.card.primary.color.background.disabled": "a972b3b433481f15629f7b7cba0b69aeb4e63487",
-      "click.card.primary.color.title.default": "c944c5713705a0070421e8c54c6aa9eadbfc39b8",
-      "click.card.primary.color.title.hover": "9d60627b770296f0727fb218290c789bcc99f82c",
-      "click.card.primary.color.title.active": "2cc36ed7fd7f224ccff24498f6f887f647a640c4",
-      "click.card.primary.color.title.disabled": "114085351bd0c865890c92bdfff7e969607a2eb3",
-      "click.card.primary.color.description.default": "bf7ca2e8fa4f447ea800792e8ca0a9ceac0c5d9a",
-      "click.card.primary.color.description.hover": "97d859d35b474a99428efe0293794f8507d9fd52",
-      "click.card.primary.color.description.active": "b885fef74e5bddb58420cd2ea9adf30878dd3ba1",
-      "click.card.primary.color.description.disabled": "c6399fc7e9f07d278974f84a1553d467c018fee9",
-      "click.card.primary.color.stroke.default": "a90baeb09b1411efe579d11b20a8bf8235cadff5",
-      "click.card.primary.color.stroke.hover": "8beb1f625692d430c685500985e9415e3cb7f16a",
-      "click.card.primary.color.stroke.active": "551244ccea15f7c516e4bcdbbd4bd29519a08336",
-      "click.card.primary.color.stroke.disabled": "2a3a0596b096baab1d89c6c41a98506ca0c5dc1b",
-      "click.card.secondary.color.background.default": "7af537997994763ba02f5799a4399f1104a2c3cb",
-      "click.card.secondary.color.background.hover": "b4bc44149aade99d971937f21ea4dec59c75c719",
-      "click.card.secondary.color.background.active": "ed13a50e5daaab52ecfab065284fea8a8d3d129f",
-      "click.card.secondary.color.background.disabled": "944bb1cb592b11f8b67cb3b630d2490cbc24cc3c",
-      "click.card.secondary.color.title.default": "97c3833fe373e08876e69b26b6578bc3c6664a74",
-      "click.card.secondary.color.title.hover": "f0dcd765b57c98cf2b594a4f59267043de498c14",
-      "click.card.secondary.color.title.active": "0e2cad6bb15135f9abc714e427f12656e716f071",
-      "click.card.secondary.color.title.disabled": "7703aad160eb0b3952a0ccbd7ab5672ab9342be7",
-      "click.card.secondary.color.description.default": "3f5983b6aab778de4f480ff878c0b980fe06ce63",
-      "click.card.secondary.color.description.hover": "7e8a02d6aa0ddc48b05b7425a4235db766422845",
-      "click.card.secondary.color.description.active": "9393d692b2e17956405200f859a02c0e30943321",
-      "click.card.secondary.color.description.disabled": "da3a2ffa3b409c5389597a14112beadbb058df45",
-      "click.card.secondary.color.link.default": "99635de85ac2ecb2dba1be0e1cda946e0e053871",
-      "click.card.secondary.color.link.hover": "bd59c18991091683eefdd81ef2aac8e3cbc1166f",
-      "click.card.secondary.color.link.active": "daf1e41c02b25031ab7496d20ba080659387c919",
-      "click.card.secondary.color.link.disabled": "2015ebde3233098f0037c2a0b5a1564fa9c6cd81",
-      "click.card.secondary.color.stroke.default": "8bc8ba20b93c35e252ea4391c7cbc37d41e94bcb",
-      "click.card.secondary.color.stroke.hover": "c2deb9c2cbda77662c00cb17906232680be786ec",
-      "click.card.secondary.color.stroke.active": "cc78c232b1dfe083336a6eaf700d907468f9d187",
-      "click.card.secondary.color.stroke.disabled": "a77e4b59180f71fbadc232fb77010bbc7367e5d3",
-      "click.card.horizontal.default.color.background.default": "8e03383005698b7bb32b777e000fc16dc315ebf6",
-      "click.card.horizontal.default.color.background.hover": "ff838f61966306dfb4fdb58ce7aea00329c8fed1",
-      "click.card.horizontal.default.color.background.active": "5511df4b944629b0e12b084be43e94081e8efab9",
-      "click.card.horizontal.default.color.background.disabled": "4d032e2f8ce79026268acdb8efbd38ee43852f45",
-      "click.card.horizontal.default.color.title.default": "f914b04e2a85faad532cd80af9a959e1ed8c335d",
-      "click.card.horizontal.default.color.title.hover": "2df072aa30f846c8bb6b065fad71ca8d493dd575",
-      "click.card.horizontal.default.color.title.active": "86186d6e8debb3ecff91a479d5d36228839d7504",
-      "click.card.horizontal.default.color.title.disabled": "e130459119f91aac44bb3d0236461b9dde9190ea",
-      "click.card.horizontal.default.color.description.default": "3bd19a263d69fdd9ac9ce6002e5c5a2f57364cdb",
-      "click.card.horizontal.default.color.description.hover": "e91156b1954f6ddb6c9b049b9078b0d91001537d",
-      "click.card.horizontal.default.color.description.active": "4e5d1dede7611da2a805c20436a234e5809fdde6",
-      "click.card.horizontal.default.color.description.disabled": "1ed164f1f296c4f829db8a7635c114e66af8b8d7",
-      "click.card.horizontal.default.color.stroke.default": "62e3f1c2d2fa11f3580520dbdf8613be4d6fb751",
-      "click.card.horizontal.default.color.stroke.hover": "5d64be00f74d3fa5abaa025df7d4fbcbc9d4c352",
-      "click.card.horizontal.default.color.stroke.active": "94d875be329d362f5390b78623dfa45b6accbe3e",
-      "click.card.horizontal.default.color.stroke.disabled": "615c6f8a37d18923de43a0a850b38187968adf14",
-      "click.card.horizontal.muted.color.background.default": "11c405b1e8b1b6ac7d5980a6486e6875999c84d9",
-      "click.card.horizontal.muted.color.background.hover": "b753ab3f88c61c82206789b5ac77e43d25b22f61",
-      "click.card.horizontal.muted.color.background.active": "dd50ef42ba08664e9a4910006db79f7454651135",
-      "click.card.horizontal.muted.color.background.disabled": "8b2a93c79a37c78a08752242ced755d9362e4153",
-      "click.card.horizontal.muted.color.title.default": "7d819d67635c15d876b7b4657ad4ddc33469d954",
-      "click.card.horizontal.muted.color.title.hover": "9c1cf5e8b0b6247a835575dbf67fdd84eda140ac",
-      "click.card.horizontal.muted.color.title.active": "7f7a4f3ac466da991c8422eb24a30a4585f39dd7",
-      "click.card.horizontal.muted.color.title.disabled": "340dd7aa3e599486ea33e6bebfd1f088e6731fda",
-      "click.card.horizontal.muted.color.description.default": "f623901d61220e2cb31949c51487b40e4903709e",
-      "click.card.horizontal.muted.color.description.hover": "42dc2afa3ebe441c37339eea770fe27c7bee613e",
-      "click.card.horizontal.muted.color.description.active": "e57e0a097a3ac86575f9c9394d37666caa2fffe7",
-      "click.card.horizontal.muted.color.description.disabled": "5d229219c1343036bad9fcf0c65eb157a3ea55fb",
-      "click.card.horizontal.muted.color.stroke.default": "918e645ae8d6faa2fd69792aaf91cc4de15a938a",
-      "click.card.horizontal.muted.color.stroke.hover": "419c9d411b8920e3ab0df4a28022057b4faa92e0",
-      "click.card.horizontal.muted.color.stroke.active": "821732a55b8b0626252e07e2a5ea83b710e96b23",
-      "click.card.horizontal.muted.color.stroke.disabled": "bb34ffe3143b0894663c2aacddc15c254a0808e4",
-      "click.card.promotion.color.background.default": "b530ad73b827653ee2e6f4cad81b9e3fb5cf5583",
-      "click.card.promotion.color.background.hover": "d61fd07eb7b9cab0552185f24ba31c5518d14139",
-      "click.card.promotion.color.background.active": "9c9f9fd10126516f13912597163b308be983fdc4",
-      "click.card.promotion.color.icon.default": "d1e267ee1afa4be96837d1e76cd69225adbdf307",
-      "click.card.promotion.color.icon.hover": "c5e0addf2e53022748c95b5ae8123dd5c5748877",
-      "click.card.promotion.color.icon.active": "ca74f6a1e0815551084d256d82a322fc55701722",
-      "click.card.promotion.color.stroke.focus": "a88619cd43b38708edacb79ce70cc00d026ec307",
-      "click.card.promotion.color.text.default": "393f1eac845eb5ab1094f4e428d18ece1661835a",
-      "click.card.promotion.color.text.hover": "4fc9004779e702e7e44cb6475e27d6d05250c67b",
-      "click.card.promotion.color.text.active": "0f37a54047825b5ae7b6921955103139574886a5",
-      "click.checkbox.color.variations.default.background.default": "8fbe3e965da4f03ea45214b636670a95364fb768",
-      "click.checkbox.color.variations.default.background.hover": "615132a7c784dfabcff79be968d0f25131c8215a",
-      "click.checkbox.color.variations.default.background.active": "e642afbd030d09365471d7f03c83190ff5192c42",
-      "click.checkbox.color.variations.default.background.disabled": "f20f078a4ceddd42090da5f4affd4d03d30a2f62",
-      "click.checkbox.color.variations.default.stroke.default": "cfeac080bcb01653066a22a6e28f5746ae2f9edb",
-      "click.checkbox.color.variations.default.stroke.hover": "1e95e0c2f00087a7f77e7f8b7603ebe8e320a3ec",
-      "click.checkbox.color.variations.default.stroke.active": "3b178889b3bbd88c4d16cc7403969c5f52b2e7c2",
-      "click.checkbox.color.variations.default.stroke.disabled": "af10f35dd0bc71d0ecf768e81a3f204345190283",
-      "click.checkbox.color.variations.default.check.default": "91eb5f9f49730ce02392a38cdf87be6ef390b371",
-      "click.checkbox.color.variations.default.check.hover": "8ac32e6e4b0c57657011dbf12bbbf901eff65344",
-      "click.checkbox.color.variations.default.check.active": "6c56fcd642e96b9b3b43b8373d12e9563dbe8dc1",
-      "click.checkbox.color.variations.default.check.disabled": "1a9ecb74210f04402cfa18ec5036818417efcfa2",
-      "click.checkbox.color.variations.var1.background.default": "ba850c651c1e132e13f15ff039806fe84dc35bbf",
-      "click.checkbox.color.variations.var1.background.hover": "de4be35a3be104edc93a06e9ff7b27601ddb501d",
-      "click.checkbox.color.variations.var1.background.active": "14f0dc687cb79ea9c2615599bfa4886b23862b46",
-      "click.checkbox.color.variations.var1.background.disabled": "07784ef6b57ace52472772cfc5ad3fcbdb47d8d7",
-      "click.checkbox.color.variations.var1.stroke.default": "e2a288e2adf400b23823dd9e3ea91bd8c649dc6a",
-      "click.checkbox.color.variations.var1.stroke.hover": "bcc298d3e843a1470b4588a70bc4b1269cee8b49",
-      "click.checkbox.color.variations.var1.stroke.active": "243367fee3a45db1f0d9627da00145c1015b6176",
-      "click.checkbox.color.variations.var1.stroke.disabled": "baaee934137e98a13f3b18655351202fa760328d",
-      "click.checkbox.color.variations.var1.check.default": "21afed0f35c91a925f9d1ec865603b1f7bb3d25e",
-      "click.checkbox.color.variations.var1.check.hover": "9c011a3b635c9cfac2bcc1a931602139ff0882d0",
-      "click.checkbox.color.variations.var1.check.active": "8d162d387f3656f8b9fa6aa712338ab0a505254b",
-      "click.checkbox.color.variations.var1.check.disabled": "997ab5fe30596a466c4d508b41d022516ba3f017",
-      "click.checkbox.color.variations.var2.background.default": "769bf107ceeb89819b452e5175fdfa2899f30b58",
-      "click.checkbox.color.variations.var2.background.hover": "ac2bb2127a6f66495de8627c58f56a80986111ee",
-      "click.checkbox.color.variations.var2.background.active": "8d7360063c865f9f9ecaa93c9c98d93f54d4f6b1",
-      "click.checkbox.color.variations.var2.background.disabled": "649bd0c8b8d538006a19508e76a6308eeb612afc",
-      "click.checkbox.color.variations.var2.stroke.default": "020be9a0ba0fa3b35f90271354c3388a7f6a3c9a",
-      "click.checkbox.color.variations.var2.stroke.hover": "c224dd0205618ac0d866b7d8fc697e873fb88ef8",
-      "click.checkbox.color.variations.var2.stroke.active": "6630551441562bfbf9849da2e3e38ae278408f53",
-      "click.checkbox.color.variations.var2.stroke.disabled": "6305dc452292d7e14d9af1710fe6bf03aba134a9",
-      "click.checkbox.color.variations.var2.check.default": "8f47b59f813f0d30fa4afa7c6fa4c13fd8dd7b14",
-      "click.checkbox.color.variations.var2.check.hover": "6579cc408e934889dde01807afd03d177aba0631",
-      "click.checkbox.color.variations.var2.check.active": "68c463aafab472b7f25e5498ca14c093b3023435",
-      "click.checkbox.color.variations.var2.check.disabled": "2d428ba08b2a815a3084955bc3c5776c803f5d18",
-      "click.checkbox.color.variations.var3.background.default": "c87282bc64c0e53aeb4cdb723f5e1d7387d44835",
-      "click.checkbox.color.variations.var3.background.hover": "a820eda82b9ff86e425da6925e20447b1b1213d4",
-      "click.checkbox.color.variations.var3.background.active": "de578b6a4210e0c28dbb9d1aed0af6e27e0abaa0",
-      "click.checkbox.color.variations.var3.background.disabled": "81e6802e76605b21cc33320b1f7384b2099ebbe3",
-      "click.checkbox.color.variations.var3.stroke.default": "eb410fe2db18f689e4c6facd6e44360277f2771e",
-      "click.checkbox.color.variations.var3.stroke.hover": "288566a82dcb37476bb906db4293676a3ab8f5bc",
-      "click.checkbox.color.variations.var3.stroke.active": "b47fd29413e8742d7c5b069369bbe7d55bdb8792",
-      "click.checkbox.color.variations.var3.stroke.disabled": "94f75de74631b0da3cf06f4c24dca4e3769027cd",
-      "click.checkbox.color.variations.var3.check.default": "5bcfb24eef79863be1659c11e3a7585e416be177",
-      "click.checkbox.color.variations.var3.check.hover": "55c537edf0aaadb325b366c46d45128284ce11e8",
-      "click.checkbox.color.variations.var3.check.active": "19e20404c63b958dae539a86d5a5782a9836b6f1",
-      "click.checkbox.color.variations.var3.check.disabled": "c595ce67bc3fadb6b678a8ec42815c1838a18efe",
-      "click.checkbox.color.variations.var4.background.default": "073233d832f8b1352c2abe5dde17f3f5bdf71d81",
-      "click.checkbox.color.variations.var4.background.hover": "b52c6bd38440000719037adece078761bfcbfbec",
-      "click.checkbox.color.variations.var4.background.active": "5386b876eb360585af989147546b51193b473c67",
-      "click.checkbox.color.variations.var4.background.disabled": "dd46e1abc8a77bbdf7ae19309ef75b37844cabbf",
-      "click.checkbox.color.variations.var4.stroke.default": "f4e3025f8556cfa8426af302fbdffcbd000d4093",
-      "click.checkbox.color.variations.var4.stroke.hover": "3dfb8ae10af100d540459d4489f9b675ea486227",
-      "click.checkbox.color.variations.var4.stroke.active": "98b4dbeda930b54a5a8f8d6ad2f19c5fb171f54c",
-      "click.checkbox.color.variations.var4.stroke.disabled": "d819a95d938d68477822a6c6a1608ae65047f9ca",
-      "click.checkbox.color.variations.var4.check.default": "84bcfe812e385e26adc3a1620297481df91644e9",
-      "click.checkbox.color.variations.var4.check.hover": "3695697a8fff11d5790b1fdec5c7575d9c90afa1",
-      "click.checkbox.color.variations.var4.check.active": "c7afedfc2df632311c585f560f05406b709416cc",
-      "click.checkbox.color.variations.var4.check.disabled": "51b36d9b96390180381ce582b41bb9ec5463d600",
-      "click.checkbox.color.variations.var5.background.default": "db54318f617cedcc6f07a8827c563f2b82487652",
-      "click.checkbox.color.variations.var5.background.hover": "e688b194ea077ea852872d9df5328c32a2027030",
-      "click.checkbox.color.variations.var5.background.active": "854e3e4a9b805063a1ff2ce6fc9892299ce165a8",
-      "click.checkbox.color.variations.var5.background.disabled": "b0e4eb72f59ff9ec49362ea235b7631efd353acc",
-      "click.checkbox.color.variations.var5.stroke.default": "a6f43ae35031d340c9aa16a8d0066287621edf13",
-      "click.checkbox.color.variations.var5.stroke.hover": "928cd2e8f50bec38952879db39ce5ab19c99e7e2",
-      "click.checkbox.color.variations.var5.stroke.active": "4e4a6f86e218a221ef5428ddf8c04ac84b6d38c7",
-      "click.checkbox.color.variations.var5.stroke.disabled": "f115f066575b0d4d24fa664b0a9a576e2bfec1d8",
-      "click.checkbox.color.variations.var5.check.default": "65bb8f1308e76e22fec9eea9353137614a4a48a0",
-      "click.checkbox.color.variations.var5.check.hover": "7c62c5749d67209890d9d57990cf169d2f0302b4",
-      "click.checkbox.color.variations.var5.check.active": "35e86b8fc40474c25a6dbea94b1d655abfe8d573",
-      "click.checkbox.color.variations.var5.check.disabled": "a675dcab4af224eb139af8869732354e49c952f7",
-      "click.checkbox.color.variations.var6.background.default": "04517d62982edb1c916615e6767de58705941dca",
-      "click.checkbox.color.variations.var6.background.hover": "96dd08d64929a0cfcf220eabddf3e5e93394f4cf",
-      "click.checkbox.color.variations.var6.background.active": "ba02755a1ffa52a4e65e3f9a8f2d93b3e0248fa2",
-      "click.checkbox.color.variations.var6.background.disabled": "9c2b8565521e90ecf386e5a6ada13b2808c39073",
-      "click.checkbox.color.variations.var6.stroke.default": "dd99e5dc958e1b4381165bf6071a0e48f2417454",
-      "click.checkbox.color.variations.var6.stroke.hover": "c594bbecb23dea962d708f2b75cc0a6b5640d03e",
-      "click.checkbox.color.variations.var6.stroke.active": "ed10e3544052d319f5e6a7d95dfdd4475c760882",
-      "click.checkbox.color.variations.var6.stroke.disabled": "859b7d89af8d56c93f59188245b66ae8299f620b",
-      "click.checkbox.color.variations.var6.check.default": "28d5501b0c15c337ee6e71d355e5ab2700bbf1d2",
-      "click.checkbox.color.variations.var6.check.hover": "e5c0c705913d7710126535dfd3ab2b356060e848",
-      "click.checkbox.color.variations.var6.check.active": "e0ca92aaf7a65e50ab645c733fa861a7d246f8fd",
-      "click.checkbox.color.variations.var6.check.disabled": "3cddf09374142d6814186315cae7a209bf1e2cba",
-      "click.checkbox.color.check.default": "d4eaf9de76c577ebd0b437b4e8023fbafc0c41c9",
-      "click.checkbox.color.check.hover": "ca844bc234d5797cabd7084e77a4a7fd9f02bf85",
-      "click.checkbox.color.check.active": "350a294b069249cbeacb757ba76ab92d6112d557",
-      "click.checkbox.color.check.disabled": "f560085cd1348b3af366e342780be1b35532da1d",
-      "click.checkbox.color.background.default": "6d2cdf35959574d52cee34abc9cd7ee3c6ecb250",
-      "click.checkbox.color.background.hover": "7ab6199cc66a4965414e89ef55737ef2e6dca6d8",
-      "click.checkbox.color.background.active": "438673b4c5cc683d9d48c918ac1207256505fc3a",
-      "click.checkbox.color.background.disabled": "9ee6cc7f7aacea78306aad7272764f7b32f0069f",
-      "click.checkbox.color.stroke.default": "4883486912a982fa600289e4b82f617466d0b4df",
-      "click.checkbox.color.stroke.hover": "987cdc0dba172da579c3d835f28a3a750d666866",
-      "click.checkbox.color.stroke.active": "e064cd60fdeb283e3f74a617b381888e8a48b7ee",
-      "click.checkbox.color.stroke.disabled": "4d03d6e40def59eda0b9b1f5c756285790c7326e",
-      "click.codeblock.darkMode.color.background.default": "83fe8655d330d72c6ef19f06ce01e8d66ebe382d",
-      "click.codeblock.darkMode.color.text.default": "0cd227db97c1140899c00f7f91f73a66ec992442",
-      "click.codeblock.darkMode.color.numbers.default": "30dbce90970efa34eb4e21e8d2b0dae648a1a149",
-      "click.codeblock.darkMode.color.button.background.default": "d2eff1f64f44434387baa5b0e3fbf50c1f28886f",
-      "click.codeblock.darkMode.color.button.background.hover": "3f43d12c265b974fb8464a6b96bb66a54482ca5c",
-      "click.codeblock.darkMode.color.button.foreground.default": "4d91a74b2801edfed2d2258c8e8ca93118739e65",
-      "click.codeblock.darkMode.color.stroke.default": "e08bc468997c5b086cddd2a20283c3cfc38d317e",
-      "click.codeblock.lightMode.color.background.default": "12a5307257add599285abd9b72d8e119d768a396",
-      "click.codeblock.lightMode.color.text.default": "fad88d0832b151a9074db530aaeef75d4a4ac519",
-      "click.codeblock.lightMode.color.numbers.default": "35c47c4c8e10b585f07d29fd05b2b85d0f5566e9",
-      "click.codeblock.lightMode.color.button.background.default": "2b9c54952805c19b0325cc79924f948e7f929722",
-      "click.codeblock.lightMode.color.button.background.hover": "c23fd806ea40c311d649dec3ca2a85134fbe5be1",
-      "click.codeblock.lightMode.color.button.foreground.default": "2b46814043a66cf2f2ed73e6d9ccb21e26b299a0",
-      "click.codeblock.lightMode.color.stroke.default": "3d5524f2123ca5ddb4ea00c4574ba4bbe874e87e",
-      "click.codeblock.monacoTheme.parameter.foreground": "c6f5b8baaba1869e3f221b7426bb4ecc4bb053b9",
-      "click.codeblock.monacoTheme.parameter.background": "f407b792d60742b0c20287b47e095035cb2310f5",
-      "click.codeInline.color.background.default": "7bd9a23431ffbd24a4a1af44548cf19e66319d17",
-      "click.codeInline.color.text.default": "40efbf5f840652187e11036756f33ad304fe4187",
-      "click.codeInline.color.stroke.default": "c0a4576ba3de8fe7da890c97557d7a03faa609b6",
-      "click.dialog.color.background.default": "873f0b92e65d0a6f9bcd76f1c6c42f8d909a73a0",
-      "click.dialog.color.title.default": "645a34cad544a7a43d81a0d6a530dae8de8eb377",
-      "click.dialog.color.description.default": "9e63ccad89015d51ea493ac7a76ff6cd3b5437cf",
-      "click.dialog.color.opaqueBackground.default": "9c3aab04eb96bf1f67b320fe1d9e7339505c3923",
-      "click.feedback.color.info.background": "65957010f55320c2832808263f7ea784d7d1f76f",
-      "click.feedback.color.info.foreground": "c751ed14bd9a7283d7da6599ca0b0fc1d3e8b12b",
-      "click.feedback.color.success.background": "d79b0fed6a032e4c453ecd344b938d43522a7cd6",
-      "click.feedback.color.success.foreground": "42829cf475da0b95442022b6d5bfc3906ddfd6d7",
-      "click.feedback.color.warning.background": "8c427864f084a2a8da45f5642de7366a3c5eae2e",
-      "click.feedback.color.warning.foreground": "df9fa00a9f5a0d340c501b2105ec9de40d663591",
-      "click.feedback.color.danger.background": "0b416f5bd772c2876392e6babd28ea5ced2b7380",
-      "click.feedback.color.danger.foreground": "3c6c604af2580ae9d24f8f5ae7a993816668297c",
-      "click.feedback.color.neutral.background": "5e105037e3d09ccbfe83413d2e721db09d0a116a",
-      "click.feedback.color.neutral.foreground": "5d008cab273e6baf1c701eff9f49f169511ab6c8",
-      "click.feedback.color.neutral.stroke": "1b551e03ea2075525452a575952a8b6997ebe54e",
-      "click.field.color.genericLabel.default": "0ee3dac9a1239775803ffe49e5129214d56922b8",
-      "click.field.color.genericLabel.hover": "df7ed9e4b69f88ea870aa94ca28860edd80436a3",
-      "click.field.color.genericLabel.active": "119a2c2c5ccd7dc86ca11cc14856261ebd10b8ed",
-      "click.field.color.genericLabel.disabled": "34a8616150425362f5e57dfe0fccf9f1b51e8e04",
-      "click.field.color.background.default": "a309a014d8e877535c5263708dff2a8e29eb4f5c",
-      "click.field.color.background.hover": "32cf729d9c696906969c1947f1f7b90907bfeb6c",
-      "click.field.color.background.active": "2f0e7a121ef08f24339a11ee2cdf1477c8ae5909",
-      "click.field.color.background.disabled": "7c4d01d8de54be7ffeb6b71edec071c0d7416811",
-      "click.field.color.background.error": "34ee880539bb03e26c806e37e8268bc2afa79b37",
-      "click.field.color.text.default": "0d28f7f5af2a7ebefeb31305ce6cd8ff9bf7ce0a",
-      "click.field.color.text.hover": "7cf5166f419715bbfe8bfed2df46d91e58a244e7",
-      "click.field.color.text.active": "47968532109d0d93a24675cbbeaa813babccfa53",
-      "click.field.color.text.disabled": "98d1198fb3db189b8a6ba079f8851fbf30c18df9",
-      "click.field.color.text.error": "2adb72dec39bd4f940038f5d769b2ec863181ebc",
-      "click.field.color.stroke.default": "94c832ba65660788162784377e18ba835b1325a0",
-      "click.field.color.stroke.hover": "62e431afeee728c7cab9433f5f1f2a8fb626ffc9",
-      "click.field.color.stroke.active": "5ba84024a9c7cfbf797a140b8d3379c368cd4d2b",
-      "click.field.color.stroke.disabled": "0951409fdcceef101fd91628d3dfddd53cb5cb1d",
-      "click.field.color.stroke.error": "106ae22a99dabff9842511f2f8d95bf886ab865f",
-      "click.field.color.label.default": "3e8c457e5541adf9b09e188d4939d6b96e221f6f",
-      "click.field.color.label.hover": "f58e08f18990f32925a49a4f8b8769a64999773b",
-      "click.field.color.label.active": "096ccf60061b2ee14087d177594b48c6023fe5c2",
-      "click.field.color.label.disabled": "7b64ecf69b13e8e814ce16ef238fd3b860b3dd29",
-      "click.field.color.label.error": "a16458b9af972e515850ad0c61a0bac0a137b430",
-      "click.field.color.placeholder.default": "bd283e9e552ccdd864eb1001953bee3817bf9525",
-      "click.field.color.placeholder.disabled": "4fab60382d60a76ac777f5e8c5279200f0e8e08d",
-      "click.field.color.format.default": "bce4ea18d677720117cfeb2d930b8c5902195c4b",
-      "click.field.color.format.hover": "4a263a042b3773203527c06dc5548cd47b6596b5",
-      "click.field.color.format.active": "0b73dda393e19e4fd2e26894ce8ed8384c86f8f9",
-      "click.field.color.format.disabled": "7cf42027be24c8df65613ac3c411270a6bce54a6",
-      "click.field.color.format.error": "c45fa42ad7f99b47e0f1a4c0e0719c7cd70ff17d",
-      "click.flyout.color.background.default": "2f8f54ae075f25f07cc9a812885cf1ae3733afdd",
-      "click.flyout.color.title.default": "be58bbc2203eecd6b9f6ca98498f955dad2c6be2",
-      "click.flyout.color.description.default": "e86813fa8c6f30fca76c32f36a36700e89015c7d",
-      "click.flyout.color.stroke.default": "fee004265f43bb72f2c18af68914333751939d6d",
-      "click.genericMenu.item.color.default.text.default": "7030ca3035a2b6ac4bfe2b912005780ef4d9f9d9",
-      "click.genericMenu.item.color.default.text.hover": "181cc9dbb07266b4b87ad6fa372c78d1573b6651",
-      "click.genericMenu.item.color.default.text.active": "d8597d236e460cbb4b81147d7793be2c42f2b45e",
-      "click.genericMenu.item.color.default.text.disabled": "173e71a54f266da65fd67f49cd7cddad73859c66",
-      "click.genericMenu.item.color.default.text.muted": "8740ecd9ff3280561a1e105057b3406162d12ac0",
-      "click.genericMenu.item.color.default.background.default": "c20e65077ec7236497225b927c29cdb1e860877c",
-      "click.genericMenu.item.color.default.background.hover": "093659ec43f83f510ff8784689209f8e81cb6cd6",
-      "click.genericMenu.item.color.default.background.active": "e68d4e6eb7a21797566e75c9ca193c8ad77ef7cc",
-      "click.genericMenu.item.color.default.background.disabled": "58e16ad035a5d0a97e93608922b6f1764dbe3133",
-      "click.genericMenu.item.color.default.stroke.default": "3550e29e54f3c67aac67c893654ebe6b62f18b87",
-      "click.genericMenu.item.color.format.default": "d87ef9a5dc41885b141d063e778b51d5b25fb539",
-      "click.genericMenu.item.color.format.hover": "c556e3d5a61a954e1e10bebe6257b999ca5beafa",
-      "click.genericMenu.item.color.format.active": "649dc4b02e3c900c30da1e0ed79c555fbae2fa5a",
-      "click.genericMenu.item.color.format.disabled": "39e2a6d3db7d9122897199d46ea49bc1c90d9d43",
-      "click.genericMenu.item.color.subtext.default": "c4c105a6b9415b9a04b2c6473fe4f580f38e78a4",
-      "click.genericMenu.item.color.subtext.hover": "4b792c7a286fed35deb807418d394fb359d3795a",
-      "click.genericMenu.item.color.subtext.active": "cb7fe82dc8c7a971c41d901bed6d3a77e6b14758",
-      "click.genericMenu.item.color.subtext.disabled": "01aca8967cac22d590b21c3b42defaa7818e9f58",
-      "click.genericMenu.item.color.danger.text.default": "e9be60cf20883a65fb87144c3d726eeb57b34f96",
-      "click.genericMenu.item.color.danger.text.hover": "d47e859a7becf06b5103bbdeb40e291fc9f0381f",
-      "click.genericMenu.item.color.danger.text.active": "4a0f1e190f52c5cc8bd43319ccec8ed181b89f03",
-      "click.genericMenu.item.color.danger.text.disabled": "01eb9b538c3a331854d6a2de202c2be746d61799",
-      "click.genericMenu.item.color.danger.background.default": "b6841dee61f854f74ecc554167c464efa6b746df",
-      "click.genericMenu.item.color.danger.background.hover": "77c29ea06d2dbe9175584a93435a59246c9aa970",
-      "click.genericMenu.item.color.danger.background.active": "448922e50f9304482e94c3665da41831d10ff23d",
-      "click.genericMenu.item.color.danger.background.disabled": "527c8ed40e5835277d0a2a9f12f48d3fd0569132",
-      "click.genericMenu.button.color.background.default": "0df43a97938b35a7a39ebe53e4eb3d175f8b7ea7",
-      "click.genericMenu.button.color.label.default": "4b8383cae83d16f66d044c761ee55e46695bf56a",
-      "click.genericMenu.button.color.stroke.default": "7897edadccb160b01b0c92f8dd28e027a28cc9f7",
-      "click.genericMenu.panel.color.background.default": "2f7103bb01e13efa09c5cd77740c487fc3b2bcd6",
-      "click.genericMenu.panel.color.stroke.default": "c5b26d1cb7d83779c11508db2eb571296232056f",
-      "click.genericMenu.autocomplete.color.placeholder.default": "6fdf1a046e0bbe8fc84dc9b395ba12364bd1effc",
-      "click.genericMenu.autocomplete.color.searchTerm.default": "b137ee3fcb4f1bdefa972edd39549231fc0b74c7",
-      "click.genericMenu.autocomplete.color.background.default": "993b3775640876cedc35c925969fee01bfd1ab34",
-      "click.genericMenu.autocomplete.color.stroke.default": "4272af2474d1d208a7d631e5f3a14d7e188e628d",
-      "click.grid.header.cell.color.background.default": "055ee875cabbaab7112c79fe22f971e72bdfced6",
-      "click.grid.header.cell.color.background.selectIndirect": "c23eb7adca6cde3e2d8829fe264036dfedef3c61",
-      "click.grid.header.cell.color.background.selectDirect": "68f0a51fe1cf1b23a4e70db6d9c8267a1be59b7f",
-      "click.grid.header.cell.color.title.default": "acbc7f0568f9cd11521901d8122973c23ac11e73",
-      "click.grid.header.cell.color.title.selectIndirect": "6901407796e0a8a333abf3612b5c900638a29eeb",
-      "click.grid.header.cell.color.title.selectDirect": "01f18c087ac191b82c4e3b85f0b98a254e75667f",
-      "click.grid.header.cell.color.stroke.default": "8dc6a0216fb32caf34f11016e99f302264058f85",
-      "click.grid.header.cell.color.stroke.selectIndirect": "28b69b3dc8f9893fed022cf847c518397760e902",
-      "click.grid.header.cell.color.stroke.selectDirect": "105986a9f8a4d05928b8c2788d1bdcd129d86f64",
-      "click.grid.body.cell.color.background.default": "31c99df7f8659551298456fcedc0e220fdce7ae4",
-      "click.grid.body.cell.color.background.selectIndirect": "6ddd2c8006d8940ee78e0131586d18c2627ebb47",
-      "click.grid.body.cell.color.background.selectDirect": "c6b1c77038ea60211e40de349ba7ab26a58d7ad9",
-      "click.grid.body.cell.color.stroke.default": "382959301d4f77223c33d771a27e9a8da413bdd1",
-      "click.grid.body.cell.color.stroke.selectIndirect": "78b5675bc35e0e6c8a53b1e9a51a57be06680f49",
-      "click.grid.body.cell.color.stroke.selectDirect": "8d70c2bab09e6c27573e84e4a71e5aa70c37343b",
-      "click.grid.body.cell.color.text.default": "d3738fe87a8b0e785b7a3451a59688a7941e1cae",
-      "click.grid.body.cell.color.text.selectIndirect": "c98a911177fb6ea903869f113e90445805204b83",
-      "click.grid.body.cell.color.text.selectDirect": "c544e664085cb032f5ef68a72f7e429b4efeaadf",
-      "click.grid.global.color.stroke.default": "f2d14df1ee698239fd5923ed998d11d692925423",
-      "click.grid.global.color.background.default": "cf77b81e16306597d9c4b563f1aeb7c014ff8bd7",
-      "click.image.color.stroke": "fa8290ce1e432cbf468ae1587f3d99805ab88058",
-      "click.panel.color.background.default": "08683c1d5bb2b500f51432c452bc4ef3c01a3c54",
-      "click.panel.color.background.muted": "d9462eb85410d846c57fd5fd9edb2418343313df",
-      "click.panel.color.background.transparent": "e5ea79284302bd9c543bf541cfafc921fa5760bd",
-      "click.panel.color.stroke.default": "d9342fbd3dca33fc9b1a7053a7de30e516a89f23",
-      "click.popover.color.panel.background.default": "eeec18e31bddabd7e7196f12cb1a0373131d6eb5",
-      "click.popover.color.panel.stroke.default": "6f4713cb4add274756be804c64aa83a789808db2",
-      "click.radio.color.background.default": "1d301e8f500d0c7518cdfceb7302a8f0211bdd9c",
-      "click.radio.color.background.hover": "4fe60fdee0bf24476ed4c9b8fb1c6517e764c9ac",
-      "click.radio.color.background.active": "e60c49c851f6ea1d2fa6cc42dee57cb979b42804",
-      "click.radio.color.background.disabled": "2741c22597b181b68889076d07226b704bb18619",
-      "click.radio.color.stroke.default": "ce904cf294aa0125b11ae093427ea6a812d331ee",
-      "click.radio.color.stroke.hover": "3add0c79edbffc300b69a4fb47d7de750b0fe165",
-      "click.radio.color.stroke.active": "d0585f5bd8114b7491b03a633f946f2c0ce94235",
-      "click.radio.color.stroke.disabled": "9fe6756ef328a6238285c11165e45c66b9e5fd64",
-      "click.radio.color.indicator.default": "161e43a7293b11995a4b387df2947daff0ce8eb9",
-      "click.radio.color.indicator.hover": "e7fc98b8ae121cc2dd820675ed5ad48707d1612e",
-      "click.radio.color.indicator.active": "c3b8a43210e2c1f8f146688923092188ccd4bb87",
-      "click.radio.color.indicator.disabled": "98ac2138fd07f74e577bf2eb5ea65b3f383e797f",
-      "click.separator.color.stroke.default": "832090ad897d7ac4b69e8890a19dc1f82ead0420",
-      "click.sidebar.main.color.background.default": "df8ab888e40e0dda6f4ef1e5261601c8a77e90a3",
-      "click.sidebar.main.color.text.default": "c2ce19e9ad9a8c7aee2f3cf5427b7186d9a2f22e",
-      "click.sidebar.main.color.text.muted": "5dbac19ababecf795006a3a02d663c58ba67e2b3",
-      "click.sidebar.main.color.stroke.default": "00afb24b3f2348a76c9d5f6e4e6ec2c2880c54ba",
-      "click.sidebar.main.navigation.item.color.background.default": "f8ed69a96b70cb8809be3b6f41443d1880523d8f",
-      "click.sidebar.main.navigation.item.color.background.hover": "ca34863cbdeb3c784d62594fec9668c6e89e9437",
-      "click.sidebar.main.navigation.item.color.background.active": "0e4d4b0e5bc8ea0071438e8130e5266e24fdcf17",
-      "click.sidebar.main.navigation.item.color.text.default": "e6045dfdd40f32b9045edb27b39058d88bd62f77",
-      "click.sidebar.main.navigation.item.color.text.hover": "2bd2de02c580cf3627bfec89541eefa11117c430",
-      "click.sidebar.main.navigation.item.color.text.active": "23ca32de59d63b74de3160779a50028774f41532",
-      "click.sidebar.main.navigation.item.color.text.muted": "27fbbd63fb052ef032fdb9e6dce33b6ed45c2111",
-      "click.sidebar.main.navigation.item.color.text.disabled": "3af5a41521b93650087fa0b0143cf014ea2d7530",
-      "click.sidebar.main.navigation.item.color.icon.default": "e11242b8d39783140eb6cf59923e16fae68d204f",
-      "click.sidebar.main.navigation.item.color.icon.disabled": "49d052c03d00128f48ec401cbde9d48ecc2168e9",
-      "click.sidebar.main.navigation.title.color.default": "0e976698fb51906b549382d670bea417ba7412ec",
-      "click.sidebar.main.navigation.title.color.hover": "f336e769c1e3297ca4d41293fcd7fe1e0a8cb1c7",
-      "click.sidebar.main.navigation.title.color.active": "e5faa2bf9ebea5e50754405e29a7ff6369d03d3d",
-      "click.sidebar.main.navigation.subItem.color.text.default": "15f65049ecf6fe35080c620d34e11fbbd4a31874",
-      "click.sidebar.main.navigation.subItem.color.text.hover": "7309d14b242f77f83c4a9cf0e76ab4020c654f52",
-      "click.sidebar.main.navigation.subItem.color.text.active": "8991899b114ce9997b468be18065692cccb28b6d",
-      "click.sidebar.main.navigation.subItem.color.text.disabled": "ef4b91b08ad745b3c92ac420a1446e2a6838c99d",
-      "click.sidebar.main.navigation.subItem.color.background.default": "f8cbcf0187f6a3b064a21661d34be362e63d81b6",
-      "click.sidebar.main.navigation.subItem.color.background.hover": "e9ce88502a19fe2ce2ccd88ea33e0a690738ca81",
-      "click.sidebar.main.navigation.subItem.color.background.active": "2ebb303802ce8e9d14cbdc568c730e5b5dc723db",
-      "click.sidebar.main.navigation.subItem.color.background.disabled": "0b454f0d87ec4a5d0ca28173f2c0a989e4bf472c",
-      "click.sidebar.main.navigation.dragControl.separator.color.default": "d0377ddbf12a1906f3654d46bb18166260b190cf",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.disabled": "64ed721cabfcef6a7595d30296aa989ffb5bdb91",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.default": "c674a3e07a74fd4b8eb726e8452c0d7eb63c144f",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.hover": "1bae54c47fe14b8634be321e452b6ef410ca1b31",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.active": "aedadc312f432cb09c0d41d98c3164fcf5b3477b",
-      "click.sidebar.sqlSidebar.navigation.item.color.text.muted": "7e96932ca7fb6bd4dadb3357cb104fe143a01c32",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.default": "6e47afb96454cefd10b54f0db380241a3503d3a2",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.hover": "b05daf24384ccfdfbb226ba6ab0602a40e59e5ca",
-      "click.sidebar.sqlSidebar.navigation.item.color.background.active": "211f36582f3b3536d7caa66a9e898f1cb92793a1",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.default": "6f63df43b7562ab005969c95a3401143dc4b129b",
-      "click.sidebar.sqlSidebar.navigation.title.color.default": "b7ff61ec68abc84c95f3d8c786d740fdea61bbde",
-      "click.sidebar.sqlSidebar.navigation.title.color.hover": "3ffb2c282a625b088830d1666780cd26bfe16a38",
-      "click.sidebar.sqlSidebar.navigation.title.color.active": "3dd3e6abd3a5ad54a3baeab2bfb4ee777e479c13",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.default": "289db996fcb087c7e2f5cca0366e2869bcba57ef",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.hover": "c95abf444792f8db9a7599c81490039f738346d7",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.active": "798b5a4f05c288c3e55f871563e18848850fb18d",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.text.disabled": "197a523cd5356c9b070d577e3e9df369533f0c13",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.default": "b0f740e4caef99634da143d815ebc2d3ad80707f",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.hover": "46edfd3aad5addc66d7bd00a300e9c9124f501d5",
-      "click.sidebar.sqlSidebar.navigation.subItem.color.background.active": "f7318818fbb8585490191ebcaec1f573ff4f3022",
-      "click.sidebar.sqlSidebar.navigation.dragControl.separator.color.default": "fa87a05f62700b9362e80e1f2ba151165e4f7415",
-      "click.sidebar.sqlSidebar.color.background.default": "ff7d87b0b15a93967ccce10cb211fa485e4bac4d",
-      "click.sidebar.sqlSidebar.color.stroke.default": "7f2967e1c67e0f93123a608824a7b5b23922fed4",
-      "click.stepper.vertical.numbered.step.color.stroke.incomplete": "a41def042d8391f5e004ec8ca079e93707a2d7a1",
-      "click.stepper.vertical.numbered.step.color.stroke.complete": "414a1d7188d01362d35f8b725f2fc0753cd04926",
-      "click.stepper.vertical.numbered.step.color.stroke.active": "936478dc90a8c94110de3ae3f4f2e40f3b91766e",
-      "click.stepper.vertical.numbered.step.color.background.incomplete": "97765da1dd5913b715d698e1e6f6a301807baf72",
-      "click.stepper.vertical.numbered.step.color.background.complete": "e7eba8c1488c6e1a677743e564c7cb9a39952bdf",
-      "click.stepper.vertical.numbered.step.color.background.active": "7a5c6f8cae0afcf4691de2877cc53f840d58ad0c",
-      "click.stepper.vertical.numbered.step.color.icon.incomplete": "38bdc4356f313ba6ac6bc61279fdc87944c8ef94",
-      "click.stepper.vertical.numbered.step.color.icon.complete": "a2bf9dd11c9ea73b765d86886c70df4628d88f1e",
-      "click.stepper.vertical.numbered.step.color.icon.active": "01e2a522101792716cdaaa810c1d4d181624f234",
-      "click.stepper.vertical.numbered.connector.color.stroke.incomplete": "8e35c5cab160808cc8d0f42bf547e118be5888e9",
-      "click.stepper.vertical.numbered.connector.color.stroke.complete": "d5694c8c2f755ebd0d618d961133d6aef208da7b",
-      "click.stepper.vertical.numbered.connector.color.stroke.active": "f5eb072a2d28f6ec1c6b07ad554f6df34a03c564",
-      "click.stepper.vertical.numbered.color.title.incomplete": "84c3fbaddf95d15cfc67dc5ac19dd7b06cdce580",
-      "click.stepper.vertical.numbered.color.title.complete": "56c9f65b0e63554d50ff9148a5fa04eae8fde741",
-      "click.stepper.vertical.numbered.color.title.active": "4834dcb6fab51bd8d19791ffd65d09776388ee68",
-      "click.stepper.vertical.bulleted.step.color.stroke.incomplete": "95f815f8f28864e42c859ea1e5b7925e6aea69ba",
-      "click.stepper.vertical.bulleted.step.color.stroke.complete": "d5c3f2b835836644370360efb8cd6a30dfff2bab",
-      "click.stepper.vertical.bulleted.step.color.stroke.active": "ead14fb7f710d001c42842c4487d188934c8f873",
-      "click.stepper.vertical.bulleted.step.color.background.incomplete": "d419c9747b0421c1c09643ad68236789a868ebb5",
-      "click.stepper.vertical.bulleted.step.color.background.complete": "0e6f561c090ae576e6ee521acac9905137a5acea",
-      "click.stepper.vertical.bulleted.step.color.background.active": "4017c2549b2e6895c990e89b1a4bde2d766f814f",
-      "click.stepper.vertical.bulleted.step.color.icon.incomplete": "32def0e64a9192a92f4e3b6fbef28a4a02c7fb8e",
-      "click.stepper.vertical.bulleted.step.color.icon.complete": "26727ab699d5154be9a27438d6ed2480321a1265",
-      "click.stepper.vertical.bulleted.step.color.icon.active": "21950001e723a96dd4695ba0954906eb520984d7",
-      "click.stepper.vertical.bulleted.connector.color.stroke.incomplete": "fd7cca5f18f10e88757fb959cbc7a58b7018a18f",
-      "click.stepper.vertical.bulleted.connector.color.stroke.complete": "59c741ac9a660c03c4fd85c345683f7528005ad3",
-      "click.stepper.vertical.bulleted.connector.color.stroke.active": "29092d376fd68f32d5d37132e4615a9489e4014b",
-      "click.stepper.vertical.bulleted.color.title.incomplete": "c171507739f46493b9733c76ddb005e427f735b7",
-      "click.stepper.vertical.bulleted.color.title.complete": "18a17a01b437d44a50e0f691fea92d1ffc044bc1",
-      "click.stepper.vertical.bulleted.color.title.active": "dd64e0755c9aaaaa2689b8d0da851076dcd4142c",
-      "click.storybook.global.background": "a01591c3531a3913e5d72a5e3d2547edcab5f375",
-      "click.switch.color.background.default": "5532bc58066e2da727528bd1b472f2d3c6e7a1e3",
-      "click.switch.color.background.active": "ce1dbb0aa2f04b6180851b6628f7e4da330b37d5",
-      "click.switch.color.background.disabled": "de1eac9dc1b95025b535ac381acf2a7e56ec6e95",
-      "click.switch.color.stroke.default": "9fea031cf3d253aab7c7b2c84fabac1f9d7de11e",
-      "click.switch.color.stroke.active": "77c6e8ffbeb536ccc804db24977e9a004d01a631",
-      "click.switch.color.stroke.disabled": "506f737194bc42e70402faad796b1ca59170f773",
-      "click.switch.color.indicator.default": "e90189eb488ff82eadf3faae43aebb31ea3c3511",
-      "click.switch.color.indicator.active": "ccefe8c996427b13707f3bce47ab999512bbae12",
-      "click.switch.color.indicator.disabled": "3dcecc1bb8d626890d4d7aa7d15a149c5000767e",
-      "click.table.header.color.background.default": "91004571442695a81d2f48480c6a7e693774213b",
-      "click.table.header.color.background.hover": "2f5e4aa43df704acb428b1bc63285a4d390cf4ad",
-      "click.table.header.color.background.active": "21958390a2644ece90ed4fe943b1301af04178bf",
-      "click.table.header.color.title.default": "9dc0d73c9da0833350f2abbf5516d0a86f751a40",
-      "click.table.header.color.icon.default": "f345c86068c4ba177e87d0bccd8b46edead9a52c",
-      "click.table.header.color.checkbox.background.default": "529a492ca7f3c2cb0612f8af138a3891d2aeb45d",
-      "click.table.header.color.checkbox.border.default": "dca2cea9e3d5389ef81666ca46a1fb584adf8dfc",
-      "click.table.row.color.background.default": "6b478b83b95ec1f6dac73c54175894fb8dfd6032",
-      "click.table.row.color.background.hover": "2d248f2b91b3bb2fedf00a453b03bda87cbc8ffe",
-      "click.table.row.color.background.active": "cdb8ff5f9bd0304cf3ab040fd9b8205d350bd77f",
-      "click.table.row.color.stroke.default": "5b01198b2844f1f7f721292578581ac861c042a9",
-      "click.table.row.color.text.default": "9033041efac1818013f1a5f9bc551e4e17c8ad68",
-      "click.table.row.color.text.disabled": "c57d628005d11de59e56d70a53038df8f59f7b1f",
-      "click.table.row.color.link.default": "110d2abf5d8f4623a822905da57ab00046e5b487",
-      "click.table.row.color.label.default": "fd5ae303a0427dca573cb1dc7341742ecdfdc08b",
-      "click.table.row.color.barChart.default": "96ea3420c4e6eb512f3a559061db184545cff11c",
-      "click.table.row.color.barChart.hover": "168358eea55c384923a132035f862aa2c8de3868",
-      "click.table.global.color.stroke.default": "cf41d305f55b9b57ac80aa2fe630c8d4a657aba2",
-      "click.table.global.color.background.default": "7431cc0070e85f0a823c3e36cd54ebd355e0bc45",
-      "click.tabs.basic.color.background.default": "4be26575ff5e365b7e7585af01ac5d950afeb801",
-      "click.tabs.basic.color.background.hover": "d1a8c4cec04d3146282b3fce3dc297f9e1e2f297",
-      "click.tabs.basic.color.background.active": "3c2083c0ecb961d72dcf322c70491dc9fab6aafe",
-      "click.tabs.basic.color.text.default": "de493928aae2b347f1b8e500d5a27f59f658d6c6",
-      "click.tabs.basic.color.text.hover": "f97ed12f2bb77d52b84bb2f94ae2261c6e2c43b0",
-      "click.tabs.basic.color.text.active": "25ee48aff708e3facca2465b2e9f7c679a5df999",
-      "click.tabs.basic.color.stroke.default": "cbc0e8f95950d7e796f5ee6cb5f1530e5129f67a",
-      "click.tabs.basic.color.stroke.hover": "a36d3671b826a249b70c3d9f6d57d601774b5d7a",
-      "click.tabs.basic.color.stroke.active": "252afbdeccddbbb97c8a14b487a06c05db8b1eb3",
-      "click.tabs.basic.color.global.default": "da655c1977256c20211124f1254cbe181504cf53",
-      "click.tabs.fileTabs.color.background.default": "44b864209b47b1c0f1f80e77138041a5cd8c4384",
-      "click.tabs.fileTabs.color.background.hover": "8c84dd6babbe9a44ef56bc6a4e35dede57360178",
-      "click.tabs.fileTabs.color.background.active": "b9c4177310a47a3d1028d9aed6ea50e2b33039c9",
-      "click.tabs.fileTabs.color.text.default": "07a103422486ef9d3598f48cad2ed421bbbbae1e",
-      "click.tabs.fileTabs.color.text.hover": "339e52d31c07b9f7e5420352da16885241bc330b",
-      "click.tabs.fileTabs.color.text.active": "7c2845c7eb0aa5936a8e7819670948c21e9a38f6",
-      "click.tabs.fileTabs.color.stroke.default": "ab58bd9d4075d896e13ac8195e8ee350a3642fdf",
-      "click.tabs.fileTabs.color.stroke.hover": "d8d668716833e3762a17b09c09e8c030822be9bb",
-      "click.tabs.fileTabs.color.stroke.active": "058bd0a65943802da69840b8d62e16c0d9472ec9",
-      "click.tabs.fileTabs.color.closeButton.background.default": "4cb021f1cfd775d36445ea61e1a55cf1eff83cfb",
-      "click.tabs.fileTabs.color.closeButton.background.hover": "a569ed701e042558acfd81aabf4e7b86633571e1",
-      "click.tooltip.color.background.default": "c24315b66f416ff4041c90a81f13c0faf10c1fc9",
-      "click.tooltip.color.label.default": "5d1b54eed134d657df36f16192cada7582be6ac8",
-      "click.toast.color.title.default": "5d57d65fc9d38671e8b22114bb10ea27e3b5aa17",
-      "click.toast.color.description.default": "7c9b98622b78eaecc718c263ec32a51f177236c8",
-      "click.toast.color.stroke.default": "369191327c3c4aee0642010a2785d495a52c0cff",
-      "click.toast.color.icon.default": "897d773db17803135cd3196fe5ad3042a98b1ee5",
-      "click.toast.color.icon.success": "6911aec32cff083665a7cd84846327fa4330c45a",
-      "click.toast.color.icon.warning": "cab01bd57404184e0d0669c6c98c2f372cdcac18",
-      "click.toast.color.icon.danger": "6039194237fef54725ea64d4592a1078502436a1",
-      "click.chart.color.default.blue": "bcc0003faaf29943a1561c6f1b33645954d074d1",
-      "click.chart.color.default.orange": "ddb43546ff03926e41e7f4779f61ae31e5bb87ef",
-      "click.chart.color.default.green": "fa8a840f620976faaea91806b46ce1a2d121d55a",
-      "click.chart.color.default.fuchsia": "76f105f1e84efefc1f3e83b858e39fe4d770528f",
-      "click.chart.color.default.yellow": "e277ce7a8e9600c9ea84700d9ca2af0c44294692",
-      "click.chart.color.default.violet": "3c187125775da4d73d731e0a97d749d89fa76d6a",
-      "click.chart.color.default.babyblue": "65260c39a72b76e461d391c81c4c1a8421751e4d",
-      "click.chart.color.default.red": "3dac6ee3a2bc5e193ec0eb428ee3087366474aac",
-      "click.chart.color.default.teal": "376c9f0e72477541618de83e881c564299d1fe02",
-      "click.chart.color.default.sunrise": "cde378e7d06b7b8d646a2d5d0d5a297e38c0e28c",
-      "click.chart.color.default.slate": "11cb4e43b3fffa6435c3030c4a9ab04a1a0b7985",
-      "click.chart.color.label.default": "8325b4dd766e5c513d1992ddd44846f3bd1be83d",
-      "click.chart.color.label.deselected": "f23c9ec16d3eb70c45ec7bc8a1180ed5532795d1",
-      "click.chart.bars.color.blue": "5eca2508fe22568cce120b1d2fbe665392f6a4b6",
-      "click.chart.bars.color.orange": "8dac26321ea10e9e9abb8ee24080ccc8b1f70cad",
-      "click.chart.bars.color.green": "530551953b56905a228f720d8268f645ae1a43e1",
-      "click.chart.bars.color.fuchsia": "3326f77dd2fb0fe47b4ae3d406e80888a9533283",
-      "click.chart.bars.color.yellow": "9f6e26905e7f56b0b69d314f95aa6bd6670381f9",
-      "click.chart.bars.color.violet": "aa6dc43f0afe904bae7c2c92f508339b635b2135",
-      "click.chart.bars.color.babyblue": "467653cd208db1d55dc733eab689d64d79aa3240",
-      "click.chart.bars.color.red": "4497477e447e1a7beca38f3f297cf0f82e061ad3",
-      "click.chart.bars.color.teal": "372324351ff9e95080b8d5873d146920f4862683",
-      "click.chart.bars.color.sunrise": "ac1a2d889cb282457f7578810da2df3878bf7e53",
-      "click.chart.bars.color.slate": "cd00d0a059adb3102fcd8bb713f5579aaeed1217",
-      "click.icon.color.background.default": "8ed1b8fe59fc6935f773350d9a927f27abdee20a",
-      "click.icon.color.background.success": "bba94778619e49b9e8c9605da9cb9017b3e9b0c9",
-      "click.icon.color.background.neutral": "3a81325e093bccaf030e144ab11bc73a0e2e4632",
-      "click.icon.color.background.danger": "9d5583b118ea0a16cdd2f1b9babf95d7e1495e66",
-      "click.icon.color.background.info": "eac6fc8fe0c2ae2b761679b68f43ecd9e9ab34a8",
-      "click.icon.color.background.warning": "50b6d970bbda7d93525095679cc63d993b5976f2",
-      "click.icon.color.text.default": "493a09d8bb6270ea70f5cac598d4b7955c691fd1",
-      "click.icon.color.text.success": "7b649e9ac134a93ee2dbcf8d9ab4d961a35c8dbb",
-      "click.icon.color.text.neutral": "d2df8214a20804bbac4275566512601c4c98516f",
-      "click.icon.color.text.danger": "1c713787419c196d7b087f462ba00b2c0eddff6b",
-      "click.icon.color.text.info": "8e496d0212e4ed271ef2129e5c263f8bdeb1b28c",
-      "click.icon.color.text.warning": "73c793cc4ee77777aed432a16f93139a604c7097",
-      "click.icon.color.stroke.default": "a4f86124e1cc82625d3c7b2f27e73fd2693f063b",
-      "click.icon.color.stroke.success": "3836e31c0e56b0841e2ec5b61ec6d580c29f2b7f",
-      "click.icon.color.stroke.neutral": "8ffd015eb9eb173464aaccec3fed6762967e8ec7",
-      "click.icon.color.stroke.danger": "41584efbc1844ed78fc77ea7ffc529c30d8226bc",
-      "click.icon.color.stroke.info": "9e3f5c0350898f9d15b9324f9719b0383170d717",
-      "click.icon.color.stroke.warning": "96c9c125cc1ba3cd164ccdea804e329bf6d2889a",
-      "click.datePicker.color.title.default": "9e700a610e6875af03e5e4082daf74e03f10762e",
-      "click.datePicker.color.daytitle.default": "c2fb78e59abe7338797a4ba1f7707497afc53e6d",
-      "click.datePicker.dateOption.color.label.default": "ebba65cb972bb380abd505316de1d537d69122b5",
-      "click.datePicker.dateOption.color.label.hover": "e8aeb903acc53670b721771fee7cea625b9ecba0",
-      "click.datePicker.dateOption.color.label.active": "cb8d4f378f3a481a444b8c597894872e4c4cd712",
-      "click.datePicker.dateOption.color.label.disabled": "b2565aadbee626e7f4adb6fa674e09027b63c150",
-      "click.datePicker.dateOption.color.label.range": "acaf18b8eaae7aa5dfb68e836c471bd8a31d41e6",
-      "click.datePicker.dateOption.color.background.default": "8a8fb2a1e9bb4f69bc720643baed1901289ed499",
-      "click.datePicker.dateOption.color.background.hover": "2cdfddeb5fda80966504b68112c77295323bcfd2",
-      "click.datePicker.dateOption.color.background.active": "37255879cffba069b2016abbf8d67dd3050e93c7",
-      "click.datePicker.dateOption.color.background.disabled": "c7faff56f6eea132be87c5d61fe1c7f37842ca9a",
-      "click.datePicker.dateOption.color.background.range": "d4542961080da88db2ff247349868a84ba8c355b",
-      "click.datePicker.dateOption.color.stroke.default": "07e63021374124df9cc5d29d0ea6538e3714afeb",
-      "click.datePicker.dateOption.color.stroke.hover": "2a62d9643161595e4425eabbce979d10aa5e90c4",
-      "click.datePicker.dateOption.color.stroke.active": "47644837360da4a096e5b237d44ac2d18fad29ae",
-      "click.datePicker.dateOption.color.stroke.disabled": "cd8c62ee5ea80c4f3fa9df8ecad0ecf05cf56a6d",
-      "click.datePicker.dateOption.color.stroke.range": "c5bcc3caa29b0b7ce84fc914baa140cf57a706d6",
-      "click.serviceCard.color.background.default": "970aa29adc65de305d9182338d6e54d027a444fa",
-      "click.serviceCard.color.background.hover": "8a88f578ec5dce98c1e5f96e74bf6df226d0375e",
-      "click.serviceCard.color.stroke.default": "c3eb91e00bf47c3db2a7ca41ad240e0bf4d9ed85",
-      "click.serviceCard.color.stroke.hover": "36bc9e43e7e903a6d3e7aba7b3371e8fa4ad9ea5",
-      "click.fileUpload.color.background.default": "70ffecfdcd8d0b3d220e4172b809649f26f265ee",
-      "click.fileUpload.color.background.hover": "714ee969eb873ab1d3355652090e93d808501a67",
-      "click.fileUpload.color.background.active": "94a8b016d33e985339314365ac2d32832a93fd90",
-      "click.fileUpload.color.background.error": "5838b8a0dba2176e37f8d39f67f9a667d7d91da0",
-      "click.fileUpload.color.stroke.default": "e3533feb1bf4a73bf475d9c5debb6024091e3d60",
-      "click.fileUpload.color.stroke.hover": "ae3fb64e81bf79982e81cee407d76c82a67a7daa",
-      "click.fileUpload.color.stroke.active": "69517b2e1cf6c43f22d2eef71ff1019f4cfd6a48",
-      "click.fileUpload.color.stroke.error": "051edf620c9ffcafcaad53ba3bd4603f7db47fa4",
-      "click.fileUpload.color.title.default": "cad3aabfc1f31bb85603c1ff4b3fd0134ab686c4",
-      "click.fileUpload.color.title.hover": "5aabe8514b15c99b56f4b9357647e71a97ce6a18",
-      "click.fileUpload.color.title.active": "0ef26117765cb1169b6631ea6fa3c3a7a76f994b",
-      "click.fileUpload.color.title.error": "432ac04d939b1a2baf71403575ec4f38085afda5",
-      "click.fileUpload.color.description.default": "812493c9f7b5edf78039b44e2fc24464a5ccb872",
-      "click.fileUpload.color.description.hover": "80643f4650946bdf8728569415fc9d5c7e500e45",
-      "click.fileUpload.color.description.active": "cae7a557c395ad714b56b75cc62a100d070ada8c",
-      "click.fileUpload.color.description.error": "4ccf765216241459f6ac9199720ef221f669ee15",
-      "click.fileUpload.sm.color.icon.default": "d08c11fe30d5769433c0f900c1b194d07b41e312",
-      "click.fileUpload.md.color.icon.default": "2686034a95601f639310b37ffa91d757cc1ed67e",
-      "click.dashboards.chartWidget.color.background.default": "792bf95f3e18279ad0b9aa7099f78278f11ac67b",
-      "click.dashboards.chartWidget.color.background.hover": "7535112c8c34910bfb6ddf9a579ef01723861e05",
-      "click.dashboards.chartWidget.color.background.selected": "e23d7a823468f56b1cc4b1a8cf57fd55b7fdd128",
-      "click.dashboards.chartWidget.color.stroke.default": "898e7893bd52164afca58ae7a07af298d628a2fb",
-      "click.dashboards.chartWidget.color.stroke.hover": "caff359abac446e7ba96bcb65c1b0ab866c2d75d",
-      "click.dashboards.chartWidget.color.stroke.selected": "9c7278fe64be173cc4a8f1604063021d6483e7b5",
-      "click.dashboards.chartWidget.color.title.default": "8c7a9c33a6e5609381a47d1551f2aaf4f33d5771",
-      "click.dashboards.chartWidget.color.description.default": "2dfd2f9b4311aa6836d6c083e2fd5c158029ad0f",
-      "click.dashboards.chartWidget.color.legend.default": "7e4515cd86f4ae89bfdea7d0e12ed7681193bb31",
-      "click.dashboards.chartWidget.color.legend.hover": "b0cea216e89315a9ef0c3e61971a51563bbcbb51",
-      "click.dashboards.chartWidget.color.legend.selected": "130a59e6dc3717961ba3fde092f6f5b56b1d75fa",
-      "click.dashboards.chartWidget.color.element.stroke.default": "37a223e8582a36680cf34fb9a39775006ed73041",
-      "click.dashboards.chartWidget.color.icon.default": "46b9a6ca3342865b18258711d1a40f392764fed6",
-      "click.dashboards.chartWidget.color.icon.hover": "3fff68309efb56ffb355a2b39f8ef725e1546272",
-      "click.dashboards.chartWidget.color.icon.selected": "7db9913e7e14d25f6791ef6f5f38be7db985e3f8",
-      "click.dashboards.chartWidget.color.opacity.bar.default": "8f7752bbc710781319eabc3461895d51e0c5d7d5",
-      "click.dashboards.chartWidget.color.opacity.bar.hover": "c379500b3bc2d7a10ece3ddb463eda529e25f677",
-      "click.dashboards.chartWidget.color.label.default": "1c4b029b68fb168c997f3877670363d36d090cc8",
-      "click.dashboards.chartWidget.color.label.hover": "c1d11b8b7f4fd7d7f4f74143af8bf51081b332a7",
-      "click.dashboards.chartWidget.color.label.selected": "e166698d86ac744f94e83743ca4209356cf160b8",
-      "global.color.background.default": "594e768d57b29d63cd54a549d4b981b8ba3bb766",
-      "global.color.background.muted": "2d3a1f0aaa61c33ef6a21f5bdcf8dca25d4f9559",
-      "global.color.background.sidebar": "152f4910c8fd00b376f2746e71ffb39e50b799ff",
-      "global.color.background.split": "f6b76595c03980b61141bb353a59adc0e7300bb1",
-      "global.color.stroke.default": "99a0e9c0cebf230fd0e6b1bf32794c2960c91d26",
-      "global.color.stroke.muted": "0a4fd7bcee41ee73da01c6fbaade00192074b580",
-      "global.color.stroke.intense": "f14e72b2c4a93749cffe6c7b8799f0f682e02f86",
-      "global.color.stroke.split": "c78bf97b57cc27eec1c02bd6054ee050e60422d6",
-      "global.color.accent.default": "425241f1d0b7976c880ff2ef1dc98062cc126148",
-      "global.color.text.default": "cc1f8126aaad606498995b25186b16e130632cae",
-      "global.color.text.muted": "e78363abeb5c58ce8973c1955e36e835cd86eedd",
-      "global.color.text.disabled": "c3c2a8963e2b2e9291502f450c6f08c390f75751",
-      "global.color.text.link.default": "be4785a3ebb900e4da80512e2c2840b26b1a78f6",
-      "global.color.text.link.hover": "1a6699d7941572acb791be2f08120bfa699c4e8c",
-      "global.color.outline.default": "d369e25b19f03487190cae6fe0240c134b2257d0",
-      "global.color.shadow.default": "f8165fa857e705b898b9f5720cb96707a741fc26",
-      "global.color.feedback.info.background": "5b4c251b58c6eb2688cd28cef5b51a7d5a60ebac",
-      "global.color.feedback.info.foreground": "1a9e7345ebc88913c6d6d74cfb18707187180cfd",
-      "global.color.feedback.success.background": "d57b12c14c816633e9d421b32d4feaba3540f5ca",
-      "global.color.feedback.success.foreground": "929a11cc776e3751512325fafec5210cca3b7280",
-      "global.color.feedback.warning.background": "fbadbb0926e3a099e3667279d939fd20595d57da",
-      "global.color.feedback.warning.foreground": "c2ce1659e53059e2b02e666fe18f7258d97c8b49",
-      "global.color.feedback.danger.background": "3b3185e5217f15ca8340c7575fc30c7c4ee9ae8f",
-      "global.color.feedback.danger.foreground": "41c6d6958ec4bcb1e762250c1ecf5ff1b9f73b5b",
-      "global.color.feedback.neutral.background": "3b16bc36a0784320bf0b0121165e7e5f486a723e",
-      "global.color.feedback.neutral.foreground": "bb986f4b1834ac14d8a92e1f05f31c295df6918b",
-      "global.color.feedback.neutral.stroke": "eac999c4c1d9aefbd3f82af57e7fafe6d1ccd5dc",
-      "global.color.chart.default.blue": "2c12729e25f4a3f80f52ccb701b73dce77f42a4f",
-      "global.color.chart.default.orange": "03fa808b0e8d2629f17387a64f6ab3534f7dec02",
-      "global.color.chart.default.green": "bd7f7d711cff911724ab287804aa8d0b9a2a8efd",
-      "global.color.chart.default.fuchsia": "bb65fd3236335b8d41b85617e003c1598d26c124",
-      "global.color.chart.default.yellow": "3487ddf5d0f12dba7b99d702b0844f3ca85a4341",
-      "global.color.chart.default.violet": "c2b7dabef5f9d1083cde85d6db4de934a768121e",
-      "global.color.chart.default.babyblue": "22cdef1c5dca764e051b632bd85f2d98398a2556",
-      "global.color.chart.default.red": "7c66eb4a8a1ea8febea4b6c71cc4f30cad94f1b3",
-      "global.color.chart.default.danger": "85eac5c749ebe9d9bd2e31feb4e81fb4234995a7",
-      "global.color.chart.default.teal": "d3df33817390fce35313fda70cbf6fdb71825b3c",
-      "global.color.chart.default.sunrise": "a131f7672b46d3fe24dea56049b4e22891639267",
-      "global.color.chart.default.slate": "78c86aa7fa7f950026f28a7b1267da5ef0e47012",
-      "global.color.chart.bars.blue": "7f84480f261ecdeb3dba200e7875692f10e1cd9d",
-      "global.color.chart.bars.orange": "017f9dc5e6d764dc893e7e90f63692b428e3dd88",
-      "global.color.chart.bars.green": "394fe60a04875eb3b7decd832460b44d3d2f666d",
-      "global.color.chart.bars.fuchsia": "c6dab8e197a3f0cabb9018d4a28c02727e868c90",
-      "global.color.chart.bars.yellow": "04f43ab84bba45c6bc47ad23882bb06b1b587526",
-      "global.color.chart.bars.violet": "148f4faa5724ed4b1e0b31e64b064e094007f43e",
-      "global.color.chart.bars.babyblue": "b58dfe67f477cd746bb39e8d97bc0a9f804e8ab3",
-      "global.color.chart.bars.red": "9a342735d9580c01902d146a19d4af86485be1aa",
-      "global.color.chart.bars.teal": "f0079e20e70f6c3cef0566dfb1fe2b8a2eecca7a",
-      "global.color.chart.bars.sunrise": "2f485bc077ec24d5c7aa0c419ef452b0179456c9",
-      "global.color.chart.bars.slate": "e351d28c5ca958c9d8f9280dc5bfb1b09d6ee0c1",
-      "global.color.chart.label.default": "db6588698c1fbcb843de6fb76ae0a98a9ed44434",
-      "global.color.chart.label.deselected": "7317f47602168a600a863e502d84791f09dae48c",
-      "global.color.iconButton.badge.foreground": "9af7f987cc372359c623e5cffd2eaa94fa4b2873",
-      "global.color.iconButton.badge.background": "b0584f662e59d98302f1bc4af769d7c7edd72157",
-      "palette.brand.50": "73a58f910a20ef9cc3fe4f3f2cdb2ed456b8833a",
-      "palette.brand.100": "e8d8a0444476057f96b514f9b94b57fec245d6f0",
-      "palette.brand.200": "c2cf28a724fe6527b826063616e2088d4a200e93",
-      "palette.brand.300": "e2d1bdb428b4c76fb11d9e865cf4743e061b9e55",
-      "palette.brand.400": "27f7447c3929ae2dec595239b81e79b301f1fdbf",
-      "palette.brand.500": "97381b6b55fb12f2cf342e139469beb90626b760",
-      "palette.brand.600": "cfe264cafc041ec4af3c129d9decd6dc3cf01846",
-      "palette.brand.700": "1a9347e9bc2da42368d282621a52ed6352825dd4",
-      "palette.brand.800": "85b2da2061764c1ad2bb2b3834237bbb297395f8",
-      "palette.brand.900": "4b5a1a1910a5b4059d6e6158f6267f22f01063c8",
-      "palette.brand.base": "9f6ad46bf111a76ed445b01a14a34841b4fe57db",
-      "palette.neutral.0": "7824367091d05f5959bd48f86ab0274b9d93b134",
-      "palette.neutral.100": "bead9a8cd1625049d457c05720381a626ed5171f",
-      "palette.neutral.200": "b5e604e235c79871c5ddabaf4471e2069710e296",
-      "palette.neutral.300": "697b94a99a6f2443bad0fdc103b630edb94ba78c",
-      "palette.neutral.400": "c332b978e474971ba6310938e3c91f011b83b4f9",
-      "palette.neutral.500": "0978dfa72ccbefe6260c729f897f1664bc3f4824",
-      "palette.neutral.600": "2aa5d06ca812efaf2e2a66324e93c00c28c47c37",
-      "palette.neutral.650": "9edb4fac624bd0db8ae3f499315e7ae19791c552",
-      "palette.neutral.700": "0171e199a34c8486f75c328bd55ea95e2788bb1c",
-      "palette.neutral.712": "4c082e86a6319f07a5d0ae8887e0a2e111377d09",
-      "palette.neutral.725": "01a0f9cd2a091af395518e9f3e7220d04d75e2f9",
-      "palette.neutral.750": "d5b4d87fd5126b8d0b5847949f41b8082ac7c48b",
-      "palette.neutral.800": "a15d5a509fbf62db0d30b9d3641a01ce39e228df",
-      "palette.neutral.900": "051a472caff1461ae2044cf19f910cd5516ed686",
-      "palette.neutral.base": "ffccb4d2465dee3c11847a185243dca1a851892c",
-      "palette.slate.25": "fc32327532dafdb1ec1d2b6f46097814b610dcf8",
-      "palette.slate.50": "73a60ac1c06850e4099ab99e001d40fbc53db897",
-      "palette.slate.100": "de636cee29ac0658547bf8eeca30feb5c195ebfd",
-      "palette.slate.200": "40fb7a7db2533f183d1e81653c8f2c0036e2bc72",
-      "palette.slate.300": "499973984e824fdde89e7912af851916d4494a1c",
-      "palette.slate.400": "5589f4f2df7454b95850ed45117ac64fbbeac69c",
-      "palette.slate.500": "31f7881ae51954110d2b456a0654540c077ef27c",
-      "palette.slate.600": "14ebb36aada65c231eb1714830550991c6e2dfe7",
-      "palette.slate.700": "9c2ab88fc6199bdfa00b1b88a5a215fcbf718810",
-      "palette.slate.800": "ea4806307e03a378c824cc9220edaa54ed1d6140",
-      "palette.slate.900": "833557c34cad9f2134b6f9db32152d9caa89df99",
-      "palette.slate.base": "c72585276602d3ae6b6845ae902aa84350ad57c8",
-      "palette.slate.50a": "d5612988a77f61bafe35db67710330c4e855bf63",
-      "palette.indigo.50": "d0e10a167e09729dbdbae64395891ed0ea2cf671",
-      "palette.indigo.100": "8a24f207dffdaa99dc1bdc3028451e01098ca516",
-      "palette.indigo.200": "51a06e731d37c7fc77a08eb3e9ed30a7a966c300",
-      "palette.indigo.300": "b176d822cf5a249dc755bc035f035325a6aa09d3",
-      "palette.indigo.400": "a8867b401f2cee15bebea65f418750363d3b2ab1",
-      "palette.indigo.500": "393a39a72674639141acc9b0fd4cbe8e2edd31f0",
-      "palette.indigo.600": "eb325bf3965f01d58957e2fa4d5ff84271b6931b",
-      "palette.indigo.700": "3d6032ca432631b107b00ce99f9f8dd1c536cf71",
-      "palette.indigo.800": "ebb43d76f3cef6eb256011fb8acc21dcf7909da2",
-      "palette.indigo.900": "ef67323ec3af72816d7a6b97e9c4725c1025779a",
-      "palette.indigo.base": "213e8e41176ac940e0d76470cbac3dbf935c7700",
-      "palette.info.50": "7129ab9572c3f888c198cf177960555bbd1bcab1",
-      "palette.info.100": "374641ca813ac9828ed4fa6dc0771b95c3f9882d",
-      "palette.info.200": "78952c37db7988d5dd0333d6d1b727ca5137398e",
-      "palette.info.300": "4dd4da409c020073cbb3d33bbae1e024e73faaa4",
-      "palette.info.400": "e8a7e13fc3e330f2d9331bcf78beaec4fee7c39c",
-      "palette.info.500": "e66c87d2c9627b12edc0a1e1a18a8374bdc23fcf",
-      "palette.info.600": "2c5db43b00ef8606e6599b3230a3272ea0df9e4a",
-      "palette.info.650": "04e97a66066b6d5815951eabc2b3fabe090f2c8e",
-      "palette.info.700": "0b6d0491a3312b8c214051138875eeed01ab783b",
-      "palette.info.800": "20cb4d84a4ed379e4e81cfdc91c5d01e73eb4db0",
-      "palette.info.900": "146f036f591d5a1068fe2364da308cc80cb7ec59",
-      "palette.info.base": "00438bd76c759d4d4b07cfdf4aea74b1851d87b4",
-      "palette.success.50": "2f5652707e4da1c7c71bedff544a5c0df7d97ca5",
-      "palette.success.100": "4f2c7060440c260d3b7cf55605044335d4e319e5",
-      "palette.success.200": "1ef5747842ffb0533bac7b8509b2a7a474ce4f78",
-      "palette.success.300": "20d616206ae8c6bfdcaaa80a8157316f16c96572",
-      "palette.success.400": "08f914229a1ab801083ac9cf4d1205541b13f6f5",
-      "palette.success.500": "544e64849348bba6cc29945f9c86a265ab4d0c05",
-      "palette.success.600": "5b934700bcd9f65c24d1162a319bc7d9ba991686",
-      "palette.success.700": "4f7ba29f6f79e1d0ba04040ebf95024d97c6e8f6",
-      "palette.success.800": "f27129c7b330e64edb1ceede91d765f10947818b",
-      "palette.success.850": "b9cb0377e7649b51d3b6734447674b158f87823a",
-      "palette.success.900": "f1352631dbe530e7a8a0678bdc42e25f4a75fa37",
-      "palette.success.base": "5794f9cc7d56921c63b3f48b9d46cbbf3371a640",
-      "palette.warning.50": "9f98d7f71b98804bb725920d2a1d9928396e2aee",
-      "palette.warning.100": "bd35b2d87e5e09b4d80a0cda6d4e8da500872550",
-      "palette.warning.200": "e12431ba25a8027c5ca3cb8b4e2ba174fa3692dd",
-      "palette.warning.300": "5c3f58c9c331c43724d1d2b7ae183c1fa9647f86",
-      "palette.warning.400": "3a54013174af91b16483d531438976c00e7df634",
-      "palette.warning.500": "08b520636a1f19a620207e1b2ef2fd42ce818b8c",
-      "palette.warning.600": "b64578b7840bd1a24ef0f7d330250e3a1795feb7",
-      "palette.warning.700": "23494fa4e02fbf51d59c87d806635bd5ea9615da",
-      "palette.warning.800": "66502d116ba3586384926d5e1b00e1c2c35c7619",
-      "palette.warning.900": "b32288cd7c5f4aa32e9877d1199be79c82b0f835",
-      "palette.warning.base": "38759bd43ab852ffcb204110241ab8dbdb1a612a",
-      "palette.danger.50": "db7055e9052e155025f1c50198fd1a761d61a9db",
-      "palette.danger.100": "ae6ed63ad4b54ecd62363d845352b02eef589f3f",
-      "palette.danger.200": "fb6a071c51fef3f2fc92542e57132e1f6a3fc480",
-      "palette.danger.300": "dc9d6f8ef68d542b8b64e3e66eb5d78d156145c9",
-      "palette.danger.400": "91974d8d1bcc251e99348d72737c573114459f61",
-      "palette.danger.500": "6946eee13f12bd5c15e787155b1ecea0bc49230e",
-      "palette.danger.600": "b676ba7df83b4c970722c341025203d97e353c77",
-      "palette.danger.700": "1e1827cf481763e68d6bf1a664365773c319a0c4",
-      "palette.danger.800": "348defbbd25f90a1958df899d7a1dde6fa637804",
-      "palette.danger.900": "a21a5eb42930bd80a2a964d289b9db9da33d6d18",
-      "palette.danger.base": "9be969f14110f0de83165c342e0142313b0a964b",
-      "palette.gradients.transparent": "2412d91dfc1db991e200243620bb4af7b41e6627",
-      "palette.utility.transparent": "deba81a0822c351b78d2e320b6591f1e56041e27",
-      "palette.teal.50": "ef30df03e6594aa95df8b312347ecf8772db5ca0",
-      "palette.teal.100": "97c596c5fb4ff667548fa3c2164b42dde9c4717d",
-      "palette.teal.200": "56fc49b596ad29b35b660e4498aaa6baa5a76825",
-      "palette.teal.300": "d861209f69ed282a90a0df9954adf25f79682766",
-      "palette.teal.400": "d624b50a29dc5cee06b8f755dc842e1716dadc58",
-      "palette.teal.500": "76ed2ec16af22afd24bb05e881e65777803f9020",
-      "palette.teal.600": "a7e2593dcfff89449775769815727d2b83ba4aab",
-      "palette.teal.700": "e762ff35d9a6b162fb26123e5305daa7ef3de74c",
-      "palette.teal.800": "8a8a7ee3b9200ea6e13c07053a44ccf685daefd4",
-      "palette.teal.850": "af89acd1b2f9494df30b783c42af9008fc5595c0",
-      "palette.teal.900": "ca7e6b3ce3fe28aff080e0fb6ab7ee02d7fa4a08",
-      "palette.violet.50": "84ca8554c976ba812ba9a7bef46a24f74f85148c",
-      "palette.violet.100": "b736bcb36c10652f6deb3e3620206468fdb3242e",
-      "palette.violet.200": "ce2c6be5e550efb4f099842c897658159c05ec50",
-      "palette.violet.300": "e0c4eb2e91ac1de058976c2930160d01f601df9a",
-      "palette.violet.400": "0780c9f5be0c3f77cba83f73fa473d083a67a35d",
-      "palette.violet.500": "4e3f3d9d7be67575960f3290709067bfd1209a4f",
-      "palette.violet.600": "330da00a2ba66f22b14d2c819cd257b5fc88aa44",
-      "palette.violet.700": "44b27a8336f7de1e508c0a030cd50ff5200e73f9",
-      "palette.violet.800": "a346c18e4c809c9a297a777a5d8e2d5cf721fc80",
-      "palette.violet.850": "a076d4ade356e0a4488995df3d36ab334cc59720",
-      "palette.violet.900": "80aa393372044c6ce7eff5c35ff03a708a691b3f",
-      "palette.fuchsia.50": "48849d0a4b56088f3aa1cb0b8562c344e414e8d8",
-      "palette.fuchsia.100": "20be9c27227ee62a1e673235465836a78e447437",
-      "palette.fuchsia.200": "6637e25856ca3f32df4226d3aa9a3723f85af9ff",
-      "palette.fuchsia.300": "e7f08065f50f53dc084b746953bbd0d412774216",
-      "palette.fuchsia.400": "7ad43e1d3a1d862b9d1ddf9711b9cae9d1a25afb",
-      "palette.fuchsia.500": "f6bafc8a5422aba74b8d00cc60fcb675b068a932",
-      "palette.fuchsia.600": "fe15ae0ea54d6caa56d1bc12c3e54b159fbe4ef6",
-      "palette.fuchsia.700": "a03f3a8d78cfc973bb99084d7a35046c16bbeb5e",
-      "palette.fuchsia.800": "dcd5f7480adcac4f1d43de1bee5cf2ceaffd7b90",
-      "palette.fuchsia.850": "dac035862f5250ad3f31c8e3ec23d1878364d013",
-      "palette.fuchsia.900": "fa01026b28f4c4997479d87d5c59e1e5a405b6ad",
-      "palette.sunrise.50": "9dabc363ae4938bd8b1fd00b247aae08d7d45300",
-      "palette.sunrise.100": "0d8d2d77e71927e4188a1d72832201ede90de579",
-      "palette.sunrise.200": "681b07f4fb250346606ecfaed5641682466e88c8",
-      "palette.sunrise.300": "3b550b1e5447e57af176f46f47e3b776710faee1",
-      "palette.sunrise.400": "bb0695db62fae7cf6a2a468b6e5f96a04ef34a8a",
-      "palette.sunrise.500": "66fb70f48cd22ceef9084837083b39f89fc1b452",
-      "palette.sunrise.600": "35eecd86cd8123bdf387602f76c24425c4d09445",
-      "palette.sunrise.700": "69c5c61ef2027d553065b766fa1198cbd2ea8b60",
-      "palette.sunrise.800": "155de39551da759c0f8ae4685c8e29c289791bc2",
-      "palette.sunrise.900": "9ee2a12d3789602fbcec76f5a3ab0a771bc40578",
-      "palette.babyblue.50": "abf8436cf6dac8649ae0839a9bb498e477cf23d1",
-      "palette.babyblue.100": "660100a134a5ca0787489edd97bf127b9076c8ce",
-      "palette.babyblue.200": "23b83403b9e65cabefb1e7b1d0f3d2a279b35f46",
-      "palette.babyblue.300": "9f8515cb1fff55395105d859583e3dbb1838b812",
-      "palette.babyblue.400": "21dfbb9ee6d20e500715fb4dbe3466e41f7d2283",
-      "palette.babyblue.500": "ac49c17b7decc26e8453d147d47d2574b07a01c4",
-      "palette.babyblue.600": "f80d80a07ff4d0a599f0e1fa3d79990a23c251d1",
-      "palette.babyblue.700": "ed4cf41c08e7a939ecc191441af7572b1ac56d46",
-      "palette.babyblue.800": "8f94250d9c852257c6d0362f3a5af41318947448",
-      "palette.babyblue.900": "c822d8afd735d262bedf9cc74cdd7f67b90e02ad",
-      "sizes.0": "9ad1344ab1333965e33b68c59b95d4738e26cc2c",
-      "sizes.1": "85ed87c7678cdf8fbea57503aa4a8857c77436c0",
-      "sizes.2": "3df21ae217fc7dd402e5a725e083393681eda47a",
-      "sizes.3": "3c821fedb041a774f6b4b37db036ecf2ebb32e97",
-      "sizes.4": "6daaaabbc4716369c73ad8903950650dba8f2c29",
-      "sizes.5": "3a0cbe15f9e97caf1b9342802407c4c9431c1628",
-      "sizes.6": "6addaa568d2d55b69ab53d782bd31f580c2094d7",
-      "sizes.7": "0b0d8e6da2c484a480e3050da65bce322954f78c",
-      "sizes.8": "f7123b1c8f4ddce0da7b1f68d806ee92c41f4ebe",
-      "sizes.9": "846fb7d5a4f76246fe47054f23d6fcb3e993ba3d",
-      "sizes.10": "b05fffb584f3471c6d883284eb186c2545fba183",
-      "sizes.11": "33e96ba6f32bf2e2038ffb42bf4c1690b6f83c90",
-      "typography.font.families.regular": "9d91dcb953562c4eb896e319f09b63f7beb12114",
-      "typography.font.families.mono": "623d3eea525059de82f6b7aafe61613015e6d852",
-      "typography.font.families.display": "c3c2008a9675ddd11e4044c6deac3d9db6cec7ed",
-      "typography.font.weights.1": "dcc7ed47e8e0be080f9a2df2c3c618445cdb1e9f",
-      "typography.font.weights.2": "bee3e49c0b0332a61d64ea8bab2e3ef0c9362b0b",
-      "typography.font.weights.3": "ed252b21bdfb6ff2ef0a0b47fd5c474ae7148420",
-      "typography.font.weights.4": "a607cfcddb2a1cc5073d4d68271816c2533b9ece",
-      "typography.font.sizes.0": "fe9ada79f0638d4199c2a44ed3743f7148444e6f",
-      "typography.font.sizes.1": "61aa98d011b76f68b3e8b8a5366a2bc9afa69c61",
-      "typography.font.sizes.2": "5963da92b518c0fafbf04a58789ab790d7aa0c2e",
-      "typography.font.sizes.3": "04831994105ee99dd87c5aaba4ab8c587b217242",
-      "typography.font.sizes.4": "45bc43541ffa1d92f972c39b1eb43f48b06c034d",
-      "typography.font.sizes.5": "a320af65d8fa3d9637eb4d169a49a795fa194ec3",
-      "typography.font.sizes.6": "0d347f7d0ba8481335080e39a6f036a1e2e79688",
-      "typography.font.sizes.base": "d565312f3a98e60b1bcf833dfe5fc0385e1ce477",
-      "border.radii.0": "27bc08b74a099c04872454c11229db203b72ea55",
-      "border.radii.1": "b2f419020dcb05b52884234ac24165da94ac1124",
-      "border.radii.2": "f2f3717d00af6cc9455b3734748de68aaba5fe45",
-      "border.radii.3": "771c89723429bfb66183c7ab68457c37a6389074",
-      "border.radii.full": "c1d014e3a1c9a58c62f8a5a9416caa5f1f76555c",
-      "border.width.1": "5d62da0a9148325d269e9d33e479ba020405e7a6",
-      "border.width.2": "e9e6eb2c56d79e9993e789e32fb2657eedda77de",
-      "spaces.0": "feade09a727027df7de9b41e0a879111c0e955f1",
-      "spaces.1": "0526ab8c0f3dc3ad384cf42bd3b049ace96846e0",
-      "spaces.2": "0044e9cf0d79effdf62747c1cc2811d41a427b77",
-      "spaces.3": "57b9fd06a7cc0b97c3e6f037a9834a1c84f07fb7",
-      "spaces.4": "500fb5b60ac5173fc708d67674f056442786a314",
-      "spaces.5": "43500d173f514d22b16fc379575d25fefa248ec8",
-      "spaces.6": "71b86d3ed57a5180c2b9849499c27e6a32d315a7",
-      "spaces.7": "69961bae2959bd4538592757e0b3199ef38a57ac",
-      "spaces.8": "995bb1509fa3bbbcea15edebbec13bcf75417a8f",
-      "breakpoint.sizes.sm": "53d50ef8f232ce79cde6c7dccce0da88a8830796",
-      "breakpoint.sizes.md": "e800e2a1f4264d5a027432e2c7bad1297681caac",
-      "breakpoint.sizes.lg": "7586e0a87837d754f03341daeaf35d73873c549d",
-      "breakpoint.sizes.xl": "5c9ffe3d9724442fe25f35cdabbbfe7c39c17c64",
-      "breakpoint.sizes.2xl": "1b6a6625a9ffabf623bbec63ea2b8fda1e44bfc3",
-      "click.accordion.sm.icon.size.height": "8d3ede776eb5e9e22e68ae9ddb37c4413bbf1a3d",
-      "click.accordion.sm.icon.size.width": "768ba1f141256212a0cc002760690129279227a8",
-      "click.accordion.sm.space.gap": "c938c8e98d220f4f77315fc8e2848a0b777106eb",
-      "click.accordion.md.icon.size.height": "0b0fcee29006b6bade122bc4531afa90a9f9e87f",
-      "click.accordion.md.icon.size.width": "f1d589a32bc14a09797f2c891d8cd4d6a21b9fe8",
-      "click.accordion.md.space.gap": "20d7859f42ed7e0fa6c0c785635c97490e514058",
-      "click.accordion.lg.icon.size.height": "ba47ce0e06ed1bc54a8014e16da75f6956f46891",
-      "click.accordion.lg.icon.size.width": "d97c1652fb1c3238e132a99838d47f19c4a4a72f",
-      "click.accordion.lg.space.gap": "9bc7dd31665836563bc66267a879f3e1157d4a3d",
-      "click.alert.medium.space.y": "7bb49634491cbcee739005e4f4fb1ce9bfec9419",
-      "click.alert.medium.space.x": "31e2a591c60007991da368931afdb1362d0bfff7",
-      "click.alert.medium.space.gap": "282d62a64813068d110307f42bd8a34f51976eb6",
-      "click.alert.medium.icon.height": "e27ab0e763a0cd8b8955482ac61ccc06182f4600",
-      "click.alert.medium.icon.width": "c7ecf551d787d5e1ca7c6e405e060c14c8d2f341",
-      "click.alert.small.space.y": "9ef5286a3aef9aa49626f3f9a8a23406297314d2",
-      "click.alert.small.space.x": "8053f33ac078d154901080dd87d33caaae5d066e",
-      "click.alert.small.space.gap": "392a00125bdd8c6017e96349acc563653ab10e5c",
-      "click.alert.small.icon.height": "21b886f93f954396a7c7678316ab6a8110628d1f",
-      "click.alert.small.icon.width": "9668dd2e772fd85fb43afca54afc26cde25db04e",
-      "click.alert.radii.center": "c09ed37620aa0943e1df40e1698930013a28a9f0",
-      "click.alert.radii.end": "0d540665a73bc1bac64c231ca7508326b9bbb864",
-      "click.avatar.size.label.width": "9066cf558637180a913d747a3bf7cd0965411bd1",
-      "click.avatar.size.width": "a09d39a809c0672e4d499045befbca67fb3ba53f",
-      "click.avatar.size.height": "8227c759b206e74dcb01ad4bfbbfaaf85471d286",
-      "click.avatar.radii.all": "156663433cda95caecd314fd8d0a20881ef1a99b",
-      "click.badge.space.md.x": "be91c4cfb138477849f2db0cad338b713f768f68",
-      "click.badge.space.md.y": "a8d044bff212a897dd58e51cc54a8c2fd5d63a24",
-      "click.badge.space.md.gap": "c10cfaf40c1b0d96c62f1dc5a935bf1891b509eb",
-      "click.badge.space.sm.x": "4754822df19e029b71239b36310421a491cc9525",
-      "click.badge.space.sm.y": "3a6e9db3bd8afbe78c9ce877510752db16aa5ce6",
-      "click.badge.space.sm.gap": "ce34efad437106f96e2effb2dec8c1a1e4295a66",
-      "click.badge.radii.all": "22d56fb5bd73450aa13c3f6603de74b600f0edb1",
-      "click.badge.stroke": "1ed18b4d583e7aa621ae300ac6630d3a7475645d",
-      "click.badge.icon.md.size.height": "9665c274ca398bea0290cdd5ebe4355ef38d8afc",
-      "click.badge.icon.md.size.width": "c61ae6584f14299c4a7f0c3cc3c257a0c1a3f115",
-      "click.badge.icon.sm.size.height": "a030aad62bd7115d9f99def9da1bced261d8973a",
-      "click.badge.icon.sm.size.width": "0984c66a92beae61af25623c091749eb5c30abd7",
-      "click.bigStat.space.all": "5542b333fae8b99e4c6a063437df7e0d3adb94af",
-      "click.bigStat.space.sm.gap": "5290d065e604916fb51ae4f2582839fd07afe955",
-      "click.bigStat.space.lg.gap": "14860c812fc456235ab8761053dea8b1201e3897",
-      "click.bigStat.radii.all": "fd1a1457c3d0bcd67f296346e8db1fa4d16c9a34",
-      "click.bigStat.stroke": "8a75a24bb379c9e8d8419cbae157eb44339fcb76",
-      "click.button.radii.all": "826d7251a9e2074bf7a69a8006573dd07c33c757",
-      "click.button.basic.space.x": "aff3f669767f05a331a6c28d36000b7b9a75a31c",
-      "click.button.basic.space.y": "51bf5bc69ad4bf302a9da77329d8017cc66cd41f",
-      "click.button.basic.space.gap": "4546876339f63f47ae52188c6680b918e5f1ef13",
-      "click.button.basic.space.group": "e428c90eeb737b1d49eecc08121eb6016b6825c3",
-      "click.button.basic.size.icon.height": "d2543b81f88273d3e49a4dcb9d4df15a56c42246",
-      "click.button.basic.size.icon.all": "9d3553b6119959f478638fe45d021dc91fbb14df",
-      "click.button.basic.size.icon.width": "b7ab2de9054e09603eb2ad0254575d8210fedf03",
-      "click.button.iconButton.default.space.x": "516a7f8d153e822bd094d3795173982d21b65959",
-      "click.button.iconButton.default.space.y": "c4419535c9c37afc2062a7237ee99886571c91cd",
-      "click.button.iconButton.size.small": "0aeaf5b0d6095c23ef5545a2dc8b27a7b333b8c5",
-      "click.button.iconButton.size.medium": "34d6d8651221e1c9ee650ff95c5bfc1398d3c297",
-      "click.button.iconButton.size.large": "b6de1ee30a39fd316260ad65a34c5a5b2d137f28",
-      "click.button.iconButton.radii.all": "33f20d73872c109dbc71012171ae090e5cc065f2",
-      "click.button.iconButton.sm.space.x": "d37b079fe6cbd63ee5f29be9ed699aaf6c179ffc",
-      "click.button.iconButton.sm.space.y": "e3948a74c01283ac647b2f21a60de63b0a1485ef",
-      "click.button.iconButton.xs.space.x": "bd410aa8f22eb57ee6f73383b1ab26e9fb17beaa",
-      "click.button.iconButton.xs.space.y": "f467ec04475f1b1d3cb7acb5171c00997740a079",
-      "click.button.stroke": "837d0322f915fd8b968bcf44e90f6ba8d8db0638",
-      "click.button.split.icon.space.y": "7a8eecf65b0bf493d011bb791e74772a5dadbf61",
-      "click.button.split.icon.space.x": "7cc614c1ea70e83b08dbf3f5ae4f870102adf787",
-      "click.button.split.space.x": "bfeecdf7050a009787cb2f46247dfe64d9416a8a",
-      "click.button.split.space.y": "dea80fac8739612953c5bef98ca3af8c95db4699",
-      "click.button.split.space.gap": "f7d4fe2a81071554d90f6c210539bfda9f04a036",
-      "click.button.mobile.button.space.x": "d75968cd5d2a8f71e510f6eea92199a563fb9591",
-      "click.button.mobile.button.space.y": "06152177977fe542621352341fe07d98c6833a4a",
-      "click.button.mobile.button.space.gap": "5fac9ef2c73d70fdb4cf385f0c2b3861488c35a5",
-      "click.button.mobile.basic.size.icon.all": "10e998edb5de7e81f3a8ee6e15a9a0296cf423af",
-      "click.button.group.radii.button.default.all": "2f48dc968eacdef7bdb55874f11e2b14d9564583",
-      "click.button.group.radii.button.borderless.all": "804e26eb067f48444ac49b22d81fd012eb3718ac",
-      "click.button.group.radii.panel.all": "2bb9a3d620e5efdf8928b3a216f379223c626be7",
-      "click.button.group.space.panel.default.x": "023995cf8aeda9cecd03a84f157259b615264d5e",
-      "click.button.group.space.panel.default.y": "71b72ae77ec8a794770f218b09f3dfe901df5989",
-      "click.button.group.space.panel.default.gap": "d99638b91030ba6eef72b9f85165e4ec258cdc65",
-      "click.button.group.space.panel.borderless.x": "be40394f8cef6a35b7e833c95ca4877b5a691390",
-      "click.button.group.space.panel.borderless.y": "c2ed8dea896c666043a694cede50dddfc82ac24d",
-      "click.button.group.space.panel.borderless.gap": "73a61660bbef0a70a21a14f689679a2cc2eb6510",
-      "click.button.group.space.button.default.y": "16d87fcdc525aa5d3997c268de779527c6c9e810",
-      "click.button.group.space.button.default.x": "27a97da09da7c19b67ca19f0ae39a1c666c2bcf9",
-      "click.button.group.space.button.borderless.y": "67e44b6bb251915b59825d9cbdc57c978226aed9",
-      "click.button.group.space.button.borderless.x": "4cd37a8f8a5ea64483c357c1393bef848fd08dd3",
-      "click.button.alignLeft.size.icon.all": "ddfb6a29614b6ef4f274e7d44081da098792cffc",
-      "click.button.alignLeft.space.x": "f2abe0fef63f2b7ae43c4f563d78768a6bdb5ad9",
-      "click.button.alignLeft.space.y": "2ec2e2cb51c6f892911d98d4f091853153e430a4",
-      "click.button.alignLeft.space.gap": "e7ebe13bce354c45133b7fc0287a08ad05d06f73",
-      "click.card.secondary.space.all": "cdfc6c10fffdea8b60a5459a81ccd967e965d31b",
-      "click.card.secondary.space.gap": "0ee135ca5ae55a284569c6fe35d253304c0a09d9",
-      "click.card.secondary.space.link.gap": "d67c721fd22f89070d1a4fe03b5c01ecc533e250",
-      "click.card.secondary.radii.all": "dfb4d447f8a63ae39a16ec5ded355fab17897905",
-      "click.card.secondary.icon.size.all": "0fd88e4dccefb8a427f39cd6a4d711342e9376f4",
-      "click.card.secondary.stroke": "78185ef5c32ef7169e14eec84d8106d6e42913fc",
-      "click.card.primary.size.icon.sm.all": "db6a5b6bc1803053d714561f5e01ec8b615e53f0",
-      "click.card.primary.size.icon.md.all": "99c22317099a64b5309f337c13b198fda1a919a8",
-      "click.card.primary.space.md.y": "ce94f6d507859d66eb3bde00db3a24a0d09d9b74",
-      "click.card.primary.space.md.x": "f8deb027c755c52435e98a7598cf75d21561c09e",
-      "click.card.primary.space.md.gap": "72729d8da5f91e1434cf4dfe04ae640a1723dfeb",
-      "click.card.primary.space.sm.y": "dad56ca470353973cb411c04e3e9341b88af416e",
-      "click.card.primary.space.sm.x": "05e303573373d8ed7f07b3afafee73c00c09643a",
-      "click.card.primary.space.sm.gap": "32786a4e607bd4fb6010d0b16d30ae6626b7f79d",
-      "click.card.primary.radii.all": "fcf5261e82096c6aa36c21ae641e2c0bdbba2190",
-      "click.card.primary.stroke": "5c10deade566b8e2c44ad845e92976897db6af20",
-      "click.card.horizontal.radii.all": "e34afe299f1457efea86058d01a3c28972b50432",
-      "click.card.horizontal.icon.size.all": "27792063e5c884cff32ec975ccd6d7e7e1cfeb9b",
-      "click.card.horizontal.space.md.y": "ce9d1cabd0de791d5e76a36b29aacdbe98fc2337",
-      "click.card.horizontal.space.md.x": "5f4e2f903aabb8e4489884da170b9b264bf51607",
-      "click.card.horizontal.space.md.gap": "f6c717568b018a8f300b933e8bb39b86c3de0876",
-      "click.card.horizontal.space.sm.y": "94e1608dfeb63c20feee1f45a42cbb3704fcad95",
-      "click.card.horizontal.space.sm.x": "1ceddf0409486c817ce0c6f0841b151ce1ce9933",
-      "click.card.horizontal.space.sm.gap": "7c1b4a61cd6eced33811dd7a372835778283994f",
-      "click.card.promotion.radii.all": "540c4f2f2060236fa991b7bbfa8bc40ec7116ee3",
-      "click.card.promotion.space.y": "5e3a65c12df240dbccc4bd597d99347ef4d5ea2c",
-      "click.card.promotion.space.x": "2dc9e4901515e7f1aef07ec161951f475effac7a",
-      "click.card.promotion.space.gap": "9cb67ddc333f188f35253546231e6fcdc4528339",
-      "click.card.promotion.icon.size.all": "935d331b2e9a34a595fd628411c87e3bac841b56",
-      "click.checkbox.radii.all": "3594ec75e6049068ef93751ca1d4c6ab36cc1c0a",
-      "click.checkbox.space.all": "ef9c875209a5a7b5d8ec423eaecb1bc7b8c396c1",
-      "click.checkbox.space.gap": "25728157b049da7883a91bb515f0192723357261",
-      "click.checkbox.size.all": "5dbf3afcd5a6607a0c938d7e6eb7b87dfd972689",
-      "click.codeblock.space.x": "e5bae23a274ff83227cfab54a1c0f641fef40a6f",
-      "click.codeblock.space.y": "f716cd361e175d1267097c84d9659eca17141e9d",
-      "click.codeblock.space.gap": "32c4ecd5a1ee0567a66b110f739b356248c12013",
-      "click.codeblock.radii.all": "972bc4f27c0688668529a2fe91c0fb1e7511ae21",
-      "click.codeblock.stroke": "4db32140aeb094d01904a545629cf58d9bdbfb96",
-      "click.codeblock.numbers.size.width": "d18676e71b7a28d08d319681c34e2f4e8fe592d9",
-      "click.codeInline.space.x": "d95ca36604898353788726a9da9b9f6c34f5996e",
-      "click.codeInline.stroke": "36b40797f8fea84a3e7a2a258755f71dde05af63",
-      "click.codeInline.radii.all": "506b6cd2b4f555518888daf1364a9d5c72336065",
-      "click.container.space.none": "314a21f3470278ca63a4852c6a1c81f1a1ba53ae",
-      "click.container.space.xxs": "58168ecaca40ef4fe03529e207ef23ac0d398c34",
-      "click.container.space.xs": "66e4fdcd083a05ad5125c296a5ae07f335e422e0",
-      "click.container.space.sm": "a70f7de5093c7d3fe0371ddbbfd1c973d269b93b",
-      "click.container.space.md": "0bede386c44d7a414f3687319ea4f60c2d37bb22",
-      "click.container.space.lg": "2dfd766f308aa105f7b384abd995011709d3bef1",
-      "click.container.space.xl": "a8ff83785689c1ef80b2b32a318674dc59c4d9f1",
-      "click.container.space.xxl": "aba4dd9ef30ccc1da133811f458db1fd6b6978cc",
-      "click.container.gap.none": "5edc5f6c3568609aad06f16f1a8b4a7e3bfbc244",
-      "click.container.gap.xxs": "6296419b8d1726bc86d14cb555fb4e3d4118f728",
-      "click.container.gap.xs": "cbbe781455ca701b4728181ff5e80d7dface635f",
-      "click.container.gap.sm": "3e56ee0a0d67ec50bbddfb27cde1f3472bd1c73a",
-      "click.container.gap.md": "7ac45da4bec2b52dafccdddc5c8acaeef479782d",
-      "click.container.gap.lg": "f2c67a26ffe34f0b9ede8c0dcefd75713ff26a6c",
-      "click.container.gap.xl": "5ccdcc1cef44fd197983ba660a8a95af5f495b10",
-      "click.container.gap.xxl": "9104ad61922301ebb11240a9596de903ff3fcf35",
-      "click.datePicker.dateOption.space.gap": "c56cf4d2854dde1d0e2f6779d8c56d546e9e8169",
-      "click.datePicker.dateOption.radii.default": "9ba1319397b296449acf3c636a43eec91cf086a8",
-      "click.datePicker.dateOption.radii.range": "f0c7e4141e4da7d37c77398eb28497e63dc7aa8c",
-      "click.datePicker.dateOption.stroke": "b3ec9f24b3b3c1a956782353be5352064164d92e",
-      "click.datePicker.dateOption.size.height": "d4dbad7ed2eb27d13d68091e739190a3319bbf17",
-      "click.datePicker.dateOption.size.width": "0111d1afeb82fa0d2dd82465b52eca57e871f15d",
-      "click.datePicker.space.gap": "deb9ffaa3771eef2e24113fc64ec12aaed1b5b0a",
-      "click.dialog.space.y": "3127611c722cf75e04dddf485fe700da677cf8fd",
-      "click.dialog.space.x": "aa1ed2f8d284d8124fdb797809d59ad9f8a3f4c8",
-      "click.dialog.space.gap": "6158260f2403fdbaf5c535099f25185893b3c386",
-      "click.dialog.title.space.gap": "b9f8e4c55027f4aabf3fb666117902f50745ad1d",
-      "click.dialog.radii.all": "611092bac0a924d2751747f3a3691ba1b7fbfa18",
-      "click.field.space.x": "2b6d22944436c74ee4073e7bcb407d5f61a653d0",
-      "click.field.space.y": "d277541d0b022e9cf8785f803b260d2e4bac238a",
-      "click.field.space.gap": "d9c7955d47ef14b8db495b3db45b2499efb55feb",
-      "click.field.size.icon": "5ab2fccd9d4fbd84973402781e2ccf32f604c676",
-      "click.field.radii.all": "7209104feeec7d13d9d6abe3bb2cef48db194b78",
-      "click.field.mobile.space.x": "77f06da15407faac948a170000f7d41fc914502e",
-      "click.field.mobile.space.y": "55d2d791cb59c181fb8a36fd02772d1b486972de",
-      "click.field.mobile.space.gap": "2bc537d00c196dbccac42e970dd8ded07ae274e3",
-      "click.fileUpload.sm.icon.size.height": "987ec6d3839b4cf5a00ce799ab20b371176442fb",
-      "click.fileUpload.sm.icon.size.width": "f5c8be329b4e8b92da422dd74e8ffe76f4c052fd",
-      "click.fileUpload.sm.space.gap": "a5bdaec6424a044245511ce37d4162f1044ab81c",
-      "click.fileUpload.sm.space.x": "4a356bc7b1511b66479f3a5efb0b0f5d6110ee5b",
-      "click.fileUpload.sm.space.y": "d98f328ef288b7812ca7b2c8b4ac4b6a0f1467bc",
-      "click.fileUpload.sm.radii.all": "56bc9f3d5f5266f87a740645703de96a28f780f9",
-      "click.fileUpload.md.icon.size.height": "73836da5ba9cf04f2e289755ff5ad565a6b32cea",
-      "click.fileUpload.md.icon.size.width": "19856420b75772f2dd429ecbc2e9e6c7bcde9da8",
-      "click.fileUpload.md.space.gap": "ed0d51e8062871ca9445b44003ec5cc15eec3a0a",
-      "click.fileUpload.md.space.x": "b9b8762c00b36c2b1c145feec0bc343eb1a88ee1",
-      "click.fileUpload.md.space.y": "9ba3229078dd58dba10a581b02bfee98bece7249",
-      "click.fileUpload.md.radii.all": "8ddacb527a1540a2a7653271d2dfe80c36d4d7b7",
-      "click.fileUpload.hasFile.space.gap": "609e470f820c3e0736149380f31740b8a53bf4ea",
-      "click.fileUpload.hasFile.header.space.gap": "6eacbffffae099255678b365dc33efbd1a0c32f4",
-      "click.flyout.space.default.x": "83d5a21babe698a03f1855f1d2539399089e0ba8",
-      "click.flyout.space.default.y": "e424654477c75b4f91e1bfdec7331c4088cb0661",
-      "click.flyout.space.default.gap": "c79f2ef57664973f3c331867071f2bdf407f3a79",
-      "click.flyout.space.default.top": "40245d9ce69cd10a796ed0edc1f3b9c7c3b257d0",
-      "click.flyout.space.default.content.x": "38b1d66c20e94987703b092704d81e8863f5b675",
-      "click.flyout.space.default.content.y": "eb107de04f357cd27494d1f01876d2d6cc8e9146",
-      "click.flyout.space.default.content.row-gap": "f0fd51850e06fa2c4718320a1e0392008f00ca05",
-      "click.flyout.space.default.content.column-gap": "dc2560c860a988d1e3f92b7aa26eca69b2c3321a",
-      "click.flyout.space.inline.x": "b40517b18f6c4863541e105d70ebaecd19d1807b",
-      "click.flyout.space.inline.y": "cd3f33900256a4ed3794839df5b788174809cf0d",
-      "click.flyout.space.inline.gap": "bb8a551610c9880bc92f3955afdd440f84440d34",
-      "click.flyout.space.inline.top": "a45a3892d6aa69516eb5177804379bb1cc8d050d",
-      "click.flyout.space.inline.content.x": "f8f5e5ce635bd10dd5086d5d3ca1fdfbf8013ed9",
-      "click.flyout.space.inline.content.y": "1fcbb67727272f365fe44fa0696e822788bdf02d",
-      "click.flyout.space.inline.content.row-gap": "a5a77c10340628de6b900ec0f5ae27fdc9c3634c",
-      "click.flyout.space.inline.content.column-gap": "225bc658cdbec4244b3df6da0b5a88aa7da0db03",
-      "click.flyout.size.default.width": "8841af32e78bc5efe2ef85caf764cfd160ecf310",
-      "click.flyout.size.wide.width": "a416ac85da9955c0a5b6d44fdf499c336c1b3667",
-      "click.flyout.size.wide.height": "d5d08a746e869fb585ab0b5ef87712aaa9a28f99",
-      "click.flyout.size.narrow.width": "3b29888eaee599622fa0ae60bc44cc6d38483eef",
-      "click.flyout.size.widest.width": "cd0d639c2d6a95abe3c0594904acaf11a01a4b65",
-      "click.flyout.size.widest.height": "e34ed2f15f2d1f0d5296899bbdd2baceac043aa9",
-      "click.genericMenu.item.space.x": "bf64bcf3691fb51a23fa4cc6a233ab9592e24504",
-      "click.genericMenu.item.space.y": "86cb5e6a451f3571531d8a50b7bb8255b9ebc69a",
-      "click.genericMenu.item.space.gap": "b743abec9c338b6b2b897f1343929a609be63fc4",
-      "click.genericMenu.item.icon.size.height": "444813bd93892966af5e9d296a20ed223cce3ad4",
-      "click.genericMenu.item.icon.size.width": "99efcdea962cb064be65ab8df7a97e8eaaccc7aa",
-      "click.genericMenu.item.two-lines.space.x": "b869bad45cf8d4cb6e95eb3ea3f8136554a54a2f",
-      "click.genericMenu.item.two-lines.space.y": "d820e3c9a105f3a9a81859bce339e40037e544b1",
-      "click.genericMenu.item.two-lines.space.gap": "a256f328a2ecf3271943ea0ed127c58895d5fa9d",
-      "click.genericMenu.item.size.minWidth": "e1535da60042f3a9e203eb26c03fe4a3b34b1ae7",
-      "click.genericMenu.button.space.gap": "f566c7bd8c0a0d23a447c92df1c03794f3d3639d",
-      "click.genericMenu.button.space.y": "33fd03536e5c086a4abfab44cd13f592e21ad7d3",
-      "click.genericMenu.panel.radii.all": "6ddf9245ed67357d5ee38990a3c2a88051353e05",
-      "click.genericMenu.panel.size.height": "50e9dd2cd1a06e1ea8b27fc14bfc24adbb46e0b5",
-      "click.genericMenu.sectionHeader.space.bottom": "df278a3e7f8c8ee572db1c4859a16223c1c600e2",
-      "click.genericMenu.sectionHeader.space.top": "4d77b2c2c8497c84da5b6ff915bc72196cad40a6",
-      "click.genericMenu.placeholder.space.gap": "9648cf4abee98ef11a56dfc8a443c4f006b9fb64",
-      "click.grid.header.cell.space.y": "8e7b35fe836773ce1729634c38c83546bc5adbab",
-      "click.grid.header.cell.space.x": "134793737d339f10687ff21deb3507e2729b1645",
-      "click.grid.header.cell.size.height": "6b417e1f2153d929405ad51b8731b324d35e020b",
-      "click.grid.body.cell.space.y": "b682c82baf419275cbd49d6b1e5c456dfc398107",
-      "click.grid.body.cell.space.x": "c47f3836265039192e7af45af51098ee24f178a8",
-      "click.grid.body.cell.size.height": "cb08664e99dbcc63ad14acc7a38cc37eb3d0b8f7",
-      "click.grid.radii.none": "1c9d1b6a53c0e0f2ce8178208b08f9514398d58e",
-      "click.grid.radii.sm": "a5b779c2f9316e76ab6764cc11d028c3cd8e1e92",
-      "click.grid.radii.md": "ba12a74bca44b7d286cf4272d10cc962ae9ff40e",
-      "click.grid.radii.lg": "805dfb55f0877f6ce49e30354e5966dee6fce211",
-      "click.gridContainer.gap.none": "4e4192fe46e705e971b8314944d8fac3edd25c8d",
-      "click.gridContainer.gap.xxs": "93fd8c7deea769c0dc5ef6950a8b15f5b390c9b3",
-      "click.gridContainer.gap.xs": "3df68e1724acef64634617338e493e3997b71e32",
-      "click.gridContainer.gap.sm": "0c6077af4f88f1947acba61daa68535794d03a0c",
-      "click.gridContainer.gap.md": "5aea5090b65587ef091b7ed235cde7818b33ea49",
-      "click.gridContainer.gap.lg": "b107b517434d30e7ed18b87aea337ae351a2be4e",
-      "click.gridContainer.gap.xl": "bd5133bbdba3f998645ce833c84b59601d316c56",
-      "click.gridContainer.gap.xxl": "508dd8e199a2d0bdbd7411ba94fcf90d7d59d373",
-      "click.gridContainer.gap.unset": "25e050a5a0d532fa41f54f3080626d4f76bcb584",
-      "click.icon.space.xs.all": "15cf272cd5ea53fccc6f93d5b53b4ad4a125a2a4",
-      "click.icon.space.sm.all": "6a479b26fb607697d2223f1717af81fcc743246a",
-      "click.icon.space.md.all": "25bb9dad4691906ed48484054f54090ae4d2c72c",
-      "click.icon.space.lg.all": "247c9bcb1471acee972dc0d130a90d981c54d459",
-      "click.icon.space.xl.all": "a087bee1550cbe4498bcfa9c2b9ab3d742c0da3e",
-      "click.icon.space.xxl.all": "2a63d0bddea363e7bfead06dec88b2979461e786",
-      "click.image.sm.size.height": "0874c59752627c4e0f6c8d0697c6053e117ab52a",
-      "click.image.sm.size.width": "bffcefe911407cb4f0e2fee5181c043273a2d2c9",
-      "click.image.xs.size.height": "d11ced28d1a084232a25b9332f621de5e91349a8",
-      "click.image.xs.size.width": "e522b1bccc9ff9fa7048c693019b27ab443a4473",
-      "click.image.md.size.height": "4d7f16e96a7f4769da133b24dc2f57d92838e522",
-      "click.image.md.size.width": "a9b8032922212f87a5e2b65451b6f937fe4441ac",
-      "click.image.lg.size.height": "7209b714605d4d7a9b93ad5f9cc7cfbac8cdd5db",
-      "click.image.lg.size.width": "f2fd6118c67b6e866cc16ff8810076a8621e2bba",
-      "click.image.xl.size.height": "c342c9240a74d02a83577631b0e5456ed9711086",
-      "click.image.xl.size.width": "46b498937550926de61933a6ce576b2bec668ee0",
-      "click.image.xxl.size.height": "a4b6684f2d7684d6e7272d7ecf34762b7b92547f",
-      "click.image.xxl.size.width": "8dce8b0f513e2011a1ce1b8cd157ef31f9d816c7",
-      "click.image.borderWidth.default": "56bc366236e5f8df231dc7b9d6af708e2130c3dd",
-      "click.image.borderWidth.thin": "88e1898161928f0cdbcc8d77d75af1aaaa490172",
-      "click.link.space.md.gap": "55c90c06bbb3f5cb9ddad9f6354e58f748cba5cb",
-      "click.link.space.sm.gap": "5f7a4334c3e0e0002a56c82ddcd634d800e14d13",
-      "click.link.icon.size.sm.height": "0268544cf61a79fcec3a2536501c6bb282388fa0",
-      "click.link.icon.size.sm.width": "a29ae2562048594413d3f375903b6d0e01f82550",
-      "click.link.icon.size.md.height": "e5dfb60e1b8f0e7efa7e1f9e8bd4cf930d4fb430",
-      "click.link.icon.size.md.width": "0d7a0ed21ef353c8f703660a3a04d5227ff5f9e3",
-      "click.panel.strokeWidth.default": "9c0a72954e178513f39ba92b27c05c2cc04bd380",
-      "click.panel.radii.none": "329897aca1cc95163efc5409dda6acf86bb0b191",
-      "click.panel.radii.sm": "de11a41d3f952a5541ba3338ad9f214b6296a0c3",
-      "click.panel.radii.md": "1f1dcb17d6976f2a6aacb5a40235de6369f96f5c",
-      "click.panel.radii.lg": "7effd45548891c28b7411f421275a28cba35a352",
-      "click.panel.space.y.none": "83251d86c943525b7239849a909d84f5142ee1ce",
-      "click.panel.space.y.xs": "6a3cbe86e8334ff744499891ed276d0c1862015d",
-      "click.panel.space.y.sm": "dba2addc78d6fec905c8bcbe811c8a3aad4695a3",
-      "click.panel.space.y.md": "e001156cfa7766e9c5fb1322847bc5799e9ed8a3",
-      "click.panel.space.y.lg": "e96832a2f4fdc541b6e5ab1521d2d71ca588346c",
-      "click.panel.space.y.xl": "90e1e680489c999b8b61108c5dada2a2e9a72e5a",
-      "click.panel.space.x.none": "a5e0b958cd7790869c57bc81aa24fed453211064",
-      "click.panel.space.x.xs": "9827a3f855de56c742e51d405fb25a36bebbfbe2",
-      "click.panel.space.x.sm": "929648e34bad9e76557fa1cac281ddb0178d48ff",
-      "click.panel.space.x.md": "0451856d5fecf05e0c76d3d5dfd8ea7091b87bf1",
-      "click.panel.space.x.lg": "94cc74df5f6713941066910ae9f7d946d3683ff7",
-      "click.panel.space.x.xl": "58e06bfb5a27d16876ce5c2e424ea1fa7d70216c",
-      "click.panel.space.gap.none": "4b11a5b3c70643f4d3ed34634d1df7b1880edf93",
-      "click.panel.space.gap.xs": "3618dcf2b77680f15330e750a78db055fb8d4422",
-      "click.panel.space.gap.sm": "1bd820c1ace56deb769a7e24631d4fca5c0af7eb",
-      "click.panel.space.gap.md": "083e6df9ae3ffa58b71b14412f691a730a772ea2",
-      "click.panel.space.gap.lg": "6a9eac2f4c76fc26a72ba73795c0adb0f4129355",
-      "click.panel.space.gap.xl": "b22c9a91f46d184e71fceb9bb798ca4eb507df80",
-      "click.popover.space.y": "c0365a495e60d45a7d513c88765f371ade4c851b",
-      "click.popover.space.x": "1078d29f50b12d3b215475f5ffa854289381393d",
-      "click.popover.space.gap": "8648585a538084863c1c9993d97d698aa2a54dde",
-      "click.popover.radii.all": "bae93951fb0182f123d2298b6ed5791e10bda698",
-      "click.popover.icon.size.height": "3865cae4cf00789b06f75a1b3d40ac1ec6cb7338",
-      "click.popover.icon.size.width": "9e03beaee22fdd2eb000a9fe7396090cd2a9c031",
-      "click.radio.radii.all": "eef5a8abf50c833939ef7915907db108dd4fa085",
-      "click.separator.horizontal.space.y.xs": "f0483ac2f8ea4f376e8da7f10f07e9b840560038",
-      "click.separator.horizontal.space.y.sm": "a89b024a5948791a6dec8f410876506df2228e5f",
-      "click.separator.horizontal.space.y.md": "9c4aed3850529475954fb25523de3542ded419b4",
-      "click.separator.horizontal.space.y.ml": "a55b330cf2dff3735cd2f1a363616063c501dd7b",
-      "click.separator.horizontal.space.y.lg": "6c0583bd4df8402055400db31df10a8fafd3b2ee",
-      "click.separator.horizontal.space.y.xl": "3502b83700bfdd2074677a89de11b3c593ad63ed",
-      "click.separator.horizontal.space.y.xxl": "5244230ae96372a7c9a6ee0dbdac601efb99e155",
-      "click.separator.horizontal.space.x.all": "6885eaac0a06e00ec808f8e07112920648c04691",
-      "click.separator.vertical.space.x.xs": "d240bb37e073a5e61af92b4e0abd11f104e6bd31",
-      "click.separator.vertical.space.x.sm": "e7ca183de66a4d05ad03f6127323f1af7bf346c7",
-      "click.separator.vertical.space.x.md": "009a83065f755fbf248eac65cc383df7ce6132fc",
-      "click.separator.vertical.space.x.lg": "21da0ca0e7881efecdf0ee14459f0541182535b9",
-      "click.separator.vertical.space.x.xl": "ea627c0d2aad94fcae39d319956a3032d0383517",
-      "click.separator.vertical.space.x.xxl": "b63c7923f65b618ce079636e7a67cfb52ebd737d",
-      "click.separator.vertical.space.y.all": "27fcf69d815079874d632d1441b96fda6854f83f",
-      "click.sidebar.navigation.item.radii.all": "960d657572ed18d6b12ca081aaf4614806e3e51d",
-      "click.sidebar.navigation.item.default.space.right": "c52830971b5eda9ac21faa1fa2ea2e90eeb58576",
-      "click.sidebar.navigation.item.default.space.y": "ffd50355acb744ae2d9b4190dfb7d330ef38f65b",
-      "click.sidebar.navigation.item.default.space.gap": "2a3c45166f1250505ad8816ce08b9fca551458c4",
-      "click.sidebar.navigation.item.default.space.left": "38fea742bfbf4930467cc2671493461f7f4b4376",
-      "click.sidebar.navigation.item.mobile.space.left": "d081908b72ede8a911944d24a2680033dd3fbe89",
-      "click.sidebar.navigation.item.mobile.space.right": "6e4fb3122d450f6e7ad92c1dc712be6428542c07",
-      "click.sidebar.navigation.item.mobile.space.y": "70433bf16e26bf7e030609ed87d594695f74cb8d",
-      "click.sidebar.navigation.item.mobile.space.gap": "099c5c3af9476f70ac3aa0fc506fefcf15612753",
-      "click.sidebar.navigation.item.collapsible.space.left": "267f0fa1bfa256af4fc3cf3818af8b4740ee10b1",
-      "click.sidebar.navigation.item.collapsible.space.right": "7361f0b50a922aa32842e4622c46f84b9803b841",
-      "click.sidebar.navigation.item.collapsible.space.y": "60e0d5898bf7cd52b943714eeaae10826e475fb0",
-      "click.sidebar.navigation.item.collapsible.space.gap": "4079ea7e1232d09a1117c2db75c6013aa2367340",
-      "click.sidebar.navigation.item.icon.size.height": "2dfdc28e1387dbdc4e37cfd611bce25827f269a5",
-      "click.sidebar.navigation.item.icon.size.width": "678bbb6d428fe46d97a45a459f315b3f21e17902",
-      "click.sidebar.navigation.item.global.gap": "5a192d41da253da7f9b34a6d823505fed99ea025",
-      "click.sidebar.navigation.subItem.default.space.left": "8e36a10f903e1ec94d44f9695ea954844c139837",
-      "click.sidebar.navigation.subItem.default.space.right": "f5ca61cb54c0452abdb477265e8865ba92227aca",
-      "click.sidebar.navigation.subItem.default.space.y": "b158357ccbe8273ccb0dcdf844eb86cf9c680fb8",
-      "click.sidebar.navigation.subItem.mobile.space.left": "00a287e8410d9a5372ab4971053cd0425ac2289f",
-      "click.sidebar.navigation.subItem.mobile.space.right": "c582c838c2d09840494e4463b8861da3c1a13c5e",
-      "click.sidebar.navigation.subItem.mobile.space.y": "0478292008d6ecde5fe81e438ff5861f46a34e1f",
-      "click.sidebar.navigation.subItem.mobile.space.gap": "171ff16f357772568ee88726b70c40b4a7405ba2",
-      "click.sidebar.navigation.subItem.radii.all": "9a0a08bbad1127964a60d337301d0fd9ce1fde2b",
-      "click.sidebar.navigation.dragControl.separator.size.height": "df93c6bcb509b8098f9a709b49febdf40b55ecf3",
-      "click.spacer.horizontal.space.y.xs": "be399e4bbfd1956f803a37bf1a67737dd4ebaa1a",
-      "click.spacer.horizontal.space.y.sm": "f2a028fe9ad3576909f1fba3d535779dd32f171a",
-      "click.spacer.horizontal.space.y.md": "1d7d274281bbe7ab4a3b7555a743a742bf34e60c",
-      "click.spacer.horizontal.space.y.ml": "c827a0dca719902f21d24b876c21f619f9731375",
-      "click.spacer.horizontal.space.y.lg": "0b7952fad45432b6a7f49bf68becfcb5f918aa3b",
-      "click.spacer.horizontal.space.y.xl": "0cfb08d652d0118b68b30ec0df492c033972d3de",
-      "click.spacer.horizontal.space.y.xxl": "e090768dd79f78d49b25239643f15d18c686ac83",
-      "click.spacer.horizontal.space.x.all": "674d6e6241737820b4149f5402a0545f071f3b7f",
-      "click.stepper.vertical.numbered.connector.size.width": "f2462c615173536ec21c2599fbaa37d50c9bcf9f",
-      "click.stepper.vertical.numbered.connector.stroke.default": "fbd1f3e7d07cb42c54a23ac782f2095e4aae171d",
-      "click.stepper.vertical.numbered.step.size.height": "dbd2088894890651d59838b997132f2820eebedf",
-      "click.stepper.vertical.numbered.step.size.width": "d8d23b31455c1fd3c5399d0c3542bdfba510720f",
-      "click.stepper.vertical.numbered.step.size.icon.height": "e7d49cebdaa0219c22f893457aa01c71116dcbf4",
-      "click.stepper.vertical.numbered.step.size.icon.width": "9dff5e4e667fc7ee4e2f59ae224f69a59842565c",
-      "click.stepper.vertical.numbered.step.stroke.default": "67b72df40daa20ef0f3611930327f68760de1509",
-      "click.stepper.vertical.numbered.step.radii.default": "5d974cb75c2ad76beddd3ac8460a4b46cd2e3300",
-      "click.stepper.vertical.numbered.content.space.gap.x": "1a06f245842086f53a97636cf149a8b7d6308f4b",
-      "click.stepper.vertical.numbered.content.space.gap.y": "c31ce7c0beb8efe7be7ff3a415c1330e39ecbbf9",
-      "click.stepper.vertical.numbered.content.space.left": "ea3782f226d47accbbf82dc0277fbd95c19ec9e1",
-      "click.stepper.vertical.numbered.content.space.bottom.default": "4c12cb5462216df1684e4efd52e1e1cb15793b38",
-      "click.stepper.vertical.numbered.content.space.bottom.active": "0e8a6ab550212f2547b22cfc76b6964610b58b5b",
-      "click.stepper.vertical.bulleted.connector.size.width": "fdf3842953762eb0bc535ab959f7a1feccace530",
-      "click.stepper.vertical.bulleted.connector.stroke.default": "c90784cff832ec6b78ec877aee00cedd4221a557",
-      "click.stepper.vertical.bulleted.step.size.height": "18d0dc27c41902af616f6ca48553aad101183736",
-      "click.stepper.vertical.bulleted.step.size.width": "c5931f8018d553133a622c9af2d722faa9a917a9",
-      "click.stepper.vertical.bulleted.step.size.icon.height": "d6b404fed2ca20d8c1d8a48e3ea886b72093dc5b",
-      "click.stepper.vertical.bulleted.step.size.icon.width": "d86c7e847c7a4a4ea92921ec0cbb9d23ad146bcc",
-      "click.stepper.vertical.bulleted.step.radii.default": "21855383c48c4bcdaadad9f677fe0bc62289d294",
-      "click.stepper.vertical.bulleted.step.stroke.default": "bbdb19a7687dc79fc7b8b3e3b62c20cbf5b54c26",
-      "click.stepper.vertical.bulleted.content.space.gap.x": "732ec255f14fc44eca238bde11ed4e215dea8ace",
-      "click.stepper.vertical.bulleted.content.space.gap.y": "3dab3cea2fc2829d241817bf0c78098d2fd7f4b6",
-      "click.stepper.vertical.bulleted.content.space.left": "135b6e0f4e2cf729633381318aecd34225c6ab3b",
-      "click.stepper.vertical.bulleted.content.space.bottom.default": "8d93bf57ee320d2be6624645de3d27b09d493d54",
-      "click.stepper.vertical.bulleted.content.space.bottom.active": "ab80c3e5e3cd20605bb2357572e936a9d5ba7dd2",
-      "click.switch.space.gap": "6bcb6e178ac862efcc02c574e356b8cc909a1878",
-      "click.switch.radii.all": "5ebef1c7a5685d691de719d3cd605801be524a4c",
-      "click.switch.size.width": "735048d077b9b7e06b3a1bce12a6cc18217ec5b8",
-      "click.switch.size.height": "264943defee1e213b978dd450cb2d9f298f635cb",
-      "click.table.header.cell.space.md.y": "a34aebe6775c470bfec9898901d8d221b7ac8cbe",
-      "click.table.header.cell.space.md.x": "adab71e3d048ba6c8991fa410c0f8e4834cbe571",
-      "click.table.header.cell.space.sm.y": "55dc01175a14023965f2ce50756a494c7ba813ec",
-      "click.table.header.cell.space.sm.x": "07706d30ae4df07890ba30bf5af901bba549c9e1",
-      "click.table.cell.stroke": "b00cb4ca1fc585c936f44c1028932bed376ef699",
-      "click.table.radii.all": "870470a237e1b834114b1d5edbe3581ae3f30c7a",
-      "click.table.body.cell.space.md.y": "12ee64d5e6ebdfc6a6406cd5f124d99ff0b1e6c9",
-      "click.table.body.cell.space.md.x": "2d79eaea6d2caf09b608a4a66b00094f0363e25b",
-      "click.table.body.cell.space.sm.y": "1caf03d0507a40e61bee7d81ecea4d90016141a2",
-      "click.table.body.cell.space.sm.x": "1ff0bdfbca4e1f48b96a3a35073eb851e35dd107",
-      "click.table.mobile.cell.space.y": "4ee4a865e85a2e553de827937c436a74dacd0264",
-      "click.table.mobile.cell.space.x": "4510fcd11d35de344389e060e1a9f627e3235c51",
-      "click.table.mobile.cell.space.gap": "3d1a78644281594462a91e3f0332ba82c6235fd2",
-      "click.tabs.space.y": "997763483c63dc8c38616c6169738881ecd6ba77",
-      "click.tabs.space.x": "c9ade64efa98cb66c6972bdd77c9dff4802e550e",
-      "click.tabs.radii.all": "b8d31c2187d059cd4cd38707f3d6c8169939a6d1",
-      "click.tabs.basic.strokeWidth.default": "d30dc3aba3b33f9ffca12bf14b7338ee80863896",
-      "click.tabs.basic.strokeWidth.hover": "0ea6e5e39a4fd50a9136f8c045357d7730c3a255",
-      "click.tabs.basic.strokeWidth.active": "e41a86ad2e8a5945f6e778e6c483d663b16da86c",
-      "click.tabs.basic.strokeWidth.global": "4abc5c93cc6584512c93f75d79673c7d6a0b0545",
-      "click.tabs.fileTabs.icon.size.height": "3b87ff6eecb43f843e39c9621bbc7c57eb7dfd76",
-      "click.tabs.fileTabs.icon.size.width": "259eff89beb7b7af2c352d7efe12ffcc10a817c3",
-      "click.tabs.fileTabs.space.y": "5bd8dc0df5aab6ecba0e901bdffe6e78b8a44b23",
-      "click.tabs.fileTabs.space.x": "d979bc95983dac519cc90cf19a3ff839a2d18dd1",
-      "click.tabs.fileTabs.space.gap": "d7cae539d46cafd4cf223f9259fe46f1dd69c5dc",
-      "click.tabs.fileTabs.radii.all": "1e0af449038e530d514c005ab684ffd165333111",
-      "click.toast.icon.size.height": "e1d929f6995076bfa1401f6a052f80a7755a75a6",
-      "click.toast.icon.size.width": "c22761bf0eaf817369187d50a4157142fcc34733",
-      "click.toast.space.title.gap": "bc06489e5aa9ffa1a4129734f1bc5011718c168d",
-      "click.toast.space.y": "2b095ea51b757268a784f3d68841bb69234f6dca",
-      "click.toast.space.x": "5d0f485e4b0e6d6c9b2185ccbce1ff4da238fe3a",
-      "click.toast.space.gap": "5357bb4b61be5e14c2c376a1c81e70e2c862f593",
-      "click.toast.radii.all": "871588b7610f251b251838c8e2542cb16665a385",
-      "click.toast.size.width": "2960f7048f7e0fb0775746257d01a7519fee5396",
-      "click.tooltip.radii.all": "c9a0fa6832474f8164507716d4fd965fb0c1d00f",
-      "click.tooltip.space.x": "b94029017ceb18c402a6642bc78c54436d017d7c",
-      "click.tooltip.space.y": "d50e446235cb7128a4e353ffb7491672fb7c25ab",
-      "click.dashboards.chartWidget.space.gap": "09250c8cd42ceb6206b3310bf86bb2d1f481f704",
-      "click.dashboards.chartWidget.space.element.gap": "c2e57b94e48ea70dfb841976d01b428a58b04cbe",
-      "click.dashboards.chartWidget.borderWidth.default": "683c9966f4fa2655666219d223906c6b9af760f8",
-      "click.dashboards.chartWidget.element.radii.all": "c1872fa176f7d5461feab2c75651dde1f8801e71",
-      "click.dashboards.chartWidget.radii.all": "f4949758b0dd138c2925a9ae5d1d3bdf79ad7afd",
-      "click.dashboards.chartWidget.size.icon.all.drag": "48669b53e3f2455f78e2391d0d5788f4995513c5",
-      "click.dashboards.chartWidget.size.icon.all.menu": "eafba0ffd132cc048eb483286804605d66408857",
-      "click.dashboards.chartWidget.size.icon.all.resize": "d0562d1e2a1b5333e6e38ccf62fee4086477da4c",
-      "grid.header.cell.borderWidth.default": "7a5094434232b077088f58c343b3cc08eeb9776a",
-      "grid.header.cell.borderWidth.selectIndirect": "b092a054644d4aa04d785b6c9c11db2c2b2786b3",
-      "grid.header.cell.borderWidth.selectDirect": "30d2b3f1b327afe4c43236f7a02377ab8cfc23c2",
-      "grid.body.cell.borderWidth.default": "785595c44ede1688ad1643e098d88379d2c3f2ea",
-      "grid.body.cell.borderWidth.selectIndirect": "7f59800387e383ceb794589d0576044ae4b3494d",
-      "grid.body.cell.borderWidth.selectDirect": "c90842ff8e259e01dafc84f69b130f1d3b1e8045",
-      "click.checkbox.color.variations.default.label.default": "a9f172567a25b43e6e4f4dcac7da08f4351e8506",
-      "click.checkbox.color.variations.default.label.hover": "14c27a52139fe59e9379176d9c356e1a07a5a673",
-      "click.checkbox.color.variations.default.label.active": "d5cd65ed7de25fe77e96ba9ebb034f98e965038d",
-      "click.checkbox.color.variations.default.label.disabled": "28b966ad751fa3d1d1d2aae32e9f187148e78653",
-      "click.checkbox.color.label.default": "a9895ce2ee717da9bf809f7bb51504d513169e4c",
-      "click.checkbox.color.label.hover": "fa37c628a39f1844d275ac870167735ad62f99ea",
-      "click.checkbox.color.label.active": "f72790ba9177194058983fc54786b68d93c12e3d",
-      "click.checkbox.color.label.disabled": "a1fda5aa9e60a1491756545c6e393d943f1c47f2",
-      "click.genericMenu.item.color.format.error": "4e4e491d7b832f6157b7b2ded375508f861f2b2b",
-      "click.genericMenu.item.color.danger.stroke.default": "2970d0a08363f2a339d6f35b6a6e1479947e785e",
-      "click.sidebar.sqlSidebar.navigation.item.color.icon.disabled": "c1e89b9b112a16ee629b37a358df084ec56925ea",
-      "click.flyout.color.opaqueBackground.default": "ce3543399676bc2c89885b8dbe7ecbf30bfa5738"
-    },
-    "group": "Default"
-  }
-]
\ No newline at end of file
diff --git a/packages/click-ui/tokens/themes/component.json b/packages/click-ui/tokens/themes/component.json
deleted file mode 100644
index 18ea4b40e..000000000
--- a/packages/click-ui/tokens/themes/component.json
+++ /dev/null
@@ -1,3680 +0,0 @@
-{
-  "click": {
-    "accordion": {
-      "sm": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{click.image.sm.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.sm.size.width}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.accordion.sm.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.accordion.sm.typography.label.default}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "md": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{click.image.md.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.md.size.width}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.accordion.md.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.accordion.md.typography.label.default}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "lg": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{click.image.lg.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.lg.size.width}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.lg}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.accordion.lg.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.accordion.lg.typography.label.default}",
-              "type": "typography"
-            }
-          }
-        }
-      }
-    },
-    "alert": {
-      "medium": {
-        "space": {
-          "y": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "banner": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.sm}",
-              "type": "typography"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          }
-        },
-        "icon": {
-          "height": {
-            "value": "{click.image.md.size.height}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{click.image.md.size.width}",
-            "type": "sizing"
-          }
-        }
-      },
-      "small": {
-        "space": {
-          "y": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "banner": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "icon": {
-          "height": {
-            "value": "{click.image.sm.size.height}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{click.image.sm.size.width}",
-            "type": "sizing"
-          }
-        },
-        "typography": {
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.xs}",
-              "type": "typography"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "radii": {
-        "center": {
-          "value": "{border.radii.0}",
-          "type": "borderRadius"
-        },
-        "end": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "avatar": {
-      "typography": {
-        "label": {
-          "sm": {
-            "default": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "0.6875rem"
-              },
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.avatar.typography.label.sm.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.avatar.typography.label.sm.default}",
-              "type": "typography"
-            }
-          },
-          "md": {
-            "default": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.avatar.typography.label.md.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.avatar.typography.label.md.default}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "size": {
-        "label": {
-          "width": {
-            "value": "{sizes.7}",
-            "type": "sizing"
-          }
-        },
-        "width": {
-          "value": "{sizes.7}",
-          "type": "sizing"
-        },
-        "height": {
-          "value": "{sizes.7}",
-          "type": "sizing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.full}",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "badge": {
-      "space": {
-        "md": {
-          "x": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.125rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "sm": {
-          "x": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.15625rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "0.125rem",
-            "type": "spacing"
-          }
-        }
-      },
-      "typography": {
-        "label": {
-          "md": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            }
-          },
-          "sm": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.xs}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.full}",
-          "type": "borderRadius"
-        }
-      },
-      "stroke": {
-        "value": "{border.width.1}",
-        "type": "borderWidth",
-        "default": {
-          "value": "#e6e7e9",
-          "type": "color"
-        },
-        "success": {
-          "value": "#e0f8e7",
-          "type": "color"
-        },
-        "neutral": {
-          "value": "#dfdfdf",
-          "type": "color"
-        }
-      },
-      "icon": {
-        "md": {
-          "size": {
-            "height": {
-              "value": "{click.image.xs.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.xs.size.width}",
-              "type": "sizing"
-            }
-          }
-        },
-        "sm": {
-          "size": {
-            "height": {
-              "value": "0.625rem",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "0.625rem",
-              "type": "sizing"
-            }
-          }
-        }
-      }
-    },
-    "bigStat": {
-      "space": {
-        "all": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "sm": {
-          "gap": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          }
-        },
-        "lg": {
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "stroke": {
-        "value": "{border.width.1}",
-        "type": "borderWidth"
-      },
-      "typography": {
-        "lg": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "muted": {
-              "value": "{click.bigStat.typography.lg.label.default}",
-              "type": "typography"
-            }
-          },
-          "title": {
-            "default": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.4}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.6}"
-              },
-              "type": "typography"
-            },
-            "muted": {
-              "value": "{click.bigStat.typography.lg.title.default}",
-              "type": "typography"
-            }
-          }
-        },
-        "sm": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "muted": {
-              "value": "{click.bigStat.typography.sm.label.default}",
-              "type": "typography"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.md}",
-              "type": "typography"
-            },
-            "muted": {
-              "value": "{click.bigStat.typography.sm.title.default}",
-              "type": "typography"
-            }
-          }
-        }
-      }
-    },
-    "button": {
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "basic": {
-        "space": {
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.28125rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "group": {
-            "value": "{click.button.basic.space.gap}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            }
-          },
-          "mobile": {
-            "label": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              }
-            }
-          }
-        },
-        "size": {
-          "icon": {
-            "height": {
-              "value": "0.96875rem",
-              "type": "sizing"
-            },
-            "all": {
-              "value": "0.96875rem",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "0.96875rem",
-              "type": "sizing"
-            }
-          }
-        }
-      },
-      "iconButton": {
-        "default": {
-          "space": {
-            "x": {
-              "value": "{click.button.iconButton.default.space.y}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "0.4375rem",
-              "type": "spacing"
-            }
-          }
-        },
-        "size": {
-          "small": {
-            "value": "{sizes.4}",
-            "type": "sizing"
-          },
-          "medium": {
-            "value": "{sizes.5}",
-            "type": "sizing"
-          },
-          "large": {
-            "value": "{sizes.6}",
-            "type": "sizing"
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{click.button.radii.all}",
-            "type": "borderRadius"
-          }
-        },
-        "sm": {
-          "space": {
-            "x": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            }
-          }
-        },
-        "xs": {
-          "space": {
-            "x": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "stroke": {
-        "value": "{border.width.1}",
-        "type": "borderWidth"
-      },
-      "split": {
-        "icon": {
-          "space": {
-            "y": {
-              "value": "0.4375rem",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "0.34375rem",
-              "type": "spacing"
-            }
-          }
-        },
-        "space": {
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.28125rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.button.basic.typography.label.hover}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.button.basic.typography.label.active}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.button.basic.typography.label.disabled}",
-              "type": "typography"
-            }
-          },
-          "mobile": {
-            "label": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              }
-            }
-          }
-        }
-      },
-      "mobile": {
-        "button": {
-          "space": {
-            "x": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          }
-        },
-        "basic": {
-          "size": {
-            "icon": {
-              "all": {
-                "value": "{sizes.6}",
-                "type": "sizing"
-              }
-            }
-          }
-        }
-      },
-      "group": {
-        "radii": {
-          "button": {
-            "default": {
-              "all": {
-                "value": "2px",
-                "type": "borderRadius"
-              }
-            },
-            "borderless": {
-              "all": {
-                "value": "{border.radii.1}",
-                "type": "borderRadius"
-              }
-            }
-          },
-          "panel": {
-            "all": {
-              "value": "{border.radii.1}",
-              "type": "borderRadius"
-            }
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.button.basic.typography.label.hover}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.button.basic.typography.label.active}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.button.basic.typography.label.disabled}",
-              "type": "typography"
-            }
-          },
-          "mobile": {
-            "label": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              }
-            }
-          }
-        },
-        "space": {
-          "panel": {
-            "default": {
-              "x": {
-                "value": "3px",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{click.button.group.space.panel.default.x}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{click.button.group.space.panel.default.x}",
-                "type": "spacing"
-              }
-            },
-            "borderless": {
-              "x": {
-                "value": "{spaces.0}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{spaces.0}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{spaces.1}",
-                "type": "spacing"
-              }
-            }
-          },
-          "button": {
-            "default": {
-              "y": {
-                "value": "1.5px",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              }
-            },
-            "borderless": {
-              "y": {
-                "value": "5.5px",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              }
-            }
-          }
-        }
-      },
-      "alignLeft": {
-        "size": {
-          "icon": {
-            "all": {
-              "value": "{click.button.basic.size.icon.all}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.34375rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.button.basic.typography.label.default}",
-              "type": "typography"
-            }
-          },
-          "mobile": {
-            "label": {
-              "default": {
-                "value": "{click.button.basic.typography.mobile.label.default}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{typography.styles.product.text.medium.lg}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{typography.styles.product.text.semibold.lg}",
-                "type": "typography"
-              }
-            }
-          }
-        }
-      }
-    },
-    "card": {
-      "secondary": {
-        "space": {
-          "all": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "link": {
-            "gap": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "icon": {
-          "size": {
-            "all": {
-              "value": "{sizes.9}",
-              "type": "sizing"
-            }
-          }
-        },
-        "stroke": {
-          "value": "{border.width.1}",
-          "type": "borderWidth",
-          "default": {
-            "value": {
-              "color": "{click.global.color.stroke.default}",
-              "width": "{click.card.primary.stroke}",
-              "style": "solid"
-            },
-            "type": "border"
-          }
-        }
-      },
-      "typography": {
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.titles.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.titles.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.titles.md}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.titles.md}",
-            "type": "typography"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        },
-        "link": {
-          "default": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          }
-        }
-      },
-      "primary": {
-        "size": {
-          "icon": {
-            "sm": {
-              "all": {
-                "value": "{sizes.9}",
-                "type": "sizing"
-              }
-            },
-            "md": {
-              "all": {
-                "value": "{sizes.11}",
-                "type": "sizing"
-              }
-            }
-          }
-        },
-        "space": {
-          "md": {
-            "y": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            }
-          },
-          "sm": {
-            "y": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{click.card.primary.space.md.x}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            }
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "stroke": {
-          "value": "{border.width.1}",
-          "type": "borderWidth",
-          "default": {
-            "value": {
-              "color": "{click.global.color.stroke.default}",
-              "width": "{click.card.primary.stroke}",
-              "style": "solid"
-            },
-            "type": "border"
-          }
-        }
-      },
-      "shadow": {
-        "value": "{shadow.1}",
-        "type": "boxShadow"
-      },
-      "horizontal": {
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "typography": {
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.sm}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.card.horizontal.typography.title.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.card.horizontal.typography.title.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.card.horizontal.typography.title.default}",
-              "type": "typography"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          }
-        },
-        "icon": {
-          "size": {
-            "all": {
-              "value": "{sizes.7}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "md": {
-            "y": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            }
-          },
-          "sm": {
-            "y": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "promotion": {
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "typography": {
-          "text": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          }
-        },
-        "space": {
-          "y": {
-            "value": "5.5px",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          }
-        },
-        "icon": {
-          "size": {
-            "all": {
-              "value": "{sizes.5}",
-              "type": "sizing"
-            }
-          }
-        }
-      }
-    },
-    "checkbox": {
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}/2",
-          "type": "borderRadius"
-        }
-      },
-      "space": {
-        "all": {
-          "value": "{sizes.1}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        }
-      },
-      "size": {
-        "all": {
-          "value": "{sizes.5}",
-          "type": "sizing"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{click.field.typography.genericLabel.default}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{click.field.typography.genericLabel.hover}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{click.field.typography.genericLabel.active}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{click.field.typography.genericLabel.disabled}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "codeblock": {
-      "space": {
-        "x": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "y": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "1.5rem",
-          "type": "spacing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "stroke": {
-        "value": "{border.width.1}",
-        "type": "borderWidth"
-      },
-      "typography": {
-        "text": {
-          "default": {
-            "value": "{typography.styles.product.text.mono.md}",
-            "type": "typography"
-          }
-        }
-      },
-      "numbers": {
-        "size": {
-          "width": {
-            "value": "{sizes.7}",
-            "type": "sizing"
-          }
-        }
-      }
-    },
-    "codeInline": {
-      "space": {
-        "x": {
-          "value": "{spaces.1}",
-          "type": "spacing"
-        }
-      },
-      "stroke": {
-        "value": "{border.width.1}",
-        "type": "borderWidth"
-      },
-      "typography": {
-        "text": {
-          "default": {
-            "value": "{typography.styles.product.text.mono.md}",
-            "type": "typography"
-          }
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "container": {
-      "space": {
-        "none": {
-          "value": "{spaces.0}",
-          "type": "spacing"
-        },
-        "xxs": {
-          "value": "{spaces.1}",
-          "type": "spacing"
-        },
-        "xs": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "{spaces.5}",
-          "type": "spacing"
-        },
-        "xl": {
-          "value": "{spaces.6}",
-          "type": "spacing"
-        },
-        "xxl": {
-          "value": "{spaces.8}",
-          "type": "spacing"
-        }
-      },
-      "gap": {
-        "none": {
-          "value": "{spaces.0}",
-          "type": "spacing"
-        },
-        "xxs": {
-          "value": "{spaces.1}",
-          "type": "spacing"
-        },
-        "xs": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "{spaces.5}",
-          "type": "spacing"
-        },
-        "xl": {
-          "value": "{spaces.6}",
-          "type": "spacing"
-        },
-        "xxl": {
-          "value": "{spaces.8}",
-          "type": "spacing"
-        }
-      }
-    },
-    "datePicker": {
-      "dateOption": {
-        "space": {
-          "gap": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        },
-        "radii": {
-          "default": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          },
-          "range": {
-            "value": "{border.radii.0}",
-            "type": "borderRadius"
-          }
-        },
-        "stroke": {
-          "value": "{border.width.1}",
-          "type": "borderWidth"
-        },
-        "size": {
-          "height": {
-            "value": "{sizes.9}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.9}",
-            "type": "sizing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{typography.styles.product.text.semibold.sm}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            },
-            "range": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "space": {
-        "gap": {
-          "value": "{spaces.1}",
-          "type": "spacing"
-        }
-      },
-      "typography": {
-        "daytitle": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.titles.sm}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "dialog": {
-      "space": {
-        "y": {
-          "value": "{spaces.5}",
-          "type": "spacing"
-        },
-        "x": {
-          "value": "{spaces.6}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        }
-      },
-      "title": {
-        "space": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.2}",
-          "type": "borderRadius"
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{shadow.1}",
-          "type": "boxShadow"
-        }
-      },
-      "stroke": {
-        "default": {
-          "value": {
-            "color": "{click.global.color.stroke.default}",
-            "width": "{border.width.1}",
-            "style": "solid"
-          },
-          "type": "border"
-        }
-      },
-      "typography": {
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.titles.xl}",
-            "type": "typography"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "docs": {
-      "typography": {
-        "titles": {
-          "lg": {
-            "value": "{typography.styles.product.titles.2xl}",
-            "type": "typography"
-          },
-          "md": {
-            "value": "{typography.styles.product.titles.xl}",
-            "type": "typography"
-          },
-          "sm": {
-            "value": "{typography.styles.product.titles.md}",
-            "type": "typography"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        },
-        "breadcrumbs": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.semibold.md}",
-            "type": "typography"
-          }
-        },
-        "toc": {
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.text.semibold.md}",
-              "type": "typography"
-            }
-          },
-          "item": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{typography.styles.product.text.semibold.md}",
-              "type": "typography"
-            }
-          }
-        }
-      }
-    },
-    "field": {
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          },
-          "error": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          }
-        },
-        "fieldText": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "error": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        },
-        "placeholder": {
-          "default": {
-            "value": "{click.field.typography.fieldText.default}",
-            "type": "typography"
-          }
-        },
-        "format": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          },
-          "error": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          }
-        },
-        "genericLabel": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "error": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        }
-      },
-      "type": {
-        "mobile": {
-          "label": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          },
-          "field-value": {
-            "value": "{typography.styles.product.text.normal.lg}",
-            "type": "typography"
-          }
-        }
-      },
-      "space": {
-        "x": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "y": {
-          "value": "0.28125rem",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        }
-      },
-      "size": {
-        "icon": {
-          "value": "{sizes.5}",
-          "type": "sizing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "mobile": {
-        "space": {
-          "x": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "fileUpload": {
-      "sm": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{sizes.7}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{sizes.7}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "gap": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        }
-      },
-      "md": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{sizes.9}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{sizes.9}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.2}",
-            "type": "borderRadius"
-          }
-        }
-      },
-      "typography": {
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.text.medium.md}",
-            "type": "typography"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        }
-      },
-      "hasFile": {
-        "space": {
-          "gap": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          }
-        },
-        "header": {
-          "space": {
-            "gap": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "transitions": {
-        "all": {
-          "value": "{transition.default}",
-          "type": "other"
-        }
-      }
-    },
-    "flyout": {
-      "space": {
-        "default": {
-          "x": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.5}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "top": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "content": {
-            "x": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "row-gap": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "column-gap": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            }
-          }
-        },
-        "inline": {
-          "x": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "top": {
-            "value": "3.5rem",
-            "type": "spacing"
-          },
-          "content": {
-            "x": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "row-gap": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "column-gap": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{shadow.3}",
-          "type": "boxShadow"
-        },
-        "reverse": {
-          "value": "{shadow.4}",
-          "type": "boxShadow"
-        }
-      },
-      "size": {
-        "default": {
-          "width": {
-            "value": "27.5rem",
-            "type": "sizing"
-          },
-          "height": {
-            "value": "100%",
-            "type": "sizing"
-          }
-        },
-        "wide": {
-          "width": {
-            "value": "37.5rem",
-            "type": "sizing"
-          },
-          "height": {
-            "value": "100vh",
-            "type": "sizing"
-          }
-        },
-        "narrow": {
-          "width": {
-            "value": "21rem",
-            "type": "sizing"
-          },
-          "height": {
-            "value": "100%",
-            "type": "sizing"
-          }
-        },
-        "widest": {
-          "width": {
-            "value": "55rem",
-            "type": "sizing"
-          },
-          "height": {
-            "value": "100vh",
-            "type": "sizing"
-          }
-        }
-      },
-      "typography": {
-        "default": {
-          "description": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.xl}",
-              "type": "typography"
-            }
-          }
-        },
-        "inline": {
-          "description": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.md}",
-              "type": "typography"
-            }
-          }
-        }
-      }
-    },
-    "genericMenu": {
-      "item": {
-        "space": {
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "0.34375rem",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "icon": {
-          "size": {
-            "height": {
-              "value": "0.96875rem",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "0.96875rem",
-              "type": "sizing"
-            }
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.genericMenu.item.typography.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.genericMenu.item.typography.label.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.genericMenu.item.typography.label.default}",
-              "type": "typography"
-            }
-          },
-          "sectionHeader": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            }
-          },
-          "subtext": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.sm}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.genericMenu.item.typography.subtext.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.genericMenu.item.typography.subtext.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.genericMenu.item.typography.subtext.default}",
-              "type": "typography"
-            }
-          }
-        },
-        "two-lines": {
-          "space": {
-            "x": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "y": {
-              "value": "0.34375rem",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            }
-          }
-        },
-        "size": {
-          "minWidth": {
-            "value": "180px",
-            "type": "sizing"
-          }
-        }
-      },
-      "itemCustom": {
-        "typography": {
-          "label": {
-            "sm": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            },
-            "lg": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "button": {
-        "space": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          },
-          "y": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.button.basic.typography.mobile.label.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.button.basic.typography.mobile.label.default}",
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "panel": {
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "shadow": {
-          "default": {
-            "value": "{shadow.1}",
-            "type": "boxShadow"
-          }
-        },
-        "size": {
-          "height": {
-            "value": "{sizes.9}",
-            "type": "sizing"
-          }
-        }
-      },
-      "autocomplete": {
-        "typography": {
-          "results": {
-            "label": {
-              "default": {
-                "value": "{typography.styles.product.text.medium.md}",
-                "type": "typography"
-              }
-            }
-          },
-          "search": {
-            "placeholder": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.md}",
-                "type": "typography"
-              }
-            },
-            "term": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.md}",
-                "type": "typography"
-              }
-            }
-          }
-        },
-        "search": {
-          "stroke": {
-            "default": {
-              "value": {
-                "color": "{click.genericMenu.autocomplete.color.stroke.default}",
-                "width": "{border.width.2}",
-                "style": "solid"
-              },
-              "type": "border"
-            }
-          }
-        }
-      },
-      "sectionHeader": {
-        "space": {
-          "bottom": {
-            "value": "{click.genericMenu.item.space.y}",
-            "type": "spacing"
-          },
-          "top": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        }
-      },
-      "placeholder": {
-        "space": {
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "grid": {
-      "header": {
-        "cell": {
-          "space": {
-            "y": {
-              "value": "0.4375rem",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          },
-          "size": {
-            "height": {
-              "value": "{sizes.9}",
-              "type": "sizing"
-            }
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          }
-        }
-      },
-      "body": {
-        "cell": {
-          "space": {
-            "y": {
-              "value": "5.5px",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          },
-          "size": {
-            "height": {
-              "value": "{sizes.9}",
-              "type": "sizing"
-            }
-          }
-        }
-      },
-      "cell": {
-        "text": {
-          "default": {
-            "value": {
-              "fontFamily": "{typography.font.families.mono}",
-              "fontWeight": "{typography.font.weights.2}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.2}"
-            },
-            "type": "typography"
-          }
-        }
-      },
-      "radii": {
-        "none": {
-          "value": "{border.radii.0}",
-          "type": "borderRadius"
-        },
-        "sm": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        },
-        "md": {
-          "value": "{border.radii.2}",
-          "type": "borderRadius"
-        },
-        "lg": {
-          "value": "{border.radii.3}",
-          "type": "borderRadius"
-        }
-      }
-    },
-    "gridContainer": {
-      "gap": {
-        "none": {
-          "value": "{spaces.0}",
-          "type": "spacing"
-        },
-        "xxs": {
-          "value": "{spaces.1}",
-          "type": "spacing"
-        },
-        "xs": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        },
-        "sm": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "md": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "lg": {
-          "value": "{spaces.5}",
-          "type": "spacing"
-        },
-        "xl": {
-          "value": "{spaces.6}",
-          "type": "spacing"
-        },
-        "xxl": {
-          "value": "{spaces.8}",
-          "type": "spacing"
-        },
-        "unset": {
-          "value": "''",
-          "type": "spacing"
-        }
-      }
-    },
-    "icon": {
-      "space": {
-        "xs": {
-          "all": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "sm": {
-          "all": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "md": {
-          "all": {
-            "value": "0.365rem",
-            "type": "spacing"
-          }
-        },
-        "lg": {
-          "all": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "xl": {
-          "all": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          }
-        },
-        "xxl": {
-          "all": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "image": {
-      "sm": {
-        "size": {
-          "height": {
-            "value": "{sizes.5}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.5}",
-            "type": "sizing"
-          }
-        }
-      },
-      "xs": {
-        "size": {
-          "height": {
-            "value": "{sizes.4}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.4}",
-            "type": "sizing"
-          }
-        }
-      },
-      "md": {
-        "size": {
-          "height": {
-            "value": "{sizes.6}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.6}",
-            "type": "sizing"
-          }
-        }
-      },
-      "lg": {
-        "size": {
-          "height": {
-            "value": "{sizes.7}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.7}",
-            "type": "sizing"
-          }
-        }
-      },
-      "xl": {
-        "size": {
-          "height": {
-            "value": "{sizes.9}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.9}",
-            "type": "sizing"
-          }
-        }
-      },
-      "xxl": {
-        "size": {
-          "height": {
-            "value": "{sizes.11}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{sizes.11}",
-            "type": "sizing"
-          }
-        }
-      },
-      "borderWidth": {
-        "default": {
-          "value": "1.5",
-          "type": "sizing"
-        },
-        "thin": {
-          "value": "{sizes.1}",
-          "type": "sizing"
-        }
-      }
-    },
-    "link": {
-      "space": {
-        "md": {
-          "gap": {
-            "value": "{spaces.1}",
-            "type": "spacing"
-          }
-        },
-        "sm": {
-          "gap": {
-            "value": "2px",
-            "type": "spacing"
-          }
-        }
-      },
-      "icon": {
-        "size": {
-          "sm": {
-            "height": {
-              "value": "{click.image.xs.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.xs.size.width}",
-              "type": "sizing"
-            }
-          },
-          "md": {
-            "height": {
-              "value": "{click.image.sm.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.sm.size.width}",
-              "type": "sizing"
-            }
-          }
-        }
-      }
-    },
-    "panel": {
-      "strokeWidth": {
-        "default": {
-          "value": "{border.width.1}",
-          "type": "borderWidth"
-        }
-      },
-      "radii": {
-        "none": {
-          "value": "{border.radii.0}",
-          "type": "borderRadius"
-        },
-        "sm": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        },
-        "md": {
-          "value": "{border.radii.2}",
-          "type": "borderRadius"
-        },
-        "lg": {
-          "value": "{border.radii.3}",
-          "type": "borderRadius"
-        }
-      },
-      "stroke": {
-        "default": {
-          "value": {
-            "color": "{click.global.color.stroke.default}",
-            "width": "{border.width.1}",
-            "style": "solid"
-          },
-          "type": "border"
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{shadow.1}",
-          "type": "boxShadow"
-        }
-      },
-      "space": {
-        "y": {
-          "none": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "xs": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "lg": {
-            "value": "{spaces.5}",
-            "type": "spacing"
-          },
-          "xl": {
-            "value": "{spaces.6}",
-            "type": "spacing"
-          }
-        },
-        "x": {
-          "none": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "xs": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "lg": {
-            "value": "{spaces.5}",
-            "type": "spacing"
-          },
-          "xl": {
-            "value": "{spaces.6}",
-            "type": "spacing"
-          }
-        },
-        "gap": {
-          "none": {
-            "value": "{spaces.0}",
-            "type": "spacing"
-          },
-          "xs": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          },
-          "sm": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          },
-          "md": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "lg": {
-            "value": "{spaces.5}",
-            "type": "spacing"
-          },
-          "xl": {
-            "value": "{spaces.6}",
-            "type": "spacing"
-          }
-        }
-      }
-    },
-    "popover": {
-      "space": {
-        "y": {
-          "value": "{spaces.4}",
-          "type": "spacing"
-        },
-        "x": {
-          "value": "{spaces.5}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{shadow.1}",
-          "type": "boxShadow"
-        }
-      },
-      "icon": {
-        "size": {
-          "height": {
-            "value": "{click.image.md.size.height}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{click.image.md.size.width}",
-            "type": "sizing"
-          }
-        }
-      }
-    },
-    "radio": {
-      "radii": {
-        "all": {
-          "value": "{border.radii.full}",
-          "type": "borderRadius"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{click.field.typography.genericLabel.default}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{click.field.typography.genericLabel.hover}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{click.field.typography.genericLabel.active}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{click.field.typography.genericLabel.disabled}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "separator": {
-      "horizontal": {
-        "space": {
-          "y": {
-            "xs": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            },
-            "sm": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "md": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            },
-            "ml": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "lg": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "xl": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "xxl": {
-              "value": "{spaces.6}",
-              "type": "spacing"
-            }
-          },
-          "x": {
-            "all": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            }
-          }
-        }
-      },
-      "vertical": {
-        "space": {
-          "x": {
-            "xs": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            },
-            "sm": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "md": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            },
-            "lg": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "xl": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "xxl": {
-              "value": "{spaces.6}",
-              "type": "spacing"
-            }
-          },
-          "y": {
-            "all": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            }
-          }
-        }
-      }
-    },
-    "sidebar": {
-      "navigation": {
-        "item": {
-          "radii": {
-            "all": {
-              "value": "{border.radii.1}",
-              "type": "borderRadius"
-            }
-          },
-          "default": {
-            "space": {
-              "right": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{click.button.basic.space.y}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "left": {
-                "value": "{spaces.0}",
-                "type": "spacing"
-              }
-            }
-          },
-          "typography": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{click.sidebar.navigation.item.typography.default}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.sidebar.navigation.item.typography.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.sidebar.navigation.item.typography.default}",
-              "type": "typography"
-            }
-          },
-          "mobile": {
-            "typography": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{click.sidebar.navigation.item.mobile.typography.default}",
-                "type": "typography"
-              }
-            },
-            "space": {
-              "left": {
-                "value": "{spaces.0}",
-                "type": "spacing"
-              },
-              "right": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              }
-            }
-          },
-          "collapsible": {
-            "space": {
-              "left": {
-                "value": "{spaces.0}",
-                "type": "spacing"
-              },
-              "right": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{click.button.basic.space.y}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              }
-            }
-          },
-          "icon": {
-            "size": {
-              "height": {
-                "value": "{click.image.sm.size.height}",
-                "type": "sizing"
-              },
-              "width": {
-                "value": "{click.image.sm.size.width}",
-                "type": "sizing"
-              }
-            }
-          },
-          "global": {
-            "gap": {
-              "value": "2px",
-              "type": "spacing"
-            }
-          }
-        },
-        "title": {
-          "typography": {
-            "default": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{typography.styles.product.text.medium.sm}",
-              "type": "typography"
-            }
-          }
-        },
-        "subItem": {
-          "default": {
-            "space": {
-              "left": {
-                "value": "2.75rem",
-                "type": "spacing"
-              },
-              "right": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{click.button.basic.space.y}",
-                "type": "spacing"
-              }
-            }
-          },
-          "mobile": {
-            "space": {
-              "left": {
-                "value": "2.75rem",
-                "type": "spacing"
-              },
-              "right": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "y": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "gap": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              }
-            },
-            "typography": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "hover": {
-                "value": "{typography.styles.product.text.normal.lg}",
-                "type": "typography"
-              },
-              "active": {
-                "value": "{click.sidebar.navigation.subItem.mobile.typography.default}",
-                "type": "typography"
-              }
-            }
-          },
-          "radii": {
-            "all": {
-              "value": "{border.radii.1}",
-              "type": "borderRadius"
-            }
-          },
-          "typography": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.sidebar.navigation.subItem.typography.default}",
-              "type": "typography"
-            },
-            "disabled": {
-              "value": "{click.sidebar.navigation.subItem.typography.default}",
-              "type": "typography"
-            }
-          }
-        },
-        "dragControl": {
-          "separator": {
-            "size": {
-              "height": {
-                "value": "0.125rem",
-                "type": "sizing"
-              }
-            }
-          }
-        }
-      }
-    },
-    "spacer": {
-      "horizontal": {
-        "space": {
-          "y": {
-            "xs": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            },
-            "sm": {
-              "value": "{spaces.1}",
-              "type": "spacing"
-            },
-            "md": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            },
-            "ml": {
-              "value": "{spaces.3}",
-              "type": "spacing"
-            },
-            "lg": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "xl": {
-              "value": "{spaces.5}",
-              "type": "spacing"
-            },
-            "xxl": {
-              "value": "{spaces.6}",
-              "type": "spacing"
-            }
-          },
-          "x": {
-            "all": {
-              "value": "{spaces.0}",
-              "type": "spacing"
-            }
-          }
-        }
-      }
-    },
-    "stepper": {
-      "vertical": {
-        "numbered": {
-          "connector": {
-            "size": {
-              "width": {
-                "value": "0.1875rem",
-                "type": "sizing"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{border.width.2}",
-                "type": "borderWidth"
-              }
-            }
-          },
-          "typography": {
-            "title": {
-              "default": {
-                "value": "{typography.styles.product.titles.md}",
-                "type": "typography"
-              }
-            }
-          },
-          "step": {
-            "typography": {
-              "number": {
-                "default": {
-                  "value": "{typography.styles.product.text.bold.xs}",
-                  "type": "typography"
-                }
-              }
-            },
-            "size": {
-              "height": {
-                "value": "{sizes.7}",
-                "type": "sizing"
-              },
-              "width": {
-                "value": "{sizes.7}",
-                "type": "sizing"
-              },
-              "icon": {
-                "height": {
-                  "value": "{sizes.4}",
-                  "type": "sizing"
-                },
-                "width": {
-                  "value": "{sizes.4}",
-                  "type": "sizing"
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{border.width.2}",
-                "type": "borderWidth"
-              }
-            },
-            "radii": {
-              "default": {
-                "value": "{border.radii.full}",
-                "type": "borderRadius"
-              }
-            }
-          },
-          "content": {
-            "space": {
-              "gap": {
-                "x": {
-                  "value": "{spaces.4}",
-                  "type": "spacing"
-                },
-                "y": {
-                  "value": "{spaces.2}",
-                  "type": "spacing"
-                }
-              },
-              "left": {
-                "value": "2.75rem",
-                "type": "spacing"
-              },
-              "bottom": {
-                "default": {
-                  "value": "{spaces.7}",
-                  "type": "spacing"
-                },
-                "active": {
-                  "value": "{spaces.5}",
-                  "type": "spacing"
-                }
-              }
-            }
-          }
-        },
-        "bulleted": {
-          "connector": {
-            "size": {
-              "width": {
-                "value": "0.1875rem",
-                "type": "sizing"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{border.width.2}",
-                "type": "borderWidth"
-              }
-            }
-          },
-          "step": {
-            "size": {
-              "height": {
-                "value": "{sizes.5}",
-                "type": "sizing"
-              },
-              "width": {
-                "value": "{sizes.5}",
-                "type": "sizing"
-              },
-              "icon": {
-                "height": {
-                  "value": "{sizes.4}",
-                  "type": "sizing"
-                },
-                "width": {
-                  "value": "{sizes.4}",
-                  "type": "sizing"
-                }
-              }
-            },
-            "radii": {
-              "default": {
-                "value": "{border.radii.full}",
-                "type": "borderRadius"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{border.width.2}",
-                "type": "borderWidth"
-              }
-            }
-          },
-          "typography": {
-            "title": {
-              "default": {
-                "value": "{typography.styles.product.titles.md}",
-                "type": "typography"
-              }
-            }
-          },
-          "content": {
-            "space": {
-              "gap": {
-                "x": {
-                  "value": "{spaces.4}",
-                  "type": "spacing"
-                },
-                "y": {
-                  "value": "{spaces.2}",
-                  "type": "spacing"
-                }
-              },
-              "left": {
-                "value": "2.25rem",
-                "type": "spacing"
-              },
-              "bottom": {
-                "default": {
-                  "value": "{spaces.7}",
-                  "type": "spacing"
-                },
-                "active": {
-                  "value": "{spaces.5}",
-                  "type": "spacing"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "switch": {
-      "space": {
-        "gap": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.full}",
-          "type": "borderRadius"
-        }
-      },
-      "size": {
-        "width": {
-          "value": "{sizes.9}",
-          "type": "sizing"
-        },
-        "height": {
-          "value": "{sizes.5}",
-          "type": "sizing"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{click.field.typography.genericLabel.default}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{click.field.typography.genericLabel.hover}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{click.field.typography.genericLabel.active}",
-            "type": "typography"
-          },
-          "disabled": {
-            "value": "{click.field.typography.genericLabel.disabled}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "table": {
-      "header": {
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.text.medium.sm}",
-            "type": "typography"
-          }
-        },
-        "cell": {
-          "space": {
-            "md": {
-              "y": {
-                "value": "{spaces.3}",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              }
-            },
-            "sm": {
-              "y": {
-                "value": "{spaces.2}",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              }
-            }
-          }
-        }
-      },
-      "cell": {
-        "text": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.field.typography.label.default}",
-            "type": "typography"
-          }
-        },
-        "stroke": {
-          "value": "{border.width.1}",
-          "type": "borderWidth"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "body": {
-        "cell": {
-          "space": {
-            "md": {
-              "y": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              }
-            },
-            "sm": {
-              "y": {
-                "value": "{spaces.2}",
-                "type": "spacing"
-              },
-              "x": {
-                "value": "{spaces.4}",
-                "type": "spacing"
-              }
-            }
-          }
-        }
-      },
-      "mobile": {
-        "cell": {
-          "space": {
-            "y": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "x": {
-              "value": "{spaces.4}",
-              "type": "spacing"
-            },
-            "gap": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          }
-        }
-      }
-    },
-    "tabs": {
-      "space": {
-        "y": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        },
-        "x": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "hover": {
-            "value": "{typography.styles.product.text.normal.md}",
-            "type": "typography"
-          },
-          "active": {
-            "value": "{click.tabs.typography.label.default}",
-            "type": "typography"
-          }
-        }
-      },
-      "basic": {
-        "strokeWidth": {
-          "default": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "hover": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "active": {
-            "value": "{border.width.2}",
-            "type": "borderWidth"
-          },
-          "global": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          }
-        }
-      },
-      "fileTabs": {
-        "icon": {
-          "size": {
-            "height": {
-              "value": "{click.image.sm.size.height}",
-              "type": "sizing"
-            },
-            "width": {
-              "value": "{click.image.sm.size.width}",
-              "type": "sizing"
-            }
-          }
-        },
-        "space": {
-          "y": {
-            "value": "1.0625rem",
-            "type": "spacing"
-          },
-          "x": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "gap": {
-            "value": "{spaces.3}",
-            "type": "spacing"
-          }
-        },
-        "typography": {
-          "label": {
-            "default": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "hover": {
-              "value": "{typography.styles.product.text.normal.md}",
-              "type": "typography"
-            },
-            "active": {
-              "value": "{click.tabs.fileTabs.typography.label.default}",
-              "type": "typography"
-            }
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.0}",
-            "type": "borderRadius"
-          }
-        }
-      }
-    },
-    "toast": {
-      "icon": {
-        "size": {
-          "height": {
-            "value": "{click.image.sm.size.height}",
-            "type": "sizing"
-          },
-          "width": {
-            "value": "{click.image.sm.size.width}",
-            "type": "sizing"
-          }
-        }
-      },
-      "space": {
-        "title": {
-          "gap": {
-            "value": "{spaces.2}",
-            "type": "spacing"
-          }
-        },
-        "y": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "x": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "gap": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        }
-      },
-      "radii": {
-        "all": {
-          "value": "{click.popover.radii.all}",
-          "type": "borderRadius"
-        }
-      },
-      "shadow": {
-        "value": "{click.popover.shadow.default}",
-        "type": "boxShadow"
-      },
-      "typography": {
-        "title": {
-          "default": {
-            "value": "{typography.styles.product.titles.sm}",
-            "type": "typography"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          }
-        }
-      },
-      "size": {
-        "width": {
-          "value": "20.75rem",
-          "type": "sizing"
-        }
-      }
-    },
-    "tooltip": {
-      "radii": {
-        "all": {
-          "value": "{border.radii.1}",
-          "type": "borderRadius"
-        }
-      },
-      "space": {
-        "x": {
-          "value": "{spaces.3}",
-          "type": "spacing"
-        },
-        "y": {
-          "value": "{spaces.2}",
-          "type": "spacing"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": {
-            "value": "{typography.styles.product.text.normal.sm}",
-            "type": "typography"
-          }
-        }
-      }
-    },
-    "dashboards": {
-      "chartWidget": {
-        "space": {
-          "gap": {
-            "value": "{spaces.4}",
-            "type": "spacing"
-          },
-          "element": {
-            "gap": {
-              "value": "{spaces.2}",
-              "type": "spacing"
-            }
-          }
-        },
-        "borderWidth": {
-          "default": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": {
-              "color": "{click.dashboards.chartWidget.color.stroke.default}",
-              "width": "{click.dashboards.chartWidget.borderWidth.default}",
-              "style": "solid"
-            },
-            "type": "border"
-          },
-          "element": {
-            "default": {
-              "value": {
-                "color": "{click.dashboards.chartWidget.color.stroke.default}",
-                "width": "{click.dashboards.chartWidget.borderWidth.default}",
-                "style": "solid"
-              },
-              "type": "border"
-            }
-          },
-          "hover": {
-            "value": {
-              "color": "{click.dashboards.chartWidget.color.stroke.hover}",
-              "width": "{click.dashboards.chartWidget.borderWidth.default}",
-              "style": "solid"
-            },
-            "type": "border"
-          },
-          "selected": {
-            "value": {
-              "color": "{click.dashboards.chartWidget.color.stroke.selected}",
-              "width": "{click.dashboards.chartWidget.borderWidth.default}",
-              "style": "solid"
-            },
-            "type": "border"
-          }
-        },
-        "element": {
-          "radii": {
-            "all": {
-              "value": "{border.radii.1}",
-              "type": "borderRadius"
-            }
-          }
-        },
-        "radii": {
-          "all": {
-            "value": "{border.radii.1}",
-            "type": "borderRadius"
-          }
-        },
-        "typography": {
-          "title": {
-            "default": {
-              "value": "{typography.styles.product.titles.md}",
-              "type": "typography"
-            }
-          },
-          "description": {
-            "default": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.md}",
-                "type": "typography"
-              }
-            }
-          },
-          "label": {
-            "default": {
-              "default": {
-                "value": "{typography.styles.product.text.normal.md}",
-                "type": "typography"
-              }
-            }
-          }
-        },
-        "shadow": {
-          "default": {
-            "value": "0",
-            "type": "boxShadow"
-          },
-          "hover": {
-            "value": "{shadow.1}",
-            "type": "boxShadow"
-          }
-        },
-        "size": {
-          "icon": {
-            "all": {
-              "drag": {
-                "value": "{sizes.6}",
-                "type": "sizing"
-              },
-              "menu": {
-                "value": "{sizes.7}",
-                "type": "sizing"
-              },
-              "resize": {
-                "value": "{sizes.4}",
-                "type": "sizing"
-              }
-            }
-          }
-        }
-      }
-    }
-  },
-  "transition": {
-    "default": {
-      "value": "all {transition.duration.medium} {transition.function.ease-in} {transition.delay.fast}",
-      "type": "other"
-    }
-  },
-  "grid": {
-    "header": {
-      "cell": {
-        "borderWidth": {
-          "default": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "selectIndirect": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "selectDirect": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          }
-        }
-      }
-    },
-    "body": {
-      "cell": {
-        "borderWidth": {
-          "default": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "selectIndirect": {
-            "value": "{border.width.1}",
-            "type": "borderWidth"
-          },
-          "selectDirect": {
-            "value": "{border.width.2}",
-            "type": "borderWidth"
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/packages/click-ui/tokens/themes/dark.json b/packages/click-ui/tokens/themes/dark.json
deleted file mode 100644
index a9d4c84c3..000000000
--- a/packages/click-ui/tokens/themes/dark.json
+++ /dev/null
@@ -1,5535 +0,0 @@
-{
-  "click": {
-    "global": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.neutral.750}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.neutral.725}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.slate.300}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.button.iconButton.color.disabled.text.default}",
-            "type": "color"
-          },
-          "link": {
-            "default": {
-              "value": "{palette.brand.300}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.brand.100}",
-              "type": "color"
-            }
-          },
-          "danger": {
-            "value": "{click.button.basic.color.danger.text.default}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{palette.neutral.712}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.neutral.712}",
-            "type": "color"
-          },
-          "intense": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          }
-        },
-        "accent": {
-          "default": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          }
-        },
-        "outline": {
-          "default": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          }
-        },
-        "shadow": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.6",
-                  "space": "srgb"
-                }
-              }
-            }
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "darken",
-                  "value": "0.025",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "muted": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "accordion": {
-      "color": {
-        "default": {
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color"
-            }
-          }
-        },
-        "link": {
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.link.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.accordion.color.link.label.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.accordion.color.link.label.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.accordion.color.link.label.active}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "alert": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.background}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.background}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.foreground}",
-            "type": "color"
-          }
-        },
-        "iconBackground": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.alert.color.background.warning}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.alert.color.background.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          }
-        },
-        "iconForeground": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.alert.color.text.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "badge": {
-      "opaque": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.background.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.feedback.color.info.background}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.feedback.color.warning.background}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.foreground}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.foreground}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.foreground}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.feedback.color.info.foreground}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.feedback.color.warning.foreground}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "info": {
-              "value": "{click.badge.opaque.color.background.info}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "warning": {
-              "value": "{click.badge.opaque.color.background.warning}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      "solid": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{palette.success.200}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{palette.danger.200}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.background.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{palette.info.200}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{palette.warning.300}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.750}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{palette.neutral.750}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.badge.solid.color.text.success}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.badge.solid.color.text.success}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.badge.solid.color.text.success}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.badge.solid.color.text.success}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.badge.opaque.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "info": {
-              "value": "{click.badge.opaque.color.background.info}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "warning": {
-              "value": "{click.badge.opaque.color.background.warning}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.1",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "bigStat": {
-      "color": {
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.stroke.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.label.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.title.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "button": {
-      "basic": {
-        "color": {
-          "primary": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.accent.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.brand.300}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.3",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{palette.brand.300}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.075",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(206, 211, 84, 0.1) 0%, rgb(206, 211, 84) 100%)",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.text.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.accent.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.brand.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.split.primary.background.main.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "secondary": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(48, 48, 43, 0.1) 0%, rgb(48, 48, 43) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.neutral.700}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.slate.800}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.text.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "danger": {
-            "background": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.danger.400}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.3",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{palette.danger.400}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.45",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(93, 45, 42, 0.1) 0%, rgb(93, 45, 42) 100%)",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.text.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.badge.opaque.color.stroke.danger}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "empty": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.link.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.link.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.neutral.725}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(50, 51, 27, 0.1) 0%, rgb(50, 51, 27, 0.5) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "split": {
-        "primary": {
-          "background": {
-            "main": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.085",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.085",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "action": {
-              "default": {
-                "value": "{palette.brand.300}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "hover": {
-                "value": "{click.button.split.primary.background.main.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.08",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.split.primary.background.main.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.12",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.split.primary.background.main.disabled}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.12",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          },
-          "divide": {
-            "default": {
-              "value": "{click.button.split.primary.background.main.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.125",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.button.split.primary.background.main.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.125",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.button.split.primary.background.main.active}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.125",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.button.split.primary.background.main.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.085",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          }
-        },
-        "secondary": {
-          "divide": {
-            "default": {
-              "value": "{click.button.split.secondary.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.split.secondary.stroke.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.split.secondary.stroke.active}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.stroke.disabled}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "main": {
-              "default": {
-                "value": "{click.button.basic.color.secondary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "action": {
-              "default": {
-                "value": "{palette.neutral.725}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.025",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.01",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.split.primary.background.main.disabled}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.button.basic.color.secondary.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.split.secondary.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.split.secondary.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.button.basic.color.secondary.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.secondary.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.stroke.active}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.01",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "alignedLeft": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.background.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.02",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.secondary.stroke.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.stroke.active}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.alignedLeft.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.alignedLeft.color.text.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "iconButton": {
-        "color": {
-          "primary": {
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.primary.background.active}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "secondary": {
-            "background": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.secondary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.secondary.background.active}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "disabled": {
-            "background": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.button.basic.color.primary.text.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "danger": {
-            "background": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.danger.200}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.danger.600}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color"
-              }
-            }
-          },
-          "ghost": {
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.ghost.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.ghost.background.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.ghost.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.ghost.stroke.default}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "info": {
-            "background": {
-              "default": {
-                "value": "{click.feedback.color.info.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.500}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.info.400}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.info.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.info.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.info.text.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.feedback.color.info.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.500}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.info.400}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "group": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.secondary.background.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.neutral.700}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.group.color.background.default}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{click.button.group.color.background.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.2",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "panel": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.group.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.neutral.0}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.700}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{palette.neutral.500}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "panel": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "panel": {
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "borderless": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "checkbox": {
-      "color": {
-        "variations": {
-          "default": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.brand.300}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.700}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.intense}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.stroke.intense}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.default.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.600}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.900}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.iconButton.color.disabled.text.default}",
-                "type": "color"
-              }
-            },
-            "label": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.label.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "var1": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.green}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.success.600}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.success.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var1.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var2": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.blue}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.info.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.200}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var2.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var3": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.fuchsia}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.fuchsia.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.fuchsia.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var3.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var4": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.orange}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.brand.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.brand.200}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var4.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var5": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.teal}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.teal.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.teal.200}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var5.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var6": {
-            "background": {
-              "default": {
-                "value": "{click.field.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.violet}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.violet.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.violet.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var6.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{click.field.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.intense}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.global.color.stroke.intense}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.600}",
-            "type": "color"
-          }
-        },
-        "check": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.button.iconButton.color.disabled.text.default}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.field.color.label.disabled}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "codeblock": {
-      "darkMode": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.0}",
-              "type": "color"
-            }
-          },
-          "numbers": {
-            "default": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            }
-          },
-          "button": {
-            "background": {
-              "default": {
-                "value": "{click.codeblock.darkMode.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color"
-              }
-            },
-            "foreground": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.codeblock.darkMode.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "lightMode": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.slate.50}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color"
-            }
-          },
-          "numbers": {
-            "default": {
-              "value": "{palette.neutral.500}",
-              "type": "color"
-            }
-          },
-          "button": {
-            "background": {
-              "default": {
-                "value": "{click.codeblock.lightMode.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color"
-              }
-            },
-            "foreground": {
-              "default": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.codeblock.darkMode.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "monacoTheme": {
-        "parameter": {
-          "foreground": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "background": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "codeInline": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "feedback": {
-      "color": {
-        "info": {
-          "background": {
-            "value": "{palette.info.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.info.100}",
-            "type": "color"
-          }
-        },
-        "success": {
-          "background": {
-            "value": "{palette.success.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.success.100}",
-            "type": "color"
-          }
-        },
-        "warning": {
-          "background": {
-            "value": "{palette.warning.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.warning.200}",
-            "type": "color"
-          }
-        },
-        "danger": {
-          "background": {
-            "value": "{palette.danger.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.danger.100}",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "background": {
-            "value": "{palette.neutral.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.neutral.300}",
-            "type": "color"
-          },
-          "stroke": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "field": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.neutral.725}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.025",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "hover": {
-            "value": "{click.field.color.background.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.025",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "active": {
-            "value": "{click.field.color.background.hover}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.field.color.background.active}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.slate.100}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.100}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.500}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "hover": {
-            "value": "{click.field.color.stroke.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "active": {
-            "value": "{click.global.color.accent.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.600}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "format": {
-          "default": {
-            "value": "{click.field.color.placeholder.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.2",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "hover": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.field.color.text.disabled}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          }
-        },
-        "genericLabel": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.genericLabel.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "#a0a0a0",
-            "type": "color"
-          }
-        },
-        "placeholder": {
-          "default": {
-            "value": "{palette.neutral.500}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.600}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "genericMenu": {
-      "item": {
-        "color": {
-          "default": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.genericMenu.item.color.default.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.genericMenu.item.color.default.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.global.color.text.disabled}",
-                "type": "color"
-              },
-              "muted": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{click.genericMenu.panel.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.0875",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.genericMenu.item.color.default.background.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "focus": {
-                "value": "{click.global.color.outline.default}",
-                "type": "color"
-              }
-            }
-          },
-          "format": {
-            "default": {
-              "value": "{click.field.color.placeholder.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.2",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.field.color.format.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.field.color.format.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.field.color.text.disabled}",
-              "type": "color"
-            },
-            "error": {
-              "value": "{click.field.color.format.default}",
-              "type": "color"
-            }
-          },
-          "subtext": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.genericMenu.item.color.subtext.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.genericMenu.item.color.subtext.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            }
-          },
-          "danger": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.global.color.text.disabled}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{click.genericMenu.panel.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.0875",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "transparent",
-                "type": "color"
-              },
-              "focus": {
-                "value": "{click.global.color.outline.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "panel": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.popover.color.panel.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.popover.color.panel.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "autocomplete": {
-        "color": {
-          "placeholder": {
-            "default": {
-              "value": "{click.field.color.placeholder.default}",
-              "type": "color"
-            }
-          },
-          "searchTerm": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.genericMenu.item.color.default.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "button": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "radio": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.checkbox.color.variations.default.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.background.disabled}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.checkbox.color.variations.default.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.stroke.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.background.disabled}",
-            "type": "color"
-          }
-        },
-        "indicator": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.check.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.check.disabled}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "separator": {
-      "color": {
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "sidebar": {
-      "main": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "muted": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        },
-        "navigation": {
-          "item": {
-            "color": {
-              "background": {
-                "active": {
-                  "value": "{palette.neutral.700}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "alpha",
-                        "value": "0.6",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "hover": {
-                  "value": "{click.global.color.background.muted}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "lighten",
-                        "value": "0.035",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              },
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "muted": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.button.basic.color.danger.text.disabled}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "title": {
-            "color": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            }
-          },
-          "subItem": {
-            "color": {
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.subItem.color.text.active}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.item.color.background.hover}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "dragControl": {
-            "separator": {
-              "color": {
-                "default": {
-                  "value": "{palette.brand.300}",
-                  "type": "color"
-                }
-              }
-            }
-          }
-        }
-      },
-      "sqlSidebar": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        },
-        "navigation": {
-          "item": {
-            "color": {
-              "background": {
-                "active": {
-                  "value": "{palette.neutral.700}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "alpha",
-                        "value": "0.6",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "hover": {
-                  "value": "{click.global.color.background.muted}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "lighten",
-                        "value": "0.035",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              },
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "muted": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.icon.disabled}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.sqlSidebar.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "subItem": {
-            "color": {
-              "text": {
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.icon.disabled}",
-                  "type": "color"
-                },
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.subItem.color.text.active}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.item.color.background.hover}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "title": {
-            "color": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            }
-          },
-          "dragControl": {
-            "separator": {
-              "color": {
-                "default": {
-                  "value": "{palette.brand.300}",
-                  "type": "color"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "switch": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.neutral.600}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.switch.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.switch.color.background.disabled}",
-            "type": "color"
-          }
-        },
-        "indicator": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.slate.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.600}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "table": {
-      "header": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.table.header.color.background.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.025",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.image.color.stroke}",
-              "type": "color"
-            }
-          },
-          "checkbox": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.200}",
-                "type": "color"
-              }
-            },
-            "border": {
-              "default": {
-                "value": "{palette.slate.500}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "row": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.grid.body.cell.color.background.selectIndirect}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.table.row.color.background.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.025",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.global.color.text.disabled}",
-              "type": "color"
-            }
-          },
-          "link": {
-            "default": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.field.color.label.default}",
-              "type": "color"
-            }
-          },
-          "barChart": {
-            "default": {
-              "value": "{palette.neutral.700}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.neutral.600}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "global": {
-        "color": {
-          "stroke": {
-            "default": {
-              "value": "{click.table.row.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "tabs": {
-      "basic": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.tabs.basic.color.text.hover}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.tabs.basic.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          },
-          "global": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "fileTabs": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.tabs.fileTabs.color.background.hover}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "closeButton": {
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.neutral.700}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "tooltip": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.neutral.725}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.95",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "card": {
-      "primary": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.primary.color.title.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.primary.color.title.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.brand.300}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "secondary": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.secondary.color.title.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.secondary.color.title.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "link": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "horizontal": {
-        "default": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.title.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.card.horizontal.default.color.title.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.horizontal.default.color.title.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.text.disabled}",
-                "type": "color"
-              }
-            },
-            "description": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.primary.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.primary.color.stroke.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.stroke.disabled}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "muted": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.title.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.card.horizontal.muted.color.title.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.horizontal.muted.color.title.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.horizontal.default.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "description": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.primary.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.primary.color.stroke.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.stroke.disabled}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "promotion": {
-        "color": {
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.text.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{palette.brand.300}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.9",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.background.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.025",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.card.promotion.color.background.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.025",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "linear-gradient(174deg, #FAFF69 8.31%, #2C2E31 22.92%)",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.stroke.default}",
-              "type": "color"
-            },
-            "focus": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "image": {
-      "color": {
-        "stroke": {
-          "value": "{click.global.color.text.default}",
-          "type": "color"
-        }
-      }
-    },
-    "popover": {
-      "color": {
-        "panel": {
-          "background": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{palette.neutral.700}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "panel": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          },
-          "transparent": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "toast": {
-      "color": {
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.popover.color.panel.stroke.default}",
-            "type": "color"
-          }
-        },
-        "icon": {
-          "default": {
-            "value": "{click.toast.color.title.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "dialog": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.alert.color.background.default}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "opaqueBackground": {
-          "default": {
-            "value": "{palette.neutral.600}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "flyout": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "opaqueBackground": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.45",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "storybook": {
-      "global": {
-        "background": {
-          "value": "rgb(27,28,29)",
-          "type": "color"
-        }
-      }
-    },
-    "stepper": {
-      "vertical": {
-        "numbered": {
-          "step": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{palette.neutral.600}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.0}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "incomplete": {
-                  "value": "{click.alert.color.background.default}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.complete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.complete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "connector": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.incomplete}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "color": {
-            "title": {
-              "incomplete": {
-                "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                "type": "color"
-              },
-              "complete": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "bulleted": {
-          "step": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{palette.neutral.600}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.bulleted.step.color.icon.complete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "incomplete": {
-                  "value": "{click.alert.color.background.default}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.bulleted.step.color.stroke.active}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.bulleted.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.bulleted.step.color.icon.active}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.neutral.0}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "connector": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.0}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.incomplete}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "color": {
-            "title": {
-              "incomplete": {
-                "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                "type": "color"
-              },
-              "complete": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "grid": {
-      "header": {
-        "cell": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.04",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{palette.neutral.700}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.01",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectIndirect": {
-                "value": "{palette.neutral.700}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{click.grid.header.cell.color.stroke.selectIndirect}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.035",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      "body": {
-        "cell": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{palette.neutral.725}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.02",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{click.grid.body.cell.color.background.selectIndirect}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{palette.neutral.700}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.2",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{click.global.color.accent.default}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.0025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectIndirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{click.grid.body.cell.color.text.selectIndirect}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "global": {
-        "color": {
-          "stroke": {
-            "default": {
-              "value": "{click.table.row.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "chart": {
-      "bars": {
-        "color": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.400}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.300}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.300}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        }
-      },
-      "color": {
-        "default": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.400}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.300}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.300}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "deselected": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.30",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "avatar": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.slate.500}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.300}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.avatar.color.background.hover}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{click.sidebar.main.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.avatar.color.text.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.avatar.color.text.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "icon": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.background}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.background}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.badge.opaque.color.background.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.badge.opaque.color.background.warning}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "datePicker": {
-      "color": {
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "daytitle": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        }
-      },
-      "dateOption": {
-        "color": {
-          "label": {
-            "default": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.400}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.datePicker.dateOption.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.datePicker.dateOption.color.background.default}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{click.datePicker.dateOption.color.background.range}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "serviceCard": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.field.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.serviceCard.color.background.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.005",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.field.color.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.stroke.hover}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "fileUpload": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.background.hover}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.field.color.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.stroke.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.stroke.intense}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.title.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.fileUpload.color.title.default}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.description.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.fileUpload.color.description.default}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.fileUpload.color.title.error}",
-            "type": "color"
-          }
-        }
-      },
-      "sm": {
-        "color": {
-          "icon": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "md": {
-        "color": {
-          "icon": {
-            "default": {
-              "value": "{click.image.color.stroke}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "dashboards": {
-      "chartWidget": {
-        "color": {
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.intense}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "legend": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.legend.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "element": {
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              }
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.bigStat.color.background.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.background.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.background.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.icon.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.stroke.selected}",
-              "type": "color"
-            }
-          },
-          "opacity": {
-            "bar": {
-              "default": {
-                "value": "20%",
-                "type": "opacity"
-              },
-              "hover": {
-                "value": "50%",
-                "type": "opacity"
-              }
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.label.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.label.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "gareth": {
-      "test": {
-        "main": {
-          "text": {
-            "value": "{global.color.text.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.global.color.text.danger}",
-            "type": "color"
-          }
-        }
-      }
-    }
-  },
-  "name": {
-    "value": "dark",
-    "type": "other"
-  },
-  "global": {
-    "color": {
-      "background": {
-        "default": {
-          "value": "{palette.neutral.750}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.neutral.725}",
-          "type": "color"
-        },
-        "sidebar": {
-          "value": "{palette.neutral.750}",
-          "type": "color"
-        },
-        "split": {
-          "value": "{click.global.color.background.muted}",
-          "type": "color"
-        },
-        "muted_a": {
-          "value": "{palette.slate.50a}",
-          "type": "color"
-        }
-      },
-      "text": {
-        "default": {
-          "value": "{palette.neutral.0}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.slate.300}",
-          "type": "color"
-        },
-        "disabled": {
-          "value": "{click.button.iconButton.color.disabled.text.default}",
-          "type": "color"
-        },
-        "link": {
-          "default": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.brand.100}",
-            "type": "color"
-          }
-        }
-      },
-      "stroke": {
-        "default": {
-          "value": "{palette.neutral.712}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.neutral.712}",
-          "type": "color"
-        },
-        "intense": {
-          "value": "{palette.neutral.700}",
-          "type": "color"
-        },
-        "split": {
-          "value": "{palette.neutral.700}",
-          "type": "color"
-        }
-      },
-      "accent": {
-        "default": {
-          "value": "{palette.brand.300}",
-          "type": "color"
-        }
-      },
-      "outline": {
-        "default": {
-          "value": "{palette.brand.300}",
-          "type": "color"
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{palette.neutral.900}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": "0.6",
-                "space": "lch"
-              }
-            }
-          }
-        }
-      },
-      "feedback": {
-        "info": {
-          "background": {
-            "value": "{palette.info.650}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.info.100}",
-            "type": "color"
-          }
-        },
-        "success": {
-          "background": {
-            "value": "{palette.success.850}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.success.100}",
-            "type": "color"
-          }
-        },
-        "warning": {
-          "background": {
-            "value": "{palette.warning.800}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.warning.200}",
-            "type": "color"
-          }
-        },
-        "danger": {
-          "background": {
-            "value": "{palette.danger.800}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.danger.100}",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "background": {
-            "value": "{palette.neutral.700}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.neutral.100}",
-            "type": "color"
-          },
-          "stroke": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      },
-      "chart": {
-        "bars": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.400}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.300}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.300}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "default": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.400}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.300}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "#ff2323",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.300}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "deselected": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.30",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      },
-      "iconButton": {
-        "badge": {
-          "foreground": {
-            "value": "{palette.neutral.800}",
-            "type": "color"
-          },
-          "background": {
-            "value": "{palette.brand.300}",
-            "type": "color"
-          }
-        }
-      },
-      "icon": {
-        "background": {
-          "value": "{palette.gradients.yellowToblack}",
-          "type": "color"
-        }
-      }
-    }
-  }
-}
diff --git a/packages/click-ui/tokens/themes/light.json b/packages/click-ui/tokens/themes/light.json
deleted file mode 100644
index c4b4ae509..000000000
--- a/packages/click-ui/tokens/themes/light.json
+++ /dev/null
@@ -1,5345 +0,0 @@
-{
-  "click": {
-    "global": {
-      "color": {
-        "stroke": {
-          "default": {
-            "value": "{palette.slate.100}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.slate.100}",
-            "type": "color",
-            "increased": {
-              "value": "#cccdcf",
-              "type": "color"
-            },
-            "muted": {
-              "value": "#e6e7e9",
-              "type": "color"
-            },
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "1",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "intense": {
-            "value": "{palette.slate.300}",
-            "type": "color",
-            "increased": {
-              "value": "#cccdcf",
-              "type": "color"
-            },
-            "muted": {
-              "value": "#e6e7e9",
-              "type": "color"
-            }
-          }
-        },
-        "accent": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.slate.50}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.slate.900}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{palette.slate.600}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.400}",
-            "type": "color"
-          },
-          "link": {
-            "default": {
-              "value": "{palette.info.400}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.info.600}",
-              "type": "color"
-            }
-          },
-          "danger": {
-            "value": "{click.button.basic.color.danger.text.default}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.045",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "muted": {
-            "value": "{palette.slate.600}",
-            "type": "color"
-          }
-        },
-        "outline": {
-          "default": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          }
-        },
-        "shadow": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.15",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "accordion": {
-      "color": {
-        "default": {
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.accordion.color.default.label.default}",
-              "type": "color"
-            }
-          }
-        },
-        "link": {
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.link.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.accordion.color.link.label.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.accordion.color.link.label.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.075",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.accordion.color.link.label.active}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "alert": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.background}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.background}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.foreground}",
-            "type": "color"
-          }
-        },
-        "iconBackground": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.alert.color.background.warning}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.alert.color.background.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0",
-                  "space": "srgb"
-                }
-              }
-            }
-          }
-        },
-        "iconForeground": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.alert.color.text.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "avatar": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.slate.600}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.avatar.color.background.hover}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.avatar.color.text.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.avatar.color.text.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "badge": {
-      "opaque": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{global.color.background.muted}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.background.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.feedback.color.info.background}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.feedback.color.warning.background}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.foreground}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.foreground}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.foreground}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.feedback.color.info.foreground}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.feedback.color.warning.foreground}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "info": {
-              "value": "{click.badge.opaque.color.background.info}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "warning": {
-              "value": "{click.badge.opaque.color.background.warning}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      "solid": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.neutral.400}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{palette.success.700}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{palette.neutral.600}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{palette.danger.600}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.background.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{palette.info.600}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{palette.warning.600}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.0}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.badge.solid.color.text.default}",
-              "type": "color"
-            },
-            "neutral": {
-              "value": "{click.badge.solid.color.text.default}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.badge.solid.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.badge.opaque.color.text.disabled}",
-              "type": "color"
-            },
-            "info": {
-              "value": "{click.badge.solid.color.text.default}",
-              "type": "color"
-            },
-            "warning": {
-              "value": "{click.badge.solid.color.text.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "success": {
-              "value": "{click.feedback.color.success.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "neutral": {
-              "value": "{click.feedback.color.neutral.background}",
-              "type": "color"
-            },
-            "danger": {
-              "value": "{click.feedback.color.danger.background}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "info": {
-              "value": "{click.badge.opaque.color.background.info}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            },
-            "warning": {
-              "value": "{click.badge.opaque.color.background.warning}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "alpha",
-                    "value": "0.05",
-                    "space": "srgb"
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "bigStat": {
-      "color": {
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.stroke.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.label.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.bigStat.color.title.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "button": {
-      "basic": {
-        "color": {
-          "primary": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.800}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.2",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{palette.slate.900}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(76, 76, 76, 0.1) 0%, rgb(76, 76, 76) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "secondary": {
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.02",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgb(232, 233, 235, 0.1) 0%, rgb(232, 233, 235) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.100}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.slate.200}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "danger": {
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{click.alert.color.background.danger}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.danger.400}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.2",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{palette.danger.400}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.3",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgba(255, 211, 211, 0.1) 0%, rgb(255, 211, 211) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.05",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.field.color.background.disabled}",
-                "type": "color"
-              }
-            }
-          },
-          "empty": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.link.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.link.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "loading": {
-                "value": "linear-gradient(90deg, rgba(240, 242, 248, 0.1) 0%, rgb(240, 242, 248) 100%)",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.basic.color.empty.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.empty.stroke.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "split": {
-        "primary": {
-          "divide": {
-            "default": {
-              "value": "{click.button.basic.color.primary.background.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.button.basic.color.primary.background.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.15",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.button.split.primary.background.action.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.1",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.15",
-                    "space": "lch"
-                  }
-                }
-              }
-            }
-          },
-          "background": {
-            "main": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.085",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.085",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "action": {
-              "default": {
-                "value": "{palette.slate.900}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.split.primary.background.main.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{palette.slate.900}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.5",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.split.primary.background.main.disabled}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.primary.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          }
-        },
-        "secondary": {
-          "divide": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.button.split.secondary.stroke.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.1",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.stroke.active}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.stroke.disabled}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.15",
-                    "space": "lch"
-                  }
-                }
-              }
-            }
-          },
-          "background": {
-            "main": {
-              "default": {
-                "value": "{click.button.basic.color.secondary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "action": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.secondary.background.hover}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "active": {
-                "value": "{click.button.basic.color.secondary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "disabled": {
-                "value": "{click.button.split.primary.background.main.disabled}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.button.basic.color.secondary.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.split.secondary.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.split.secondary.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.button.basic.color.secondary.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.secondary.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.stroke.active}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "iconButton": {
-        "color": {
-          "primary": {
-            "background": {
-              "default": {
-                "value": "rgba(0,0,0,0)",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.primary.background.active}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "secondary": {
-            "background": {
-              "default": {
-                "value": "{click.button.basic.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.background.active}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.05",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.secondary.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.secondary.background.active}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.primary.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "disabled": {
-            "background": {
-              "default": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "danger": {
-            "background": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.danger.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.danger.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.danger.text.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.feedback.color.danger.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color"
-              }
-            }
-          },
-          "ghost": {
-            "background": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.ghost.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.ghost.background.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.1",
-                      "space": "srgb"
-                    }
-                  }
-                }
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.button.iconButton.color.primary.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.ghost.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.ghost.stroke.default}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          },
-          "info": {
-            "background": {
-              "default": {
-                "value": "{click.feedback.color.info.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.100}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.info.200}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.feedback.color.info.foreground}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.iconButton.color.info.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.iconButton.color.info.text.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.feedback.color.info.background}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.100}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.info.200}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "alignedLeft": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.background.hover}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.02",
-                    "space": "lch"
-                  }
-                }
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.slate.100}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.slate.200}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.alignedLeft.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.alignedLeft.color.text.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "group": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.basic.color.secondary.background.hover}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.basic.color.secondary.background.active}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.group.color.background.default}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{click.button.group.color.background.active}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.2",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "panel": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.650}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.group.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.400}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{palette.neutral.400}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "disabled-active": {
-              "value": "{click.button.group.color.stroke.default}",
-              "type": "color"
-            },
-            "panel": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "panel": {
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "borderless": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "card": {
-      "primary": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.primary.color.title.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.primary.color.title.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.neutral.900}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "secondary": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.background.disabled}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.secondary.color.title.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.secondary.color.title.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.button.basic.color.primary.text.disabled}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "link": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.card.primary.color.title.disabled}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.05",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "disabled": {
-              "value": "{click.field.color.stroke.disabled}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "horizontal": {
-        "default": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.horizontal.default.color.background.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.title.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.card.horizontal.default.color.title.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.horizontal.default.color.title.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.text.disabled}",
-                "type": "color"
-              }
-            },
-            "description": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.primary.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.primary.color.stroke.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.stroke.disabled}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "muted": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.button.basic.color.primary.background.disabled}",
-                "type": "color"
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.title.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.card.horizontal.muted.color.title.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.horizontal.muted.color.title.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.horizontal.default.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "description": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.card.primary.color.title.disabled}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.card.primary.color.stroke.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.field.color.stroke.disabled}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "promotion": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.slate.50}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.slate.100}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.slate.100}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "darken",
-                    "value": "0.02",
-                    "space": "lch"
-                  }
-                }
-              }
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "linear-gradient(174deg, #ABABAB 7.59%, #D4D4D4 30.01%)",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.stroke.default}",
-              "type": "color"
-            },
-            "focus": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.card.promotion.color.icon.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "checkbox": {
-      "color": {
-        "variations": {
-          "default": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.slate.900}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.intense}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.stroke.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.default.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var1": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.green}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.success.base}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.success.base}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var1.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var2": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.blue}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.info.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.info.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var2.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var3": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.fuchsia}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.fuchsia.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.fuchsia.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var3.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var4": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.orange}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.warning.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.warning.300}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var4.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var5": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.teal}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.teal.600}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.teal.600}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var5.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "var6": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.50}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.background.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.chart.color.default.violet}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.200}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{palette.violet.300}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.violet.400}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.checkbox.color.variations.var6.stroke.hover}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.300}",
-                "type": "color"
-              }
-            },
-            "check": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.checkbox.color.variations.default.check.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "check": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.checkbox.color.variations.default.check.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.400}",
-            "type": "color"
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{palette.slate.50}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.checkbox.color.variations.default.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.slate.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.200}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.intense}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.checkbox.color.variations.default.stroke.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.300}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "codeblock": {
-      "darkMode": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.0}",
-              "type": "color"
-            }
-          },
-          "numbers": {
-            "default": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            }
-          },
-          "button": {
-            "background": {
-              "default": {
-                "value": "{click.codeblock.darkMode.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color"
-              }
-            },
-            "foreground": {
-              "default": {
-                "value": "{palette.neutral.0}",
-                "type": "color"
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.codeblock.darkMode.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "lightMode": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.slate.50}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{palette.neutral.725}",
-              "type": "color"
-            }
-          },
-          "numbers": {
-            "default": {
-              "value": "{palette.neutral.500}",
-              "type": "color"
-            }
-          },
-          "button": {
-            "background": {
-              "default": {
-                "value": "{click.codeblock.lightMode.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.700}",
-                "type": "color"
-              }
-            },
-            "foreground": {
-              "default": {
-                "value": "{palette.neutral.400}",
-                "type": "color"
-              }
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.codeblock.darkMode.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "monacoTheme": {
-        "parameter": {
-          "foreground": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "background": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "codeInline": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "dialog": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.alert.color.background.default}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "opaqueBackground": {
-          "default": {
-            "value": "{palette.neutral.900}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.75",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "feedback": {
-      "color": {
-        "info": {
-          "background": {
-            "value": "{palette.info.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.1",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          }
-        },
-        "success": {
-          "background": {
-            "value": "{palette.success.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.1",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.success.700}",
-            "type": "color"
-          }
-        },
-        "warning": {
-          "background": {
-            "value": "{palette.warning.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.1",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.warning.700}",
-            "type": "color"
-          }
-        },
-        "danger": {
-          "background": {
-            "value": "{palette.danger.400}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.1",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.danger.600}",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "background": {
-            "value": "{palette.slate.600}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.1",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "foreground": {
-            "value": "{palette.slate.700}",
-            "type": "color"
-          },
-          "stroke": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "field": {
-      "color": {
-        "genericLabel": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.genericLabel.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "#a0a0a0",
-            "type": "color"
-          }
-        },
-        "background": {
-          "default": {
-            "value": "{palette.slate.25}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.200}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.slate.800}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.text.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.400}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.200}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.text.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.200}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{palette.slate.600}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.600}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.text.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.field.color.text.disabled}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "placeholder": {
-          "default": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.slate.300}",
-            "type": "color"
-          }
-        },
-        "format": {
-          "default": {
-            "value": "{click.field.color.placeholder.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "lighten",
-                  "value": "0.2",
-                  "space": "lch"
-                }
-              }
-            }
-          },
-          "hover": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.field.color.text.disabled}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.field.color.format.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "flyout": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.alert.color.background.default}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "genericMenu": {
-      "item": {
-        "color": {
-          "default": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.global.color.text.disabled}",
-                "type": "color"
-              },
-              "muted": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.genericMenu.item.color.default.background.default}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.genericMenu.item.color.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "focus": {
-                "value": "{click.global.color.outline.default}",
-                "type": "color"
-              }
-            }
-          },
-          "format": {
-            "default": {
-              "value": "{click.field.color.placeholder.default}",
-              "type": "color",
-              "$extensions": {
-                "studio.tokens": {
-                  "modify": {
-                    "type": "lighten",
-                    "value": "0.2",
-                    "space": "lch"
-                  }
-                }
-              }
-            },
-            "hover": {
-              "value": "{click.field.color.format.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.field.color.format.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.field.color.text.disabled}",
-              "type": "color"
-            }
-          },
-          "subtext": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.genericMenu.item.color.subtext.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.genericMenu.item.color.subtext.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            }
-          },
-          "danger": {
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.danger}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.global.color.text.disabled}",
-                "type": "color"
-              }
-            },
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.button.basic.color.danger.background.hover}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.button.basic.color.danger.background.active}",
-                "type": "color"
-              },
-              "disabled": {
-                "value": "{click.genericMenu.item.color.default.background.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "transparent",
-                "type": "color"
-              },
-              "focus": {
-                "value": "{click.global.color.outline.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "button": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "panel": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "autocomplete": {
-        "color": {
-          "placeholder": {
-            "default": {
-              "value": "{click.field.color.placeholder.default}",
-              "type": "color"
-            }
-          },
-          "searchTerm": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.genericMenu.item.color.default.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "grid": {
-      "header": {
-        "cell": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.muted}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{palette.info.50}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.25",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{palette.info.50}",
-                "type": "color"
-              }
-            },
-            "title": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectIndirect": {
-                "value": "{palette.info.50}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{palette.info.100}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "darken",
-                      "value": "0.025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      "body": {
-        "cell": {
-          "color": {
-            "background": {
-              "default": {
-                "value": "{click.global.color.background.default}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{palette.info.50}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "alpha",
-                      "value": "0.2",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectDirect": {
-                "value": "{click.grid.body.cell.color.background.selectIndirect}",
-                "type": "color"
-              }
-            },
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              },
-              "selectIndirect": {
-                "value": "{palette.info.100}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{palette.info.400}",
-                "type": "color"
-              }
-            },
-            "text": {
-              "default": {
-                "value": "{click.global.color.text.default}",
-                "type": "color",
-                "$extensions": {
-                  "studio.tokens": {
-                    "modify": {
-                      "type": "lighten",
-                      "value": "0.0025",
-                      "space": "lch"
-                    }
-                  }
-                }
-              },
-              "selectIndirect": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              },
-              "selectDirect": {
-                "value": "{click.grid.body.cell.color.text.selectIndirect}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "global": {
-        "color": {
-          "stroke": {
-            "default": {
-              "value": "{click.table.row.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "image": {
-      "color": {
-        "stroke": {
-          "value": "{click.global.color.text.default}",
-          "type": "color"
-        }
-      }
-    },
-    "panel": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "muted": {
-            "value": "{click.global.color.background.muted}",
-            "type": "color"
-          },
-          "transparent": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "popover": {
-      "color": {
-        "panel": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "radio": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.checkbox.color.variations.default.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.background.disabled}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.checkbox.color.variations.default.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.stroke.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.stroke.disabled}",
-            "type": "color"
-          }
-        },
-        "indicator": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.radio.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.check.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.checkbox.color.variations.default.check.disabled}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "separator": {
-      "color": {
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "sidebar": {
-      "main": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "muted": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        },
-        "navigation": {
-          "item": {
-            "color": {
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{palette.slate.100}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "alpha",
-                        "value": "0.6",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "active": {
-                  "value": "{palette.slate.100}",
-                  "type": "color"
-                }
-              },
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "muted": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.button.basic.color.danger.text.disabled}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "title": {
-            "color": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            }
-          },
-          "subItem": {
-            "color": {
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.subItem.color.text.active}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.item.color.background.hover}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.text.disabled}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "dragControl": {
-            "separator": {
-              "color": {
-                "default": {
-                  "value": "{palette.slate.900}",
-                  "type": "color"
-                }
-              }
-            }
-          }
-        }
-      },
-      "sqlSidebar": {
-        "navigation": {
-          "item": {
-            "color": {
-              "text": {
-                "disabled": {
-                  "value": "{click.button.basic.color.danger.text.disabled}",
-                  "type": "color"
-                },
-                "default": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "muted": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{palette.slate.100}",
-                  "type": "color",
-                  "$extensions": {
-                    "studio.tokens": {
-                      "modify": {
-                        "type": "alpha",
-                        "value": "0.6",
-                        "space": "lch"
-                      }
-                    }
-                  }
-                },
-                "active": {
-                  "value": "{palette.slate.100}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "title": {
-            "color": {
-              "default": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              }
-            }
-          },
-          "subItem": {
-            "color": {
-              "text": {
-                "default": {
-                  "value": "{click.global.color.text.muted}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.subItem.color.text.active}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.global.color.text.default}",
-                  "type": "color"
-                },
-                "disabled": {
-                  "value": "{click.sidebar.main.navigation.item.color.icon.disabled}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "default": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                },
-                "hover": {
-                  "value": "{click.sidebar.main.navigation.item.color.background.hover}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.utility.transparent}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "dragControl": {
-            "separator": {
-              "color": {
-                "default": {
-                  "value": "{palette.slate.900}",
-                  "type": "color"
-                }
-              }
-            }
-          }
-        },
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "stepper": {
-      "vertical": {
-        "numbered": {
-          "step": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{palette.neutral.300}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "incomplete": {
-                  "value": "{click.alert.color.background.default}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "incomplete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.neutral.0}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "connector": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.incomplete}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "color": {
-            "title": {
-              "incomplete": {
-                "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                "type": "color"
-              },
-              "complete": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          }
-        },
-        "bulleted": {
-          "step": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{palette.neutral.300}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.complete}",
-                  "type": "color"
-                }
-              },
-              "background": {
-                "incomplete": {
-                  "value": "{click.alert.color.background.default}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.step.color.background.complete}",
-                  "type": "color"
-                }
-              },
-              "icon": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.bulleted.step.color.background.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{palette.neutral.0}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "connector": {
-            "color": {
-              "stroke": {
-                "incomplete": {
-                  "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                  "type": "color"
-                },
-                "complete": {
-                  "value": "{palette.neutral.750}",
-                  "type": "color"
-                },
-                "active": {
-                  "value": "{click.stepper.vertical.numbered.connector.color.stroke.incomplete}",
-                  "type": "color"
-                }
-              }
-            }
-          },
-          "color": {
-            "title": {
-              "incomplete": {
-                "value": "{click.stepper.vertical.numbered.step.color.stroke.incomplete}",
-                "type": "color"
-              },
-              "complete": {
-                "value": "{click.global.color.text.muted}",
-                "type": "color"
-              },
-              "active": {
-                "value": "{click.global.color.text.default}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "storybook": {
-      "global": {
-        "background": {
-          "value": "{palette.neutral.0}",
-          "type": "color"
-        }
-      }
-    },
-    "switch": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.slate.200}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.900}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.200}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.switch.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.checkbox.color.variations.default.background.active}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{click.switch.color.background.disabled}",
-            "type": "color"
-          }
-        },
-        "indicator": {
-          "default": {
-            "value": "{click.switch.color.indicator.active}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          },
-          "disabled": {
-            "value": "{palette.neutral.400}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "table": {
-      "header": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.table.header.color.background.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.grid.header.cell.color.background.selectDirect}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.image.color.stroke}",
-              "type": "color"
-            }
-          },
-          "checkbox": {
-            "background": {
-              "default": {
-                "value": "{palette.slate.200}",
-                "type": "color"
-              }
-            },
-            "border": {
-              "default": {
-                "value": "{palette.slate.500}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      },
-      "row": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.grid.body.cell.color.background.selectIndirect}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.table.row.color.background.hover}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.global.color.text.disabled}",
-              "type": "color"
-            }
-          },
-          "link": {
-            "default": {
-              "value": "{click.global.color.text.link.default}",
-              "type": "color"
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.field.color.label.default}",
-              "type": "color"
-            }
-          },
-          "barChart": {
-            "default": {
-              "value": "{palette.neutral.200}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.neutral.300}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "global": {
-        "color": {
-          "stroke": {
-            "default": {
-              "value": "{click.table.row.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "tabs": {
-      "basic": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.tabs.basic.color.text.hover}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.tabs.basic.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{palette.utility.transparent}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          },
-          "global": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "fileTabs": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.tabs.fileTabs.color.background.hover}",
-              "type": "color"
-            }
-          },
-          "text": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "closeButton": {
-            "background": {
-              "default": {
-                "value": "{palette.utility.transparent}",
-                "type": "color"
-              },
-              "hover": {
-                "value": "{palette.slate.100}",
-                "type": "color"
-              }
-            }
-          }
-        }
-      }
-    },
-    "tooltip": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.neutral.800}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.85",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{palette.neutral.0}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "toast": {
-      "color": {
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.popover.color.panel.stroke.default}",
-            "type": "color"
-          }
-        },
-        "icon": {
-          "default": {
-            "value": "{click.toast.color.title.default}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "chart": {
-      "color": {
-        "default": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.500}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.400}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.600}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "deselected": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.30",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      },
-      "bars": {
-        "color": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.500}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.400}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.600}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "icon": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.background}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.background}",
-            "type": "color"
-          }
-        },
-        "text": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.foreground}",
-            "type": "color"
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.foreground}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          },
-          "info": {
-            "value": "{click.feedback.color.info.foreground}",
-            "type": "color"
-          },
-          "warning": {
-            "value": "{click.feedback.color.warning.foreground}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          },
-          "success": {
-            "value": "{click.feedback.color.success.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "neutral": {
-            "value": "{click.feedback.color.neutral.background}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "info": {
-            "value": "{click.badge.opaque.color.background.info}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          },
-          "warning": {
-            "value": "{click.badge.opaque.color.background.warning}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.05",
-                  "space": "srgb"
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    "datePicker": {
-      "color": {
-        "title": {
-          "default": {
-            "value": "{click.global.color.title.default}",
-            "type": "color"
-          }
-        },
-        "daytitle": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          }
-        }
-      },
-      "dateOption": {
-        "color": {
-          "label": {
-            "default": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{palette.neutral.400}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.datePicker.dateOption.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "active": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            },
-            "disabled": {
-              "value": "{click.datePicker.dateOption.color.background.default}",
-              "type": "color"
-            },
-            "range": {
-              "value": "{click.datePicker.dateOption.color.background.range}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "serviceCard": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{palette.slate.25}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.slate.25}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.field.color.stroke.hover}",
-            "type": "color"
-          }
-        }
-      }
-    },
-    "fileUpload": {
-      "color": {
-        "background": {
-          "default": {
-            "value": "{click.global.color.background.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.background.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.field.color.background.hover}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.background}",
-            "type": "color"
-          }
-        },
-        "stroke": {
-          "default": {
-            "value": "{click.field.color.stroke.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.stroke.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.global.color.stroke.intense}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{palette.utility.transparent}",
-            "type": "color"
-          }
-        },
-        "title": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.title.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.fileUpload.color.title.default}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.feedback.color.danger.foreground}",
-            "type": "color"
-          }
-        },
-        "description": {
-          "default": {
-            "value": "{click.global.color.text.muted}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{click.fileUpload.color.description.default}",
-            "type": "color"
-          },
-          "active": {
-            "value": "{click.fileUpload.color.description.default}",
-            "type": "color"
-          },
-          "error": {
-            "value": "{click.fileUpload.color.title.error}",
-            "type": "color"
-          }
-        }
-      },
-      "sm": {
-        "color": {
-          "icon": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          }
-        }
-      },
-      "md": {
-        "color": {
-          "icon": {
-            "default": {
-              "value": "{click.image.color.stroke}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "dashboards": {
-      "chartWidget": {
-        "color": {
-          "background": {
-            "default": {
-              "value": "{click.global.color.background.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.background.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.background.default}",
-              "type": "color"
-            }
-          },
-          "stroke": {
-            "default": {
-              "value": "{click.global.color.stroke.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.global.color.stroke.intense}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.global.color.accent.default}",
-              "type": "color"
-            }
-          },
-          "title": {
-            "default": {
-              "value": "{click.global.color.title.default}",
-              "type": "color"
-            }
-          },
-          "description": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            }
-          },
-          "legend": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.legend.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            }
-          },
-          "element": {
-            "stroke": {
-              "default": {
-                "value": "{click.global.color.stroke.default}",
-                "type": "color"
-              }
-            }
-          },
-          "icon": {
-            "default": {
-              "value": "{click.global.color.text.default}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.icon.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.stroke.selected}",
-              "type": "color"
-            }
-          },
-          "opacity": {
-            "bar": {
-              "default": {
-                "value": "20%",
-                "type": "opacity"
-              },
-              "hover": {
-                "value": "50%",
-                "type": "opacity"
-              }
-            }
-          },
-          "label": {
-            "default": {
-              "value": "{click.global.color.text.muted}",
-              "type": "color"
-            },
-            "hover": {
-              "value": "{click.dashboards.chartWidget.color.label.default}",
-              "type": "color"
-            },
-            "selected": {
-              "value": "{click.dashboards.chartWidget.color.label.default}",
-              "type": "color"
-            }
-          }
-        }
-      }
-    },
-    "gareth": {
-      "test": {
-        "main": {
-          "text": {
-            "value": "{global.color.text.default}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "{click.global.color.text.danger}",
-            "type": "color"
-          }
-        }
-      }
-    }
-  },
-  "global": {
-    "color": {
-      "background": {
-        "default": {
-          "value": "{palette.neutral.0}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.slate.50}",
-          "type": "color"
-        },
-        "sidebar": {
-          "value": "{palette.neutral.0}",
-          "type": "color"
-        },
-        "split": {
-          "value": "{palette.slate.50}",
-          "type": "color"
-        },
-        "muted_a": {
-          "value": "{palette.slate.50a}",
-          "type": "color"
-        }
-      },
-      "stroke": {
-        "default": {
-          "value": "{palette.slate.100}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.slate.100}",
-          "type": "color",
-          "increased": {
-            "value": "#cccdcf",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#e6e7e9",
-            "type": "color"
-          }
-        },
-        "intense": {
-          "value": "{palette.slate.300}",
-          "type": "color",
-          "increased": {
-            "value": "#cccdcf",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#e6e7e9",
-            "type": "color"
-          }
-        },
-        "split": {
-          "value": "{palette.slate.100}",
-          "type": "color",
-          "increased": {
-            "value": "#cccdcf",
-            "type": "color"
-          },
-          "muted": {
-            "value": "#e6e7e9",
-            "type": "color"
-          }
-        }
-      },
-      "accent": {
-        "default": {
-          "value": "{palette.neutral.900}",
-          "type": "color"
-        }
-      },
-      "text": {
-        "default": {
-          "value": "{palette.slate.900}",
-          "type": "color"
-        },
-        "muted": {
-          "value": "{palette.slate.600}",
-          "type": "color"
-        },
-        "disabled": {
-          "value": "{palette.neutral.400}",
-          "type": "color"
-        },
-        "link": {
-          "default": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "hover": {
-            "value": "{palette.info.600}",
-            "type": "color"
-          }
-        }
-      },
-      "outline": {
-        "default": {
-          "value": "{palette.info.400}",
-          "type": "color"
-        }
-      },
-      "shadow": {
-        "default": {
-          "value": "{palette.neutral.900}",
-          "type": "color",
-          "$extensions": {
-            "studio.tokens": {
-              "modify": {
-                "type": "alpha",
-                "value": "0.15",
-                "space": "lch"
-              }
-            }
-          }
-        }
-      },
-      "feedback": {
-        "info": {
-          "background": {
-            "value": "{palette.info.50}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          }
-        },
-        "success": {
-          "background": {
-            "value": "{palette.success.50}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.success.700}",
-            "type": "color"
-          }
-        },
-        "warning": {
-          "background": {
-            "value": "{palette.warning.50}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.warning.700}",
-            "type": "color"
-          }
-        },
-        "danger": {
-          "background": {
-            "value": "{palette.danger.50}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.danger.600}",
-            "type": "color"
-          }
-        },
-        "neutral": {
-          "background": {
-            "value": "{palette.slate.50}",
-            "type": "color"
-          },
-          "foreground": {
-            "value": "{palette.slate.700}",
-            "type": "color"
-          },
-          "stroke": {
-            "value": "{click.global.color.stroke.default}",
-            "type": "color"
-          }
-        }
-      },
-      "chart": {
-        "default": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.500}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.400}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "danger": {
-            "value": "#ff2323",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.600}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "bars": {
-          "blue": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "orange": {
-            "value": "{palette.warning.400}",
-            "type": "color"
-          },
-          "green": {
-            "value": "{palette.success.500}",
-            "type": "color"
-          },
-          "fuchsia": {
-            "value": "{palette.fuchsia.400}",
-            "type": "color"
-          },
-          "yellow": {
-            "value": "{palette.brand.400}",
-            "type": "color"
-          },
-          "violet": {
-            "value": "{palette.violet.400}",
-            "type": "color"
-          },
-          "babyblue": {
-            "value": "{palette.babyblue.400}",
-            "type": "color"
-          },
-          "red": {
-            "value": "{palette.danger.400}",
-            "type": "color"
-          },
-          "teal": {
-            "value": "{palette.teal.600}",
-            "type": "color"
-          },
-          "sunrise": {
-            "value": "{palette.sunrise.400}",
-            "type": "color"
-          },
-          "slate": {
-            "value": "{palette.slate.400}",
-            "type": "color"
-          }
-        },
-        "label": {
-          "default": {
-            "value": "{click.global.color.text.default}",
-            "type": "color"
-          },
-          "deselected": {
-            "value": "{click.global.color.text.default}",
-            "type": "color",
-            "$extensions": {
-              "studio.tokens": {
-                "modify": {
-                  "type": "alpha",
-                  "value": "0.30",
-                  "space": "lch"
-                }
-              }
-            }
-          }
-        }
-      },
-      "iconButton": {
-        "badge": {
-          "foreground": {
-            "value": "{palette.info.400}",
-            "type": "color"
-          },
-          "background": {
-            "value": "{palette.info.50}",
-            "type": "color"
-          }
-        }
-      },
-      "icon": {
-        "background": {
-          "value": "{palette.gradients.whiteToblack}",
-          "type": "color"
-        }
-      }
-    }
-  },
-  "name": {
-    "value": "light",
-    "type": "other"
-  }
-}
diff --git a/packages/click-ui/tokens/themes/primitives.json b/packages/click-ui/tokens/themes/primitives.json
deleted file mode 100644
index 45d807409..000000000
--- a/packages/click-ui/tokens/themes/primitives.json
+++ /dev/null
@@ -1,1376 +0,0 @@
-{
-  "palette": {
-    "brand": {
-      "50": {
-        "value": "#ffffe8",
-        "type": "color"
-      },
-      "100": {
-        "value": "#FEFFC2",
-        "type": "color"
-      },
-      "200": {
-        "value": "#fdffa3",
-        "type": "color"
-      },
-      "300": {
-        "value": "#FAFF69",
-        "type": "color"
-      },
-      "400": {
-        "value": "#eef400",
-        "type": "color"
-      },
-      "500": {
-        "value": "#C7CC00",
-        "type": "color"
-      },
-      "600": {
-        "value": "#959900",
-        "type": "color"
-      },
-      "700": {
-        "value": "#686B00",
-        "type": "color"
-      },
-      "800": {
-        "value": "#3C4601",
-        "type": "color"
-      },
-      "900": {
-        "value": "#333300",
-        "type": "color"
-      },
-      "base": {
-        "value": "#fbff46",
-        "type": "color"
-      }
-    },
-    "neutral": {
-      "0": {
-        "value": "#ffffff",
-        "type": "color"
-      },
-      "100": {
-        "value": "#f9f9f9",
-        "type": "color"
-      },
-      "200": {
-        "value": "#dfdfdf",
-        "type": "color"
-      },
-      "300": {
-        "value": "#c0c0c0",
-        "type": "color"
-      },
-      "400": {
-        "value": "#a0a0a0",
-        "type": "color"
-      },
-      "500": {
-        "value": "#808080",
-        "type": "color"
-      },
-      "600": {
-        "value": "#606060",
-        "type": "color"
-      },
-      "650": {
-        "value": "#505050",
-        "type": "color"
-      },
-      "700": {
-        "value": "#414141",
-        "type": "color"
-      },
-      "712": {
-        "value": "#323232",
-        "type": "color"
-      },
-      "725": {
-        "value": "#282828",
-        "type": "color"
-      },
-      "750": {
-        "value": "#1F1F1C",
-        "type": "color"
-      },
-      "800": {
-        "value": "#1d1d1d",
-        "type": "color"
-      },
-      "900": {
-        "value": "#151515",
-        "type": "color"
-      },
-      "base": {
-        "value": "#212121",
-        "type": "color"
-      }
-    },
-    "slate": {
-      "25": {
-        "value": "#FBFCFF",
-        "type": "color"
-      },
-      "50": {
-        "value": "#f6f7fa",
-        "type": "color"
-      },
-      "100": {
-        "value": "#e6e7e9",
-        "type": "color"
-      },
-      "200": {
-        "value": "#cccfd3",
-        "type": "color"
-      },
-      "300": {
-        "value": "#b3b6bd",
-        "type": "color"
-      },
-      "400": {
-        "value": "#9a9ea7",
-        "type": "color"
-      },
-      "500": {
-        "value": "#808691",
-        "type": "color"
-      },
-      "600": {
-        "value": "#696e79",
-        "type": "color"
-      },
-      "700": {
-        "value": "#53575f",
-        "type": "color"
-      },
-      "800": {
-        "value": "#302e32",
-        "type": "color"
-      },
-      "900": {
-        "value": "#161517",
-        "type": "color"
-      },
-      "base": {
-        "value": "#373439",
-        "type": "color"
-      },
-      "50a": {
-        "value": "#6476AA",
-        "type": "color",
-        "$extensions": {
-          "studio.tokens": {
-            "modify": {
-              "type": "alpha",
-              "value": "0.06",
-              "space": "lch"
-            }
-          }
-        }
-      }
-    },
-    "indigo": {
-      "50": {
-        "value": "#f4f1fc",
-        "type": "color"
-      },
-      "100": {
-        "value": "#e4e2e9",
-        "type": "color"
-      },
-      "200": {
-        "value": "#c8c5d3",
-        "type": "color"
-      },
-      "300": {
-        "value": "#ada8bd",
-        "type": "color"
-      },
-      "400": {
-        "value": "#918ba7",
-        "type": "color"
-      },
-      "500": {
-        "value": "#766e91",
-        "type": "color"
-      },
-      "600": {
-        "value": "#5e5874",
-        "type": "color"
-      },
-      "700": {
-        "value": "#474257",
-        "type": "color"
-      },
-      "800": {
-        "value": "#23212c",
-        "type": "color"
-      },
-      "900": {
-        "value": "#18161d",
-        "type": "color"
-      },
-      "base": {
-        "value": "#2f2c3a",
-        "type": "color"
-      }
-    },
-    "info": {
-      "50": {
-        "value": "#E7EFFD",
-        "type": "color"
-      },
-      "100": {
-        "value": "#D0DFFB",
-        "type": "color"
-      },
-      "200": {
-        "value": "#A1BEF7",
-        "type": "color"
-      },
-      "300": {
-        "value": "#6D9BF3",
-        "type": "color"
-      },
-      "400": {
-        "value": "#437EEF",
-        "type": "color"
-      },
-      "500": {
-        "value": "#1D64EC",
-        "type": "color"
-      },
-      "600": {
-        "value": "#104EC6",
-        "type": "color"
-      },
-      "650": {
-        "value": "#0D3E9B",
-        "type": "color"
-      },
-      "700": {
-        "value": "#0D3E9B",
-        "type": "color"
-      },
-      "800": {
-        "value": "#092B6C",
-        "type": "color"
-      },
-      "900": {
-        "value": "#061C47",
-        "type": "color"
-      },
-      "base": {
-        "value": "#4781f0",
-        "type": "color"
-      }
-    },
-    "success": {
-      "50": {
-        "value": "#E5FFE8",
-        "type": "color"
-      },
-      "100": {
-        "value": "#CCFFD0",
-        "type": "color"
-      },
-      "200": {
-        "value": "#99FFA1",
-        "type": "color"
-      },
-      "300": {
-        "value": "#66FF73",
-        "type": "color"
-      },
-      "400": {
-        "value": "#33FF44",
-        "type": "color"
-      },
-      "500": {
-        "value": "#00E513",
-        "type": "color"
-      },
-      "600": {
-        "value": "#00BD10",
-        "type": "color"
-      },
-      "700": {
-        "value": "#008A0B",
-        "type": "color"
-      },
-      "800": {
-        "value": "#006108",
-        "type": "color"
-      },
-      "850": {
-        "value": "#004206",
-        "type": "color"
-      },
-      "900": {
-        "value": "#004206",
-        "type": "color"
-      },
-      "base": {
-        "value": "#62de85",
-        "type": "color"
-      }
-    },
-    "warning": {
-      "50": {
-        "value": "#FFE2D1",
-        "type": "color"
-      },
-      "100": {
-        "value": "#FFCBAD",
-        "type": "color"
-      },
-      "200": {
-        "value": "#FFB88F",
-        "type": "color"
-      },
-      "300": {
-        "value": "#FF9457",
-        "type": "color"
-      },
-      "400": {
-        "value": "#FF7729",
-        "type": "color"
-      },
-      "500": {
-        "value": "#F55A00",
-        "type": "color"
-      },
-      "600": {
-        "value": "#D64F00",
-        "type": "color"
-      },
-      "700": {
-        "value": "#A33C00",
-        "type": "color"
-      },
-      "800": {
-        "value": "#7A2D00",
-        "type": "color"
-      },
-      "900": {
-        "value": "#471A00",
-        "type": "color"
-      },
-      "base": {
-        "value": "#ffa63d",
-        "type": "color"
-      }
-    },
-    "danger": {
-      "50": {
-        "value": "#ffdddd",
-        "type": "color"
-      },
-      "100": {
-        "value": "#ffbaba",
-        "type": "color"
-      },
-      "200": {
-        "value": "#ff9898",
-        "type": "color"
-      },
-      "300": {
-        "value": "#ff7575",
-        "type": "color"
-      },
-      "400": {
-        "value": "#ff2323",
-        "type": "color"
-      },
-      "500": {
-        "value": "#f10000",
-        "type": "color"
-      },
-      "600": {
-        "value": "#c10000",
-        "type": "color"
-      },
-      "700": {
-        "value": "#910000",
-        "type": "color"
-      },
-      "800": {
-        "value": "#610000",
-        "type": "color"
-      },
-      "900": {
-        "value": "#300000",
-        "type": "color"
-      },
-      "base": {
-        "value": "#FF5353",
-        "type": "color"
-      }
-    },
-    "gradients": {
-      "base": {
-        "value": "linear-gradient(229.65deg, #292924 15.78%, #0F0F0F 88.39%)",
-        "type": "color"
-      },
-      "yellowToblack": {
-        "value": "linear-gradient(132deg, #FAFF69 8%, #292929 30%);",
-        "type": "color"
-      },
-      "whiteToblack": {
-        "value": "linear-gradient(132deg, #FFFFFF 8%, #292929 30%);",
-        "type": "color"
-      },
-      "transparent": {
-        "value": "rgba(0,0,0,0)",
-        "type": "color",
-        "description": "Transparent background"
-      }
-    },
-    "utility": {
-      "transparent": {
-        "value": "rgba(0,0,0,0)",
-        "type": "color"
-      }
-    },
-    "teal": {
-      "50": {
-        "value": "#E6FEFA",
-        "type": "color"
-      },
-      "100": {
-        "value": "#CFFCF4",
-        "type": "color"
-      },
-      "200": {
-        "value": "#A3FAEC",
-        "type": "color"
-      },
-      "300": {
-        "value": "#6DF8E1",
-        "type": "color"
-      },
-      "400": {
-        "value": "#0CEDC8",
-        "type": "color"
-      },
-      "500": {
-        "value": "#0BD0AF",
-        "type": "color"
-      },
-      "600": {
-        "value": "#089B83",
-        "type": "color"
-      },
-      "700": {
-        "value": "#067462",
-        "type": "color"
-      },
-      "800": {
-        "value": "#045245",
-        "type": "color"
-      },
-      "850": {
-        "value": "#004237",
-        "type": "color"
-      },
-      "900": {
-        "value": "#03352D",
-        "type": "color"
-      }
-    },
-    "violet": {
-      "50": {
-        "value": "#F6E5FF",
-        "type": "color"
-      },
-      "100": {
-        "value": "#EECCFF",
-        "type": "color"
-      },
-      "200": {
-        "value": "#DD99FF",
-        "type": "color"
-      },
-      "300": {
-        "value": "#CC66FF",
-        "type": "color"
-      },
-      "400": {
-        "value": "#BB33FF",
-        "type": "color"
-      },
-      "500": {
-        "value": "#AA00FF",
-        "type": "color"
-      },
-      "600": {
-        "value": "#8800CC",
-        "type": "color"
-      },
-      "700": {
-        "value": "#660099",
-        "type": "color"
-      },
-      "800": {
-        "value": "#440066",
-        "type": "color"
-      },
-      "850": {
-        "value": "#33004D",
-        "type": "color"
-      },
-      "900": {
-        "value": "#220033",
-        "type": "color"
-      }
-    },
-    "fuchsia": {
-      "50": {
-        "value": "#FBEFF8",
-        "type": "color"
-      },
-      "100": {
-        "value": "#FBC9EF",
-        "type": "color"
-      },
-      "200": {
-        "value": "#FB97E2",
-        "type": "color"
-      },
-      "300": {
-        "value": "#FB64D6",
-        "type": "color"
-      },
-      "400": {
-        "value": "#FB32C9",
-        "type": "color"
-      },
-      "500": {
-        "value": "#FB00BC",
-        "type": "color"
-      },
-      "600": {
-        "value": "#CC0099",
-        "type": "color"
-      },
-      "700": {
-        "value": "#990073",
-        "type": "color"
-      },
-      "800": {
-        "value": "#66004D",
-        "type": "color"
-      },
-      "850": {
-        "value": "#4D0039",
-        "type": "color"
-      },
-      "900": {
-        "value": "#330026",
-        "type": "color"
-      }
-    },
-    "sunrise": {
-      "50": {
-        "value": "#FFF3CC",
-        "type": "color"
-      },
-      "100": {
-        "value": "#FFE799",
-        "type": "color"
-      },
-      "200": {
-        "value": "#FFDB66",
-        "type": "color"
-      },
-      "300": {
-        "value": "#FFCF33",
-        "type": "color"
-      },
-      "400": {
-        "value": "#FFC300",
-        "type": "color"
-      },
-      "500": {
-        "value": "#E0AC00",
-        "type": "color"
-      },
-      "600": {
-        "value": "#B28800",
-        "type": "color"
-      },
-      "700": {
-        "value": "#8A6900",
-        "type": "color"
-      },
-      "800": {
-        "value": "#574200",
-        "type": "color"
-      },
-      "900": {
-        "value": "#332700",
-        "type": "color"
-      }
-    },
-    "babyblue": {
-      "50": {
-        "value": "#DBFAFF",
-        "type": "color"
-      },
-      "100": {
-        "value": "#BDF6FF",
-        "type": "color"
-      },
-      "200": {
-        "value": "#8AEFFF",
-        "type": "color"
-      },
-      "300": {
-        "value": "#33E4FF",
-        "type": "color"
-      },
-      "400": {
-        "value": "#00CBEB",
-        "type": "color"
-      },
-      "500": {
-        "value": "#00B5D1",
-        "type": "color"
-      },
-      "600": {
-        "value": "#008599",
-        "type": "color"
-      },
-      "700": {
-        "value": "#006170",
-        "type": "color"
-      },
-      "800": {
-        "value": "#00424D",
-        "type": "color"
-      },
-      "900": {
-        "value": "#002C33",
-        "type": "color"
-      }
-    }
-  },
-  "sizes": {
-    "0": {
-      "value": "0",
-      "type": "sizing"
-    },
-    "1": {
-      "value": "1px",
-      "type": "sizing"
-    },
-    "2": {
-      "value": "0.25rem",
-      "type": "sizing"
-    },
-    "3": {
-      "value": "0.5rem",
-      "type": "sizing"
-    },
-    "4": {
-      "value": "0.75rem",
-      "type": "sizing"
-    },
-    "5": {
-      "value": "1rem",
-      "type": "sizing"
-    },
-    "6": {
-      "value": "1.25rem",
-      "type": "sizing"
-    },
-    "7": {
-      "value": "1.5rem",
-      "type": "sizing"
-    },
-    "8": {
-      "value": "1.75rem",
-      "type": "sizing"
-    },
-    "9": {
-      "value": "2rem",
-      "type": "sizing"
-    },
-    "10": {
-      "value": "2.5rem",
-      "type": "sizing"
-    },
-    "11": {
-      "value": "4rem",
-      "type": "sizing"
-    }
-  },
-  "typography": {
-    "font": {
-      "families": {
-        "regular": {
-          "value": "\"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
-          "type": "fontFamilies"
-        },
-        "mono": {
-          "value": "\"Inconsolata\",  Consolas, \"SFMono Regular\", monospace",
-          "type": "fontFamilies"
-        },
-        "display": {
-          "value": "'Basier Square', \"Inter\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen,Ubuntu, Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif;",
-          "type": "fontFamilies"
-        }
-      },
-      "weights": {
-        "1": {
-          "value": "400",
-          "type": "fontWeights"
-        },
-        "2": {
-          "value": "500",
-          "type": "fontWeights"
-        },
-        "3": {
-          "value": "600",
-          "type": "fontWeights"
-        },
-        "4": {
-          "value": "700",
-          "type": "fontWeights"
-        }
-      },
-      "sizes": {
-        "0": {
-          "value": "0.625rem",
-          "type": "fontSizes"
-        },
-        "1": {
-          "value": "{sizes.4}",
-          "type": "fontSizes"
-        },
-        "2": {
-          "value": "0.875rem",
-          "type": "fontSizes"
-        },
-        "3": {
-          "value": "{sizes.5}",
-          "type": "fontSizes"
-        },
-        "4": {
-          "value": "1.125rem",
-          "type": "fontSizes"
-        },
-        "5": {
-          "value": "{sizes.6}",
-          "type": "fontSizes"
-        },
-        "6": {
-          "value": "{sizes.9}",
-          "type": "fontSizes"
-        },
-        "base": {
-          "value": "16px",
-          "type": "fontSizes"
-        }
-      },
-      "line-height": {
-        "1": {
-          "value": "150%",
-          "type": "lineHeights"
-        },
-        "2": {
-          "value": "160%",
-          "type": "lineHeights"
-        },
-        "3": {
-          "value": "170%",
-          "type": "lineHeights"
-        },
-        "4": {
-          "value": "130%",
-          "type": "lineHeights"
-        }
-      }
-    },
-    "styles": {
-      "product": {
-        "titles": {
-          "xs": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.3}",
-              "fontSize": "{typography.font.sizes.1}",
-              "lineHeight": "{typography.font.line-height.1}"
-            },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.2}"
-            },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.3}"
-            },
-            "type": "typography"
-          },
-          "lg": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.4}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.4}"
-            },
-            "type": "typography"
-          },
-          "xl": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.4}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.5}"
-            },
-            "type": "typography"
-          },
-          "2xl": {
-            "value": {
-              "fontFamily": "{typography.font.families.regular}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "{typography.font.sizes.6}"
-            },
-            "type": "typography"
-          }
-        },
-        "text": {
-          "normal": {
-            "xs": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.1}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.0}"
-              },
-              "type": "typography"
-            },
-            "sm": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.1}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "md": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.1}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.2}"
-              },
-              "type": "typography"
-            },
-            "lg": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.1}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.3}"
-              },
-              "type": "typography"
-            }
-          },
-          "medium": {
-            "xs": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.0}"
-              },
-              "type": "typography"
-            },
-            "sm": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "md": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.2}"
-              },
-              "type": "typography"
-            },
-            "lg": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.3}"
-              },
-              "type": "typography"
-            }
-          },
-          "semibold": {
-            "xs": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.0}"
-              },
-              "type": "typography"
-            },
-            "sm": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "md": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.2}"
-              },
-              "type": "typography"
-            },
-            "lg": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.3}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.3}"
-              },
-              "type": "typography"
-            }
-          },
-          "mono": {
-            "xs": {
-              "value": {
-                "fontFamily": "{typography.font.families.mono}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.2}",
-                "fontSize": "{typography.font.sizes.0}"
-              },
-              "type": "typography"
-            },
-            "sm": {
-              "value": {
-                "fontFamily": "{typography.font.families.mono}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.2}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "md": {
-              "value": {
-                "fontFamily": "{typography.font.families.mono}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.3}",
-                "fontSize": "{typography.font.sizes.2}"
-              },
-              "type": "typography"
-            },
-            "lg": {
-              "value": {
-                "fontFamily": "{typography.font.families.mono}",
-                "fontWeight": "{typography.font.weights.2}",
-                "lineHeight": "{typography.font.line-height.2}",
-                "fontSize": "{typography.font.sizes.3}"
-              },
-              "type": "typography"
-            }
-          },
-          "bold": {
-            "xs": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.4}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.0}"
-              },
-              "type": "typography"
-            },
-            "sm": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.4}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.1}"
-              },
-              "type": "typography"
-            },
-            "md": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.4}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.2}"
-              },
-              "type": "typography"
-            },
-            "lg": {
-              "value": {
-                "fontFamily": "{typography.font.families.regular}",
-                "fontWeight": "{typography.font.weights.4}",
-                "lineHeight": "{typography.font.line-height.1}",
-                "fontSize": "{typography.font.sizes.3}"
-              },
-              "type": "typography"
-            }
-          }
-        }
-      },
-      "brand": {
-        "titles": {
-          "xs": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "20px"
-            },
-            "type": "typography"
-          },
-          "sm": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.1}",
-              "fontSize": "24px"
-            },
-            "type": "typography"
-          },
-          "md": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.4}",
-              "fontSize": "36px"
-            },
-            "type": "typography"
-          },
-          "lg": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.3}",
-              "lineHeight": "{typography.font.line-height.4}",
-              "fontSize": "56px"
-            },
-            "type": "typography"
-          },
-          "xl": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.4}",
-              "lineHeight": "{typography.font.line-height.4}",
-              "fontSize": "64px"
-            },
-            "type": "typography"
-          },
-          "2xl": {
-            "value": {
-              "fontFamily": "{typography.font.families.display}",
-              "fontWeight": "{typography.font.weights.4}",
-              "lineHeight": "{typography.font.line-height.4}",
-              "fontSize": "80px"
-            },
-            "type": "typography"
-          }
-        }
-      },
-      "field": {
-        "md": {
-          "value": {
-            "fontFamily": "{typography.font.families.regular}",
-            "fontWeight": "{typography.font.weights.1}",
-            "lineHeight": "{typography.font.line-height.2}",
-            "fontSize": "{typography.font.sizes.2}"
-          },
-          "type": "typography"
-        }
-      }
-    }
-  },
-  "border": {
-    "radii": {
-      "0": {
-        "value": "{sizes.0}",
-        "type": "borderRadius"
-      },
-      "1": {
-        "value": "{sizes.2}",
-        "type": "borderRadius"
-      },
-      "2": {
-        "value": "{sizes.3}",
-        "type": "borderRadius"
-      },
-      "3": {
-        "value": "{sizes.4}",
-        "type": "borderRadius"
-      },
-      "full": {
-        "value": "9999px",
-        "type": "borderRadius"
-      }
-    },
-    "width": {
-      "1": {
-        "value": "{sizes.1}",
-        "type": "borderWidth"
-      },
-      "2": {
-        "value": "{sizes.1} + {sizes.1}",
-        "type": "borderWidth"
-      }
-    }
-  },
-  "spaces": {
-    "0": {
-      "value": "{sizes.0}",
-      "type": "spacing"
-    },
-    "1": {
-      "value": "{sizes.2}",
-      "type": "spacing"
-    },
-    "2": {
-      "value": "{sizes.3}",
-      "type": "spacing"
-    },
-    "3": {
-      "value": "{sizes.4}",
-      "type": "spacing"
-    },
-    "4": {
-      "value": "{sizes.5}",
-      "type": "spacing"
-    },
-    "5": {
-      "value": "{sizes.7}",
-      "type": "spacing"
-    },
-    "6": {
-      "value": "{sizes.9}",
-      "type": "spacing"
-    },
-    "7": {
-      "value": "{sizes.10}",
-      "type": "spacing"
-    },
-    "8": {
-      "value": "{sizes.11}",
-      "type": "spacing"
-    }
-  },
-  "shadow": {
-    "1": {
-      "value": [
-        {
-          "x": "0",
-          "y": "4",
-          "blur": "6",
-          "spread": "-1",
-          "color": "{click.global.color.shadow.default}",
-          "type": "dropShadow"
-        },
-        {
-          "x": "0",
-          "y": "2",
-          "blur": "4",
-          "spread": "-1",
-          "color": "{click.global.color.shadow.default}",
-          "type": "dropShadow"
-        }
-      ],
-      "type": "boxShadow"
-    },
-    "2": {
-      "value": [
-        {
-          "x": "0",
-          "y": "4",
-          "blur": "4",
-          "spread": "0",
-          "color": "rgba(88, 92, 98, 0.06)",
-          "type": "dropShadow"
-        },
-        {
-          "x": "5",
-          "y": "0",
-          "blur": "10",
-          "spread": "0",
-          "color": "rgba(104, 105, 111, 0.1)",
-          "type": "innerShadow"
-        }
-      ],
-      "type": "boxShadow"
-    },
-    "3": {
-      "value": [
-        {
-          "x": "-5",
-          "y": "0",
-          "blur": "20",
-          "spread": "0",
-          "color": "rgba(0, 0, 0, 0.08)",
-          "type": "dropShadow"
-        },
-        {
-          "x": "-6",
-          "y": "0",
-          "blur": "10",
-          "spread": "0",
-          "color": "rgba(0, 0, 0, 0.08)",
-          "type": "dropShadow"
-        }
-      ],
-      "type": "boxShadow"
-    },
-    "4": {
-      "value": [
-        {
-          "x": "5",
-          "y": "0",
-          "blur": "20",
-          "spread": "0",
-          "color": "rgba(0, 0, 0, 0.08)",
-          "type": "dropShadow"
-        },
-        {
-          "x": "6",
-          "y": "0",
-          "blur": "10",
-          "spread": "0",
-          "color": "rgba(0, 0, 0, 0.08)",
-          "type": "dropShadow"
-        }
-      ],
-      "type": "boxShadow"
-    },
-    "5": {
-      "value": [
-        {
-          "x": "0",
-          "y": "2",
-          "blur": "2",
-          "spread": "0",
-          "color": "rgba(0, 0, 0, 0.03)",
-          "type": "dropShadow"
-        }
-      ],
-      "type": "boxShadow"
-    }
-  },
-  "transition": {
-    "duration": {
-      "slow": {
-        "value": "300ms",
-        "type": "other"
-      },
-      "smooth": {
-        "value": "150ms",
-        "type": "other"
-      },
-      "medium": {
-        "value": "100ms",
-        "type": "other"
-      },
-      "fast": {
-        "value": "50ms",
-        "type": "other"
-      }
-    },
-    "delay": {
-      "slow": {
-        "value": "100ms",
-        "type": "other"
-      },
-      "fast": {
-        "value": "0ms",
-        "type": "other"
-      }
-    },
-    "function": {
-      "ease": {
-        "value": "ease",
-        "type": "other"
-      },
-      "ease-in": {
-        "value": "ease-in",
-        "type": "other"
-      },
-      "ease-in-out": {
-        "value": "ease-in-out",
-        "type": "other"
-      },
-      "linear": {
-        "value": "linear",
-        "type": "other"
-      }
-    }
-  },
-  "breakpoint": {
-    "sizes": {
-      "sm": {
-        "value": "640px",
-        "type": "sizing"
-      },
-      "md": {
-        "value": "768px",
-        "type": "sizing"
-      },
-      "lg": {
-        "value": "1024px",
-        "type": "sizing"
-      },
-      "xl": {
-        "value": "1280px",
-        "type": "sizing"
-      },
-      "2xl": {
-        "value": "1536px",
-        "type": "sizing"
-      }
-    }
-  },
-  "global": {
-    "color": {
-      "gradients": {
-        "yellowToBlack": {
-          "value": "linear-gradient(132deg, #faff69 8%, #292929 30%)",
-          "type": "color"
-        },
-        "whiteToBlack": {
-          "value": "linear-gradient(132deg, #ffffff 8%, #292929 30%)",
-          "type": "color"
-        }
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/packages/design-tokens/LEGACY.md b/packages/design-tokens/LEGACY.md
index c00006b46..63917370d 100644
--- a/packages/design-tokens/LEGACY.md
+++ b/packages/design-tokens/LEGACY.md
@@ -4,6 +4,9 @@
 > These exports are **deprecated** and will be removed in a future major version.
 > They are provided only for backward compatibility while migrating consumer apps to CSS variables.
 
+> [!NOTE]
+> The legacy token system was moved from `@clickhouse/click-ui` in commit `37d56f7b`. See [historical files](https://github.com/ClickHouse/click-ui/tree/37d56f7b/packages/click-ui/src/theme) for the original implementation.
+
 ## Quick Start
 
 The host app must have the peer dependency [Styled Components](https://www.npmjs.com/package/styled-components):

From e0889b6923c95a5d35a710e2740e715c9cfae923 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 16:44:53 +0100
Subject: [PATCH 47/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20remove=20legacy?=
 =?UTF-8?q?=20generate:tokens=20dependencies?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/add-design-tokens-package.md |  4 ++++
 packages/click-ui/README.md             | 19 ++++---------------
 packages/click-ui/package.json          |  2 --
 3 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/.changeset/add-design-tokens-package.md b/.changeset/add-design-tokens-package.md
index b5d496adb..840e41caf 100644
--- a/.changeset/add-design-tokens-package.md
+++ b/.changeset/add-design-tokens-package.md
@@ -21,3 +21,7 @@ Alternatively, consumer apps can import directly from legacy exports path:
 ```typescript
 import { useCUITheme } from '@clickhouse/design-tokens/legacy/hooks';
 ```
+
+**Removed legacy token generator:**
+
+The old Style Dictionary-based token generator (`yarn generate:tokens`) has been removed along with its dependencies (`@tokens-studio/sd-transforms`, `style-dictionary`) and the `tokens/` source directory. The legacy TypeScript theme objects remain available in `@clickhouse/design-tokens/legacy` as frozen snapshots, but the modern CSS-based token system in `packages/design-tokens` is now the only maintained system.
diff --git a/packages/click-ui/README.md b/packages/click-ui/README.md
index 685c9d6a6..0aa5db0bb 100644
--- a/packages/click-ui/README.md
+++ b/packages/click-ui/README.md
@@ -103,23 +103,12 @@ yarn circular-dependency:check
 
 If circular dependencies are found it'll exit with a report showing the affeced files which require your attention.
 
-### Generating design tokens
+### Design Tokens
 
-Tokens are provided by a style directionary sourced from [tokens-studio](https://tokens.studio/).
+Design tokens are provided by the `@clickhouse/design-tokens` package. See the [design-tokens documentation](../design-tokens/) for details on the token system and CSS variable usage.
 
-It's expected to have theme tokens provided externally, e.g. Figma tokens-studio output is stored in the repository and a PR's opened. The assets are stored in the directory [./tokens/themes].
-
-Once [./tokens/themes] files are updated or provided from exernal source, e.g. Figma, we must regenerate the tokens for consumption in the project.
-
-Run the command to generate tokens in the path `./src/theme/tokens/`:
-
-```sh
-yarn generate:tokens
-```
-
-Once done, you must commit the changes.
-
-Learn more about tokens-studio [here](https://documentation.tokens.studio/).
+> [!NOTE]
+> The legacy styled-components theme system has been moved to `@clickhouse/design-tokens/legacy` and is deprecated. Migrate to CSS variables for new projects.
 
 ### Local development
 
diff --git a/packages/click-ui/package.json b/packages/click-ui/package.json
index 26d5c6df4..ddf2c0353 100644
--- a/packages/click-ui/package.json
+++ b/packages/click-ui/package.json
@@ -430,7 +430,6 @@
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@tokens-studio/sd-transforms": "^1.2.0",
     "@types/eslint-plugin-react-refresh": "^0.4.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.10.1",
@@ -460,7 +459,6 @@
     "skott": "^0.35.4",
     "storybook": "^10.1.10",
     "storybook-addon-pseudo-states": "^10.1.10",
-    "style-dictionary": "^5.0.0",
     "stylis": "^4.3.0",
     "ts-node": "^10.9.1",
     "typescript": "^5.5.3",

From eecfbd6db357b32b2032844e9172b1fcf075d3f6 Mon Sep 17 00:00:00 2001
From: Helder Oliveira <helder.oliveira@clickhouse.com>
Date: Wed, 8 Apr 2026 16:46:52 +0100
Subject: [PATCH 48/48] =?UTF-8?q?chore:=20=F0=9F=A4=96=20update=20lockfile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yarn.lock | 669 +-----------------------------------------------------
 1 file changed, 9 insertions(+), 660 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 66d23ae80..c8f327276 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -263,54 +263,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@bundled-es-modules/deepmerge@npm:^4.3.1":
-  version: 4.3.1
-  resolution: "@bundled-es-modules/deepmerge@npm:4.3.1"
-  dependencies:
-    deepmerge: "npm:^4.3.1"
-  checksum: 10c0/50493fb741d588aa358edc5e844cbf31493cb64aca0a5ca0d33d73f61eb9eb853f7038074429343afbe199e614a6be8400abfd31909f9e5f14a53a4cff39b894
-  languageName: node
-  linkType: hard
-
-"@bundled-es-modules/glob@npm:^13.0.6":
-  version: 13.0.6
-  resolution: "@bundled-es-modules/glob@npm:13.0.6"
-  dependencies:
-    buffer: "npm:^6.0.3"
-    events: "npm:^3.3.0"
-    glob: "npm:^13.0.6"
-    path: "npm:^0.12.7"
-    stream: "npm:^0.0.3"
-    string_decoder: "npm:^1.3.0"
-    url: "npm:^0.11.4"
-  checksum: 10c0/efe6879e8b33425d50a2cf01ff1a2ccc42b76e2a1fec26ac7293fdd229931554f053edcda6eabc2ee97ad7209b885c74278427357e8e7f41c15cc56438eb7b58
-  languageName: node
-  linkType: hard
-
-"@bundled-es-modules/memfs@npm:^4.17.0":
-  version: 4.17.0
-  resolution: "@bundled-es-modules/memfs@npm:4.17.0"
-  dependencies:
-    assert: "npm:^2.1.0"
-    buffer: "npm:^6.0.3"
-    events: "npm:^3.3.0"
-    memfs: "npm:^4.17.0"
-    path: "npm:^0.12.7"
-    stream: "npm:^0.0.3"
-    util: "npm:^0.12.5"
-  checksum: 10c0/88b573e52afe2f14b0c06f1f4337883ccf3155b7c3f667af8ead248b84ba2743e4eee90eb283ec967a8486576509bb6d42ce1c43714253f70ee23c5e5e24bc73
-  languageName: node
-  linkType: hard
-
-"@bundled-es-modules/postcss-calc-ast-parser@npm:^0.1.6":
-  version: 0.1.6
-  resolution: "@bundled-es-modules/postcss-calc-ast-parser@npm:0.1.6"
-  dependencies:
-    postcss-calc-ast-parser: "npm:^0.1.4"
-  checksum: 10c0/a42abc7446328a0a0728fa675560d950995c33ed5a997e7e49885bd7ddd575243a892d9834bc311558a1fbf298d55542aad8f60c46aa6766bfc3dc82baa341f0
-  languageName: node
-  linkType: hard
-
 "@changesets/apply-release-plan@npm:^7.1.0":
   version: 7.1.0
   resolution: "@changesets/apply-release-plan@npm:7.1.0"
@@ -596,7 +548,6 @@ __metadata:
     "@testing-library/jest-dom": "npm:^6.4.5"
     "@testing-library/react": "npm:^16.1.0"
     "@testing-library/user-event": "npm:^14.5.2"
-    "@tokens-studio/sd-transforms": "npm:^1.2.0"
     "@types/eslint-plugin-react-refresh": "npm:^0.4.0"
     "@types/lodash-es": "npm:^4.17.12"
     "@types/node": "npm:^24.10.1"
@@ -633,7 +584,6 @@ __metadata:
     sortablejs: "npm:^1.15.0"
     storybook: "npm:^10.1.10"
     storybook-addon-pseudo-states: "npm:^10.1.10"
-    style-dictionary: "npm:^5.0.0"
     styled-components: "npm:^6.1.11"
     stylis: "npm:^4.3.0"
     ts-node: "npm:^10.9.1"
@@ -1418,246 +1368,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jsonjoy.com/base64@npm:17.67.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/base64@npm:17.67.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/d9616ec1ac0ea6aa455968b1f96f2d48ce38a2b1835922a909a55147d7b8cff3d648d45e9efe6781c6926beb5f04dc41c75ce548b6b84141b14bc122893e16ee
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/base64@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@jsonjoy.com/base64@npm:1.1.2"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/88717945f66dc89bf58ce75624c99fe6a5c9a0c8614e26d03e406447b28abff80c69fb37dabe5aafef1862cf315071ae66e5c85f6018b437d95f8d13d235e6eb
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/buffers@npm:17.67.0, @jsonjoy.com/buffers@npm:^17.65.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/buffers@npm:17.67.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/ee46d3ea6c2dee4dd5dffd8b156745baeecfe796c7bb3f091f9fe64c402aca5e4d86ba3d736545682f919303fb15359c1f00d41ac91ea1b5d4edbbe74f540d35
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/buffers@npm:^1.0.0, @jsonjoy.com/buffers@npm:^1.2.0":
-  version: 1.2.1
-  resolution: "@jsonjoy.com/buffers@npm:1.2.1"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/5edaf761b78b730ae0598824adb37473fef5b40a8fc100625159700eb36e00057c5129c7ad15fc0e3178e8de58a044da65728e8d7b05fd3eed58e9b9a0d02b5a
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/codegen@npm:17.67.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/codegen@npm:17.67.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/3cc529377cc315acf373dc52dbd39d56285b31ba8ca90a4447230e37e405372cc13bed7df638dc81f9071ff8f4eb8e825217987397d80182d08ded761e609a93
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/codegen@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "@jsonjoy.com/codegen@npm:1.0.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/54686352248440ad1484ce7db0270a5a72424fb9651b090e5f1c8e2cd8e55e6c7a3f67dfe4ed90c689cf01ed949e794764a8069f5f52510eaf0a2d0c41d324cd
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-core@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-core@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    thingies: "npm:^2.5.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/8269bb457dfbb783705b12962a2aaae8e40b180801750b8f4029ee8a6ee9941c039e88804eae2764f9a024992ff87bebdd006a65cb0d027fdec11a37b77ac209
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-fsa@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-fsa@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-core": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    thingies: "npm:^2.5.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/644e1af00d5ab5bae840c737dd7885e92d423fec8fbe77d605f30dd77a858fef0112e2d77fd4009fc4acce7f2344eacb2bcd695052c2240d5b39532aac9bcada
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-builtins@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-node-builtins@npm:4.57.1"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/971d46ea04fbe8803967d2fa7fdf9959bbe395cc740fbcf07f2b8632cd5abd242ec10adef29b4d6019de5753aa1e8a4c4e3cd14592bcebef918bdc7078be974b
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-to-fsa@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-node-to-fsa@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-fsa": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/8efd27c4411cce5f5ee26f27c41f65aef069807b0f98496cbb7e73775328a14a9a9da04ec1bd7e1276674e7467712cb05fc729a5fb5fe8353cad9f4de1bf2843
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node-utils@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-node-utils@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/eea2c25483d304488f9572aaea0940e2528ddb7aa529e9b9ae8ec6f828413cb5597f574510c0adef0d0d54c0de2dfd50f666f24a98a24166e9dc72f3b144f8c5
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-node@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-node@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-core": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    "@jsonjoy.com/fs-print": "npm:4.57.1"
-    "@jsonjoy.com/fs-snapshot": "npm:4.57.1"
-    glob-to-regex.js: "npm:^1.0.0"
-    thingies: "npm:^2.5.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/b98f2671330d04191f61f282b65d773ae8bf5dca2f0b8c339e34f0d6a76e949ff3439a9e45dc417d8d661b1b6311cd0699289b72f0ae80d3b5d6211e5086485f
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-print@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-print@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    tree-dump: "npm:^1.1.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/c611103134aefa1d111b375a8509a3b58381a6fae3b9cc01b35e16dd4a1d9ef0e21648b51f97d2a442adbc9d4a462179285564e1deaefea4e2cb920dccc24922
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/fs-snapshot@npm:4.57.1":
-  version: 4.57.1
-  resolution: "@jsonjoy.com/fs-snapshot@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/buffers": "npm:^17.65.0"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    "@jsonjoy.com/json-pack": "npm:^17.65.0"
-    "@jsonjoy.com/util": "npm:^17.65.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/ded857cebc0bb3de03f2c1520b1c000cb498e99c47b20e7231fa87eb87b42e600b9804e06e3e7136432a503d330a33da31185871192b93873719b300c533b5aa
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pack@npm:^1.11.0":
-  version: 1.21.0
-  resolution: "@jsonjoy.com/json-pack@npm:1.21.0"
-  dependencies:
-    "@jsonjoy.com/base64": "npm:^1.1.2"
-    "@jsonjoy.com/buffers": "npm:^1.2.0"
-    "@jsonjoy.com/codegen": "npm:^1.0.0"
-    "@jsonjoy.com/json-pointer": "npm:^1.0.2"
-    "@jsonjoy.com/util": "npm:^1.9.0"
-    hyperdyperid: "npm:^1.2.0"
-    thingies: "npm:^2.5.0"
-    tree-dump: "npm:^1.1.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/0183eccccf2ab912389a6784ae81c1a7da48cf178902efe093fb60c457359c7c75da2803f869e0a1489f1342dfa4f8ab9b27b65adc9f44fd9646823773b71e9d
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pack@npm:^17.65.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/json-pack@npm:17.67.0"
-  dependencies:
-    "@jsonjoy.com/base64": "npm:17.67.0"
-    "@jsonjoy.com/buffers": "npm:17.67.0"
-    "@jsonjoy.com/codegen": "npm:17.67.0"
-    "@jsonjoy.com/json-pointer": "npm:17.67.0"
-    "@jsonjoy.com/util": "npm:17.67.0"
-    hyperdyperid: "npm:^1.2.0"
-    thingies: "npm:^2.5.0"
-    tree-dump: "npm:^1.1.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/fee56d024c84f031ef011a85ccca071c73b8a0739506083bd3dc7a17c720a498599f285e79082a9626314324ea938f189d18d47a03341cb76286ca2e7098bf53
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pointer@npm:17.67.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/json-pointer@npm:17.67.0"
-  dependencies:
-    "@jsonjoy.com/util": "npm:17.67.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/763e0b1bc274390a605073b49e5bf55bdf386e784f5940d456faca958d90915b7d9a47dd9d58a08e2113f40167b0640d313897811680eb91630726920618fe7d
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/json-pointer@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "@jsonjoy.com/json-pointer@npm:1.0.2"
-  dependencies:
-    "@jsonjoy.com/codegen": "npm:^1.0.0"
-    "@jsonjoy.com/util": "npm:^1.9.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/8d959c0fdd77d937d2a829270de51533bb9e3b887b3f6f02943884dc33dd79225071218c93f4bafdee6a3412fd5153264997953a86de444d85c1fff67915af54
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/util@npm:17.67.0, @jsonjoy.com/util@npm:^17.65.0":
-  version: 17.67.0
-  resolution: "@jsonjoy.com/util@npm:17.67.0"
-  dependencies:
-    "@jsonjoy.com/buffers": "npm:17.67.0"
-    "@jsonjoy.com/codegen": "npm:17.67.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/44be53d94c99ce74a0eff1bb111f0ff4392a1226e34637321c8bc45b569da3f9e12db8b225eef3694c44b9fd2e9b800d7baf5ea0d38e1d7767bfcbef4fbf91b0
-  languageName: node
-  linkType: hard
-
-"@jsonjoy.com/util@npm:^1.9.0":
-  version: 1.9.0
-  resolution: "@jsonjoy.com/util@npm:1.9.0"
-  dependencies:
-    "@jsonjoy.com/buffers": "npm:^1.0.0"
-    "@jsonjoy.com/codegen": "npm:^1.0.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/a720a6accaae71fa9e7fa06e93e382702aa5760ef2bdc3bc45c19dc2228a01cc735d36cb970c654bc5e88f1328d55d1f0d5eceef0b76bcc327a2ce863e7b0021
-  languageName: node
-  linkType: hard
-
 "@manypkg/find-root@npm:^1.1.0":
   version: 1.1.0
   resolution: "@manypkg/find-root@npm:1.1.0"
@@ -4058,29 +3768,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tokens-studio/sd-transforms@npm:^1.2.0":
-  version: 1.3.0
-  resolution: "@tokens-studio/sd-transforms@npm:1.3.0"
-  dependencies:
-    "@bundled-es-modules/deepmerge": "npm:^4.3.1"
-    "@bundled-es-modules/postcss-calc-ast-parser": "npm:^0.1.6"
-    "@tokens-studio/types": "npm:^0.5.1"
-    colorjs.io: "npm:^0.5.2"
-    expr-eval-fork: "npm:^2.0.2"
-    is-mergeable-object: "npm:^1.1.1"
-  peerDependencies:
-    style-dictionary: ^4.3.0 || ^5.0.0-rc.0
-  checksum: 10c0/bd670d5f742704e790c8398ef5f271406ada2510879a8b3e71bc57c8684ad3afc8ff0ef063f2ac1516e02f72cb005313af63b66aa94a221918b7cda599030cbb
-  languageName: node
-  linkType: hard
-
-"@tokens-studio/types@npm:^0.5.1":
-  version: 0.5.2
-  resolution: "@tokens-studio/types@npm:0.5.2"
-  checksum: 10c0/aed7fef091d2f2fefbe4541b8274172e4d0d3e3183daccf6ab40414e2c04afd45f2d2385ae79bb309e59c84a4d22f15a63f0cc8bfba8f0494e77b611594047ad
-  languageName: node
-  linkType: hard
-
 "@tsconfig/node10@npm:^1.0.7":
   version: 1.0.12
   resolution: "@tsconfig/node10@npm:1.0.12"
@@ -4974,13 +4661,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@zip.js/zip.js@npm:^2.7.44":
-  version: 2.8.23
-  resolution: "@zip.js/zip.js@npm:2.8.23"
-  checksum: 10c0/ed7902089da87aad301b24904a40b4ca6d6d55397d24533d9fc0db122cff69fd60ec62e47c32c62c5e1c78cbe3002748d59e604c4c477991c4d0ff3d1ef8a63f
-  languageName: node
-  linkType: hard
-
 "abbrev@npm:^4.0.0":
   version: 4.0.0
   resolution: "abbrev@npm:4.0.0"
@@ -5291,19 +4971,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"assert@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "assert@npm:2.1.0"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    is-nan: "npm:^1.3.2"
-    object-is: "npm:^1.1.5"
-    object.assign: "npm:^4.1.4"
-    util: "npm:^0.12.5"
-  checksum: 10c0/7271a5da883c256a1fa690677bf1dd9d6aa882139f2bed1cd15da4f9e7459683e1da8e32a203d6cc6767e5e0f730c77a9532a87b896b4b0af0dd535f668775f0
-  languageName: node
-  linkType: hard
-
 "assertion-error@npm:^2.0.1":
   version: 2.0.1
   resolution: "assertion-error@npm:2.0.1"
@@ -5386,13 +5053,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"base64-js@npm:^1.3.1":
-  version: 1.5.1
-  resolution: "base64-js@npm:1.5.1"
-  checksum: 10c0/f23823513b63173a001030fae4f2dabe283b99a9d324ade3ad3d148e218134676f1ee8568c877cd79ec1c53158dcf2d2ba527a97c606618928ba99dd930102bf
-  languageName: node
-  linkType: hard
-
 "baseline-browser-mapping@npm:^2.10.12":
   version: 2.10.13
   resolution: "baseline-browser-mapping@npm:2.10.13"
@@ -5477,16 +5137,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "buffer@npm:6.0.3"
-  dependencies:
-    base64-js: "npm:^1.3.1"
-    ieee754: "npm:^1.2.1"
-  checksum: 10c0/2a905fbbcde73cc5d8bd18d1caa23715d5f83a5935867c2329f0ac06104204ba7947be098fe1317fbd8830e26090ff8e764f08cd14fefc977bb248c3487bcbd0
-  languageName: node
-  linkType: hard
-
 "bundle-name@npm:^4.1.0":
   version: 4.1.0
   resolution: "bundle-name@npm:4.1.0"
@@ -5549,7 +5199,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"call-bind@npm:^1.0.0, call-bind@npm:^1.0.2, call-bind@npm:^1.0.7, call-bind@npm:^1.0.8":
+"call-bind@npm:^1.0.7, call-bind@npm:^1.0.8":
   version: 1.0.8
   resolution: "call-bind@npm:1.0.8"
   dependencies:
@@ -5636,20 +5286,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^5.3.0":
-  version: 5.6.2
-  resolution: "chalk@npm:5.6.2"
-  checksum: 10c0/99a4b0f0e7991796b1e7e3f52dceb9137cae2a9dfc8fc0784a550dc4c558e15ab32ed70b14b21b52beb2679b4892b41a0aa44249bcb996f01e125d58477c6976
-  languageName: node
-  linkType: hard
-
-"change-case@npm:^5.3.0":
-  version: 5.4.4
-  resolution: "change-case@npm:5.4.4"
-  checksum: 10c0/2a9c2b9c9ad6ab2491105aaf506db1a9acaf543a18967798dcce20926c6a173aa63266cb6189f3086e3c14bf7ae1f8ea4f96ecc466fcd582310efa00372f3734
-  languageName: node
-  linkType: hard
-
 "character-entities-legacy@npm:^3.0.0":
   version: 3.0.0
   resolution: "character-entities-legacy@npm:3.0.0"
@@ -5843,13 +5479,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"colorjs.io@npm:^0.5.2":
-  version: 0.5.2
-  resolution: "colorjs.io@npm:0.5.2"
-  checksum: 10c0/2e6ea43629e325e721b92429239de3a6f42fb6d88ba6e4c2aeff0288c196d876f2f7ee82aea95bd40072d5cdc8cb87f042f4d94c134dcabf0e34a717e4caacb9
-  languageName: node
-  linkType: hard
-
 "colorjs.io@npm:^0.6.1":
   version: 0.6.1
   resolution: "colorjs.io@npm:0.6.1"
@@ -5880,13 +5509,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^12.1.0":
-  version: 12.1.0
-  resolution: "commander@npm:12.1.0"
-  checksum: 10c0/6e1996680c083b3b897bfc1cfe1c58dfbcd9842fd43e1aaf8a795fbc237f65efcc860a3ef457b318e73f29a4f4a28f6403c3d653d021d960e4632dd45bde54a9
-  languageName: node
-  linkType: hard
-
 "commander@npm:^4.0.0":
   version: 4.1.1
   resolution: "commander@npm:4.1.1"
@@ -5915,13 +5537,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"component-emitter@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "component-emitter@npm:2.0.0"
-  checksum: 10c0/65dfaf787ea49eb48f0ffec766bda7ec67e8dbeb3b406f08724dcae842e0aa274731fcccb9280b77d2b41693061731a9080b60d276020246a146544cd9900b83
-  languageName: node
-  linkType: hard
-
 "compressible@npm:~2.0.18":
   version: 2.0.18
   resolution: "compressible@npm:2.0.18"
@@ -6307,7 +5922,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.3, define-properties@npm:^1.2.1":
+"define-properties@npm:^1.2.1":
   version: 1.2.1
   resolution: "define-properties@npm:1.2.1"
   dependencies:
@@ -7235,13 +6850,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"events@npm:^3.3.0":
-  version: 3.3.0
-  resolution: "events@npm:3.3.0"
-  checksum: 10c0/d6b6f2adbccbcda74ddbab52ed07db727ef52e31a61ed26db9feb7dc62af7fc8e060defa65e5f8af9449b86b52cc1a1f6a79f2eafcf4e62add2b7a1fa4a432f6
-  languageName: node
-  linkType: hard
-
 "exec-sh@npm:^0.2.0":
   version: 0.2.2
   resolution: "exec-sh@npm:0.2.2"
@@ -7291,13 +6899,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expr-eval-fork@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "expr-eval-fork@npm:2.0.2"
-  checksum: 10c0/ab5143fe65017d8811c155be55abd700321b8a32117635c35ce1309488f3263a251788f27f2e4a77425f58f7a64f99fd46d652c35a8c1668b22b4a8861702b75
-  languageName: node
-  linkType: hard
-
 "exsolve@npm:^1.0.7":
   version: 1.0.8
   resolution: "exsolve@npm:1.0.8"
@@ -7734,15 +7335,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob-to-regex.js@npm:^1.0.0, glob-to-regex.js@npm:^1.0.1":
-  version: 1.2.0
-  resolution: "glob-to-regex.js@npm:1.2.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/011c81ae2a4d7ac5fd617038209fd9639d54c76211cc88fe8dd85d1a0850bc683a63cf5b1eae370141fca7dd2c834dfb9684dfdd8bf7472f2c1e4ef6ab6e34f9
-  languageName: node
-  linkType: hard
-
 "glob@npm:^13.0.0, glob@npm:^13.0.1, glob@npm:^13.0.6":
   version: 13.0.6
   resolution: "glob@npm:13.0.6"
@@ -8022,13 +7614,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hyperdyperid@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "hyperdyperid@npm:1.2.0"
-  checksum: 10c0/885ba3177c7181d315a856ee9c0005ff8eb5dcb1ce9e9d61be70987895d934d84686c37c981cceeb53216d4c9c15c1cc25f1804e84cc6a74a16993c5d7fd0893
-  languageName: node
-  linkType: hard
-
 "iconv-lite@npm:0.6.3":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
@@ -8047,13 +7632,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ieee754@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "ieee754@npm:1.2.1"
-  checksum: 10c0/b0782ef5e0935b9f12883a2e2aa37baa75da6e66ce6515c168697b42160807d9330de9a32ec1ed73149aea02e0d822e572bca6f1e22bdcbd2149e13b050b17bb
-  languageName: node
-  linkType: hard
-
 "ignore-walk@npm:^6.0.3":
   version: 6.0.5
   resolution: "ignore-walk@npm:6.0.5"
@@ -8118,20 +7696,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:^2.0.3":
+"inherits@npm:2":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 10c0/4e531f648b29039fb7426fb94075e6545faa1eb9fe83c29f0b6d9e7263aceb4289d2d4557db0d428188eeb449cc7c5e77b0a0b2c4e248ff2a65933a0dee49ef2
   languageName: node
   linkType: hard
 
-"inherits@npm:2.0.3":
-  version: 2.0.3
-  resolution: "inherits@npm:2.0.3"
-  checksum: 10c0/6e56402373149ea076a434072671f9982f5fad030c7662be0332122fe6c0fa490acb3cc1010d90b6eff8d640b1167d77674add52dfd1bb85d545cf29e80e73e7
-  languageName: node
-  linkType: hard
-
 "ini@npm:^1.3.4":
   version: 1.3.8
   resolution: "ini@npm:1.3.8"
@@ -8183,16 +7754,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.0.4":
-  version: 1.2.0
-  resolution: "is-arguments@npm:1.2.0"
-  dependencies:
-    call-bound: "npm:^1.0.2"
-    has-tostringtag: "npm:^1.0.2"
-  checksum: 10c0/6377344b31e9fcb707c6751ee89b11f132f32338e6a782ec2eac9393b0cbd32235dad93052998cda778ee058754860738341d8114910d50ada5615912bb929fc
-  languageName: node
-  linkType: hard
-
 "is-array-buffer@npm:^3.0.4, is-array-buffer@npm:^3.0.5":
   version: 3.0.5
   resolution: "is-array-buffer@npm:3.0.5"
@@ -8353,7 +7914,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-generator-function@npm:^1.0.10, is-generator-function@npm:^1.0.7":
+"is-generator-function@npm:^1.0.10":
   version: 1.1.2
   resolution: "is-generator-function@npm:1.1.2"
   dependencies:
@@ -8400,23 +7961,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-mergeable-object@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "is-mergeable-object@npm:1.1.1"
-  checksum: 10c0/ed895a17686eb88d28040e0281c507639e5a07e63ac51f033c34091c2d8679ca86775ecfe80d5f0636bc2b7c530acd731527e5a2e9c32a88f8847286451720f1
-  languageName: node
-  linkType: hard
-
-"is-nan@npm:^1.3.2":
-  version: 1.3.2
-  resolution: "is-nan@npm:1.3.2"
-  dependencies:
-    call-bind: "npm:^1.0.0"
-    define-properties: "npm:^1.1.3"
-  checksum: 10c0/8bfb286f85763f9c2e28ea32e9127702fe980ffd15fa5d63ade3be7786559e6e21355d3625dd364c769c033c5aedf0a2ed3d4025d336abf1b9241e3d9eddc5b0
-  languageName: node
-  linkType: hard
-
 "is-negative-zero@npm:^2.0.3":
   version: 2.0.3
   resolution: "is-negative-zero@npm:2.0.3"
@@ -8441,13 +7985,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-plain-obj@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "is-plain-obj@npm:4.1.0"
-  checksum: 10c0/32130d651d71d9564dc88ba7e6fda0e91a1010a3694648e9f4f47bb6080438140696d3e3e15c741411d712e47ac9edc1a8a9de1fe76f3487b0d90be06ac9975e
-  languageName: node
-  linkType: hard
-
 "is-potential-custom-element-name@npm:^1.0.1":
   version: 1.0.1
   resolution: "is-potential-custom-element-name@npm:1.0.1"
@@ -8520,7 +8057,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-typed-array@npm:^1.1.13, is-typed-array@npm:^1.1.14, is-typed-array@npm:^1.1.15, is-typed-array@npm:^1.1.3":
+"is-typed-array@npm:^1.1.13, is-typed-array@npm:^1.1.14, is-typed-array@npm:^1.1.15":
   version: 1.1.15
   resolution: "is-typed-array@npm:1.1.15"
   dependencies:
@@ -9181,30 +8718,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"memfs@npm:^4.17.0":
-  version: 4.57.1
-  resolution: "memfs@npm:4.57.1"
-  dependencies:
-    "@jsonjoy.com/fs-core": "npm:4.57.1"
-    "@jsonjoy.com/fs-fsa": "npm:4.57.1"
-    "@jsonjoy.com/fs-node": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-builtins": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-to-fsa": "npm:4.57.1"
-    "@jsonjoy.com/fs-node-utils": "npm:4.57.1"
-    "@jsonjoy.com/fs-print": "npm:4.57.1"
-    "@jsonjoy.com/fs-snapshot": "npm:4.57.1"
-    "@jsonjoy.com/json-pack": "npm:^1.11.0"
-    "@jsonjoy.com/util": "npm:^1.9.0"
-    glob-to-regex.js: "npm:^1.0.1"
-    thingies: "npm:^2.5.0"
-    tree-dump: "npm:^1.0.3"
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/5cbfcf07945a1eef8dacb31d2516f4adbc7989ef7f2ab57255a2ec69905010108b37b72fe132f8710a41d3a2eef2e5f1e7a63b54de6d272e34b579bbe8620ec9
-  languageName: node
-  linkType: hard
-
 "memoize-one@npm:>=3.1.1 <6":
   version: 5.2.1
   resolution: "memoize-one@npm:5.2.1"
@@ -9671,16 +9184,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-is@npm:^1.1.5":
-  version: 1.1.6
-  resolution: "object-is@npm:1.1.6"
-  dependencies:
-    call-bind: "npm:^1.0.7"
-    define-properties: "npm:^1.2.1"
-  checksum: 10c0/506af444c4dce7f8e31f34fc549e2fb8152d6b9c4a30c6e62852badd7f520b579c679af433e7a072f9d78eb7808d230dc12e1cf58da9154dfbf8813099ea0fe0
-  languageName: node
-  linkType: hard
-
 "object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
@@ -9688,7 +9191,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.assign@npm:^4.1.4, object.assign@npm:^4.1.7":
+"object.assign@npm:^4.1.7":
   version: 4.1.7
   resolution: "object.assign@npm:4.1.7"
   dependencies:
@@ -10019,23 +9522,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-unified@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "path-unified@npm:0.2.0"
-  checksum: 10c0/5229bbcbb093b1c76e7a8f568dd7d362bae6bd9348099968252aa17b1ffd86ef845d560a6b483bb2e6a3b2c25a5e8288707b03e41b66b2761aa1e2ba67b07d5b
-  languageName: node
-  linkType: hard
-
-"path@npm:^0.12.7":
-  version: 0.12.7
-  resolution: "path@npm:0.12.7"
-  dependencies:
-    process: "npm:^0.11.1"
-    util: "npm:^0.10.3"
-  checksum: 10c0/f795ce5438a988a590c7b6dfd450ec9baa1c391a8be4c2dea48baa6e0f5b199e56cd83b8c9ebf3991b81bea58236d2c32bdafe2c17a2e70c3a2e4c69891ade59
-  languageName: node
-  linkType: hard
-
 "pathe@npm:^1.1.2":
   version: 1.1.2
   resolution: "pathe@npm:1.1.2"
@@ -10164,15 +9650,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-calc-ast-parser@npm:^0.1.4":
-  version: 0.1.4
-  resolution: "postcss-calc-ast-parser@npm:0.1.4"
-  dependencies:
-    postcss-value-parser: "npm:^3.3.1"
-  checksum: 10c0/6ab488da4024aefe749baff2ee2cd41d1a7b84611291a6fd5d220262255c86f37687b3541696cab3e4edb1b7601634719877184ee426048ad82ed15185a5f64f
-  languageName: node
-  linkType: hard
-
 "postcss-load-config@npm:^6.0.1":
   version: 6.0.1
   resolution: "postcss-load-config@npm:6.0.1"
@@ -10196,13 +9673,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-value-parser@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "postcss-value-parser@npm:3.3.1"
-  checksum: 10c0/23eed98d8eeadb1f9ef1db4a2757da0f1d8e7c1dac2a38d6b35d971aab9eb3c6d8a967d0e9f435558834ffcd966afbbe875a56bcc5bcdd09e663008c106b3e47
-  languageName: node
-  linkType: hard
-
 "postcss-value-parser@npm:^4.0.2":
   version: 4.2.0
   resolution: "postcss-value-parser@npm:4.2.0"
@@ -10257,7 +9727,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^3.0.0, prettier@npm:^3.3.3":
+"prettier@npm:^3.0.0":
   version: 3.8.1
   resolution: "prettier@npm:3.8.1"
   bin:
@@ -10291,13 +9761,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"process@npm:^0.11.1":
-  version: 0.11.10
-  resolution: "process@npm:0.11.10"
-  checksum: 10c0/40c3ce4b7e6d4b8c3355479df77aeed46f81b279818ccdc500124e6a5ab882c0cc81ff7ea16384873a95a74c4570b01b120f287abbdd4c877931460eca6084b3
-  languageName: node
-  linkType: hard
-
 "prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
@@ -10325,13 +9788,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"punycode@npm:^1.4.1":
-  version: 1.4.1
-  resolution: "punycode@npm:1.4.1"
-  checksum: 10c0/354b743320518aef36f77013be6e15da4db24c2b4f62c5f1eb0529a6ed02fbaf1cb52925785f6ab85a962f2b590d9cd5ad730b70da72b5f180e2556b8bd3ca08
-  languageName: node
-  linkType: hard
-
 "punycode@npm:^2.1.0, punycode@npm:^2.1.1, punycode@npm:^2.3.1":
   version: 2.3.1
   resolution: "punycode@npm:2.3.1"
@@ -10339,15 +9795,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qs@npm:^6.12.3":
-  version: 6.15.0
-  resolution: "qs@npm:6.15.0"
-  dependencies:
-    side-channel: "npm:^1.1.0"
-  checksum: 10c0/ff341078a78a991d8a48b4524d52949211447b4b1ad907f489cac0770cbc346a28e47304455c0320e5fb000f8762d64b03331e3b71865f663bf351bcba8cdb4b
-  languageName: node
-  linkType: hard
-
 "quansync@npm:^0.2.11, quansync@npm:^0.2.7":
   version: 0.2.11
   resolution: "quansync@npm:0.2.11"
@@ -10967,7 +10414,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-buffer@npm:5.2.1, safe-buffer@npm:~5.2.0":
+"safe-buffer@npm:5.2.1":
   version: 5.2.1
   resolution: "safe-buffer@npm:5.2.1"
   checksum: 10c0/6501914237c0a86e9675d4e51d89ca3c21ffd6a31642efeba25ad65720bce6921c9e7e974e5be91a786b25aa058b5303285d3c15dbabf983a919f5f630d349f3
@@ -11447,15 +10894,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream@npm:^0.0.3":
-  version: 0.0.3
-  resolution: "stream@npm:0.0.3"
-  dependencies:
-    component-emitter: "npm:^2.0.0"
-  checksum: 10c0/5d262408583f3d5fed8077b33ad670320d85c6b7c0fb3ab73a9a632fbad0ee36f3c66e6feb5264cb39dbee3a619174fa886b5f69f98217666d0844f6a2f6510b
-  languageName: node
-  linkType: hard
-
 "string-argv@npm:~0.3.1":
   version: 0.3.2
   resolution: "string-argv@npm:0.3.2"
@@ -11523,15 +10961,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "string_decoder@npm:1.3.0"
-  dependencies:
-    safe-buffer: "npm:~5.2.0"
-  checksum: 10c0/810614ddb030e271cd591935dcd5956b2410dd079d64ff92a1844d6b7588bf992b3e1b69b0f4d34a3e06e0bd73046ac646b5264c1987b20d0601f81ef35d731d
-  languageName: node
-  linkType: hard
-
 "strip-ansi@npm:^5.0.0, strip-ansi@npm:^5.1.0, strip-ansi@npm:^5.2.0":
   version: 5.2.0
   resolution: "strip-ansi@npm:5.2.0"
@@ -11587,29 +11016,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-dictionary@npm:^5.0.0":
-  version: 5.4.0
-  resolution: "style-dictionary@npm:5.4.0"
-  dependencies:
-    "@bundled-es-modules/deepmerge": "npm:^4.3.1"
-    "@bundled-es-modules/glob": "npm:^13.0.6"
-    "@bundled-es-modules/memfs": "npm:^4.17.0"
-    "@zip.js/zip.js": "npm:^2.7.44"
-    chalk: "npm:^5.3.0"
-    change-case: "npm:^5.3.0"
-    colorjs.io: "npm:^0.5.2"
-    commander: "npm:^12.1.0"
-    is-plain-obj: "npm:^4.1.0"
-    json5: "npm:^2.2.2"
-    path-unified: "npm:^0.2.0"
-    prettier: "npm:^3.3.3"
-    tinycolor2: "npm:^1.6.0"
-  bin:
-    style-dictionary: bin/style-dictionary.js
-  checksum: 10c0/b489b4bf5e8deb2b3fcc066132b13c32e224f9b8fb54e83dec73d196184355750eeb55975ac5d7e7d3fa3d51a8738d688da689ade2d426184b43b3a9f6997319
-  languageName: node
-  linkType: hard
-
 "styled-components@npm:^6.0.0, styled-components@npm:^6.1.11":
   version: 6.3.12
   resolution: "styled-components@npm:6.3.12"
@@ -11752,15 +11158,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"thingies@npm:^2.5.0":
-  version: 2.6.0
-  resolution: "thingies@npm:2.6.0"
-  peerDependencies:
-    tslib: ^2
-  checksum: 10c0/6357247872cfd0ef5407455eab2724ccbf591f0b1a56a230c66ab139dc0a8bb4acaf85c177af0eee7a49740a4674c424529eca3e573b439eb256afed4e433fac
-  languageName: node
-  linkType: hard
-
 "tiny-invariant@npm:1.2.0":
   version: 1.2.0
   resolution: "tiny-invariant@npm:1.2.0"
@@ -11782,13 +11179,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinycolor2@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "tinycolor2@npm:1.6.0"
-  checksum: 10c0/9aa79a36ba2c2a87cb221453465cabacd04b9e35f9694373e846fdc78b1c768110f81e581ea41440106c0f24d9a023891d0887e8075885e790ac40eb0e74a5c1
-  languageName: node
-  linkType: hard
-
 "tinyexec@npm:^0.3.1, tinyexec@npm:^0.3.2":
   version: 0.3.2
   resolution: "tinyexec@npm:0.3.2"
@@ -11888,15 +11278,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tree-dump@npm:^1.0.3, tree-dump@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "tree-dump@npm:1.1.0"
-  peerDependencies:
-    tslib: 2
-  checksum: 10c0/079f0f0163b68ee2eedc65cab1de6fb121487eba9ae135c106a8bc5e4ab7906ae0b57d86016e4a7da8c0ee906da1eae8c6a1490cd6e2a5e5ccbca321e1f959ca
-  languageName: node
-  linkType: hard
-
 "tree-kill@npm:^1.2.2":
   version: 1.2.2
   resolution: "tree-kill@npm:1.2.2"
@@ -12338,16 +11719,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"url@npm:^0.11.4":
-  version: 0.11.4
-  resolution: "url@npm:0.11.4"
-  dependencies:
-    punycode: "npm:^1.4.1"
-    qs: "npm:^6.12.3"
-  checksum: 10c0/cc93405ae4a9b97a2aa60ca67f1cb1481c0221cb4725a7341d149be5e2f9cfda26fd432d64dbbec693d16593b68b8a46aad8e5eab21f814932134c9d8620c662
-  languageName: node
-  linkType: hard
-
 "use-callback-ref@npm:^1.3.0":
   version: 1.3.3
   resolution: "use-callback-ref@npm:1.3.3"
@@ -12388,28 +11759,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"util@npm:^0.10.3":
-  version: 0.10.4
-  resolution: "util@npm:0.10.4"
-  dependencies:
-    inherits: "npm:2.0.3"
-  checksum: 10c0/d29f6893e406b63b088ce9924da03201df89b31490d4d011f1c07a386ea4b3dbe907464c274023c237da470258e1805d806c7e4009a5974cd6b1d474b675852a
-  languageName: node
-  linkType: hard
-
-"util@npm:^0.12.5":
-  version: 0.12.5
-  resolution: "util@npm:0.12.5"
-  dependencies:
-    inherits: "npm:^2.0.3"
-    is-arguments: "npm:^1.0.4"
-    is-generator-function: "npm:^1.0.7"
-    is-typed-array: "npm:^1.1.3"
-    which-typed-array: "npm:^1.1.2"
-  checksum: 10c0/c27054de2cea2229a66c09522d0fa1415fb12d861d08523a8846bf2e4cbf0079d4c3f725f09dcb87493549bcbf05f5798dce1688b53c6c17201a45759e7253f3
-  languageName: node
-  linkType: hard
-
 "v8-compile-cache-lib@npm:^3.0.1":
   version: 3.0.1
   resolution: "v8-compile-cache-lib@npm:3.0.1"
@@ -12826,7 +12175,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.19, which-typed-array@npm:^1.1.2":
+"which-typed-array@npm:^1.1.16, which-typed-array@npm:^1.1.19":
   version: 1.1.20
   resolution: "which-typed-array@npm:1.1.20"
   dependencies: