@hashintel/ds-theme 0.0.1 → 0.0.3

package/dist/theme.d.ts

@@ -0,0 +1,2667 @@
+//#region src/theme/colors.gen.d.ts
+/** Core color scales (gray, red, blue, etc.) with light/dark mode values. */
+declare const coreColors: {
+  gray: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "35": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  red: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  orange: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  green: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  blue: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  neutral: {
+    white: {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    black: {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  purple: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  pink: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  yellow: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accent: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accentGray: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accentAlpha: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  whiteAlpha: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+};
+/** Semantic color tokens (bg, text, border, etc.) that reference core colors. */
+declare const semanticColors: {
+  border: {
+    neutral: {
+      hover: {
+        value: string;
+        description: string;
+      };
+      DEFAULT: {
+        value: string;
+        description: string;
+      };
+      subtle: {
+        value: string;
+        description: string;
+      };
+      muted: {
+        value: string;
+      };
+      active: {
+        value: string;
+        description: string;
+      };
+      emphasis: {
+        value: string;
+        description: string;
+      };
+    };
+    status: {
+      info: {
+        value: string;
+      };
+      caution: {
+        value: string;
+      };
+      warning: {
+        value: string;
+      };
+      critical: {
+        value: string;
+      };
+      success: {
+        value: string;
+      };
+    };
+  };
+  text: {
+    primary: {
+      value: string;
+      description: string;
+    };
+    secondary: {
+      value: string;
+      description: string;
+    };
+    tertiary: {
+      value: string;
+      description: string;
+    };
+    disabled: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+    };
+    status: {
+      info: {
+        value: string;
+        description: string;
+      };
+      success: {
+        value: string;
+        description: string;
+      };
+      warning: {
+        value: string;
+        description: string;
+      };
+      critical: {
+        value: string;
+        description: string;
+      };
+    };
+    link: {
+      value: string;
+    };
+    linkHover: {
+      value: string;
+    };
+  };
+  surface: {
+    DEFAULT: {
+      value: string;
+      description: string;
+    };
+    emphasis: {
+      value: string;
+      description: string;
+    };
+    subtle: {
+      value: string;
+      description: string;
+    };
+    alt: {
+      value: string;
+    };
+    muted: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+      description: string;
+    };
+  };
+  bg: {
+    accent: {
+      subtle: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+      };
+      bold: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        pressed: {
+          value: string;
+          description: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+      };
+    };
+    neutral: {
+      subtle: {
+        DEFAULT: {
+          value: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+        };
+        pressed: {
+          value: string;
+        };
+      };
+      bold: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+        pressed: {
+          value: string;
+          description: string;
+        };
+      };
+    };
+    status: {
+      info: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      success: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      caution: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      warning: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      critical: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+        strong: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+    };
+  };
+  icon: {
+    primary: {
+      value: string;
+      description: string;
+    };
+    secondary: {
+      value: string;
+      description: string;
+    };
+    tertiary: {
+      value: string;
+      description: string;
+    };
+    disabled: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+    };
+    link: {
+      value: string;
+    };
+    linkHover: {
+      value: string;
+    };
+    status: {
+      info: {
+        value: string;
+        description: string;
+      };
+      success: {
+        value: string;
+        description: string;
+      };
+      warning: {
+        value: string;
+        description: string;
+      };
+      critical: {
+        value: string;
+        description: string;
+      };
+    };
+  };
+  surfaceGlass: {
+    "50": {
+      value: string;
+      description: string;
+    };
+    "60": {
+      value: string;
+      description: string;
+    };
+    "70": {
+      value: string;
+      description: string;
+    };
+    DEFAULT: {
+      value: string;
+      description: string;
+    };
+    alt: {
+      value: string;
+    };
+  };
+};
+/** Combined colors export for use in Panda preset. */
+declare const colors: {
+  border: {
+    neutral: {
+      hover: {
+        value: string;
+        description: string;
+      };
+      DEFAULT: {
+        value: string;
+        description: string;
+      };
+      subtle: {
+        value: string;
+        description: string;
+      };
+      muted: {
+        value: string;
+      };
+      active: {
+        value: string;
+        description: string;
+      };
+      emphasis: {
+        value: string;
+        description: string;
+      };
+    };
+    status: {
+      info: {
+        value: string;
+      };
+      caution: {
+        value: string;
+      };
+      warning: {
+        value: string;
+      };
+      critical: {
+        value: string;
+      };
+      success: {
+        value: string;
+      };
+    };
+  };
+  text: {
+    primary: {
+      value: string;
+      description: string;
+    };
+    secondary: {
+      value: string;
+      description: string;
+    };
+    tertiary: {
+      value: string;
+      description: string;
+    };
+    disabled: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+    };
+    status: {
+      info: {
+        value: string;
+        description: string;
+      };
+      success: {
+        value: string;
+        description: string;
+      };
+      warning: {
+        value: string;
+        description: string;
+      };
+      critical: {
+        value: string;
+        description: string;
+      };
+    };
+    link: {
+      value: string;
+    };
+    linkHover: {
+      value: string;
+    };
+  };
+  surface: {
+    DEFAULT: {
+      value: string;
+      description: string;
+    };
+    emphasis: {
+      value: string;
+      description: string;
+    };
+    subtle: {
+      value: string;
+      description: string;
+    };
+    alt: {
+      value: string;
+    };
+    muted: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+      description: string;
+    };
+  };
+  bg: {
+    accent: {
+      subtle: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+      };
+      bold: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        pressed: {
+          value: string;
+          description: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+      };
+    };
+    neutral: {
+      subtle: {
+        DEFAULT: {
+          value: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+        };
+        pressed: {
+          value: string;
+        };
+      };
+      bold: {
+        DEFAULT: {
+          value: string;
+          description: string;
+        };
+        hover: {
+          value: string;
+        };
+        active: {
+          value: string;
+          description: string;
+        };
+        pressed: {
+          value: string;
+          description: string;
+        };
+      };
+    };
+    status: {
+      info: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      success: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      caution: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      warning: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+      critical: {
+        subtle: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+        strong: {
+          DEFAULT: {
+            value: string;
+            description: string;
+          };
+          hover: {
+            value: string;
+          };
+          active: {
+            value: string;
+            description: string;
+          };
+        };
+      };
+    };
+  };
+  icon: {
+    primary: {
+      value: string;
+      description: string;
+    };
+    secondary: {
+      value: string;
+      description: string;
+    };
+    tertiary: {
+      value: string;
+      description: string;
+    };
+    disabled: {
+      value: string;
+      description: string;
+    };
+    inverted: {
+      value: string;
+    };
+    link: {
+      value: string;
+    };
+    linkHover: {
+      value: string;
+    };
+    status: {
+      info: {
+        value: string;
+        description: string;
+      };
+      success: {
+        value: string;
+        description: string;
+      };
+      warning: {
+        value: string;
+        description: string;
+      };
+      critical: {
+        value: string;
+        description: string;
+      };
+    };
+  };
+  surfaceGlass: {
+    "50": {
+      value: string;
+      description: string;
+    };
+    "60": {
+      value: string;
+      description: string;
+    };
+    "70": {
+      value: string;
+      description: string;
+    };
+    DEFAULT: {
+      value: string;
+      description: string;
+    };
+    alt: {
+      value: string;
+    };
+  };
+  gray: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "35": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  red: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  orange: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  green: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  blue: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  neutral: {
+    white: {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    black: {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  purple: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  pink: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  yellow: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accent: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accentGray: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  accentAlpha: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+  whiteAlpha: {
+    "10": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "20": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "30": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "40": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "50": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "60": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "70": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "80": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "90": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "95": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+    "00": {
+      value: {
+        _light: string;
+        _dark: string;
+      };
+    };
+  };
+};
+//#endregion
+//#region src/theme/tokens/spacing.gen.d.ts
+declare const spacing: {
+  DEFAULT: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    "11": {
+      value: string;
+    };
+    "12": {
+      value: string;
+    };
+  };
+  compact: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    "11": {
+      value: string;
+    };
+    "12": {
+      value: string;
+    };
+  };
+  comfortable: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    "11": {
+      value: string;
+    };
+    "12": {
+      value: string;
+    };
+  };
+};
+//#endregion
+//#region src/theme/tokens/typography.gen.d.ts
+declare const fonts: {
+  display: {
+    value: string;
+  };
+  body: {
+    value: string;
+  };
+};
+declare const fontWeights: {
+  normal: {
+    value: number;
+  };
+  medium: {
+    value: number;
+  };
+  semibold: {
+    value: number;
+  };
+};
+declare const fontSizes: {
+  "3xl": {
+    value: string;
+  };
+  sm: {
+    value: string;
+  };
+  base: {
+    value: string;
+  };
+  xs: {
+    value: string;
+  };
+  xl: {
+    value: string;
+  };
+  lg: {
+    value: string;
+  };
+  "2xl": {
+    value: string;
+  };
+  "4xl": {
+    value: string;
+  };
+};
+declare const lineHeights: {
+  none: {
+    "text-3xl": {
+      value: string;
+    };
+    "text-sm": {
+      value: string;
+    };
+    "text-xs": {
+      value: string;
+    };
+    "text-base": {
+      value: string;
+    };
+    "text-lg": {
+      value: string;
+    };
+  };
+  normal: {
+    "text-xs": {
+      value: string;
+    };
+    "text-sm": {
+      value: string;
+    };
+    "text-base": {
+      value: string;
+    };
+    "text-lg": {
+      value: string;
+    };
+  };
+};
+//#endregion
+//#region src/theme/tokens/radii.gen.d.ts
+declare const radii: {
+  md: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    full: {
+      value: string;
+    };
+  };
+  sm: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    full: {
+      value: string;
+    };
+  };
+  lg: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    full: {
+      value: string;
+    };
+  };
+  full: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    full: {
+      value: string;
+    };
+  };
+  none: {
+    "0": {
+      value: string;
+    };
+    "1": {
+      value: string;
+    };
+    "2": {
+      value: string;
+    };
+    "3": {
+      value: string;
+    };
+    "4": {
+      value: string;
+    };
+    "5": {
+      value: string;
+    };
+    "6": {
+      value: string;
+    };
+    "7": {
+      value: string;
+    };
+    "8": {
+      value: string;
+    };
+    "9": {
+      value: string;
+    };
+    "10": {
+      value: string;
+    };
+    full: {
+      value: string;
+    };
+  };
+  component: {
+    button: {
+      sm: {
+        value: string;
+      };
+      md: {
+        value: string;
+      };
+      lg: {
+        value: string;
+      };
+      xs: {
+        value: string;
+      };
+    };
+  };
+};
+//#endregion
+export { colors, coreColors, fontSizes, fontWeights, fonts, lineHeights, radii, semanticColors, spacing };