@utilitywarehouse/hearth-react-native 0.1.0

package/build/core/themes.d.ts

@@ -0,0 +1,3760 @@
+import { DimensionValue } from 'react-native';
+import { components } from '../tokens';
+export declare const lightTheme: {
+    readonly helpers: {
+        focusVisible: {
+            outlineStyle: string;
+            outlineWidth: number;
+            outlineColor: "#101010";
+            outlineOffset: number;
+        };
+    };
+    readonly platform: "ios" | "android" | "windows" | "macos" | "web";
+    readonly space: {
+        readonly '1/2': "50%";
+        readonly '1/3': "33.333%";
+        readonly '2/3': "66.666%";
+        readonly '1/4': "25%";
+        readonly '2/4': "50%";
+        readonly '3/4': "75%";
+        readonly '1/5': "20%";
+        readonly '2/5': "40%";
+        readonly '3/5': "60%";
+        readonly '4/5': "80%";
+        readonly '1/6': "16.666%";
+        readonly '2/6': "33.333%";
+        readonly '3/6': "50%";
+        readonly '4/6': "66.666%";
+        readonly '5/6': "83.333%";
+        readonly full: DimensionValue;
+        readonly '0': 0;
+        readonly '25': 2;
+        readonly '50': 4;
+        readonly '75': 6;
+        readonly '100': 8;
+        readonly '150': 12;
+        readonly '175': 14;
+        readonly '200': 16;
+        readonly '250': 20;
+        readonly '300': 24;
+        readonly '350': 28;
+        readonly '400': 32;
+        readonly '500': 40;
+        readonly '600': 48;
+        readonly '700': 56;
+        readonly '800': 64;
+        readonly '900': 72;
+        readonly '1000': 80;
+    };
+    readonly borderWidth: {
+        readonly '1': 1;
+        readonly '2': 2;
+    };
+    readonly borderRadius: {
+        readonly full: 9999;
+        readonly lg: 12;
+        readonly md: 8;
+        readonly none: 0;
+        readonly sm: 6;
+        readonly xl: 16;
+        readonly xs: 4;
+    };
+    readonly breakpoints: {
+        readonly base: 0;
+        readonly xs: 320;
+        readonly sm: 399;
+        readonly md: 768;
+        readonly lg: 992;
+        readonly xl: 1280;
+        readonly superLarge: 2000;
+        readonly tvLike: 4000;
+    };
+    readonly letterSpacing: {
+        readonly '0': 0;
+        readonly '50': -0.30000001192092896;
+        readonly '75': -0.36000001430511475;
+        readonly '90': -0.41999998688697815;
+        readonly '100': -0.47999998927116394;
+        readonly '150': -0.5400000214576721;
+        readonly '200': -0.6000000238418579;
+        readonly '300': -0.7200000286102295;
+        readonly '400': -0.8999999761581421;
+        readonly '500': -1.0800000429153442;
+        readonly '550': -1.2000000476837158;
+        readonly '600': -1.440000057220459;
+        readonly '700': -1.7999999523162842;
+        readonly '800': -2.1600000858306885;
+        readonly '900': -2.880000114440918;
+        readonly '1000': -3.8399999141693115;
+    };
+    readonly lineHeight: {
+        readonly '50': 12;
+        readonly '75': 14;
+        readonly '100': 16;
+        readonly '200': 18;
+        readonly '300': 20;
+        readonly '400': 22;
+        readonly '500': 24;
+        readonly '600': 28;
+        readonly '700': 32;
+        readonly '800': 36;
+        readonly '900': 40;
+        readonly '950': 48;
+        readonly '1000': 56;
+        readonly '1100': 72;
+        readonly '1200': 90;
+    };
+    readonly font: {
+        readonly family: {
+            readonly body: "DM Sans";
+            readonly detail: "DM Mono";
+            readonly heading: "Comic Hams";
+        };
+        readonly size: {
+            readonly '50': 10;
+            readonly '75': 12;
+            readonly '90': 14;
+            readonly '100': 16;
+            readonly '150': 18;
+            readonly '200': 20;
+            readonly '300': 24;
+            readonly '400': 30;
+            readonly '500': 36;
+            readonly '550': 40;
+            readonly '600': 48;
+            readonly '700': 60;
+            readonly '800': 72;
+            readonly '900': 96;
+            readonly '1000': 128;
+        };
+        readonly weight: {
+            readonly bold: 700;
+            readonly heavy: 900;
+            readonly medium: 500;
+            readonly regular: 400;
+            readonly semibold: 600;
+        };
+    };
+    readonly fontWeight: {
+        readonly bold: 700;
+        readonly heavy: 900;
+        readonly medium: 500;
+        readonly regular: 400;
+        readonly semibold: 600;
+    };
+    readonly fontFamily: {
+        readonly body: "DM Sans";
+        readonly detail: "DM Mono";
+        readonly heading: "Comic Hams";
+    };
+    readonly fontSize: {
+        readonly '50': 10;
+        readonly '75': 12;
+        readonly '90': 14;
+        readonly '100': 16;
+        readonly '150': 18;
+        readonly '200': 20;
+        readonly '300': 24;
+        readonly '400': 30;
+        readonly '500': 36;
+        readonly '550': 40;
+        readonly '600': 48;
+        readonly '700': 60;
+        readonly '800': 72;
+        readonly '900': 96;
+        readonly '1000': 128;
+    };
+    readonly typography: {
+        readonly mobile: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 500;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 32;
+                };
+                readonly md: {
+                    readonly fontSize: 20;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 36;
+                };
+            };
+        };
+        readonly tablet: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 32;
+                };
+                readonly md: {
+                    readonly fontSize: 20;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 36;
+                };
+            };
+        };
+        readonly desktop: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 36;
+                };
+                readonly md: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 28;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 40;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 48;
+                };
+            };
+        };
+    };
+    readonly layout: {
+        readonly mobile: {
+            readonly breakpoints: {
+                readonly maxWidth: 740;
+                readonly minWidth: 320;
+            };
+            readonly container: {
+                readonly paddingBottom: 32;
+                readonly paddingHorizontal: 16;
+                readonly paddingTop: 24;
+                readonly width: 360;
+            };
+            readonly grid: {
+                readonly columnNumber: 4;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 16;
+                readonly margin: 16;
+            };
+            readonly spacing: {
+                readonly lg: 20;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 28;
+                readonly xs: 8;
+            };
+        };
+        readonly tablet: {
+            readonly breakpoints: {
+                readonly maxWidth: 992;
+                readonly minWidth: 740;
+            };
+            readonly container: {
+                readonly paddingBottom: 32;
+                readonly paddingHorizontal: 32;
+                readonly paddingTop: 24;
+                readonly width: 744;
+            };
+            readonly grid: {
+                readonly columnNumber: 8;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 24;
+                readonly margin: 32;
+            };
+            readonly spacing: {
+                readonly lg: 24;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 28;
+                readonly xs: 8;
+            };
+        };
+        readonly desktop: {
+            readonly breakpoints: {
+                readonly maxWidth: 3840;
+                readonly minWidth: 992;
+            };
+            readonly container: {
+                readonly paddingBottom: 48;
+                readonly paddingHorizontal: 32;
+                readonly paddingTop: 32;
+                readonly width: 1096;
+            };
+            readonly grid: {
+                readonly columnNumber: 12;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 24;
+                readonly margin: 32;
+            };
+            readonly spacing: {
+                readonly lg: 24;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 40;
+                readonly xs: 8;
+            };
+        };
+    };
+    readonly shadow: {
+        readonly mobile: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+        readonly tablet: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 6;
+                readonly y: 6;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+        readonly desktop: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 6;
+                readonly y: 6;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+    };
+    readonly opacity: {
+        readonly disabled: 0.5;
+    };
+    readonly globalStyle: {
+        readonly variants: {
+            readonly hardShadow: {
+                readonly '1': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: -2;
+                        readonly height: 2;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '2': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '3': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 2;
+                        readonly height: 2;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '4': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: -3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '5': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.2;
+                    readonly elevation: 10;
+                };
+            };
+            readonly softShadow: {
+                readonly '1': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 10;
+                    readonly shadowOpacity: 0.1;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 5;
+                        readonly shadowOpacity: 0.05;
+                    };
+                };
+                readonly '2': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 20;
+                    readonly elevation: 3;
+                    readonly shadowOpacity: 0.1;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 10;
+                        readonly shadowOpacity: 0.1;
+                    };
+                };
+                readonly '3': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 30;
+                    readonly shadowOpacity: 0.1;
+                    readonly elevation: 4;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 15;
+                        readonly shadowOpacity: 0.15;
+                    };
+                };
+                readonly '4': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 40;
+                    readonly shadowOpacity: 0.1;
+                    readonly elevation: 10;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 20;
+                        readonly shadowOpacity: 0.2;
+                    };
+                };
+            };
+            readonly space: {
+                readonly none: {};
+                readonly xs: {
+                    readonly gap: {
+                        readonly base: 8;
+                        readonly md: 8;
+                        readonly lg: 8;
+                    };
+                };
+                readonly sm: {
+                    readonly gap: {
+                        readonly base: 12;
+                        readonly md: 12;
+                        readonly lg: 12;
+                    };
+                };
+                readonly md: {
+                    readonly gap: {
+                        readonly base: 16;
+                        readonly md: 16;
+                        readonly lg: 16;
+                    };
+                };
+                readonly lg: {
+                    readonly gap: {
+                        readonly base: 20;
+                        readonly md: 24;
+                        readonly lg: 24;
+                    };
+                };
+                readonly xl: {
+                    readonly gap: {
+                        readonly base: 28;
+                        readonly md: 28;
+                        readonly lg: 40;
+                    };
+                };
+            };
+        };
+    };
+    readonly colorMode: "light";
+    readonly isLight: true;
+    readonly isDark: false;
+    readonly color: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly background: "#fcfbf2";
+        readonly background1: "#ffffff";
+        readonly backgroundPurple: "#7a42c8";
+        readonly invalidText: "#de2612";
+        readonly shadow: {
+            readonly broadbandGreenColor: "#8cba3b";
+            readonly cashbackLilacColor: "#be7aeb";
+            readonly defaultColor: "#101010";
+            readonly energyBlueColor: "#6db5c3";
+            readonly insuranceOrangeColor: "#ff7b00";
+            readonly mobileRoseColor: "#ee6dbb";
+            readonly piggyPinkColor: "#f295ff";
+            readonly purpleColor: "#7a42c8";
+        };
+        readonly blue: {
+            readonly '0': "#f8fbff";
+            readonly '50': "#eef7ff";
+            readonly '100': "#d9ecff";
+            readonly '200': "#bcddff";
+            readonly '300': "#93c1ff";
+            readonly '400': "#6bb0ff";
+            readonly '500': "#41a0ff";
+            readonly '600': "#2786f1";
+            readonly '700': "#1c6cd4";
+            readonly '800': "#2354a4";
+            readonly '900': "#0b3375";
+            readonly '950': "#042455";
+            readonly '1000': "#001433";
+        };
+        readonly broadbandGreen: {
+            readonly '0': "#f8faf6";
+            readonly '50': "#f2f6ed";
+            readonly '100': "#e7efdc";
+            readonly '200': "#d2e6b0";
+            readonly '300': "#8cba3b";
+            readonly '400': "#7aa031";
+            readonly '500': "#6e932b";
+            readonly '600': "#64862a";
+            readonly '700': "#5a7926";
+            readonly '800': "#506c21";
+            readonly '900': "#4f6b20";
+            readonly '950': "#35421c";
+            readonly '1000': "#252d16";
+        };
+        readonly cashbackLilac: {
+            readonly '0': "#f7f5f8";
+            readonly '50': "#f5f2f6";
+            readonly '100': "#ebdef5";
+            readonly '200': "#e4caf5";
+            readonly '300': "#dfbdf5";
+            readonly '400': "#ce9cf0";
+            readonly '500': "#be7aeb";
+            readonly '600': "#9f3be2";
+            readonly '700': "#8b2bc9";
+            readonly '800': "#7821b8";
+            readonly '900': "#7429b5";
+            readonly '950': "#522270";
+            readonly '1000': "#3a1f52";
+        };
+        readonly energyBlue: {
+            readonly '0': "#f7f9fa";
+            readonly '50': "#edf4f6";
+            readonly '100': "#d4e5e9";
+            readonly '200': "#bddee4";
+            readonly '300': "#6db5c3";
+            readonly '400': "#579daa";
+            readonly '500': "#4c8a97";
+            readonly '600': "#367683";
+            readonly '700': "#326e7a";
+            readonly '800': "#2d6571";
+            readonly '900': "#2c6370";
+            readonly '950': "#254348";
+            readonly '1000': "#1a2f35";
+        };
+        readonly green: {
+            readonly '0': "#f8fdf9";
+            readonly '50': "#e7f9f0";
+            readonly '100': "#c5edda";
+            readonly '200': "#a2e2c3";
+            readonly '300': "#74d6a0";
+            readonly '400': "#58ca93";
+            readonly '500': "#36bf7d";
+            readonly '600': "#19a660";
+            readonly '700': "#0f834a";
+            readonly '800': "#04663a";
+            readonly '900': "#074b2a";
+            readonly '950': "#033d21";
+            readonly '1000': "#002e18";
+        };
+        readonly grey: {
+            readonly '0': "#ffffff";
+            readonly '50': "#f6f5f5";
+            readonly '100': "#e7e6e6";
+            readonly '200': "#d1d0d0";
+            readonly '300': "#b2afae";
+            readonly '400': "#8a8686";
+            readonly '500': "#6f6c6b";
+            readonly '600': "#5f5c5b";
+            readonly '700': "#555352";
+            readonly '800': "#464444";
+            readonly '900': "#3e3c3b";
+            readonly '950': "#222222";
+            readonly '975': "#191919";
+            readonly '1000': "#101010";
+        };
+        readonly insuranceOrange: {
+            readonly '0': "#fefcf9";
+            readonly '50': "#fdf5eb";
+            readonly '100': "#fcecd6";
+            readonly '200': "#ffcda0";
+            readonly '300': "#ffb46d";
+            readonly '400': "#ff7b00";
+            readonly '500': "#f06b00";
+            readonly '600': "#e26400";
+            readonly '700': "#cb5b00";
+            readonly '800': "#9b4c0e";
+            readonly '900': "#7f4518";
+            readonly '950': "#5a3213";
+            readonly '1000': "#3f2616";
+        };
+        readonly mobileRose: {
+            readonly '0': "#fffaf9";
+            readonly '50': "#fdf2f6";
+            readonly '100': "#faeaf2";
+            readonly '200': "#fad0e9";
+            readonly '300': "#f49fd2";
+            readonly '400': "#ee6dbb";
+            readonly '500': "#e652aa";
+            readonly '600': "#de379a";
+            readonly '700': "#d61c89";
+            readonly '800': "#a7266d";
+            readonly '900': "#8a3260";
+            readonly '950': "#601f42";
+            readonly '1000': "#421a32";
+        };
+        readonly orange: {
+            readonly '0': "#fffdf8";
+            readonly '50': "#fff5ed";
+            readonly '100': "#ffe6d4";
+            readonly '200': "#ffcca8";
+            readonly '300': "#ffab70";
+            readonly '400': "#ff9639";
+            readonly '500': "#ff8010";
+            readonly '600': "#f56e00";
+            readonly '700': "#cf5d00";
+            readonly '750': "#be5400";
+            readonly '800': "#ad4b00";
+            readonly '900': "#893900";
+            readonly '950': "#6b2d00";
+            readonly '1000': "#4a1f00";
+        };
+        readonly piggyPink: {
+            readonly '0': "#faf5fa";
+            readonly '50': "#f6f1f7";
+            readonly '100': "#f9eafa";
+            readonly '200': "#f9ceff";
+            readonly '300': "#f295ff";
+            readonly '400': "#ed66ff";
+            readonly '500': "#d052c8";
+            readonly '600': "#bc48b4";
+            readonly '700': "#a53fa5";
+            readonly '800': "#8f358f";
+            readonly '900': "#7a1f7e";
+            readonly '950': "#5d2167";
+            readonly '1000': "#3f1448";
+        };
+        readonly purple: {
+            readonly '0': "#f7f6f9";
+            readonly '50': "#eeebf4";
+            readonly '100': "#e6dff1";
+            readonly '200': "#ddd2ef";
+            readonly '300': "#d5c3ee";
+            readonly '400': "#a782db";
+            readonly '500': "#926fd1";
+            readonly '600': "#8850cf";
+            readonly '700': "#7a42c8";
+            readonly '800': "#6538b8";
+            readonly '900': "#5a3285";
+            readonly '950': "#492d6f";
+            readonly '1000': "#26164f";
+        };
+        readonly red: {
+            readonly '0': "#fffaf9";
+            readonly '50': "#fff3f1";
+            readonly '100': "#ffe3df";
+            readonly '200': "#ffccc5";
+            readonly '300': "#ffa89d";
+            readonly '400': "#ff7964";
+            readonly '500': "#ff634a";
+            readonly '600': "#f4412a";
+            readonly '700': "#de2612";
+            readonly '800': "#a4281e";
+            readonly '900': "#6b1f1a";
+            readonly '950': "#521a16";
+            readonly '1000': "#3b1512";
+        };
+        readonly warmWhite: {
+            readonly '0': "#fdfcfa";
+            readonly '50': "#fcfbf2";
+            readonly '100': "#f7f6eb";
+            readonly '200': "#f1efe4";
+            readonly '300': "#d4d2c0";
+            readonly '400': "#bfb9a9";
+            readonly '500': "#a99f8b";
+            readonly '600': "#89816e";
+            readonly '700': "#6a6354";
+            readonly '800': "#4c473d";
+            readonly '900': "#30302c";
+            readonly '950': "#282825";
+            readonly '975': "#20201d";
+            readonly '1000': "#191917";
+        };
+        readonly yellow: {
+            readonly '0': "#fffef9";
+            readonly '50': "#fff8ea";
+            readonly '100': "#ffe8b8";
+            readonly '200': "#ffd885";
+            readonly '300': "#ffc852";
+            readonly '400': "#ffb921";
+            readonly '500': "#eba400";
+            readonly '600': "#d1950b";
+            readonly '700': "#b78715";
+            readonly '800': "#9c7820";
+            readonly '900': "#82692b";
+            readonly '950': "#756230";
+            readonly '1000': "#4c401f";
+        };
+    };
+    readonly components: typeof components.light;
+};
+export declare const darkTheme: {
+    readonly helpers: {
+        focusVisible: {
+            outlineStyle: string;
+            outlineWidth: number;
+            outlineColor: "#e7e6e6";
+            outlineOffset: number;
+        };
+    };
+    readonly platform: "ios" | "android" | "windows" | "macos" | "web";
+    readonly space: {
+        readonly '1/2': "50%";
+        readonly '1/3': "33.333%";
+        readonly '2/3': "66.666%";
+        readonly '1/4': "25%";
+        readonly '2/4': "50%";
+        readonly '3/4': "75%";
+        readonly '1/5': "20%";
+        readonly '2/5': "40%";
+        readonly '3/5': "60%";
+        readonly '4/5': "80%";
+        readonly '1/6': "16.666%";
+        readonly '2/6': "33.333%";
+        readonly '3/6': "50%";
+        readonly '4/6': "66.666%";
+        readonly '5/6': "83.333%";
+        readonly full: DimensionValue;
+        readonly '0': 0;
+        readonly '25': 2;
+        readonly '50': 4;
+        readonly '75': 6;
+        readonly '100': 8;
+        readonly '150': 12;
+        readonly '175': 14;
+        readonly '200': 16;
+        readonly '250': 20;
+        readonly '300': 24;
+        readonly '350': 28;
+        readonly '400': 32;
+        readonly '500': 40;
+        readonly '600': 48;
+        readonly '700': 56;
+        readonly '800': 64;
+        readonly '900': 72;
+        readonly '1000': 80;
+    };
+    readonly borderWidth: {
+        readonly '1': 1;
+        readonly '2': 2;
+    };
+    readonly borderRadius: {
+        readonly full: 9999;
+        readonly lg: 12;
+        readonly md: 8;
+        readonly none: 0;
+        readonly sm: 6;
+        readonly xl: 16;
+        readonly xs: 4;
+    };
+    readonly breakpoints: {
+        readonly base: 0;
+        readonly xs: 320;
+        readonly sm: 399;
+        readonly md: 768;
+        readonly lg: 992;
+        readonly xl: 1280;
+        readonly superLarge: 2000;
+        readonly tvLike: 4000;
+    };
+    readonly letterSpacing: {
+        readonly '0': 0;
+        readonly '50': -0.30000001192092896;
+        readonly '75': -0.36000001430511475;
+        readonly '90': -0.41999998688697815;
+        readonly '100': -0.47999998927116394;
+        readonly '150': -0.5400000214576721;
+        readonly '200': -0.6000000238418579;
+        readonly '300': -0.7200000286102295;
+        readonly '400': -0.8999999761581421;
+        readonly '500': -1.0800000429153442;
+        readonly '550': -1.2000000476837158;
+        readonly '600': -1.440000057220459;
+        readonly '700': -1.7999999523162842;
+        readonly '800': -2.1600000858306885;
+        readonly '900': -2.880000114440918;
+        readonly '1000': -3.8399999141693115;
+    };
+    readonly lineHeight: {
+        readonly '50': 12;
+        readonly '75': 14;
+        readonly '100': 16;
+        readonly '200': 18;
+        readonly '300': 20;
+        readonly '400': 22;
+        readonly '500': 24;
+        readonly '600': 28;
+        readonly '700': 32;
+        readonly '800': 36;
+        readonly '900': 40;
+        readonly '950': 48;
+        readonly '1000': 56;
+        readonly '1100': 72;
+        readonly '1200': 90;
+    };
+    readonly font: {
+        readonly family: {
+            readonly body: "DM Sans";
+            readonly detail: "DM Mono";
+            readonly heading: "Comic Hams";
+        };
+        readonly size: {
+            readonly '50': 10;
+            readonly '75': 12;
+            readonly '90': 14;
+            readonly '100': 16;
+            readonly '150': 18;
+            readonly '200': 20;
+            readonly '300': 24;
+            readonly '400': 30;
+            readonly '500': 36;
+            readonly '550': 40;
+            readonly '600': 48;
+            readonly '700': 60;
+            readonly '800': 72;
+            readonly '900': 96;
+            readonly '1000': 128;
+        };
+        readonly weight: {
+            readonly bold: 700;
+            readonly heavy: 900;
+            readonly medium: 500;
+            readonly regular: 400;
+            readonly semibold: 600;
+        };
+    };
+    readonly fontWeight: {
+        readonly bold: 700;
+        readonly heavy: 900;
+        readonly medium: 500;
+        readonly regular: 400;
+        readonly semibold: 600;
+    };
+    readonly fontFamily: {
+        readonly body: "DM Sans";
+        readonly detail: "DM Mono";
+        readonly heading: "Comic Hams";
+    };
+    readonly fontSize: {
+        readonly '50': 10;
+        readonly '75': 12;
+        readonly '90': 14;
+        readonly '100': 16;
+        readonly '150': 18;
+        readonly '200': 20;
+        readonly '300': 24;
+        readonly '400': 30;
+        readonly '500': 36;
+        readonly '550': 40;
+        readonly '600': 48;
+        readonly '700': 60;
+        readonly '800': 72;
+        readonly '900': 96;
+        readonly '1000': 128;
+    };
+    readonly typography: {
+        readonly mobile: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 500;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 32;
+                };
+                readonly md: {
+                    readonly fontSize: 20;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 36;
+                };
+            };
+        };
+        readonly tablet: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 32;
+                };
+                readonly md: {
+                    readonly fontSize: 20;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 36;
+                };
+            };
+        };
+        readonly desktop: {
+            readonly bodyText: {
+                readonly fontFamily: "DM Sans";
+                readonly fontWeight: 400;
+                readonly fontWeightBold: 700;
+                readonly fontWeightSemibold: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 18;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly lineHeight: 24;
+                    readonly paragraphSpacing: 16;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly lineHeight: 20;
+                    readonly paragraphSpacing: 14;
+                };
+            };
+            readonly detailText: {
+                readonly '2xl': {
+                    readonly fontSize: 24;
+                    readonly letterSpacing: -0.7200000286102295;
+                    readonly lineHeight: 32;
+                };
+                readonly '3xl': {
+                    readonly fontSize: 30;
+                    readonly letterSpacing: -0.8999999761581421;
+                    readonly lineHeight: 36;
+                };
+                readonly '4xl': {
+                    readonly fontSize: 36;
+                    readonly letterSpacing: -1.0800000429153442;
+                    readonly lineHeight: 36;
+                };
+                readonly fontFamily: "DM Mono";
+                readonly fontWeight: 600;
+                readonly lg: {
+                    readonly fontSize: 18;
+                    readonly letterSpacing: -0.5400000214576721;
+                    readonly lineHeight: 22;
+                };
+                readonly md: {
+                    readonly fontSize: 16;
+                    readonly letterSpacing: -0.47999998927116394;
+                    readonly lineHeight: 24;
+                };
+                readonly sm: {
+                    readonly fontSize: 14;
+                    readonly letterSpacing: -0.41999998688697815;
+                    readonly lineHeight: 18;
+                };
+                readonly xl: {
+                    readonly fontSize: 20;
+                    readonly letterSpacing: -0.6000000238418579;
+                    readonly lineHeight: 22;
+                };
+            };
+            readonly heading: {
+                readonly fontFamily: "Comic Hams";
+                readonly lg: {
+                    readonly fontSize: 30;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 36;
+                };
+                readonly md: {
+                    readonly fontSize: 24;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 28;
+                };
+                readonly sm: {
+                    readonly fontSize: 18;
+                    readonly fontWeight: 600;
+                    readonly lineHeight: 22;
+                };
+                readonly xl: {
+                    readonly fontSize: 40;
+                    readonly fontWeight: 700;
+                    readonly lineHeight: 48;
+                };
+            };
+        };
+    };
+    readonly layout: {
+        readonly mobile: {
+            readonly breakpoints: {
+                readonly maxWidth: 740;
+                readonly minWidth: 320;
+            };
+            readonly container: {
+                readonly paddingBottom: 32;
+                readonly paddingHorizontal: 16;
+                readonly paddingTop: 24;
+                readonly width: 360;
+            };
+            readonly grid: {
+                readonly columnNumber: 4;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 16;
+                readonly margin: 16;
+            };
+            readonly spacing: {
+                readonly lg: 20;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 28;
+                readonly xs: 8;
+            };
+        };
+        readonly tablet: {
+            readonly breakpoints: {
+                readonly maxWidth: 992;
+                readonly minWidth: 740;
+            };
+            readonly container: {
+                readonly paddingBottom: 32;
+                readonly paddingHorizontal: 32;
+                readonly paddingTop: 24;
+                readonly width: 744;
+            };
+            readonly grid: {
+                readonly columnNumber: 8;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 24;
+                readonly margin: 32;
+            };
+            readonly spacing: {
+                readonly lg: 24;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 28;
+                readonly xs: 8;
+            };
+        };
+        readonly desktop: {
+            readonly breakpoints: {
+                readonly maxWidth: 3840;
+                readonly minWidth: 992;
+            };
+            readonly container: {
+                readonly paddingBottom: 48;
+                readonly paddingHorizontal: 32;
+                readonly paddingTop: 32;
+                readonly width: 1096;
+            };
+            readonly grid: {
+                readonly columnNumber: 12;
+                readonly columnWidth: 64;
+                readonly gridSize: 8;
+                readonly gutter: 24;
+                readonly margin: 32;
+            };
+            readonly spacing: {
+                readonly lg: 24;
+                readonly md: 16;
+                readonly sm: 12;
+                readonly xl: 40;
+                readonly xs: 8;
+            };
+        };
+    };
+    readonly shadow: {
+        readonly mobile: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+        readonly tablet: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 6;
+                readonly y: 6;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+        readonly desktop: {
+            readonly md: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 6;
+                readonly y: 6;
+            };
+            readonly sm: {
+                readonly blur: 0;
+                readonly spread: 0;
+                readonly x: 4;
+                readonly y: 4;
+            };
+        };
+    };
+    readonly opacity: {
+        readonly disabled: 0.5;
+    };
+    readonly globalStyle: {
+        readonly variants: {
+            readonly hardShadow: {
+                readonly '1': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: -2;
+                        readonly height: 2;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '2': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '3': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 2;
+                        readonly height: 2;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '4': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: -3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.5;
+                    readonly elevation: 10;
+                };
+                readonly '5': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 3;
+                    };
+                    readonly shadowRadius: 8;
+                    readonly shadowOpacity: 0.2;
+                    readonly elevation: 10;
+                };
+            };
+            readonly softShadow: {
+                readonly '1': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 10;
+                    readonly shadowOpacity: 0.1;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 5;
+                        readonly shadowOpacity: 0.05;
+                    };
+                };
+                readonly '2': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 20;
+                    readonly elevation: 3;
+                    readonly shadowOpacity: 0.1;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 10;
+                        readonly shadowOpacity: 0.1;
+                    };
+                };
+                readonly '3': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 30;
+                    readonly shadowOpacity: 0.1;
+                    readonly elevation: 4;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 15;
+                        readonly shadowOpacity: 0.15;
+                    };
+                };
+                readonly '4': {
+                    readonly shadowColor: "#3e3c3b";
+                    readonly shadowOffset: {
+                        readonly width: 0;
+                        readonly height: 0;
+                    };
+                    readonly shadowRadius: 40;
+                    readonly shadowOpacity: 0.1;
+                    readonly elevation: 10;
+                    readonly _android: {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly elevation: 20;
+                        readonly shadowOpacity: 0.2;
+                    };
+                };
+            };
+            readonly space: {
+                readonly none: {};
+                readonly xs: {
+                    readonly gap: {
+                        readonly base: 8;
+                        readonly md: 8;
+                        readonly lg: 8;
+                    };
+                };
+                readonly sm: {
+                    readonly gap: {
+                        readonly base: 12;
+                        readonly md: 12;
+                        readonly lg: 12;
+                    };
+                };
+                readonly md: {
+                    readonly gap: {
+                        readonly base: 16;
+                        readonly md: 16;
+                        readonly lg: 16;
+                    };
+                };
+                readonly lg: {
+                    readonly gap: {
+                        readonly base: 20;
+                        readonly md: 24;
+                        readonly lg: 24;
+                    };
+                };
+                readonly xl: {
+                    readonly gap: {
+                        readonly base: 28;
+                        readonly md: 28;
+                        readonly lg: 40;
+                    };
+                };
+            };
+        };
+    };
+    readonly colorMode: "dark";
+    readonly isLight: false;
+    readonly isDark: true;
+    readonly color: {
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        readonly background: "#191917";
+        readonly background1: "#222222";
+        readonly backgroundPurple: "#7a42c8";
+        readonly invalidText: "#ff7964";
+        readonly shadow: {
+            readonly broadbandGreenColor: "#506c21";
+            readonly cashbackLilacColor: "#8b2bc9";
+            readonly defaultColor: "#e7e6e6";
+            readonly energyBlueColor: "#326e7a";
+            readonly insuranceOrangeColor: "#9b4c0e";
+            readonly mobileRoseColor: "#a7266d";
+            readonly piggyPinkColor: "#8f358f";
+            readonly purpleColor: "#7a42c8";
+        };
+        readonly blue: {
+            readonly '0': "#f8fbff";
+            readonly '50': "#eef7ff";
+            readonly '100': "#d9ecff";
+            readonly '200': "#bcddff";
+            readonly '300': "#93c1ff";
+            readonly '400': "#6bb0ff";
+            readonly '500': "#41a0ff";
+            readonly '600': "#2786f1";
+            readonly '700': "#1c6cd4";
+            readonly '800': "#2354a4";
+            readonly '900': "#0b3375";
+            readonly '950': "#042455";
+            readonly '1000': "#001433";
+        };
+        readonly broadbandGreen: {
+            readonly '0': "#f8faf6";
+            readonly '50': "#f2f6ed";
+            readonly '100': "#e7efdc";
+            readonly '200': "#d2e6b0";
+            readonly '300': "#8cba3b";
+            readonly '400': "#7aa031";
+            readonly '500': "#6e932b";
+            readonly '600': "#64862a";
+            readonly '700': "#5a7926";
+            readonly '800': "#506c21";
+            readonly '900': "#4f6b20";
+            readonly '950': "#35421c";
+            readonly '1000': "#252d16";
+        };
+        readonly cashbackLilac: {
+            readonly '0': "#f7f5f8";
+            readonly '50': "#f5f2f6";
+            readonly '100': "#ebdef5";
+            readonly '200': "#e4caf5";
+            readonly '300': "#dfbdf5";
+            readonly '400': "#ce9cf0";
+            readonly '500': "#be7aeb";
+            readonly '600': "#9f3be2";
+            readonly '700': "#8b2bc9";
+            readonly '800': "#7821b8";
+            readonly '900': "#7429b5";
+            readonly '950': "#522270";
+            readonly '1000': "#3a1f52";
+        };
+        readonly energyBlue: {
+            readonly '0': "#f7f9fa";
+            readonly '50': "#edf4f6";
+            readonly '100': "#d4e5e9";
+            readonly '200': "#bddee4";
+            readonly '300': "#6db5c3";
+            readonly '400': "#579daa";
+            readonly '500': "#4c8a97";
+            readonly '600': "#367683";
+            readonly '700': "#326e7a";
+            readonly '800': "#2d6571";
+            readonly '900': "#2c6370";
+            readonly '950': "#254348";
+            readonly '1000': "#1a2f35";
+        };
+        readonly green: {
+            readonly '0': "#f8fdf9";
+            readonly '50': "#e7f9f0";
+            readonly '100': "#c5edda";
+            readonly '200': "#a2e2c3";
+            readonly '300': "#74d6a0";
+            readonly '400': "#58ca93";
+            readonly '500': "#36bf7d";
+            readonly '600': "#19a660";
+            readonly '700': "#0f834a";
+            readonly '800': "#04663a";
+            readonly '900': "#074b2a";
+            readonly '950': "#033d21";
+            readonly '1000': "#002e18";
+        };
+        readonly grey: {
+            readonly '0': "#ffffff";
+            readonly '50': "#f6f5f5";
+            readonly '100': "#e7e6e6";
+            readonly '200': "#d1d0d0";
+            readonly '300': "#b2afae";
+            readonly '400': "#8a8686";
+            readonly '500': "#6f6c6b";
+            readonly '600': "#5f5c5b";
+            readonly '700': "#555352";
+            readonly '800': "#464444";
+            readonly '900': "#3e3c3b";
+            readonly '950': "#222222";
+            readonly '975': "#191919";
+            readonly '1000': "#101010";
+        };
+        readonly insuranceOrange: {
+            readonly '0': "#fefcf9";
+            readonly '50': "#fdf5eb";
+            readonly '100': "#fcecd6";
+            readonly '200': "#ffcda0";
+            readonly '300': "#ffb46d";
+            readonly '400': "#ff7b00";
+            readonly '500': "#f06b00";
+            readonly '600': "#e26400";
+            readonly '700': "#cb5b00";
+            readonly '800': "#9b4c0e";
+            readonly '900': "#7f4518";
+            readonly '950': "#5a3213";
+            readonly '1000': "#3f2616";
+        };
+        readonly mobileRose: {
+            readonly '0': "#fffaf9";
+            readonly '50': "#fdf2f6";
+            readonly '100': "#faeaf2";
+            readonly '200': "#fad0e9";
+            readonly '300': "#f49fd2";
+            readonly '400': "#ee6dbb";
+            readonly '500': "#e652aa";
+            readonly '600': "#de379a";
+            readonly '700': "#d61c89";
+            readonly '800': "#a7266d";
+            readonly '900': "#8a3260";
+            readonly '950': "#601f42";
+            readonly '1000': "#421a32";
+        };
+        readonly orange: {
+            readonly '0': "#fffdf8";
+            readonly '50': "#fff5ed";
+            readonly '100': "#ffe6d4";
+            readonly '200': "#ffcca8";
+            readonly '300': "#ffab70";
+            readonly '400': "#ff9639";
+            readonly '500': "#ff8010";
+            readonly '600': "#f56e00";
+            readonly '700': "#cf5d00";
+            readonly '750': "#be5400";
+            readonly '800': "#ad4b00";
+            readonly '900': "#893900";
+            readonly '950': "#6b2d00";
+            readonly '1000': "#4a1f00";
+        };
+        readonly piggyPink: {
+            readonly '0': "#faf5fa";
+            readonly '50': "#f6f1f7";
+            readonly '100': "#f9eafa";
+            readonly '200': "#f9ceff";
+            readonly '300': "#f295ff";
+            readonly '400': "#ed66ff";
+            readonly '500': "#d052c8";
+            readonly '600': "#bc48b4";
+            readonly '700': "#a53fa5";
+            readonly '800': "#8f358f";
+            readonly '900': "#7a1f7e";
+            readonly '950': "#5d2167";
+            readonly '1000': "#3f1448";
+        };
+        readonly purple: {
+            readonly '0': "#f7f6f9";
+            readonly '50': "#eeebf4";
+            readonly '100': "#e6dff1";
+            readonly '200': "#ddd2ef";
+            readonly '300': "#d5c3ee";
+            readonly '400': "#a782db";
+            readonly '500': "#926fd1";
+            readonly '600': "#8850cf";
+            readonly '700': "#7a42c8";
+            readonly '800': "#6538b8";
+            readonly '900': "#5a3285";
+            readonly '950': "#492d6f";
+            readonly '1000': "#26164f";
+        };
+        readonly red: {
+            readonly '0': "#fffaf9";
+            readonly '50': "#fff3f1";
+            readonly '100': "#ffe3df";
+            readonly '200': "#ffccc5";
+            readonly '300': "#ffa89d";
+            readonly '400': "#ff7964";
+            readonly '500': "#ff634a";
+            readonly '600': "#f4412a";
+            readonly '700': "#de2612";
+            readonly '800': "#a4281e";
+            readonly '900': "#6b1f1a";
+            readonly '950': "#521a16";
+            readonly '1000': "#3b1512";
+        };
+        readonly warmWhite: {
+            readonly '0': "#fdfcfa";
+            readonly '50': "#fcfbf2";
+            readonly '100': "#f7f6eb";
+            readonly '200': "#f1efe4";
+            readonly '300': "#d4d2c0";
+            readonly '400': "#bfb9a9";
+            readonly '500': "#a99f8b";
+            readonly '600': "#89816e";
+            readonly '700': "#6a6354";
+            readonly '800': "#4c473d";
+            readonly '900': "#30302c";
+            readonly '950': "#282825";
+            readonly '975': "#20201d";
+            readonly '1000': "#191917";
+        };
+        readonly yellow: {
+            readonly '0': "#fffef9";
+            readonly '50': "#fff8ea";
+            readonly '100': "#ffe8b8";
+            readonly '200': "#ffd885";
+            readonly '300': "#ffc852";
+            readonly '400': "#ffb921";
+            readonly '500': "#eba400";
+            readonly '600': "#d1950b";
+            readonly '700': "#b78715";
+            readonly '800': "#9c7820";
+            readonly '900': "#82692b";
+            readonly '950': "#756230";
+            readonly '1000': "#4c401f";
+        };
+    };
+    readonly components: typeof components.dark;
+};
+export declare const themes: {
+    readonly light: {
+        readonly helpers: {
+            focusVisible: {
+                outlineStyle: string;
+                outlineWidth: number;
+                outlineColor: "#101010";
+                outlineOffset: number;
+            };
+        };
+        readonly platform: "ios" | "android" | "windows" | "macos" | "web";
+        readonly space: {
+            readonly '1/2': "50%";
+            readonly '1/3': "33.333%";
+            readonly '2/3': "66.666%";
+            readonly '1/4': "25%";
+            readonly '2/4': "50%";
+            readonly '3/4': "75%";
+            readonly '1/5': "20%";
+            readonly '2/5': "40%";
+            readonly '3/5': "60%";
+            readonly '4/5': "80%";
+            readonly '1/6': "16.666%";
+            readonly '2/6': "33.333%";
+            readonly '3/6': "50%";
+            readonly '4/6': "66.666%";
+            readonly '5/6': "83.333%";
+            readonly full: DimensionValue;
+            readonly '0': 0;
+            readonly '25': 2;
+            readonly '50': 4;
+            readonly '75': 6;
+            readonly '100': 8;
+            readonly '150': 12;
+            readonly '175': 14;
+            readonly '200': 16;
+            readonly '250': 20;
+            readonly '300': 24;
+            readonly '350': 28;
+            readonly '400': 32;
+            readonly '500': 40;
+            readonly '600': 48;
+            readonly '700': 56;
+            readonly '800': 64;
+            readonly '900': 72;
+            readonly '1000': 80;
+        };
+        readonly borderWidth: {
+            readonly '1': 1;
+            readonly '2': 2;
+        };
+        readonly borderRadius: {
+            readonly full: 9999;
+            readonly lg: 12;
+            readonly md: 8;
+            readonly none: 0;
+            readonly sm: 6;
+            readonly xl: 16;
+            readonly xs: 4;
+        };
+        readonly breakpoints: {
+            readonly base: 0;
+            readonly xs: 320;
+            readonly sm: 399;
+            readonly md: 768;
+            readonly lg: 992;
+            readonly xl: 1280;
+            readonly superLarge: 2000;
+            readonly tvLike: 4000;
+        };
+        readonly letterSpacing: {
+            readonly '0': 0;
+            readonly '50': -0.30000001192092896;
+            readonly '75': -0.36000001430511475;
+            readonly '90': -0.41999998688697815;
+            readonly '100': -0.47999998927116394;
+            readonly '150': -0.5400000214576721;
+            readonly '200': -0.6000000238418579;
+            readonly '300': -0.7200000286102295;
+            readonly '400': -0.8999999761581421;
+            readonly '500': -1.0800000429153442;
+            readonly '550': -1.2000000476837158;
+            readonly '600': -1.440000057220459;
+            readonly '700': -1.7999999523162842;
+            readonly '800': -2.1600000858306885;
+            readonly '900': -2.880000114440918;
+            readonly '1000': -3.8399999141693115;
+        };
+        readonly lineHeight: {
+            readonly '50': 12;
+            readonly '75': 14;
+            readonly '100': 16;
+            readonly '200': 18;
+            readonly '300': 20;
+            readonly '400': 22;
+            readonly '500': 24;
+            readonly '600': 28;
+            readonly '700': 32;
+            readonly '800': 36;
+            readonly '900': 40;
+            readonly '950': 48;
+            readonly '1000': 56;
+            readonly '1100': 72;
+            readonly '1200': 90;
+        };
+        readonly font: {
+            readonly family: {
+                readonly body: "DM Sans";
+                readonly detail: "DM Mono";
+                readonly heading: "Comic Hams";
+            };
+            readonly size: {
+                readonly '50': 10;
+                readonly '75': 12;
+                readonly '90': 14;
+                readonly '100': 16;
+                readonly '150': 18;
+                readonly '200': 20;
+                readonly '300': 24;
+                readonly '400': 30;
+                readonly '500': 36;
+                readonly '550': 40;
+                readonly '600': 48;
+                readonly '700': 60;
+                readonly '800': 72;
+                readonly '900': 96;
+                readonly '1000': 128;
+            };
+            readonly weight: {
+                readonly bold: 700;
+                readonly heavy: 900;
+                readonly medium: 500;
+                readonly regular: 400;
+                readonly semibold: 600;
+            };
+        };
+        readonly fontWeight: {
+            readonly bold: 700;
+            readonly heavy: 900;
+            readonly medium: 500;
+            readonly regular: 400;
+            readonly semibold: 600;
+        };
+        readonly fontFamily: {
+            readonly body: "DM Sans";
+            readonly detail: "DM Mono";
+            readonly heading: "Comic Hams";
+        };
+        readonly fontSize: {
+            readonly '50': 10;
+            readonly '75': 12;
+            readonly '90': 14;
+            readonly '100': 16;
+            readonly '150': 18;
+            readonly '200': 20;
+            readonly '300': 24;
+            readonly '400': 30;
+            readonly '500': 36;
+            readonly '550': 40;
+            readonly '600': 48;
+            readonly '700': 60;
+            readonly '800': 72;
+            readonly '900': 96;
+            readonly '1000': 128;
+        };
+        readonly typography: {
+            readonly mobile: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 500;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 32;
+                    };
+                    readonly md: {
+                        readonly fontSize: 20;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 36;
+                    };
+                };
+            };
+            readonly tablet: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 32;
+                    };
+                    readonly md: {
+                        readonly fontSize: 20;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 36;
+                    };
+                };
+            };
+            readonly desktop: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 36;
+                    };
+                    readonly md: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 28;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 40;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 48;
+                    };
+                };
+            };
+        };
+        readonly layout: {
+            readonly mobile: {
+                readonly breakpoints: {
+                    readonly maxWidth: 740;
+                    readonly minWidth: 320;
+                };
+                readonly container: {
+                    readonly paddingBottom: 32;
+                    readonly paddingHorizontal: 16;
+                    readonly paddingTop: 24;
+                    readonly width: 360;
+                };
+                readonly grid: {
+                    readonly columnNumber: 4;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 16;
+                    readonly margin: 16;
+                };
+                readonly spacing: {
+                    readonly lg: 20;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 28;
+                    readonly xs: 8;
+                };
+            };
+            readonly tablet: {
+                readonly breakpoints: {
+                    readonly maxWidth: 992;
+                    readonly minWidth: 740;
+                };
+                readonly container: {
+                    readonly paddingBottom: 32;
+                    readonly paddingHorizontal: 32;
+                    readonly paddingTop: 24;
+                    readonly width: 744;
+                };
+                readonly grid: {
+                    readonly columnNumber: 8;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 24;
+                    readonly margin: 32;
+                };
+                readonly spacing: {
+                    readonly lg: 24;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 28;
+                    readonly xs: 8;
+                };
+            };
+            readonly desktop: {
+                readonly breakpoints: {
+                    readonly maxWidth: 3840;
+                    readonly minWidth: 992;
+                };
+                readonly container: {
+                    readonly paddingBottom: 48;
+                    readonly paddingHorizontal: 32;
+                    readonly paddingTop: 32;
+                    readonly width: 1096;
+                };
+                readonly grid: {
+                    readonly columnNumber: 12;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 24;
+                    readonly margin: 32;
+                };
+                readonly spacing: {
+                    readonly lg: 24;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 40;
+                    readonly xs: 8;
+                };
+            };
+        };
+        readonly shadow: {
+            readonly mobile: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+            readonly tablet: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 6;
+                    readonly y: 6;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+            readonly desktop: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 6;
+                    readonly y: 6;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+        };
+        readonly opacity: {
+            readonly disabled: 0.5;
+        };
+        readonly globalStyle: {
+            readonly variants: {
+                readonly hardShadow: {
+                    readonly '1': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: -2;
+                            readonly height: 2;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '2': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '3': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 2;
+                            readonly height: 2;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '4': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: -3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '5': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.2;
+                        readonly elevation: 10;
+                    };
+                };
+                readonly softShadow: {
+                    readonly '1': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 10;
+                        readonly shadowOpacity: 0.1;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 5;
+                            readonly shadowOpacity: 0.05;
+                        };
+                    };
+                    readonly '2': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 20;
+                        readonly elevation: 3;
+                        readonly shadowOpacity: 0.1;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 10;
+                            readonly shadowOpacity: 0.1;
+                        };
+                    };
+                    readonly '3': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 30;
+                        readonly shadowOpacity: 0.1;
+                        readonly elevation: 4;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 15;
+                            readonly shadowOpacity: 0.15;
+                        };
+                    };
+                    readonly '4': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 40;
+                        readonly shadowOpacity: 0.1;
+                        readonly elevation: 10;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 20;
+                            readonly shadowOpacity: 0.2;
+                        };
+                    };
+                };
+                readonly space: {
+                    readonly none: {};
+                    readonly xs: {
+                        readonly gap: {
+                            readonly base: 8;
+                            readonly md: 8;
+                            readonly lg: 8;
+                        };
+                    };
+                    readonly sm: {
+                        readonly gap: {
+                            readonly base: 12;
+                            readonly md: 12;
+                            readonly lg: 12;
+                        };
+                    };
+                    readonly md: {
+                        readonly gap: {
+                            readonly base: 16;
+                            readonly md: 16;
+                            readonly lg: 16;
+                        };
+                    };
+                    readonly lg: {
+                        readonly gap: {
+                            readonly base: 20;
+                            readonly md: 24;
+                            readonly lg: 24;
+                        };
+                    };
+                    readonly xl: {
+                        readonly gap: {
+                            readonly base: 28;
+                            readonly md: 28;
+                            readonly lg: 40;
+                        };
+                    };
+                };
+            };
+        };
+        readonly colorMode: "light";
+        readonly isLight: true;
+        readonly isDark: false;
+        readonly color: {
+            readonly white: "#ffffff";
+            readonly black: "#000000";
+            readonly background: "#fcfbf2";
+            readonly background1: "#ffffff";
+            readonly backgroundPurple: "#7a42c8";
+            readonly invalidText: "#de2612";
+            readonly shadow: {
+                readonly broadbandGreenColor: "#8cba3b";
+                readonly cashbackLilacColor: "#be7aeb";
+                readonly defaultColor: "#101010";
+                readonly energyBlueColor: "#6db5c3";
+                readonly insuranceOrangeColor: "#ff7b00";
+                readonly mobileRoseColor: "#ee6dbb";
+                readonly piggyPinkColor: "#f295ff";
+                readonly purpleColor: "#7a42c8";
+            };
+            readonly blue: {
+                readonly '0': "#f8fbff";
+                readonly '50': "#eef7ff";
+                readonly '100': "#d9ecff";
+                readonly '200': "#bcddff";
+                readonly '300': "#93c1ff";
+                readonly '400': "#6bb0ff";
+                readonly '500': "#41a0ff";
+                readonly '600': "#2786f1";
+                readonly '700': "#1c6cd4";
+                readonly '800': "#2354a4";
+                readonly '900': "#0b3375";
+                readonly '950': "#042455";
+                readonly '1000': "#001433";
+            };
+            readonly broadbandGreen: {
+                readonly '0': "#f8faf6";
+                readonly '50': "#f2f6ed";
+                readonly '100': "#e7efdc";
+                readonly '200': "#d2e6b0";
+                readonly '300': "#8cba3b";
+                readonly '400': "#7aa031";
+                readonly '500': "#6e932b";
+                readonly '600': "#64862a";
+                readonly '700': "#5a7926";
+                readonly '800': "#506c21";
+                readonly '900': "#4f6b20";
+                readonly '950': "#35421c";
+                readonly '1000': "#252d16";
+            };
+            readonly cashbackLilac: {
+                readonly '0': "#f7f5f8";
+                readonly '50': "#f5f2f6";
+                readonly '100': "#ebdef5";
+                readonly '200': "#e4caf5";
+                readonly '300': "#dfbdf5";
+                readonly '400': "#ce9cf0";
+                readonly '500': "#be7aeb";
+                readonly '600': "#9f3be2";
+                readonly '700': "#8b2bc9";
+                readonly '800': "#7821b8";
+                readonly '900': "#7429b5";
+                readonly '950': "#522270";
+                readonly '1000': "#3a1f52";
+            };
+            readonly energyBlue: {
+                readonly '0': "#f7f9fa";
+                readonly '50': "#edf4f6";
+                readonly '100': "#d4e5e9";
+                readonly '200': "#bddee4";
+                readonly '300': "#6db5c3";
+                readonly '400': "#579daa";
+                readonly '500': "#4c8a97";
+                readonly '600': "#367683";
+                readonly '700': "#326e7a";
+                readonly '800': "#2d6571";
+                readonly '900': "#2c6370";
+                readonly '950': "#254348";
+                readonly '1000': "#1a2f35";
+            };
+            readonly green: {
+                readonly '0': "#f8fdf9";
+                readonly '50': "#e7f9f0";
+                readonly '100': "#c5edda";
+                readonly '200': "#a2e2c3";
+                readonly '300': "#74d6a0";
+                readonly '400': "#58ca93";
+                readonly '500': "#36bf7d";
+                readonly '600': "#19a660";
+                readonly '700': "#0f834a";
+                readonly '800': "#04663a";
+                readonly '900': "#074b2a";
+                readonly '950': "#033d21";
+                readonly '1000': "#002e18";
+            };
+            readonly grey: {
+                readonly '0': "#ffffff";
+                readonly '50': "#f6f5f5";
+                readonly '100': "#e7e6e6";
+                readonly '200': "#d1d0d0";
+                readonly '300': "#b2afae";
+                readonly '400': "#8a8686";
+                readonly '500': "#6f6c6b";
+                readonly '600': "#5f5c5b";
+                readonly '700': "#555352";
+                readonly '800': "#464444";
+                readonly '900': "#3e3c3b";
+                readonly '950': "#222222";
+                readonly '975': "#191919";
+                readonly '1000': "#101010";
+            };
+            readonly insuranceOrange: {
+                readonly '0': "#fefcf9";
+                readonly '50': "#fdf5eb";
+                readonly '100': "#fcecd6";
+                readonly '200': "#ffcda0";
+                readonly '300': "#ffb46d";
+                readonly '400': "#ff7b00";
+                readonly '500': "#f06b00";
+                readonly '600': "#e26400";
+                readonly '700': "#cb5b00";
+                readonly '800': "#9b4c0e";
+                readonly '900': "#7f4518";
+                readonly '950': "#5a3213";
+                readonly '1000': "#3f2616";
+            };
+            readonly mobileRose: {
+                readonly '0': "#fffaf9";
+                readonly '50': "#fdf2f6";
+                readonly '100': "#faeaf2";
+                readonly '200': "#fad0e9";
+                readonly '300': "#f49fd2";
+                readonly '400': "#ee6dbb";
+                readonly '500': "#e652aa";
+                readonly '600': "#de379a";
+                readonly '700': "#d61c89";
+                readonly '800': "#a7266d";
+                readonly '900': "#8a3260";
+                readonly '950': "#601f42";
+                readonly '1000': "#421a32";
+            };
+            readonly orange: {
+                readonly '0': "#fffdf8";
+                readonly '50': "#fff5ed";
+                readonly '100': "#ffe6d4";
+                readonly '200': "#ffcca8";
+                readonly '300': "#ffab70";
+                readonly '400': "#ff9639";
+                readonly '500': "#ff8010";
+                readonly '600': "#f56e00";
+                readonly '700': "#cf5d00";
+                readonly '750': "#be5400";
+                readonly '800': "#ad4b00";
+                readonly '900': "#893900";
+                readonly '950': "#6b2d00";
+                readonly '1000': "#4a1f00";
+            };
+            readonly piggyPink: {
+                readonly '0': "#faf5fa";
+                readonly '50': "#f6f1f7";
+                readonly '100': "#f9eafa";
+                readonly '200': "#f9ceff";
+                readonly '300': "#f295ff";
+                readonly '400': "#ed66ff";
+                readonly '500': "#d052c8";
+                readonly '600': "#bc48b4";
+                readonly '700': "#a53fa5";
+                readonly '800': "#8f358f";
+                readonly '900': "#7a1f7e";
+                readonly '950': "#5d2167";
+                readonly '1000': "#3f1448";
+            };
+            readonly purple: {
+                readonly '0': "#f7f6f9";
+                readonly '50': "#eeebf4";
+                readonly '100': "#e6dff1";
+                readonly '200': "#ddd2ef";
+                readonly '300': "#d5c3ee";
+                readonly '400': "#a782db";
+                readonly '500': "#926fd1";
+                readonly '600': "#8850cf";
+                readonly '700': "#7a42c8";
+                readonly '800': "#6538b8";
+                readonly '900': "#5a3285";
+                readonly '950': "#492d6f";
+                readonly '1000': "#26164f";
+            };
+            readonly red: {
+                readonly '0': "#fffaf9";
+                readonly '50': "#fff3f1";
+                readonly '100': "#ffe3df";
+                readonly '200': "#ffccc5";
+                readonly '300': "#ffa89d";
+                readonly '400': "#ff7964";
+                readonly '500': "#ff634a";
+                readonly '600': "#f4412a";
+                readonly '700': "#de2612";
+                readonly '800': "#a4281e";
+                readonly '900': "#6b1f1a";
+                readonly '950': "#521a16";
+                readonly '1000': "#3b1512";
+            };
+            readonly warmWhite: {
+                readonly '0': "#fdfcfa";
+                readonly '50': "#fcfbf2";
+                readonly '100': "#f7f6eb";
+                readonly '200': "#f1efe4";
+                readonly '300': "#d4d2c0";
+                readonly '400': "#bfb9a9";
+                readonly '500': "#a99f8b";
+                readonly '600': "#89816e";
+                readonly '700': "#6a6354";
+                readonly '800': "#4c473d";
+                readonly '900': "#30302c";
+                readonly '950': "#282825";
+                readonly '975': "#20201d";
+                readonly '1000': "#191917";
+            };
+            readonly yellow: {
+                readonly '0': "#fffef9";
+                readonly '50': "#fff8ea";
+                readonly '100': "#ffe8b8";
+                readonly '200': "#ffd885";
+                readonly '300': "#ffc852";
+                readonly '400': "#ffb921";
+                readonly '500': "#eba400";
+                readonly '600': "#d1950b";
+                readonly '700': "#b78715";
+                readonly '800': "#9c7820";
+                readonly '900': "#82692b";
+                readonly '950': "#756230";
+                readonly '1000': "#4c401f";
+            };
+        };
+        readonly components: typeof components.light;
+    };
+    readonly dark: {
+        readonly helpers: {
+            focusVisible: {
+                outlineStyle: string;
+                outlineWidth: number;
+                outlineColor: "#e7e6e6";
+                outlineOffset: number;
+            };
+        };
+        readonly platform: "ios" | "android" | "windows" | "macos" | "web";
+        readonly space: {
+            readonly '1/2': "50%";
+            readonly '1/3': "33.333%";
+            readonly '2/3': "66.666%";
+            readonly '1/4': "25%";
+            readonly '2/4': "50%";
+            readonly '3/4': "75%";
+            readonly '1/5': "20%";
+            readonly '2/5': "40%";
+            readonly '3/5': "60%";
+            readonly '4/5': "80%";
+            readonly '1/6': "16.666%";
+            readonly '2/6': "33.333%";
+            readonly '3/6': "50%";
+            readonly '4/6': "66.666%";
+            readonly '5/6': "83.333%";
+            readonly full: DimensionValue;
+            readonly '0': 0;
+            readonly '25': 2;
+            readonly '50': 4;
+            readonly '75': 6;
+            readonly '100': 8;
+            readonly '150': 12;
+            readonly '175': 14;
+            readonly '200': 16;
+            readonly '250': 20;
+            readonly '300': 24;
+            readonly '350': 28;
+            readonly '400': 32;
+            readonly '500': 40;
+            readonly '600': 48;
+            readonly '700': 56;
+            readonly '800': 64;
+            readonly '900': 72;
+            readonly '1000': 80;
+        };
+        readonly borderWidth: {
+            readonly '1': 1;
+            readonly '2': 2;
+        };
+        readonly borderRadius: {
+            readonly full: 9999;
+            readonly lg: 12;
+            readonly md: 8;
+            readonly none: 0;
+            readonly sm: 6;
+            readonly xl: 16;
+            readonly xs: 4;
+        };
+        readonly breakpoints: {
+            readonly base: 0;
+            readonly xs: 320;
+            readonly sm: 399;
+            readonly md: 768;
+            readonly lg: 992;
+            readonly xl: 1280;
+            readonly superLarge: 2000;
+            readonly tvLike: 4000;
+        };
+        readonly letterSpacing: {
+            readonly '0': 0;
+            readonly '50': -0.30000001192092896;
+            readonly '75': -0.36000001430511475;
+            readonly '90': -0.41999998688697815;
+            readonly '100': -0.47999998927116394;
+            readonly '150': -0.5400000214576721;
+            readonly '200': -0.6000000238418579;
+            readonly '300': -0.7200000286102295;
+            readonly '400': -0.8999999761581421;
+            readonly '500': -1.0800000429153442;
+            readonly '550': -1.2000000476837158;
+            readonly '600': -1.440000057220459;
+            readonly '700': -1.7999999523162842;
+            readonly '800': -2.1600000858306885;
+            readonly '900': -2.880000114440918;
+            readonly '1000': -3.8399999141693115;
+        };
+        readonly lineHeight: {
+            readonly '50': 12;
+            readonly '75': 14;
+            readonly '100': 16;
+            readonly '200': 18;
+            readonly '300': 20;
+            readonly '400': 22;
+            readonly '500': 24;
+            readonly '600': 28;
+            readonly '700': 32;
+            readonly '800': 36;
+            readonly '900': 40;
+            readonly '950': 48;
+            readonly '1000': 56;
+            readonly '1100': 72;
+            readonly '1200': 90;
+        };
+        readonly font: {
+            readonly family: {
+                readonly body: "DM Sans";
+                readonly detail: "DM Mono";
+                readonly heading: "Comic Hams";
+            };
+            readonly size: {
+                readonly '50': 10;
+                readonly '75': 12;
+                readonly '90': 14;
+                readonly '100': 16;
+                readonly '150': 18;
+                readonly '200': 20;
+                readonly '300': 24;
+                readonly '400': 30;
+                readonly '500': 36;
+                readonly '550': 40;
+                readonly '600': 48;
+                readonly '700': 60;
+                readonly '800': 72;
+                readonly '900': 96;
+                readonly '1000': 128;
+            };
+            readonly weight: {
+                readonly bold: 700;
+                readonly heavy: 900;
+                readonly medium: 500;
+                readonly regular: 400;
+                readonly semibold: 600;
+            };
+        };
+        readonly fontWeight: {
+            readonly bold: 700;
+            readonly heavy: 900;
+            readonly medium: 500;
+            readonly regular: 400;
+            readonly semibold: 600;
+        };
+        readonly fontFamily: {
+            readonly body: "DM Sans";
+            readonly detail: "DM Mono";
+            readonly heading: "Comic Hams";
+        };
+        readonly fontSize: {
+            readonly '50': 10;
+            readonly '75': 12;
+            readonly '90': 14;
+            readonly '100': 16;
+            readonly '150': 18;
+            readonly '200': 20;
+            readonly '300': 24;
+            readonly '400': 30;
+            readonly '500': 36;
+            readonly '550': 40;
+            readonly '600': 48;
+            readonly '700': 60;
+            readonly '800': 72;
+            readonly '900': 96;
+            readonly '1000': 128;
+        };
+        readonly typography: {
+            readonly mobile: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 500;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 32;
+                    };
+                    readonly md: {
+                        readonly fontSize: 20;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 36;
+                    };
+                };
+            };
+            readonly tablet: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 32;
+                    };
+                    readonly md: {
+                        readonly fontSize: 20;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 36;
+                    };
+                };
+            };
+            readonly desktop: {
+                readonly bodyText: {
+                    readonly fontFamily: "DM Sans";
+                    readonly fontWeight: 400;
+                    readonly fontWeightBold: 700;
+                    readonly fontWeightSemibold: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 18;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly lineHeight: 24;
+                        readonly paragraphSpacing: 16;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly lineHeight: 20;
+                        readonly paragraphSpacing: 14;
+                    };
+                };
+                readonly detailText: {
+                    readonly '2xl': {
+                        readonly fontSize: 24;
+                        readonly letterSpacing: -0.7200000286102295;
+                        readonly lineHeight: 32;
+                    };
+                    readonly '3xl': {
+                        readonly fontSize: 30;
+                        readonly letterSpacing: -0.8999999761581421;
+                        readonly lineHeight: 36;
+                    };
+                    readonly '4xl': {
+                        readonly fontSize: 36;
+                        readonly letterSpacing: -1.0800000429153442;
+                        readonly lineHeight: 36;
+                    };
+                    readonly fontFamily: "DM Mono";
+                    readonly fontWeight: 600;
+                    readonly lg: {
+                        readonly fontSize: 18;
+                        readonly letterSpacing: -0.5400000214576721;
+                        readonly lineHeight: 22;
+                    };
+                    readonly md: {
+                        readonly fontSize: 16;
+                        readonly letterSpacing: -0.47999998927116394;
+                        readonly lineHeight: 24;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 14;
+                        readonly letterSpacing: -0.41999998688697815;
+                        readonly lineHeight: 18;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 20;
+                        readonly letterSpacing: -0.6000000238418579;
+                        readonly lineHeight: 22;
+                    };
+                };
+                readonly heading: {
+                    readonly fontFamily: "Comic Hams";
+                    readonly lg: {
+                        readonly fontSize: 30;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 36;
+                    };
+                    readonly md: {
+                        readonly fontSize: 24;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 28;
+                    };
+                    readonly sm: {
+                        readonly fontSize: 18;
+                        readonly fontWeight: 600;
+                        readonly lineHeight: 22;
+                    };
+                    readonly xl: {
+                        readonly fontSize: 40;
+                        readonly fontWeight: 700;
+                        readonly lineHeight: 48;
+                    };
+                };
+            };
+        };
+        readonly layout: {
+            readonly mobile: {
+                readonly breakpoints: {
+                    readonly maxWidth: 740;
+                    readonly minWidth: 320;
+                };
+                readonly container: {
+                    readonly paddingBottom: 32;
+                    readonly paddingHorizontal: 16;
+                    readonly paddingTop: 24;
+                    readonly width: 360;
+                };
+                readonly grid: {
+                    readonly columnNumber: 4;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 16;
+                    readonly margin: 16;
+                };
+                readonly spacing: {
+                    readonly lg: 20;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 28;
+                    readonly xs: 8;
+                };
+            };
+            readonly tablet: {
+                readonly breakpoints: {
+                    readonly maxWidth: 992;
+                    readonly minWidth: 740;
+                };
+                readonly container: {
+                    readonly paddingBottom: 32;
+                    readonly paddingHorizontal: 32;
+                    readonly paddingTop: 24;
+                    readonly width: 744;
+                };
+                readonly grid: {
+                    readonly columnNumber: 8;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 24;
+                    readonly margin: 32;
+                };
+                readonly spacing: {
+                    readonly lg: 24;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 28;
+                    readonly xs: 8;
+                };
+            };
+            readonly desktop: {
+                readonly breakpoints: {
+                    readonly maxWidth: 3840;
+                    readonly minWidth: 992;
+                };
+                readonly container: {
+                    readonly paddingBottom: 48;
+                    readonly paddingHorizontal: 32;
+                    readonly paddingTop: 32;
+                    readonly width: 1096;
+                };
+                readonly grid: {
+                    readonly columnNumber: 12;
+                    readonly columnWidth: 64;
+                    readonly gridSize: 8;
+                    readonly gutter: 24;
+                    readonly margin: 32;
+                };
+                readonly spacing: {
+                    readonly lg: 24;
+                    readonly md: 16;
+                    readonly sm: 12;
+                    readonly xl: 40;
+                    readonly xs: 8;
+                };
+            };
+        };
+        readonly shadow: {
+            readonly mobile: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+            readonly tablet: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 6;
+                    readonly y: 6;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+            readonly desktop: {
+                readonly md: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 6;
+                    readonly y: 6;
+                };
+                readonly sm: {
+                    readonly blur: 0;
+                    readonly spread: 0;
+                    readonly x: 4;
+                    readonly y: 4;
+                };
+            };
+        };
+        readonly opacity: {
+            readonly disabled: 0.5;
+        };
+        readonly globalStyle: {
+            readonly variants: {
+                readonly hardShadow: {
+                    readonly '1': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: -2;
+                            readonly height: 2;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '2': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '3': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 2;
+                            readonly height: 2;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '4': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: -3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.5;
+                        readonly elevation: 10;
+                    };
+                    readonly '5': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 3;
+                        };
+                        readonly shadowRadius: 8;
+                        readonly shadowOpacity: 0.2;
+                        readonly elevation: 10;
+                    };
+                };
+                readonly softShadow: {
+                    readonly '1': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 10;
+                        readonly shadowOpacity: 0.1;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 5;
+                            readonly shadowOpacity: 0.05;
+                        };
+                    };
+                    readonly '2': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 20;
+                        readonly elevation: 3;
+                        readonly shadowOpacity: 0.1;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 10;
+                            readonly shadowOpacity: 0.1;
+                        };
+                    };
+                    readonly '3': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 30;
+                        readonly shadowOpacity: 0.1;
+                        readonly elevation: 4;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 15;
+                            readonly shadowOpacity: 0.15;
+                        };
+                    };
+                    readonly '4': {
+                        readonly shadowColor: "#3e3c3b";
+                        readonly shadowOffset: {
+                            readonly width: 0;
+                            readonly height: 0;
+                        };
+                        readonly shadowRadius: 40;
+                        readonly shadowOpacity: 0.1;
+                        readonly elevation: 10;
+                        readonly _android: {
+                            readonly shadowColor: "#3e3c3b";
+                            readonly elevation: 20;
+                            readonly shadowOpacity: 0.2;
+                        };
+                    };
+                };
+                readonly space: {
+                    readonly none: {};
+                    readonly xs: {
+                        readonly gap: {
+                            readonly base: 8;
+                            readonly md: 8;
+                            readonly lg: 8;
+                        };
+                    };
+                    readonly sm: {
+                        readonly gap: {
+                            readonly base: 12;
+                            readonly md: 12;
+                            readonly lg: 12;
+                        };
+                    };
+                    readonly md: {
+                        readonly gap: {
+                            readonly base: 16;
+                            readonly md: 16;
+                            readonly lg: 16;
+                        };
+                    };
+                    readonly lg: {
+                        readonly gap: {
+                            readonly base: 20;
+                            readonly md: 24;
+                            readonly lg: 24;
+                        };
+                    };
+                    readonly xl: {
+                        readonly gap: {
+                            readonly base: 28;
+                            readonly md: 28;
+                            readonly lg: 40;
+                        };
+                    };
+                };
+            };
+        };
+        readonly colorMode: "dark";
+        readonly isLight: false;
+        readonly isDark: true;
+        readonly color: {
+            readonly white: "#ffffff";
+            readonly black: "#000000";
+            readonly background: "#191917";
+            readonly background1: "#222222";
+            readonly backgroundPurple: "#7a42c8";
+            readonly invalidText: "#ff7964";
+            readonly shadow: {
+                readonly broadbandGreenColor: "#506c21";
+                readonly cashbackLilacColor: "#8b2bc9";
+                readonly defaultColor: "#e7e6e6";
+                readonly energyBlueColor: "#326e7a";
+                readonly insuranceOrangeColor: "#9b4c0e";
+                readonly mobileRoseColor: "#a7266d";
+                readonly piggyPinkColor: "#8f358f";
+                readonly purpleColor: "#7a42c8";
+            };
+            readonly blue: {
+                readonly '0': "#f8fbff";
+                readonly '50': "#eef7ff";
+                readonly '100': "#d9ecff";
+                readonly '200': "#bcddff";
+                readonly '300': "#93c1ff";
+                readonly '400': "#6bb0ff";
+                readonly '500': "#41a0ff";
+                readonly '600': "#2786f1";
+                readonly '700': "#1c6cd4";
+                readonly '800': "#2354a4";
+                readonly '900': "#0b3375";
+                readonly '950': "#042455";
+                readonly '1000': "#001433";
+            };
+            readonly broadbandGreen: {
+                readonly '0': "#f8faf6";
+                readonly '50': "#f2f6ed";
+                readonly '100': "#e7efdc";
+                readonly '200': "#d2e6b0";
+                readonly '300': "#8cba3b";
+                readonly '400': "#7aa031";
+                readonly '500': "#6e932b";
+                readonly '600': "#64862a";
+                readonly '700': "#5a7926";
+                readonly '800': "#506c21";
+                readonly '900': "#4f6b20";
+                readonly '950': "#35421c";
+                readonly '1000': "#252d16";
+            };
+            readonly cashbackLilac: {
+                readonly '0': "#f7f5f8";
+                readonly '50': "#f5f2f6";
+                readonly '100': "#ebdef5";
+                readonly '200': "#e4caf5";
+                readonly '300': "#dfbdf5";
+                readonly '400': "#ce9cf0";
+                readonly '500': "#be7aeb";
+                readonly '600': "#9f3be2";
+                readonly '700': "#8b2bc9";
+                readonly '800': "#7821b8";
+                readonly '900': "#7429b5";
+                readonly '950': "#522270";
+                readonly '1000': "#3a1f52";
+            };
+            readonly energyBlue: {
+                readonly '0': "#f7f9fa";
+                readonly '50': "#edf4f6";
+                readonly '100': "#d4e5e9";
+                readonly '200': "#bddee4";
+                readonly '300': "#6db5c3";
+                readonly '400': "#579daa";
+                readonly '500': "#4c8a97";
+                readonly '600': "#367683";
+                readonly '700': "#326e7a";
+                readonly '800': "#2d6571";
+                readonly '900': "#2c6370";
+                readonly '950': "#254348";
+                readonly '1000': "#1a2f35";
+            };
+            readonly green: {
+                readonly '0': "#f8fdf9";
+                readonly '50': "#e7f9f0";
+                readonly '100': "#c5edda";
+                readonly '200': "#a2e2c3";
+                readonly '300': "#74d6a0";
+                readonly '400': "#58ca93";
+                readonly '500': "#36bf7d";
+                readonly '600': "#19a660";
+                readonly '700': "#0f834a";
+                readonly '800': "#04663a";
+                readonly '900': "#074b2a";
+                readonly '950': "#033d21";
+                readonly '1000': "#002e18";
+            };
+            readonly grey: {
+                readonly '0': "#ffffff";
+                readonly '50': "#f6f5f5";
+                readonly '100': "#e7e6e6";
+                readonly '200': "#d1d0d0";
+                readonly '300': "#b2afae";
+                readonly '400': "#8a8686";
+                readonly '500': "#6f6c6b";
+                readonly '600': "#5f5c5b";
+                readonly '700': "#555352";
+                readonly '800': "#464444";
+                readonly '900': "#3e3c3b";
+                readonly '950': "#222222";
+                readonly '975': "#191919";
+                readonly '1000': "#101010";
+            };
+            readonly insuranceOrange: {
+                readonly '0': "#fefcf9";
+                readonly '50': "#fdf5eb";
+                readonly '100': "#fcecd6";
+                readonly '200': "#ffcda0";
+                readonly '300': "#ffb46d";
+                readonly '400': "#ff7b00";
+                readonly '500': "#f06b00";
+                readonly '600': "#e26400";
+                readonly '700': "#cb5b00";
+                readonly '800': "#9b4c0e";
+                readonly '900': "#7f4518";
+                readonly '950': "#5a3213";
+                readonly '1000': "#3f2616";
+            };
+            readonly mobileRose: {
+                readonly '0': "#fffaf9";
+                readonly '50': "#fdf2f6";
+                readonly '100': "#faeaf2";
+                readonly '200': "#fad0e9";
+                readonly '300': "#f49fd2";
+                readonly '400': "#ee6dbb";
+                readonly '500': "#e652aa";
+                readonly '600': "#de379a";
+                readonly '700': "#d61c89";
+                readonly '800': "#a7266d";
+                readonly '900': "#8a3260";
+                readonly '950': "#601f42";
+                readonly '1000': "#421a32";
+            };
+            readonly orange: {
+                readonly '0': "#fffdf8";
+                readonly '50': "#fff5ed";
+                readonly '100': "#ffe6d4";
+                readonly '200': "#ffcca8";
+                readonly '300': "#ffab70";
+                readonly '400': "#ff9639";
+                readonly '500': "#ff8010";
+                readonly '600': "#f56e00";
+                readonly '700': "#cf5d00";
+                readonly '750': "#be5400";
+                readonly '800': "#ad4b00";
+                readonly '900': "#893900";
+                readonly '950': "#6b2d00";
+                readonly '1000': "#4a1f00";
+            };
+            readonly piggyPink: {
+                readonly '0': "#faf5fa";
+                readonly '50': "#f6f1f7";
+                readonly '100': "#f9eafa";
+                readonly '200': "#f9ceff";
+                readonly '300': "#f295ff";
+                readonly '400': "#ed66ff";
+                readonly '500': "#d052c8";
+                readonly '600': "#bc48b4";
+                readonly '700': "#a53fa5";
+                readonly '800': "#8f358f";
+                readonly '900': "#7a1f7e";
+                readonly '950': "#5d2167";
+                readonly '1000': "#3f1448";
+            };
+            readonly purple: {
+                readonly '0': "#f7f6f9";
+                readonly '50': "#eeebf4";
+                readonly '100': "#e6dff1";
+                readonly '200': "#ddd2ef";
+                readonly '300': "#d5c3ee";
+                readonly '400': "#a782db";
+                readonly '500': "#926fd1";
+                readonly '600': "#8850cf";
+                readonly '700': "#7a42c8";
+                readonly '800': "#6538b8";
+                readonly '900': "#5a3285";
+                readonly '950': "#492d6f";
+                readonly '1000': "#26164f";
+            };
+            readonly red: {
+                readonly '0': "#fffaf9";
+                readonly '50': "#fff3f1";
+                readonly '100': "#ffe3df";
+                readonly '200': "#ffccc5";
+                readonly '300': "#ffa89d";
+                readonly '400': "#ff7964";
+                readonly '500': "#ff634a";
+                readonly '600': "#f4412a";
+                readonly '700': "#de2612";
+                readonly '800': "#a4281e";
+                readonly '900': "#6b1f1a";
+                readonly '950': "#521a16";
+                readonly '1000': "#3b1512";
+            };
+            readonly warmWhite: {
+                readonly '0': "#fdfcfa";
+                readonly '50': "#fcfbf2";
+                readonly '100': "#f7f6eb";
+                readonly '200': "#f1efe4";
+                readonly '300': "#d4d2c0";
+                readonly '400': "#bfb9a9";
+                readonly '500': "#a99f8b";
+                readonly '600': "#89816e";
+                readonly '700': "#6a6354";
+                readonly '800': "#4c473d";
+                readonly '900': "#30302c";
+                readonly '950': "#282825";
+                readonly '975': "#20201d";
+                readonly '1000': "#191917";
+            };
+            readonly yellow: {
+                readonly '0': "#fffef9";
+                readonly '50': "#fff8ea";
+                readonly '100': "#ffe8b8";
+                readonly '200': "#ffd885";
+                readonly '300': "#ffc852";
+                readonly '400': "#ffb921";
+                readonly '500': "#eba400";
+                readonly '600': "#d1950b";
+                readonly '700': "#b78715";
+                readonly '800': "#9c7820";
+                readonly '900': "#82692b";
+                readonly '950': "#756230";
+                readonly '1000': "#4c401f";
+            };
+        };
+        readonly components: typeof components.dark;
+    };
+};