@hanzogui/config 8.3.1 → 8.3.2

package/types/index.d.ts

@@ -1,76 +1,9 @@
 import { themes } from '@hanzogui/themes';
-export { configWithoutAnimations } from './config';
-export * from './media';
-export * from './createGenericFont';
-export * from './animations';
+export { configWithoutAnimations } from './config.ts';
+export * from './media.ts';
+export * from './createGenericFont.ts';
+export * from './animations.ts';
 export declare const config: {
-    themes: typeof themes;
-    animations: import("@hanzogui/web").AnimationDriver<{
-        '0ms': {
-            type: "timing";
-            duration: number;
-        };
-        '50ms': {
-            type: "timing";
-            duration: number;
-        };
-        '75ms': {
-            type: "timing";
-            duration: number;
-        };
-        '100ms': {
-            type: "timing";
-            duration: number;
-        };
-        '200ms': {
-            type: "timing";
-            duration: number;
-        };
-        '250ms': {
-            type: "timing";
-            duration: number;
-        };
-        '300ms': {
-            type: "timing";
-            duration: number;
-        };
-        '400ms': {
-            type: "timing";
-            duration: number;
-        };
-        '500ms': {
-            type: "timing";
-            duration: number;
-        };
-        bouncy: {
-            damping: number;
-            mass: number;
-            stiffness: number;
-        };
-        lazy: {
-            damping: number;
-            stiffness: number;
-        };
-        medium: {
-            damping: number;
-            stiffness: number;
-            mass: number;
-        };
-        slow: {
-            damping: number;
-            stiffness: number;
-        };
-        quick: {
-            damping: number;
-            mass: number;
-            stiffness: number;
-        };
-        tooltip: {
-            damping: number;
-            mass: number;
-            stiffness: number;
-        };
-    }>;
     media: {
         xl: {
             maxWidth: number;
@@ -107,323 +40,282 @@ export declare const config: {
         };
     };
     shorthands: {
-        readonly ussel: "userSelect";
-        readonly cur: "cursor";
-        readonly pe: "pointerEvents";
-        readonly col: "color";
-        readonly ff: "fontFamily";
-        readonly fos: "fontSize";
-        readonly fost: "fontStyle";
-        readonly fow: "fontWeight";
-        readonly ls: "letterSpacing";
-        readonly lh: "lineHeight";
-        readonly ta: "textAlign";
-        readonly tt: "textTransform";
-        readonly ww: "wordWrap";
-        readonly ac: "alignContent";
-        readonly ai: "alignItems";
-        readonly als: "alignSelf";
-        readonly b: "bottom";
-        readonly bc: "backgroundColor";
-        readonly bg: "backgroundColor";
-        readonly bbc: "borderBottomColor";
-        readonly bblr: "borderBottomLeftRadius";
-        readonly bbrr: "borderBottomRightRadius";
-        readonly bbw: "borderBottomWidth";
-        readonly blc: "borderLeftColor";
-        readonly blw: "borderLeftWidth";
-        readonly boc: "borderColor";
-        readonly br: "borderRadius";
-        readonly bs: "borderStyle";
-        readonly brw: "borderRightWidth";
-        readonly brc: "borderRightColor";
-        readonly btc: "borderTopColor";
-        readonly btlr: "borderTopLeftRadius";
-        readonly btrr: "borderTopRightRadius";
-        readonly btw: "borderTopWidth";
-        readonly bw: "borderWidth";
-        readonly dsp: "display";
-        readonly f: "flex";
-        readonly fb: "flexBasis";
-        readonly fd: "flexDirection";
-        readonly fg: "flexGrow";
-        readonly fs: "flexShrink";
-        readonly fw: "flexWrap";
-        readonly h: "height";
-        readonly jc: "justifyContent";
-        readonly l: "left";
-        readonly m: "margin";
-        readonly mah: "maxHeight";
-        readonly maw: "maxWidth";
-        readonly mb: "marginBottom";
-        readonly mih: "minHeight";
-        readonly miw: "minWidth";
-        readonly ml: "marginLeft";
-        readonly mr: "marginRight";
-        readonly mt: "marginTop";
-        readonly mx: "marginHorizontal";
-        readonly my: "marginVertical";
-        readonly o: "opacity";
-        readonly ov: "overflow";
-        readonly p: "padding";
-        readonly pb: "paddingBottom";
-        readonly pl: "paddingLeft";
-        readonly pos: "position";
-        readonly pr: "paddingRight";
-        readonly pt: "paddingTop";
-        readonly px: "paddingHorizontal";
-        readonly py: "paddingVertical";
-        readonly r: "right";
-        readonly shac: "shadowColor";
-        readonly shar: "shadowRadius";
-        readonly shof: "shadowOffset";
-        readonly shop: "shadowOpacity";
-        readonly t: "top";
-        readonly w: "width";
-        readonly zi: "zIndex";
+        readonly ussel: 'userSelect';
+        readonly cur: 'cursor';
+        readonly pe: 'pointerEvents';
+        readonly col: 'color';
+        readonly ff: 'fontFamily';
+        readonly fos: 'fontSize';
+        readonly fost: 'fontStyle';
+        readonly fow: 'fontWeight';
+        readonly ls: 'letterSpacing';
+        readonly lh: 'lineHeight';
+        readonly ta: 'textAlign';
+        readonly tt: 'textTransform';
+        readonly ww: 'wordWrap';
+        readonly ac: 'alignContent';
+        readonly ai: 'alignItems';
+        readonly als: 'alignSelf';
+        readonly b: 'bottom';
+        readonly bc: 'backgroundColor';
+        readonly bg: 'backgroundColor';
+        readonly bbc: 'borderBottomColor';
+        readonly bblr: 'borderBottomLeftRadius';
+        readonly bbrr: 'borderBottomRightRadius';
+        readonly bbw: 'borderBottomWidth';
+        readonly blc: 'borderLeftColor';
+        readonly blw: 'borderLeftWidth';
+        readonly boc: 'borderColor';
+        readonly br: 'borderRadius';
+        readonly bs: 'borderStyle';
+        readonly brw: 'borderRightWidth';
+        readonly brc: 'borderRightColor';
+        readonly btc: 'borderTopColor';
+        readonly btlr: 'borderTopLeftRadius';
+        readonly btrr: 'borderTopRightRadius';
+        readonly btw: 'borderTopWidth';
+        readonly bw: 'borderWidth';
+        readonly dsp: 'display';
+        readonly f: 'flex';
+        readonly fb: 'flexBasis';
+        readonly fd: 'flexDirection';
+        readonly fg: 'flexGrow';
+        readonly fs: 'flexShrink';
+        readonly fw: 'flexWrap';
+        readonly h: 'height';
+        readonly jc: 'justifyContent';
+        readonly l: 'left';
+        readonly m: 'margin';
+        readonly mah: 'maxHeight';
+        readonly maw: 'maxWidth';
+        readonly mb: 'marginBottom';
+        readonly mih: 'minHeight';
+        readonly miw: 'minWidth';
+        readonly ml: 'marginLeft';
+        readonly mr: 'marginRight';
+        readonly mt: 'marginTop';
+        readonly mx: 'marginHorizontal';
+        readonly my: 'marginVertical';
+        readonly o: 'opacity';
+        readonly ov: 'overflow';
+        readonly p: 'padding';
+        readonly pb: 'paddingBottom';
+        readonly pl: 'paddingLeft';
+        readonly pos: 'position';
+        readonly pr: 'paddingRight';
+        readonly pt: 'paddingTop';
+        readonly px: 'paddingHorizontal';
+        readonly py: 'paddingVertical';
+        readonly r: 'right';
+        readonly shac: 'shadowColor';
+        readonly shar: 'shadowRadius';
+        readonly shof: 'shadowOffset';
+        readonly shop: 'shadowOpacity';
+        readonly t: 'top';
+        readonly w: 'width';
+        readonly zi: 'zIndex';
     };
     tokens: {
         color: {
+            blue10Dark: import("@hanzogui/web").Variable<string>;
+            blue10Light: import("@hanzogui/web").Variable<string>;
+            blue11Dark: import("@hanzogui/web").Variable<string>;
+            blue11Light: import("@hanzogui/web").Variable<string>;
+            blue12Dark: import("@hanzogui/web").Variable<string>;
+            blue12Light: import("@hanzogui/web").Variable<string>;
             blue1Dark: import("@hanzogui/web").Variable<string>;
+            blue1Light: import("@hanzogui/web").Variable<string>;
             blue2Dark: import("@hanzogui/web").Variable<string>;
+            blue2Light: import("@hanzogui/web").Variable<string>;
             blue3Dark: import("@hanzogui/web").Variable<string>;
+            blue3Light: import("@hanzogui/web").Variable<string>;
             blue4Dark: import("@hanzogui/web").Variable<string>;
+            blue4Light: import("@hanzogui/web").Variable<string>;
             blue5Dark: import("@hanzogui/web").Variable<string>;
+            blue5Light: import("@hanzogui/web").Variable<string>;
             blue6Dark: import("@hanzogui/web").Variable<string>;
+            blue6Light: import("@hanzogui/web").Variable<string>;
             blue7Dark: import("@hanzogui/web").Variable<string>;
+            blue7Light: import("@hanzogui/web").Variable<string>;
             blue8Dark: import("@hanzogui/web").Variable<string>;
+            blue8Light: import("@hanzogui/web").Variable<string>;
             blue9Dark: import("@hanzogui/web").Variable<string>;
-            blue10Dark: import("@hanzogui/web").Variable<string>;
-            blue11Dark: import("@hanzogui/web").Variable<string>;
-            blue12Dark: import("@hanzogui/web").Variable<string>;
-            yellow1Dark: import("@hanzogui/web").Variable<string>;
-            yellow2Dark: import("@hanzogui/web").Variable<string>;
-            yellow3Dark: import("@hanzogui/web").Variable<string>;
-            yellow4Dark: import("@hanzogui/web").Variable<string>;
-            yellow5Dark: import("@hanzogui/web").Variable<string>;
-            yellow6Dark: import("@hanzogui/web").Variable<string>;
-            yellow7Dark: import("@hanzogui/web").Variable<string>;
-            yellow8Dark: import("@hanzogui/web").Variable<string>;
-            yellow9Dark: import("@hanzogui/web").Variable<string>;
-            yellow10Dark: import("@hanzogui/web").Variable<string>;
-            yellow11Dark: import("@hanzogui/web").Variable<string>;
-            yellow12Dark: import("@hanzogui/web").Variable<string>;
-            red1Dark: import("@hanzogui/web").Variable<string>;
-            red2Dark: import("@hanzogui/web").Variable<string>;
-            red3Dark: import("@hanzogui/web").Variable<string>;
-            red4Dark: import("@hanzogui/web").Variable<string>;
-            red5Dark: import("@hanzogui/web").Variable<string>;
-            red6Dark: import("@hanzogui/web").Variable<string>;
-            red7Dark: import("@hanzogui/web").Variable<string>;
-            red8Dark: import("@hanzogui/web").Variable<string>;
-            red9Dark: import("@hanzogui/web").Variable<string>;
-            red10Dark: import("@hanzogui/web").Variable<string>;
-            red11Dark: import("@hanzogui/web").Variable<string>;
-            red12Dark: import("@hanzogui/web").Variable<string>;
-            purple1Dark: import("@hanzogui/web").Variable<string>;
-            purple2Dark: import("@hanzogui/web").Variable<string>;
-            purple3Dark: import("@hanzogui/web").Variable<string>;
-            purple4Dark: import("@hanzogui/web").Variable<string>;
-            purple5Dark: import("@hanzogui/web").Variable<string>;
-            purple6Dark: import("@hanzogui/web").Variable<string>;
-            purple7Dark: import("@hanzogui/web").Variable<string>;
-            purple8Dark: import("@hanzogui/web").Variable<string>;
-            purple9Dark: import("@hanzogui/web").Variable<string>;
-            purple10Dark: import("@hanzogui/web").Variable<string>;
-            purple11Dark: import("@hanzogui/web").Variable<string>;
-            purple12Dark: import("@hanzogui/web").Variable<string>;
-            pink1Dark: import("@hanzogui/web").Variable<string>;
-            pink2Dark: import("@hanzogui/web").Variable<string>;
-            pink3Dark: import("@hanzogui/web").Variable<string>;
-            pink4Dark: import("@hanzogui/web").Variable<string>;
-            pink5Dark: import("@hanzogui/web").Variable<string>;
-            pink6Dark: import("@hanzogui/web").Variable<string>;
-            pink7Dark: import("@hanzogui/web").Variable<string>;
-            pink8Dark: import("@hanzogui/web").Variable<string>;
-            pink9Dark: import("@hanzogui/web").Variable<string>;
-            pink10Dark: import("@hanzogui/web").Variable<string>;
-            pink11Dark: import("@hanzogui/web").Variable<string>;
-            pink12Dark: import("@hanzogui/web").Variable<string>;
-            orange1Dark: import("@hanzogui/web").Variable<string>;
-            orange2Dark: import("@hanzogui/web").Variable<string>;
-            orange3Dark: import("@hanzogui/web").Variable<string>;
-            orange4Dark: import("@hanzogui/web").Variable<string>;
-            orange5Dark: import("@hanzogui/web").Variable<string>;
-            orange6Dark: import("@hanzogui/web").Variable<string>;
-            orange7Dark: import("@hanzogui/web").Variable<string>;
-            orange8Dark: import("@hanzogui/web").Variable<string>;
-            orange9Dark: import("@hanzogui/web").Variable<string>;
-            orange10Dark: import("@hanzogui/web").Variable<string>;
-            orange11Dark: import("@hanzogui/web").Variable<string>;
-            orange12Dark: import("@hanzogui/web").Variable<string>;
-            green1Dark: import("@hanzogui/web").Variable<string>;
-            green2Dark: import("@hanzogui/web").Variable<string>;
-            green3Dark: import("@hanzogui/web").Variable<string>;
-            green4Dark: import("@hanzogui/web").Variable<string>;
-            green5Dark: import("@hanzogui/web").Variable<string>;
-            green6Dark: import("@hanzogui/web").Variable<string>;
-            green7Dark: import("@hanzogui/web").Variable<string>;
-            green8Dark: import("@hanzogui/web").Variable<string>;
-            green9Dark: import("@hanzogui/web").Variable<string>;
-            green10Dark: import("@hanzogui/web").Variable<string>;
-            green11Dark: import("@hanzogui/web").Variable<string>;
-            green12Dark: import("@hanzogui/web").Variable<string>;
+            blue9Light: import("@hanzogui/web").Variable<string>;
+            gray10Dark: import("@hanzogui/web").Variable<string>;
+            gray10Light: import("@hanzogui/web").Variable<string>;
+            gray11Dark: import("@hanzogui/web").Variable<string>;
+            gray11Light: import("@hanzogui/web").Variable<string>;
+            gray12Dark: import("@hanzogui/web").Variable<string>;
+            gray12Light: import("@hanzogui/web").Variable<string>;
             gray1Dark: import("@hanzogui/web").Variable<string>;
+            gray1Light: import("@hanzogui/web").Variable<string>;
             gray2Dark: import("@hanzogui/web").Variable<string>;
+            gray2Light: import("@hanzogui/web").Variable<string>;
             gray3Dark: import("@hanzogui/web").Variable<string>;
+            gray3Light: import("@hanzogui/web").Variable<string>;
             gray4Dark: import("@hanzogui/web").Variable<string>;
+            gray4Light: import("@hanzogui/web").Variable<string>;
             gray5Dark: import("@hanzogui/web").Variable<string>;
+            gray5Light: import("@hanzogui/web").Variable<string>;
             gray6Dark: import("@hanzogui/web").Variable<string>;
+            gray6Light: import("@hanzogui/web").Variable<string>;
             gray7Dark: import("@hanzogui/web").Variable<string>;
+            gray7Light: import("@hanzogui/web").Variable<string>;
             gray8Dark: import("@hanzogui/web").Variable<string>;
+            gray8Light: import("@hanzogui/web").Variable<string>;
             gray9Dark: import("@hanzogui/web").Variable<string>;
-            gray10Dark: import("@hanzogui/web").Variable<string>;
-            gray11Dark: import("@hanzogui/web").Variable<string>;
-            gray12Dark: import("@hanzogui/web").Variable<string>;
-            blue1Light: import("@hanzogui/web").Variable<string>;
-            blue2Light: import("@hanzogui/web").Variable<string>;
-            blue3Light: import("@hanzogui/web").Variable<string>;
-            blue4Light: import("@hanzogui/web").Variable<string>;
-            blue5Light: import("@hanzogui/web").Variable<string>;
-            blue6Light: import("@hanzogui/web").Variable<string>;
-            blue7Light: import("@hanzogui/web").Variable<string>;
-            blue8Light: import("@hanzogui/web").Variable<string>;
-            blue9Light: import("@hanzogui/web").Variable<string>;
-            blue10Light: import("@hanzogui/web").Variable<string>;
-            blue11Light: import("@hanzogui/web").Variable<string>;
-            blue12Light: import("@hanzogui/web").Variable<string>;
-            yellow1Light: import("@hanzogui/web").Variable<string>;
-            yellow2Light: import("@hanzogui/web").Variable<string>;
-            yellow3Light: import("@hanzogui/web").Variable<string>;
-            yellow4Light: import("@hanzogui/web").Variable<string>;
-            yellow5Light: import("@hanzogui/web").Variable<string>;
-            yellow6Light: import("@hanzogui/web").Variable<string>;
-            yellow7Light: import("@hanzogui/web").Variable<string>;
-            yellow8Light: import("@hanzogui/web").Variable<string>;
-            yellow9Light: import("@hanzogui/web").Variable<string>;
-            yellow10Light: import("@hanzogui/web").Variable<string>;
-            yellow11Light: import("@hanzogui/web").Variable<string>;
-            yellow12Light: import("@hanzogui/web").Variable<string>;
-            red1Light: import("@hanzogui/web").Variable<string>;
-            red2Light: import("@hanzogui/web").Variable<string>;
-            red3Light: import("@hanzogui/web").Variable<string>;
-            red4Light: import("@hanzogui/web").Variable<string>;
-            red5Light: import("@hanzogui/web").Variable<string>;
-            red6Light: import("@hanzogui/web").Variable<string>;
-            red7Light: import("@hanzogui/web").Variable<string>;
-            red8Light: import("@hanzogui/web").Variable<string>;
-            red9Light: import("@hanzogui/web").Variable<string>;
-            red10Light: import("@hanzogui/web").Variable<string>;
-            red11Light: import("@hanzogui/web").Variable<string>;
-            red12Light: import("@hanzogui/web").Variable<string>;
-            purple1Light: import("@hanzogui/web").Variable<string>;
-            purple2Light: import("@hanzogui/web").Variable<string>;
-            purple3Light: import("@hanzogui/web").Variable<string>;
-            purple4Light: import("@hanzogui/web").Variable<string>;
-            purple5Light: import("@hanzogui/web").Variable<string>;
-            purple6Light: import("@hanzogui/web").Variable<string>;
-            purple7Light: import("@hanzogui/web").Variable<string>;
-            purple8Light: import("@hanzogui/web").Variable<string>;
-            purple9Light: import("@hanzogui/web").Variable<string>;
-            purple10Light: import("@hanzogui/web").Variable<string>;
-            purple11Light: import("@hanzogui/web").Variable<string>;
-            purple12Light: import("@hanzogui/web").Variable<string>;
-            pink1Light: import("@hanzogui/web").Variable<string>;
-            pink2Light: import("@hanzogui/web").Variable<string>;
-            pink3Light: import("@hanzogui/web").Variable<string>;
-            pink4Light: import("@hanzogui/web").Variable<string>;
-            pink5Light: import("@hanzogui/web").Variable<string>;
-            pink6Light: import("@hanzogui/web").Variable<string>;
-            pink7Light: import("@hanzogui/web").Variable<string>;
-            pink8Light: import("@hanzogui/web").Variable<string>;
-            pink9Light: import("@hanzogui/web").Variable<string>;
-            pink10Light: import("@hanzogui/web").Variable<string>;
-            pink11Light: import("@hanzogui/web").Variable<string>;
-            pink12Light: import("@hanzogui/web").Variable<string>;
-            orange1Light: import("@hanzogui/web").Variable<string>;
-            orange2Light: import("@hanzogui/web").Variable<string>;
-            orange3Light: import("@hanzogui/web").Variable<string>;
-            orange4Light: import("@hanzogui/web").Variable<string>;
-            orange5Light: import("@hanzogui/web").Variable<string>;
-            orange6Light: import("@hanzogui/web").Variable<string>;
-            orange7Light: import("@hanzogui/web").Variable<string>;
-            orange8Light: import("@hanzogui/web").Variable<string>;
-            orange9Light: import("@hanzogui/web").Variable<string>;
-            orange10Light: import("@hanzogui/web").Variable<string>;
-            orange11Light: import("@hanzogui/web").Variable<string>;
-            orange12Light: import("@hanzogui/web").Variable<string>;
+            gray9Light: import("@hanzogui/web").Variable<string>;
+            green10Dark: import("@hanzogui/web").Variable<string>;
+            green10Light: import("@hanzogui/web").Variable<string>;
+            green11Dark: import("@hanzogui/web").Variable<string>;
+            green11Light: import("@hanzogui/web").Variable<string>;
+            green12Dark: import("@hanzogui/web").Variable<string>;
+            green12Light: import("@hanzogui/web").Variable<string>;
+            green1Dark: import("@hanzogui/web").Variable<string>;
             green1Light: import("@hanzogui/web").Variable<string>;
+            green2Dark: import("@hanzogui/web").Variable<string>;
             green2Light: import("@hanzogui/web").Variable<string>;
+            green3Dark: import("@hanzogui/web").Variable<string>;
             green3Light: import("@hanzogui/web").Variable<string>;
+            green4Dark: import("@hanzogui/web").Variable<string>;
             green4Light: import("@hanzogui/web").Variable<string>;
+            green5Dark: import("@hanzogui/web").Variable<string>;
             green5Light: import("@hanzogui/web").Variable<string>;
+            green6Dark: import("@hanzogui/web").Variable<string>;
             green6Light: import("@hanzogui/web").Variable<string>;
+            green7Dark: import("@hanzogui/web").Variable<string>;
             green7Light: import("@hanzogui/web").Variable<string>;
+            green8Dark: import("@hanzogui/web").Variable<string>;
             green8Light: import("@hanzogui/web").Variable<string>;
+            green9Dark: import("@hanzogui/web").Variable<string>;
             green9Light: import("@hanzogui/web").Variable<string>;
-            green10Light: import("@hanzogui/web").Variable<string>;
-            green11Light: import("@hanzogui/web").Variable<string>;
-            green12Light: import("@hanzogui/web").Variable<string>;
-            gray1Light: import("@hanzogui/web").Variable<string>;
-            gray2Light: import("@hanzogui/web").Variable<string>;
-            gray3Light: import("@hanzogui/web").Variable<string>;
-            gray4Light: import("@hanzogui/web").Variable<string>;
-            gray5Light: import("@hanzogui/web").Variable<string>;
-            gray6Light: import("@hanzogui/web").Variable<string>;
-            gray7Light: import("@hanzogui/web").Variable<string>;
-            gray8Light: import("@hanzogui/web").Variable<string>;
-            gray9Light: import("@hanzogui/web").Variable<string>;
-            gray10Light: import("@hanzogui/web").Variable<string>;
-            gray11Light: import("@hanzogui/web").Variable<string>;
-            gray12Light: import("@hanzogui/web").Variable<string>;
+            orange10Dark: import("@hanzogui/web").Variable<string>;
+            orange10Light: import("@hanzogui/web").Variable<string>;
+            orange11Dark: import("@hanzogui/web").Variable<string>;
+            orange11Light: import("@hanzogui/web").Variable<string>;
+            orange12Dark: import("@hanzogui/web").Variable<string>;
+            orange12Light: import("@hanzogui/web").Variable<string>;
+            orange1Dark: import("@hanzogui/web").Variable<string>;
+            orange1Light: import("@hanzogui/web").Variable<string>;
+            orange2Dark: import("@hanzogui/web").Variable<string>;
+            orange2Light: import("@hanzogui/web").Variable<string>;
+            orange3Dark: import("@hanzogui/web").Variable<string>;
+            orange3Light: import("@hanzogui/web").Variable<string>;
+            orange4Dark: import("@hanzogui/web").Variable<string>;
+            orange4Light: import("@hanzogui/web").Variable<string>;
+            orange5Dark: import("@hanzogui/web").Variable<string>;
+            orange5Light: import("@hanzogui/web").Variable<string>;
+            orange6Dark: import("@hanzogui/web").Variable<string>;
+            orange6Light: import("@hanzogui/web").Variable<string>;
+            orange7Dark: import("@hanzogui/web").Variable<string>;
+            orange7Light: import("@hanzogui/web").Variable<string>;
+            orange8Dark: import("@hanzogui/web").Variable<string>;
+            orange8Light: import("@hanzogui/web").Variable<string>;
+            orange9Dark: import("@hanzogui/web").Variable<string>;
+            orange9Light: import("@hanzogui/web").Variable<string>;
+            pink10Dark: import("@hanzogui/web").Variable<string>;
+            pink10Light: import("@hanzogui/web").Variable<string>;
+            pink11Dark: import("@hanzogui/web").Variable<string>;
+            pink11Light: import("@hanzogui/web").Variable<string>;
+            pink12Dark: import("@hanzogui/web").Variable<string>;
+            pink12Light: import("@hanzogui/web").Variable<string>;
+            pink1Dark: import("@hanzogui/web").Variable<string>;
+            pink1Light: import("@hanzogui/web").Variable<string>;
+            pink2Dark: import("@hanzogui/web").Variable<string>;
+            pink2Light: import("@hanzogui/web").Variable<string>;
+            pink3Dark: import("@hanzogui/web").Variable<string>;
+            pink3Light: import("@hanzogui/web").Variable<string>;
+            pink4Dark: import("@hanzogui/web").Variable<string>;
+            pink4Light: import("@hanzogui/web").Variable<string>;
+            pink5Dark: import("@hanzogui/web").Variable<string>;
+            pink5Light: import("@hanzogui/web").Variable<string>;
+            pink6Dark: import("@hanzogui/web").Variable<string>;
+            pink6Light: import("@hanzogui/web").Variable<string>;
+            pink7Dark: import("@hanzogui/web").Variable<string>;
+            pink7Light: import("@hanzogui/web").Variable<string>;
+            pink8Dark: import("@hanzogui/web").Variable<string>;
+            pink8Light: import("@hanzogui/web").Variable<string>;
+            pink9Dark: import("@hanzogui/web").Variable<string>;
+            pink9Light: import("@hanzogui/web").Variable<string>;
+            purple10Dark: import("@hanzogui/web").Variable<string>;
+            purple10Light: import("@hanzogui/web").Variable<string>;
+            purple11Dark: import("@hanzogui/web").Variable<string>;
+            purple11Light: import("@hanzogui/web").Variable<string>;
+            purple12Dark: import("@hanzogui/web").Variable<string>;
+            purple12Light: import("@hanzogui/web").Variable<string>;
+            purple1Dark: import("@hanzogui/web").Variable<string>;
+            purple1Light: import("@hanzogui/web").Variable<string>;
+            purple2Dark: import("@hanzogui/web").Variable<string>;
+            purple2Light: import("@hanzogui/web").Variable<string>;
+            purple3Dark: import("@hanzogui/web").Variable<string>;
+            purple3Light: import("@hanzogui/web").Variable<string>;
+            purple4Dark: import("@hanzogui/web").Variable<string>;
+            purple4Light: import("@hanzogui/web").Variable<string>;
+            purple5Dark: import("@hanzogui/web").Variable<string>;
+            purple5Light: import("@hanzogui/web").Variable<string>;
+            purple6Dark: import("@hanzogui/web").Variable<string>;
+            purple6Light: import("@hanzogui/web").Variable<string>;
+            purple7Dark: import("@hanzogui/web").Variable<string>;
+            purple7Light: import("@hanzogui/web").Variable<string>;
+            purple8Dark: import("@hanzogui/web").Variable<string>;
+            purple8Light: import("@hanzogui/web").Variable<string>;
+            purple9Dark: import("@hanzogui/web").Variable<string>;
+            purple9Light: import("@hanzogui/web").Variable<string>;
+            red10Dark: import("@hanzogui/web").Variable<string>;
+            red10Light: import("@hanzogui/web").Variable<string>;
+            red11Dark: import("@hanzogui/web").Variable<string>;
+            red11Light: import("@hanzogui/web").Variable<string>;
+            red12Dark: import("@hanzogui/web").Variable<string>;
+            red12Light: import("@hanzogui/web").Variable<string>;
+            red1Dark: import("@hanzogui/web").Variable<string>;
+            red1Light: import("@hanzogui/web").Variable<string>;
+            red2Dark: import("@hanzogui/web").Variable<string>;
+            red2Light: import("@hanzogui/web").Variable<string>;
+            red3Dark: import("@hanzogui/web").Variable<string>;
+            red3Light: import("@hanzogui/web").Variable<string>;
+            red4Dark: import("@hanzogui/web").Variable<string>;
+            red4Light: import("@hanzogui/web").Variable<string>;
+            red5Dark: import("@hanzogui/web").Variable<string>;
+            red5Light: import("@hanzogui/web").Variable<string>;
+            red6Dark: import("@hanzogui/web").Variable<string>;
+            red6Light: import("@hanzogui/web").Variable<string>;
+            red7Dark: import("@hanzogui/web").Variable<string>;
+            red7Light: import("@hanzogui/web").Variable<string>;
+            red8Dark: import("@hanzogui/web").Variable<string>;
+            red8Light: import("@hanzogui/web").Variable<string>;
+            red9Dark: import("@hanzogui/web").Variable<string>;
+            red9Light: import("@hanzogui/web").Variable<string>;
+            yellow10Dark: import("@hanzogui/web").Variable<string>;
+            yellow10Light: import("@hanzogui/web").Variable<string>;
+            yellow11Dark: import("@hanzogui/web").Variable<string>;
+            yellow11Light: import("@hanzogui/web").Variable<string>;
+            yellow12Dark: import("@hanzogui/web").Variable<string>;
+            yellow12Light: import("@hanzogui/web").Variable<string>;
+            yellow1Dark: import("@hanzogui/web").Variable<string>;
+            yellow1Light: import("@hanzogui/web").Variable<string>;
+            yellow2Dark: import("@hanzogui/web").Variable<string>;
+            yellow2Light: import("@hanzogui/web").Variable<string>;
+            yellow3Dark: import("@hanzogui/web").Variable<string>;
+            yellow3Light: import("@hanzogui/web").Variable<string>;
+            yellow4Dark: import("@hanzogui/web").Variable<string>;
+            yellow4Light: import("@hanzogui/web").Variable<string>;
+            yellow5Dark: import("@hanzogui/web").Variable<string>;
+            yellow5Light: import("@hanzogui/web").Variable<string>;
+            yellow6Dark: import("@hanzogui/web").Variable<string>;
+            yellow6Light: import("@hanzogui/web").Variable<string>;
+            yellow7Dark: import("@hanzogui/web").Variable<string>;
+            yellow7Light: import("@hanzogui/web").Variable<string>;
+            yellow8Dark: import("@hanzogui/web").Variable<string>;
+            yellow8Light: import("@hanzogui/web").Variable<string>;
+            yellow9Dark: import("@hanzogui/web").Variable<string>;
+            yellow9Light: import("@hanzogui/web").Variable<string>;
         };
         space: {
-            $0: import("@hanzogui/web").Variable<number>;
-            "$0.25": import("@hanzogui/web").Variable<number>;
-            "$0.5": import("@hanzogui/web").Variable<number>;
-            "$0.75": import("@hanzogui/web").Variable<number>;
-            $1: import("@hanzogui/web").Variable<number>;
-            "$1.5": import("@hanzogui/web").Variable<number>;
-            $2: import("@hanzogui/web").Variable<number>;
-            "$2.5": import("@hanzogui/web").Variable<number>;
-            $3: import("@hanzogui/web").Variable<number>;
-            "$3.5": import("@hanzogui/web").Variable<number>;
-            $4: import("@hanzogui/web").Variable<number>;
-            $true: import("@hanzogui/web").Variable<number>;
-            "$4.5": import("@hanzogui/web").Variable<number>;
-            $5: import("@hanzogui/web").Variable<number>;
-            $6: import("@hanzogui/web").Variable<number>;
-            $7: import("@hanzogui/web").Variable<number>;
-            $8: import("@hanzogui/web").Variable<number>;
-            $9: import("@hanzogui/web").Variable<number>;
-            $10: import("@hanzogui/web").Variable<number>;
-            $11: import("@hanzogui/web").Variable<number>;
-            $12: import("@hanzogui/web").Variable<number>;
-            $13: import("@hanzogui/web").Variable<number>;
-            $14: import("@hanzogui/web").Variable<number>;
-            $15: import("@hanzogui/web").Variable<number>;
-            $16: import("@hanzogui/web").Variable<number>;
-            $17: import("@hanzogui/web").Variable<number>;
-            $18: import("@hanzogui/web").Variable<number>;
-            $19: import("@hanzogui/web").Variable<number>;
-            $20: import("@hanzogui/web").Variable<number>;
             "$-0.25": import("@hanzogui/web").Variable<number>;
             "$-0.5": import("@hanzogui/web").Variable<number>;
             "$-0.75": import("@hanzogui/web").Variable<number>;
             "$-1": import("@hanzogui/web").Variable<number>;
             "$-1.5": import("@hanzogui/web").Variable<number>;
-            "$-2": import("@hanzogui/web").Variable<number>;
-            "$-2.5": import("@hanzogui/web").Variable<number>;
-            "$-3": import("@hanzogui/web").Variable<number>;
-            "$-3.5": import("@hanzogui/web").Variable<number>;
-            "$-4": import("@hanzogui/web").Variable<number>;
-            "$-true": import("@hanzogui/web").Variable<number>;
-            "$-4.5": import("@hanzogui/web").Variable<number>;
-            "$-5": import("@hanzogui/web").Variable<number>;
-            "$-6": import("@hanzogui/web").Variable<number>;
-            "$-7": import("@hanzogui/web").Variable<number>;
-            "$-8": import("@hanzogui/web").Variable<number>;
-            "$-9": import("@hanzogui/web").Variable<number>;
             "$-10": import("@hanzogui/web").Variable<number>;
             "$-11": import("@hanzogui/web").Variable<number>;
             "$-12": import("@hanzogui/web").Variable<number>;
@@ -434,27 +326,56 @@ export declare const config: {
             "$-17": import("@hanzogui/web").Variable<number>;
             "$-18": import("@hanzogui/web").Variable<number>;
             "$-19": import("@hanzogui/web").Variable<number>;
+            "$-2": import("@hanzogui/web").Variable<number>;
+            "$-2.5": import("@hanzogui/web").Variable<number>;
             "$-20": import("@hanzogui/web").Variable<number>;
-        };
-        size: {
+            "$-3": import("@hanzogui/web").Variable<number>;
+            "$-3.5": import("@hanzogui/web").Variable<number>;
+            "$-4": import("@hanzogui/web").Variable<number>;
+            "$-4.5": import("@hanzogui/web").Variable<number>;
+            "$-5": import("@hanzogui/web").Variable<number>;
+            "$-6": import("@hanzogui/web").Variable<number>;
+            "$-7": import("@hanzogui/web").Variable<number>;
+            "$-8": import("@hanzogui/web").Variable<number>;
+            "$-9": import("@hanzogui/web").Variable<number>;
+            "$-true": import("@hanzogui/web").Variable<number>;
             $0: import("@hanzogui/web").Variable<number>;
             "$0.25": import("@hanzogui/web").Variable<number>;
             "$0.5": import("@hanzogui/web").Variable<number>;
             "$0.75": import("@hanzogui/web").Variable<number>;
             $1: import("@hanzogui/web").Variable<number>;
             "$1.5": import("@hanzogui/web").Variable<number>;
+            $10: import("@hanzogui/web").Variable<number>;
+            $11: import("@hanzogui/web").Variable<number>;
+            $12: import("@hanzogui/web").Variable<number>;
+            $13: import("@hanzogui/web").Variable<number>;
+            $14: import("@hanzogui/web").Variable<number>;
+            $15: import("@hanzogui/web").Variable<number>;
+            $16: import("@hanzogui/web").Variable<number>;
+            $17: import("@hanzogui/web").Variable<number>;
+            $18: import("@hanzogui/web").Variable<number>;
+            $19: import("@hanzogui/web").Variable<number>;
             $2: import("@hanzogui/web").Variable<number>;
             "$2.5": import("@hanzogui/web").Variable<number>;
+            $20: import("@hanzogui/web").Variable<number>;
             $3: import("@hanzogui/web").Variable<number>;
             "$3.5": import("@hanzogui/web").Variable<number>;
             $4: import("@hanzogui/web").Variable<number>;
-            $true: import("@hanzogui/web").Variable<number>;
             "$4.5": import("@hanzogui/web").Variable<number>;
             $5: import("@hanzogui/web").Variable<number>;
             $6: import("@hanzogui/web").Variable<number>;
             $7: import("@hanzogui/web").Variable<number>;
             $8: import("@hanzogui/web").Variable<number>;
             $9: import("@hanzogui/web").Variable<number>;
+            $true: import("@hanzogui/web").Variable<number>;
+        };
+        size: {
+            $0: import("@hanzogui/web").Variable<number>;
+            "$0.25": import("@hanzogui/web").Variable<number>;
+            "$0.5": import("@hanzogui/web").Variable<number>;
+            "$0.75": import("@hanzogui/web").Variable<number>;
+            $1: import("@hanzogui/web").Variable<number>;
+            "$1.5": import("@hanzogui/web").Variable<number>;
             $10: import("@hanzogui/web").Variable<number>;
             $11: import("@hanzogui/web").Variable<number>;
             $12: import("@hanzogui/web").Variable<number>;
@@ -465,23 +386,35 @@ export declare const config: {
             $17: import("@hanzogui/web").Variable<number>;
             $18: import("@hanzogui/web").Variable<number>;
             $19: import("@hanzogui/web").Variable<number>;
+            $2: import("@hanzogui/web").Variable<number>;
+            "$2.5": import("@hanzogui/web").Variable<number>;
             $20: import("@hanzogui/web").Variable<number>;
+            $3: import("@hanzogui/web").Variable<number>;
+            "$3.5": import("@hanzogui/web").Variable<number>;
+            $4: import("@hanzogui/web").Variable<number>;
+            "$4.5": import("@hanzogui/web").Variable<number>;
+            $5: import("@hanzogui/web").Variable<number>;
+            $6: import("@hanzogui/web").Variable<number>;
+            $7: import("@hanzogui/web").Variable<number>;
+            $8: import("@hanzogui/web").Variable<number>;
+            $9: import("@hanzogui/web").Variable<number>;
+            $true: import("@hanzogui/web").Variable<number>;
         };
         radius: {
             0: import("@hanzogui/web").Variable<number>;
             1: import("@hanzogui/web").Variable<number>;
+            10: import("@hanzogui/web").Variable<number>;
+            11: import("@hanzogui/web").Variable<number>;
+            12: import("@hanzogui/web").Variable<number>;
             2: import("@hanzogui/web").Variable<number>;
             3: import("@hanzogui/web").Variable<number>;
             4: import("@hanzogui/web").Variable<number>;
-            true: import("@hanzogui/web").Variable<number>;
             5: import("@hanzogui/web").Variable<number>;
             6: import("@hanzogui/web").Variable<number>;
             7: import("@hanzogui/web").Variable<number>;
             8: import("@hanzogui/web").Variable<number>;
             9: import("@hanzogui/web").Variable<number>;
-            10: import("@hanzogui/web").Variable<number>;
-            11: import("@hanzogui/web").Variable<number>;
-            12: import("@hanzogui/web").Variable<number>;
+            true: import("@hanzogui/web").Variable<number>;
         };
         zIndex: {
             0: import("@hanzogui/web").Variable<number>;
@@ -493,214 +426,214 @@ export declare const config: {
         };
     } & Omit<{
         color: {
+            blue10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             blue9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            blue9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             gray9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            blue12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            gray9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            green9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            orange9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            pink9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            purple9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            red9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow10Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow11Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow12Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow1Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow2Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow3Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow4Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow5Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow6Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow7Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow8Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
+            yellow9Dark: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
             yellow9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            yellow12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            red12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            purple12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            pink12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            orange12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            green12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray1Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray2Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray3Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray4Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray5Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray6Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray7Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray8Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray9Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray10Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray11Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
-            gray12Light: import("@hanzogui/web").Variable<string | import("@hanzogui/web").Variable<string>>;
         };
         radius: {
             0: import("@hanzogui/web").Variable<number>;
             1: import("@hanzogui/web").Variable<number>;
+            10: import("@hanzogui/web").Variable<number>;
+            11: import("@hanzogui/web").Variable<number>;
+            12: import("@hanzogui/web").Variable<number>;
             2: import("@hanzogui/web").Variable<number>;
             3: import("@hanzogui/web").Variable<number>;
             4: import("@hanzogui/web").Variable<number>;
-            true: import("@hanzogui/web").Variable<number>;
             5: import("@hanzogui/web").Variable<number>;
             6: import("@hanzogui/web").Variable<number>;
             7: import("@hanzogui/web").Variable<number>;
             8: import("@hanzogui/web").Variable<number>;
             9: import("@hanzogui/web").Variable<number>;
-            10: import("@hanzogui/web").Variable<number>;
-            11: import("@hanzogui/web").Variable<number>;
-            12: import("@hanzogui/web").Variable<number>;
+            true: import("@hanzogui/web").Variable<number>;
         };
         zIndex: {
             0: import("@hanzogui/web").Variable<number>;
@@ -711,52 +644,11 @@ export declare const config: {
             5: import("@hanzogui/web").Variable<number>;
         };
         space: {
-            $0: import("@hanzogui/web").Variable<number>;
-            "$0.25": import("@hanzogui/web").Variable<number>;
-            "$0.5": import("@hanzogui/web").Variable<number>;
-            "$0.75": import("@hanzogui/web").Variable<number>;
-            $1: import("@hanzogui/web").Variable<number>;
-            "$1.5": import("@hanzogui/web").Variable<number>;
-            $2: import("@hanzogui/web").Variable<number>;
-            "$2.5": import("@hanzogui/web").Variable<number>;
-            $3: import("@hanzogui/web").Variable<number>;
-            "$3.5": import("@hanzogui/web").Variable<number>;
-            $4: import("@hanzogui/web").Variable<number>;
-            $true: import("@hanzogui/web").Variable<number>;
-            "$4.5": import("@hanzogui/web").Variable<number>;
-            $5: import("@hanzogui/web").Variable<number>;
-            $6: import("@hanzogui/web").Variable<number>;
-            $7: import("@hanzogui/web").Variable<number>;
-            $8: import("@hanzogui/web").Variable<number>;
-            $9: import("@hanzogui/web").Variable<number>;
-            $10: import("@hanzogui/web").Variable<number>;
-            $11: import("@hanzogui/web").Variable<number>;
-            $12: import("@hanzogui/web").Variable<number>;
-            $13: import("@hanzogui/web").Variable<number>;
-            $14: import("@hanzogui/web").Variable<number>;
-            $15: import("@hanzogui/web").Variable<number>;
-            $16: import("@hanzogui/web").Variable<number>;
-            $17: import("@hanzogui/web").Variable<number>;
-            $18: import("@hanzogui/web").Variable<number>;
-            $19: import("@hanzogui/web").Variable<number>;
-            $20: import("@hanzogui/web").Variable<number>;
             "$-0.25": import("@hanzogui/web").Variable<number>;
             "$-0.5": import("@hanzogui/web").Variable<number>;
             "$-0.75": import("@hanzogui/web").Variable<number>;
             "$-1": import("@hanzogui/web").Variable<number>;
             "$-1.5": import("@hanzogui/web").Variable<number>;
-            "$-2": import("@hanzogui/web").Variable<number>;
-            "$-2.5": import("@hanzogui/web").Variable<number>;
-            "$-3": import("@hanzogui/web").Variable<number>;
-            "$-3.5": import("@hanzogui/web").Variable<number>;
-            "$-4": import("@hanzogui/web").Variable<number>;
-            "$-true": import("@hanzogui/web").Variable<number>;
-            "$-4.5": import("@hanzogui/web").Variable<number>;
-            "$-5": import("@hanzogui/web").Variable<number>;
-            "$-6": import("@hanzogui/web").Variable<number>;
-            "$-7": import("@hanzogui/web").Variable<number>;
-            "$-8": import("@hanzogui/web").Variable<number>;
-            "$-9": import("@hanzogui/web").Variable<number>;
             "$-10": import("@hanzogui/web").Variable<number>;
             "$-11": import("@hanzogui/web").Variable<number>;
             "$-12": import("@hanzogui/web").Variable<number>;
@@ -767,27 +659,56 @@ export declare const config: {
             "$-17": import("@hanzogui/web").Variable<number>;
             "$-18": import("@hanzogui/web").Variable<number>;
             "$-19": import("@hanzogui/web").Variable<number>;
+            "$-2": import("@hanzogui/web").Variable<number>;
+            "$-2.5": import("@hanzogui/web").Variable<number>;
             "$-20": import("@hanzogui/web").Variable<number>;
-        };
-        size: {
+            "$-3": import("@hanzogui/web").Variable<number>;
+            "$-3.5": import("@hanzogui/web").Variable<number>;
+            "$-4": import("@hanzogui/web").Variable<number>;
+            "$-4.5": import("@hanzogui/web").Variable<number>;
+            "$-5": import("@hanzogui/web").Variable<number>;
+            "$-6": import("@hanzogui/web").Variable<number>;
+            "$-7": import("@hanzogui/web").Variable<number>;
+            "$-8": import("@hanzogui/web").Variable<number>;
+            "$-9": import("@hanzogui/web").Variable<number>;
+            "$-true": import("@hanzogui/web").Variable<number>;
             $0: import("@hanzogui/web").Variable<number>;
             "$0.25": import("@hanzogui/web").Variable<number>;
             "$0.5": import("@hanzogui/web").Variable<number>;
             "$0.75": import("@hanzogui/web").Variable<number>;
             $1: import("@hanzogui/web").Variable<number>;
             "$1.5": import("@hanzogui/web").Variable<number>;
+            $10: import("@hanzogui/web").Variable<number>;
+            $11: import("@hanzogui/web").Variable<number>;
+            $12: import("@hanzogui/web").Variable<number>;
+            $13: import("@hanzogui/web").Variable<number>;
+            $14: import("@hanzogui/web").Variable<number>;
+            $15: import("@hanzogui/web").Variable<number>;
+            $16: import("@hanzogui/web").Variable<number>;
+            $17: import("@hanzogui/web").Variable<number>;
+            $18: import("@hanzogui/web").Variable<number>;
+            $19: import("@hanzogui/web").Variable<number>;
             $2: import("@hanzogui/web").Variable<number>;
             "$2.5": import("@hanzogui/web").Variable<number>;
+            $20: import("@hanzogui/web").Variable<number>;
             $3: import("@hanzogui/web").Variable<number>;
             "$3.5": import("@hanzogui/web").Variable<number>;
             $4: import("@hanzogui/web").Variable<number>;
-            $true: import("@hanzogui/web").Variable<number>;
             "$4.5": import("@hanzogui/web").Variable<number>;
             $5: import("@hanzogui/web").Variable<number>;
             $6: import("@hanzogui/web").Variable<number>;
             $7: import("@hanzogui/web").Variable<number>;
             $8: import("@hanzogui/web").Variable<number>;
             $9: import("@hanzogui/web").Variable<number>;
+            $true: import("@hanzogui/web").Variable<number>;
+        };
+        size: {
+            $0: import("@hanzogui/web").Variable<number>;
+            "$0.25": import("@hanzogui/web").Variable<number>;
+            "$0.5": import("@hanzogui/web").Variable<number>;
+            "$0.75": import("@hanzogui/web").Variable<number>;
+            $1: import("@hanzogui/web").Variable<number>;
+            "$1.5": import("@hanzogui/web").Variable<number>;
             $10: import("@hanzogui/web").Variable<number>;
             $11: import("@hanzogui/web").Variable<number>;
             $12: import("@hanzogui/web").Variable<number>;
@@ -798,9 +719,21 @@ export declare const config: {
             $17: import("@hanzogui/web").Variable<number>;
             $18: import("@hanzogui/web").Variable<number>;
             $19: import("@hanzogui/web").Variable<number>;
+            $2: import("@hanzogui/web").Variable<number>;
+            "$2.5": import("@hanzogui/web").Variable<number>;
             $20: import("@hanzogui/web").Variable<number>;
+            $3: import("@hanzogui/web").Variable<number>;
+            "$3.5": import("@hanzogui/web").Variable<number>;
+            $4: import("@hanzogui/web").Variable<number>;
+            "$4.5": import("@hanzogui/web").Variable<number>;
+            $5: import("@hanzogui/web").Variable<number>;
+            $6: import("@hanzogui/web").Variable<number>;
+            $7: import("@hanzogui/web").Variable<number>;
+            $8: import("@hanzogui/web").Variable<number>;
+            $9: import("@hanzogui/web").Variable<number>;
+            $true: import("@hanzogui/web").Variable<number>;
         };
-    }, "size" | "color" | "space" | "radius" | "zIndex">;
+    }, "color" | "radius" | "size" | "space" | "zIndex">;
     fonts: {
         heading: import("@hanzogui/web").FillInFont<{
             size: {
@@ -832,8 +765,8 @@ export declare const config: {
                 14: number;
                 15: number;
             };
-        }, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
-        body: import("@hanzogui/web").FillInFont<import("@hanzogui/web").GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+        }, "true" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16>;
+        body: import("@hanzogui/web").FillInFont<import("@hanzogui/web").GenericFont, "true" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16>;
         mono: import("@hanzogui/web").FillInFont<{
             weight: {
                 1: string;
@@ -856,7 +789,7 @@ export declare const config: {
                 15: number;
                 16: number;
             };
-        }, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+        }, "true" | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16>;
     };
     selectionStyles: (theme: Record<string, string>) => {
         backgroundColor: string;
@@ -874,5 +807,72 @@ export declare const config: {
             xxs: boolean;
         };
     };
+    themes: typeof themes;
+    animations: import("@hanzogui/web").AnimationDriver<{
+        '0ms': {
+            type: "timing";
+            duration: number;
+        };
+        '50ms': {
+            type: "timing";
+            duration: number;
+        };
+        '75ms': {
+            type: "timing";
+            duration: number;
+        };
+        '100ms': {
+            type: "timing";
+            duration: number;
+        };
+        '200ms': {
+            type: "timing";
+            duration: number;
+        };
+        '250ms': {
+            type: "timing";
+            duration: number;
+        };
+        '300ms': {
+            type: "timing";
+            duration: number;
+        };
+        '400ms': {
+            type: "timing";
+            duration: number;
+        };
+        '500ms': {
+            type: "timing";
+            duration: number;
+        };
+        bouncy: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+        lazy: {
+            damping: number;
+            stiffness: number;
+        };
+        medium: {
+            damping: number;
+            stiffness: number;
+            mass: number;
+        };
+        slow: {
+            damping: number;
+            stiffness: number;
+        };
+        quick: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+        tooltip: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+    }>;
 };
 //# sourceMappingURL=index.d.ts.map