@streamplace/components 0.8.9 → 0.8.13

package/dist/lib/theme/atoms.d.ts

@@ -0,0 +1,4226 @@
+/**
+ * Theme atoms - Enhanced exports with pairify function for array-style syntax
+ * These provide direct access to static design tokens and support composition
+ */
+import { animations, borderRadius, shadows, spacing, touchTargets } from "./tokens";
+type StyleValue = Record<string, any>;
+/**
+ * Create pairified style atoms for easy composition
+ */
+export { animations, borderRadius, shadows, spacing, touchTargets };
+export declare const colors: {
+    readonly primary: {
+        readonly 50: "#eff6ff";
+        readonly 100: "#dbeafe";
+        readonly 200: "#bfdbfe";
+        readonly 300: "#93c5fd";
+        readonly 400: "#60a5fa";
+        readonly 500: "#3b82f6";
+        readonly 600: "#2563eb";
+        readonly 700: "#1d4ed8";
+        readonly 800: "#1e40af";
+        readonly 900: "#1e3a8a";
+        readonly 950: "#172554";
+    };
+    readonly slate: {
+        readonly 50: "#f8fafc";
+        readonly 100: "#f1f5f9";
+        readonly 200: "#e2e8f0";
+        readonly 300: "#cbd5e1";
+        readonly 400: "#94a3b8";
+        readonly 500: "#64748b";
+        readonly 600: "#475569";
+        readonly 700: "#334155";
+        readonly 800: "#1e293b";
+        readonly 900: "#0f172a";
+        readonly 950: "#020617";
+    };
+    readonly gray: {
+        readonly 50: "#f9fafb";
+        readonly 100: "#f3f4f6";
+        readonly 200: "#e5e7eb";
+        readonly 300: "#d1d5db";
+        readonly 400: "#9ca3af";
+        readonly 500: "#6b7280";
+        readonly 600: "#4b5563";
+        readonly 700: "#374151";
+        readonly 800: "#1f2937";
+        readonly 900: "#111827";
+        readonly 950: "#030712";
+    };
+    readonly zinc: {
+        readonly 50: "#fafafa";
+        readonly 100: "#f4f4f5";
+        readonly 200: "#e4e4e7";
+        readonly 300: "#d4d4d8";
+        readonly 400: "#a1a1aa";
+        readonly 500: "#71717a";
+        readonly 600: "#52525b";
+        readonly 700: "#3f3f46";
+        readonly 800: "#27272a";
+        readonly 900: "#18181b";
+        readonly 950: "#09090b";
+    };
+    readonly neutral: {
+        readonly 50: "#fafaf9";
+        readonly 100: "#f5f5f4";
+        readonly 200: "#e7e5e4";
+        readonly 300: "#d6d3d1";
+        readonly 400: "#a8a29e";
+        readonly 500: "#78716c";
+        readonly 600: "#57534e";
+        readonly 700: "#44403c";
+        readonly 800: "#292524";
+        readonly 900: "#1c1917";
+        readonly 950: "#0c0a09";
+    };
+    readonly stone: {
+        readonly 50: "#fafaf9";
+        readonly 100: "#f5f5f4";
+        readonly 200: "#e7e5e4";
+        readonly 300: "#d6d3d1";
+        readonly 400: "#a8a29e";
+        readonly 500: "#78716c";
+        readonly 600: "#57534e";
+        readonly 700: "#44403c";
+        readonly 800: "#292524";
+        readonly 900: "#1c1917";
+        readonly 950: "#0c0a09";
+    };
+    readonly red: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#ef4444";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+        readonly 950: "#450a0a";
+    };
+    readonly orange: {
+        readonly 50: "#fff7ed";
+        readonly 100: "#ffedd5";
+        readonly 200: "#fed7aa";
+        readonly 300: "#fdba74";
+        readonly 400: "#fb923c";
+        readonly 500: "#f97316";
+        readonly 600: "#ea580c";
+        readonly 700: "#c2410c";
+        readonly 800: "#9a3412";
+        readonly 900: "#7c2d12";
+        readonly 950: "#431407";
+    };
+    readonly amber: {
+        readonly 50: "#fffbeb";
+        readonly 100: "#fef3c7";
+        readonly 200: "#fde68a";
+        readonly 300: "#fcd34d";
+        readonly 400: "#fbbf24";
+        readonly 500: "#f59e0b";
+        readonly 600: "#d97706";
+        readonly 700: "#b45309";
+        readonly 800: "#92400e";
+        readonly 900: "#78350f";
+        readonly 950: "#451a03";
+    };
+    readonly yellow: {
+        readonly 50: "#fefce8";
+        readonly 100: "#fef9c3";
+        readonly 200: "#fef08a";
+        readonly 300: "#fde047";
+        readonly 400: "#facc15";
+        readonly 500: "#eab308";
+        readonly 600: "#ca8a04";
+        readonly 700: "#a16207";
+        readonly 800: "#854d0e";
+        readonly 900: "#713f12";
+        readonly 950: "#422006";
+    };
+    readonly lime: {
+        readonly 50: "#f7fee7";
+        readonly 100: "#ecfccb";
+        readonly 200: "#d9f99d";
+        readonly 300: "#bef264";
+        readonly 400: "#a3e635";
+        readonly 500: "#84cc16";
+        readonly 600: "#65a30d";
+        readonly 700: "#4d7c0f";
+        readonly 800: "#3f6212";
+        readonly 900: "#365314";
+        readonly 950: "#1a2e05";
+    };
+    readonly green: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#22c55e";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+        readonly 950: "#052e16";
+    };
+    readonly emerald: {
+        readonly 50: "#ecfdf5";
+        readonly 100: "#d1fae5";
+        readonly 200: "#a7f3d0";
+        readonly 300: "#6ee7b7";
+        readonly 400: "#34d399";
+        readonly 500: "#10b981";
+        readonly 600: "#059669";
+        readonly 700: "#047857";
+        readonly 800: "#065f46";
+        readonly 900: "#064e3b";
+        readonly 950: "#022c22";
+    };
+    readonly teal: {
+        readonly 50: "#f0fdfa";
+        readonly 100: "#ccfbf1";
+        readonly 200: "#99f6e4";
+        readonly 300: "#5eead4";
+        readonly 400: "#2dd4bf";
+        readonly 500: "#14b8a6";
+        readonly 600: "#0d9488";
+        readonly 700: "#0f766e";
+        readonly 800: "#115e59";
+        readonly 900: "#134e4a";
+        readonly 950: "#042f2e";
+    };
+    readonly cyan: {
+        readonly 50: "#ecfeff";
+        readonly 100: "#cffafe";
+        readonly 200: "#a5f3fc";
+        readonly 300: "#67e8f9";
+        readonly 400: "#22d3ee";
+        readonly 500: "#06b6d4";
+        readonly 600: "#0891b2";
+        readonly 700: "#0e7490";
+        readonly 800: "#155e75";
+        readonly 900: "#164e63";
+        readonly 950: "#083344";
+    };
+    readonly sky: {
+        readonly 50: "#f0f9ff";
+        readonly 100: "#e0f2fe";
+        readonly 200: "#bae6fd";
+        readonly 300: "#7dd3fc";
+        readonly 400: "#38bdf8";
+        readonly 500: "#0ea5e9";
+        readonly 600: "#0284c7";
+        readonly 700: "#0369a1";
+        readonly 800: "#075985";
+        readonly 900: "#0c4a6e";
+        readonly 950: "#082f49";
+    };
+    readonly blue: {
+        readonly 50: "#eff6ff";
+        readonly 100: "#dbeafe";
+        readonly 200: "#bfdbfe";
+        readonly 300: "#93c5fd";
+        readonly 400: "#60a5fa";
+        readonly 500: "#3b82f6";
+        readonly 600: "#2563eb";
+        readonly 700: "#1d4ed8";
+        readonly 800: "#1e40af";
+        readonly 900: "#1e3a8a";
+        readonly 950: "#172554";
+    };
+    readonly indigo: {
+        readonly 50: "#eef2ff";
+        readonly 100: "#e0e7ff";
+        readonly 200: "#c7d2fe";
+        readonly 300: "#a5b4fc";
+        readonly 400: "#818cf8";
+        readonly 500: "#6366f1";
+        readonly 600: "#4f46e5";
+        readonly 700: "#4338ca";
+        readonly 800: "#3730a3";
+        readonly 900: "#312e81";
+        readonly 950: "#1e1b4b";
+    };
+    readonly violet: {
+        readonly 50: "#f5f3ff";
+        readonly 100: "#ede9fe";
+        readonly 200: "#ddd6fe";
+        readonly 300: "#c4b5fd";
+        readonly 400: "#a78bfa";
+        readonly 500: "#8b5cf6";
+        readonly 600: "#7c3aed";
+        readonly 700: "#6d28d9";
+        readonly 800: "#5b21b6";
+        readonly 900: "#4c1d95";
+        readonly 950: "#2e1065";
+    };
+    readonly purple: {
+        readonly 50: "#faf5ff";
+        readonly 100: "#f3e8ff";
+        readonly 200: "#e9d5ff";
+        readonly 300: "#d8b4fe";
+        readonly 400: "#c084fc";
+        readonly 500: "#a855f7";
+        readonly 600: "#9333ea";
+        readonly 700: "#7e22ce";
+        readonly 800: "#6b21a8";
+        readonly 900: "#581c87";
+        readonly 950: "#3b0764";
+    };
+    readonly fuchsia: {
+        readonly 50: "#fdf4ff";
+        readonly 100: "#fae8ff";
+        readonly 200: "#f5d0fe";
+        readonly 300: "#f0abfc";
+        readonly 400: "#e879f9";
+        readonly 500: "#d946ef";
+        readonly 600: "#c026d3";
+        readonly 700: "#a21caf";
+        readonly 800: "#86198f";
+        readonly 900: "#701a75";
+        readonly 950: "#4a044e";
+    };
+    readonly pink: {
+        readonly 50: "#fdf2f8";
+        readonly 100: "#fce7f3";
+        readonly 200: "#fbcfe8";
+        readonly 300: "#f9a8d4";
+        readonly 400: "#f472b6";
+        readonly 500: "#ec4899";
+        readonly 600: "#db2777";
+        readonly 700: "#be185d";
+        readonly 800: "#9d174d";
+        readonly 900: "#831843";
+        readonly 950: "#500724";
+    };
+    readonly rose: {
+        readonly 50: "#fff1f2";
+        readonly 100: "#ffe4e6";
+        readonly 200: "#fecdd3";
+        readonly 300: "#fda4af";
+        readonly 400: "#fb7185";
+        readonly 500: "#f43f5e";
+        readonly 600: "#e11d48";
+        readonly 700: "#be123c";
+        readonly 800: "#9f1239";
+        readonly 900: "#881337";
+        readonly 950: "#4c0519";
+    };
+    readonly destructive: {
+        readonly 50: "#fef2f2";
+        readonly 100: "#fee2e2";
+        readonly 200: "#fecaca";
+        readonly 300: "#fca5a5";
+        readonly 400: "#f87171";
+        readonly 500: "#ef4444";
+        readonly 600: "#dc2626";
+        readonly 700: "#b91c1c";
+        readonly 800: "#991b1b";
+        readonly 900: "#7f1d1d";
+        readonly 950: "#450a0a";
+    };
+    readonly success: {
+        readonly 50: "#f0fdf4";
+        readonly 100: "#dcfce7";
+        readonly 200: "#bbf7d0";
+        readonly 300: "#86efac";
+        readonly 400: "#4ade80";
+        readonly 500: "#22c55e";
+        readonly 600: "#16a34a";
+        readonly 700: "#15803d";
+        readonly 800: "#166534";
+        readonly 900: "#14532d";
+        readonly 950: "#052e16";
+    };
+    readonly warning: {
+        readonly 50: "#fffbeb";
+        readonly 100: "#fef3c7";
+        readonly 200: "#fde68a";
+        readonly 300: "#fcd34d";
+        readonly 400: "#fbbf24";
+        readonly 500: "#f59e0b";
+        readonly 600: "#d97706";
+        readonly 700: "#b45309";
+        readonly 800: "#92400e";
+        readonly 900: "#78350f";
+        readonly 950: "#451a03";
+    };
+    readonly ios: {
+        readonly systemBlue: "#007AFF";
+        readonly systemGreen: "#34C759";
+        readonly systemRed: "#FF3B30";
+        readonly systemOrange: "#FF9500";
+        readonly systemYellow: "#FFCC00";
+        readonly systemPurple: "#AF52DE";
+        readonly systemPink: "#FF2D92";
+        readonly systemTeal: "#5AC8FA";
+        readonly systemIndigo: "#5856D6";
+        readonly systemGray: "#8E8E93";
+        readonly systemGray2: "#AEAEB2";
+        readonly systemGray3: "#C7C7CC";
+        readonly systemGray4: "#D1D1D6";
+        readonly systemGray5: "#E5E5EA";
+        readonly systemGray6: "#F2F2F7";
+    };
+    readonly android: {
+        readonly primary: "#6200EE";
+        readonly primaryVariant: "#3700B3";
+        readonly secondary: "#03DAC6";
+        readonly secondaryVariant: "#018786";
+        readonly background: "#FFFFFF";
+        readonly surface: "#FFFFFF";
+        readonly error: "#B00020";
+        readonly onPrimary: "#FFFFFF";
+        readonly onSecondary: "#000000";
+        readonly onBackground: "#000000";
+        readonly onSurface: "#000000";
+        readonly onError: "#FFFFFF";
+    };
+    readonly transparent: "transparent";
+    readonly black: "#000000";
+    readonly white: "#FFFFFF";
+};
+export declare const getPlatformTypography: () => {
+    readonly largeTitle: {
+        readonly fontSize: 34;
+        readonly lineHeight: 41;
+        readonly fontWeight: "700";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+    };
+    readonly title1: {
+        readonly fontSize: 28;
+        readonly lineHeight: 34;
+        readonly fontWeight: "700";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+    };
+    readonly title2: {
+        readonly fontSize: 22;
+        readonly lineHeight: 28;
+        readonly fontWeight: "700";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+    };
+    readonly title3: {
+        readonly fontSize: 20;
+        readonly lineHeight: 25;
+        readonly fontWeight: "600";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+    };
+    readonly headline: {
+        readonly fontSize: 17;
+        readonly lineHeight: 22;
+        readonly fontWeight: "600";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+    };
+    readonly body: {
+        readonly fontSize: 17;
+        readonly lineHeight: 22;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly callout: {
+        readonly fontSize: 16;
+        readonly lineHeight: 21;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly subhead: {
+        readonly fontSize: 15;
+        readonly lineHeight: 20;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly footnote: {
+        readonly fontSize: 13;
+        readonly lineHeight: 18;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly caption1: {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly caption2: {
+        readonly fontSize: 11;
+        readonly lineHeight: 13;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+} | {
+    readonly headline1: {
+        readonly fontSize: 96;
+        readonly lineHeight: 112;
+        readonly fontWeight: "300";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+    };
+    readonly headline2: {
+        readonly fontSize: 60;
+        readonly lineHeight: 72;
+        readonly fontWeight: "300";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+    };
+    readonly headline3: {
+        readonly fontSize: 48;
+        readonly lineHeight: 56;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly headline4: {
+        readonly fontSize: 34;
+        readonly lineHeight: 42;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly headline5: {
+        readonly fontSize: 24;
+        readonly lineHeight: 32;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly headline6: {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+        readonly fontWeight: "500";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+    };
+    readonly subtitle1: {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly subtitle2: {
+        readonly fontSize: 14;
+        readonly lineHeight: 22;
+        readonly fontWeight: "500";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+    };
+    readonly body1: {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly body2: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly button: {
+        readonly fontSize: 14;
+        readonly lineHeight: 16;
+        readonly fontWeight: "500";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly overline: {
+        readonly fontSize: 10;
+        readonly lineHeight: 16;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+} | {
+    readonly xs: {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly marginBottom: -0.7;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly sm: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly marginBottom: -1;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly base: {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+        readonly marginBottom: -1.2;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly lg: {
+        readonly fontSize: 18;
+        readonly lineHeight: 28;
+        readonly marginBottom: -1.5;
+        readonly fontWeight: "400";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+    };
+    readonly xl: {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+        readonly marginBottom: -1.75;
+        readonly fontWeight: "500";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+    };
+    readonly "2xl": {
+        readonly fontSize: 24;
+        readonly lineHeight: 32;
+        readonly marginBottom: -2;
+        readonly fontWeight: "600";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+    };
+    readonly "3xl": {
+        readonly fontSize: 30;
+        readonly lineHeight: 36;
+        readonly marginBottom: -2.5;
+        readonly fontWeight: "700";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+    };
+    readonly "4xl": {
+        readonly fontSize: 36;
+        readonly lineHeight: 40;
+        readonly marginBottom: -3;
+        readonly fontWeight: "700";
+        readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+    };
+};
+export declare const typographyAtoms: {
+    platform: {
+        readonly largeTitle: {
+            readonly fontSize: 34;
+            readonly lineHeight: 41;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title1: {
+            readonly fontSize: 28;
+            readonly lineHeight: 34;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title2: {
+            readonly fontSize: 22;
+            readonly lineHeight: 28;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title3: {
+            readonly fontSize: 20;
+            readonly lineHeight: 25;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly headline: {
+            readonly fontSize: 17;
+            readonly lineHeight: 22;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly body: {
+            readonly fontSize: 17;
+            readonly lineHeight: 22;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly callout: {
+            readonly fontSize: 16;
+            readonly lineHeight: 21;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly subhead: {
+            readonly fontSize: 15;
+            readonly lineHeight: 20;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly footnote: {
+            readonly fontSize: 13;
+            readonly lineHeight: 18;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly caption1: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly caption2: {
+            readonly fontSize: 11;
+            readonly lineHeight: 13;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+    } | {
+        readonly headline1: {
+            readonly fontSize: 96;
+            readonly lineHeight: 112;
+            readonly fontWeight: "300";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+        };
+        readonly headline2: {
+            readonly fontSize: 60;
+            readonly lineHeight: 72;
+            readonly fontWeight: "300";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+        };
+        readonly headline3: {
+            readonly fontSize: 48;
+            readonly lineHeight: 56;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline4: {
+            readonly fontSize: 34;
+            readonly lineHeight: 42;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline5: {
+            readonly fontSize: 24;
+            readonly lineHeight: 32;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline6: {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly subtitle1: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly subtitle2: {
+            readonly fontSize: 14;
+            readonly lineHeight: 22;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly body1: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly body2: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly button: {
+            readonly fontSize: 14;
+            readonly lineHeight: 16;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly overline: {
+            readonly fontSize: 10;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+    } | {
+        readonly xs: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly marginBottom: -0.7;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly sm: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly marginBottom: -1;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly base: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly marginBottom: -1.2;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly lg: {
+            readonly fontSize: 18;
+            readonly lineHeight: 28;
+            readonly marginBottom: -1.5;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly xl: {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly marginBottom: -1.75;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly "2xl": {
+            readonly fontSize: 24;
+            readonly lineHeight: 32;
+            readonly marginBottom: -2;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly "3xl": {
+            readonly fontSize: 30;
+            readonly lineHeight: 36;
+            readonly marginBottom: -2.5;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly "4xl": {
+            readonly fontSize: 36;
+            readonly lineHeight: 40;
+            readonly marginBottom: -3;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+        };
+    };
+    universal: {
+        readonly xs: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly marginBottom: -0.7;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly sm: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly marginBottom: -1;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly base: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly marginBottom: -1.2;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly lg: {
+            readonly fontSize: 18;
+            readonly lineHeight: 28;
+            readonly marginBottom: -1.5;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly xl: {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly marginBottom: -1.75;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly "2xl": {
+            readonly fontSize: 24;
+            readonly lineHeight: 32;
+            readonly marginBottom: -2;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly "3xl": {
+            readonly fontSize: 30;
+            readonly lineHeight: 36;
+            readonly marginBottom: -2.5;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly "4xl": {
+            readonly fontSize: 36;
+            readonly lineHeight: 40;
+            readonly marginBottom: -3;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+        };
+    };
+    ios: {
+        readonly largeTitle: {
+            readonly fontSize: 34;
+            readonly lineHeight: 41;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title1: {
+            readonly fontSize: 28;
+            readonly lineHeight: 34;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title2: {
+            readonly fontSize: 22;
+            readonly lineHeight: 28;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+        };
+        readonly title3: {
+            readonly fontSize: 20;
+            readonly lineHeight: 25;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly headline: {
+            readonly fontSize: 17;
+            readonly lineHeight: 22;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+        };
+        readonly body: {
+            readonly fontSize: 17;
+            readonly lineHeight: 22;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly callout: {
+            readonly fontSize: 16;
+            readonly lineHeight: 21;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly subhead: {
+            readonly fontSize: 15;
+            readonly lineHeight: 20;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly footnote: {
+            readonly fontSize: 13;
+            readonly lineHeight: 18;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly caption1: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly caption2: {
+            readonly fontSize: 11;
+            readonly lineHeight: 13;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+    };
+    android: {
+        readonly headline1: {
+            readonly fontSize: 96;
+            readonly lineHeight: 112;
+            readonly fontWeight: "300";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+        };
+        readonly headline2: {
+            readonly fontSize: 60;
+            readonly lineHeight: 72;
+            readonly fontWeight: "300";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+        };
+        readonly headline3: {
+            readonly fontSize: 48;
+            readonly lineHeight: 56;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline4: {
+            readonly fontSize: 34;
+            readonly lineHeight: 42;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline5: {
+            readonly fontSize: 24;
+            readonly lineHeight: 32;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly headline6: {
+            readonly fontSize: 20;
+            readonly lineHeight: 28;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly subtitle1: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly subtitle2: {
+            readonly fontSize: 14;
+            readonly lineHeight: 22;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly body1: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly body2: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly button: {
+            readonly fontSize: 14;
+            readonly lineHeight: 16;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+        };
+        readonly caption: {
+            readonly fontSize: 12;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+        readonly overline: {
+            readonly fontSize: 10;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+        };
+    };
+};
+export declare const iconSizes: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const layout: {
+    flex: {
+        center: {
+            justifyContent: "center";
+            alignItems: "center";
+        };
+        alignCenter: {
+            alignItems: "center";
+        };
+        justifyCenter: {
+            justifyContent: "center";
+        };
+        row: {
+            flexDirection: "row";
+        };
+        column: {
+            flexDirection: "column";
+        };
+        spaceBetween: {
+            justifyContent: "space-between";
+        };
+        spaceAround: {
+            justifyContent: "space-around";
+        };
+        spaceEvenly: {
+            justifyContent: "space-evenly";
+        };
+        direction: Record<"row" | "column" | "row-reverse" | "column-reverse", StyleValue>;
+        justify: Record<"start" | "end" | "center" | "between" | "around" | "evenly", StyleValue>;
+        align: Record<"start" | "end" | "center" | "stretch" | "baseline", StyleValue>;
+        wrap: Record<"reverse" | "wrap" | "nowrap", StyleValue>;
+    };
+    position: Record<"absolute" | "relative" | "static", StyleValue>;
+};
+export declare const borders: {
+    width: Record<"thin" | "medium" | "thick", StyleValue>;
+    style: Record<"solid" | "dashed" | "dotted", StyleValue>;
+    color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    top: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    };
+    bottom: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    };
+    left: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    };
+    right: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    };
+};
+export declare const spacingAtoms: {
+    margin: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    marginVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    padding: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    paddingVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+};
+export declare const radiusAtoms: {
+    all: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    top: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    topRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    bottom: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    bottomRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    left: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    right: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+};
+export declare const backgrounds: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+export declare const textColors: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+export declare const sizes: {
+    width: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+    height: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+    minWidth: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+    minHeight: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+    maxWidth: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+    maxHeight: {
+        percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        10: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        20: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        80: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        auto: StyleValue;
+        32: StyleValue;
+        40: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        60: StyleValue;
+        52: StyleValue;
+    };
+};
+export declare const flex: {
+    values: Record<0 | 1 | 3 | 2 | 5 | 4, StyleValue>;
+    grow: Record<0 | 1, StyleValue>;
+    shrink: Record<0 | 1, StyleValue>;
+    basis: {
+        auto: {
+            flexBasis: string;
+        };
+        10: StyleValue;
+        20: StyleValue;
+        25: StyleValue;
+        30: StyleValue;
+        33: StyleValue;
+        40: StyleValue;
+        50: StyleValue;
+        60: StyleValue;
+        66: StyleValue;
+        70: StyleValue;
+        75: StyleValue;
+        80: StyleValue;
+        90: StyleValue;
+        100: StyleValue;
+        0: StyleValue;
+        1: StyleValue;
+        3: StyleValue;
+        2: StyleValue;
+        5: StyleValue;
+        6: StyleValue;
+        11: StyleValue;
+        4: StyleValue;
+        8: StyleValue;
+        64: StyleValue;
+        14: StyleValue;
+        12: StyleValue;
+        24: StyleValue;
+        7: StyleValue;
+        9: StyleValue;
+        28: StyleValue;
+        72: StyleValue;
+        96: StyleValue;
+        16: StyleValue;
+        36: StyleValue;
+        32: StyleValue;
+        44: StyleValue;
+        48: StyleValue;
+        56: StyleValue;
+        52: StyleValue;
+    };
+};
+export declare const opacity: Record<0 | 50 | 100 | 5 | 10 | 25 | 20 | 80 | 30 | 40 | 60 | 70 | 75 | 90 | 95, StyleValue>;
+export declare const zIndex: Record<0 | 50 | 10 | 20 | 30 | "auto" | 40, StyleValue>;
+export declare const overflow: Record<"visible" | "hidden" | "scroll", StyleValue>;
+export declare const textAlign: Record<"auto" | "center" | "left" | "right" | "justify", StyleValue>;
+export declare const fontWeight: Record<"bold" | "thin" | "medium" | "black" | "extralight" | "light" | "normal" | "semibold" | "extrabold", StyleValue>;
+export declare const fontSize: Record<"sm" | "lg" | "xl" | "2xl" | "3xl" | "xs" | "base" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;
+export declare const lineHeight: Record<3 | 5 | 6 | 4 | 8 | 10 | "none" | 7 | 9 | "normal" | "tight" | "snug" | "relaxed" | "loose", StyleValue>;
+export declare const letterSpacing: Record<"normal" | "tight" | "tighter" | "wide" | "wider" | "widest", StyleValue>;
+export declare const textTransform: Record<"none" | "uppercase" | "lowercase" | "capitalize", StyleValue>;
+export declare const textDecoration: Record<"none" | "underline" | "lineThrough" | "underlineLineThrough", StyleValue>;
+export declare const textAlignVertical: Record<"top" | "auto" | "center" | "bottom", StyleValue>;
+export declare const transforms: {
+    rotate: Record<0 | 1 | 3 | 2 | 6 | 12 | 90 | 45 | 180 | 270, StyleValue>;
+    scale: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+    scaleX: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+    scaleY: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+    translateX: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    translateY: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+};
+export declare const position: {
+    top: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    right: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    bottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    left: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    topLeft: (top: number, left: number) => {
+        position: "absolute";
+        top: number;
+        left: number;
+    };
+    topRight: (top: number, right: number) => {
+        position: "absolute";
+        top: number;
+        right: number;
+    };
+    bottomLeft: (bottom: number, left: number) => {
+        position: "absolute";
+        bottom: number;
+        left: number;
+    };
+    bottomRight: (bottom: number, right: number) => {
+        position: "absolute";
+        bottom: number;
+        right: number;
+    };
+    percent: {
+        top: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+        right: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+        bottom: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+        left: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+    };
+};
+export declare const aspectRatio: Record<"video" | "wide" | "square" | "photo" | "portrait" | "ultrawide" | "1/1" | "3/2" | "4/3" | "16/9" | "21/9", StyleValue>;
+export declare const gap: {
+    row: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    column: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    all: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+};
+export declare const layouts: {
+    fullScreen: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    centered: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    overlay: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        justifyContent: "center";
+        alignItems: "center";
+        backgroundColor: string;
+    };
+    safeContainer: {
+        flex: number;
+        paddingTop: number;
+    };
+    spaceBetweenRow: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    stickyHeader: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        zIndex: number;
+    };
+    bottomSheet: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+};
+export declare const atoms: {
+    colors: {
+        readonly primary: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly slate: {
+            readonly 50: "#f8fafc";
+            readonly 100: "#f1f5f9";
+            readonly 200: "#e2e8f0";
+            readonly 300: "#cbd5e1";
+            readonly 400: "#94a3b8";
+            readonly 500: "#64748b";
+            readonly 600: "#475569";
+            readonly 700: "#334155";
+            readonly 800: "#1e293b";
+            readonly 900: "#0f172a";
+            readonly 950: "#020617";
+        };
+        readonly gray: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f3f4f6";
+            readonly 200: "#e5e7eb";
+            readonly 300: "#d1d5db";
+            readonly 400: "#9ca3af";
+            readonly 500: "#6b7280";
+            readonly 600: "#4b5563";
+            readonly 700: "#374151";
+            readonly 800: "#1f2937";
+            readonly 900: "#111827";
+            readonly 950: "#030712";
+        };
+        readonly zinc: {
+            readonly 50: "#fafafa";
+            readonly 100: "#f4f4f5";
+            readonly 200: "#e4e4e7";
+            readonly 300: "#d4d4d8";
+            readonly 400: "#a1a1aa";
+            readonly 500: "#71717a";
+            readonly 600: "#52525b";
+            readonly 700: "#3f3f46";
+            readonly 800: "#27272a";
+            readonly 900: "#18181b";
+            readonly 950: "#09090b";
+        };
+        readonly neutral: {
+            readonly 50: "#fafaf9";
+            readonly 100: "#f5f5f4";
+            readonly 200: "#e7e5e4";
+            readonly 300: "#d6d3d1";
+            readonly 400: "#a8a29e";
+            readonly 500: "#78716c";
+            readonly 600: "#57534e";
+            readonly 700: "#44403c";
+            readonly 800: "#292524";
+            readonly 900: "#1c1917";
+            readonly 950: "#0c0a09";
+        };
+        readonly stone: {
+            readonly 50: "#fafaf9";
+            readonly 100: "#f5f5f4";
+            readonly 200: "#e7e5e4";
+            readonly 300: "#d6d3d1";
+            readonly 400: "#a8a29e";
+            readonly 500: "#78716c";
+            readonly 600: "#57534e";
+            readonly 700: "#44403c";
+            readonly 800: "#292524";
+            readonly 900: "#1c1917";
+            readonly 950: "#0c0a09";
+        };
+        readonly red: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        readonly orange: {
+            readonly 50: "#fff7ed";
+            readonly 100: "#ffedd5";
+            readonly 200: "#fed7aa";
+            readonly 300: "#fdba74";
+            readonly 400: "#fb923c";
+            readonly 500: "#f97316";
+            readonly 600: "#ea580c";
+            readonly 700: "#c2410c";
+            readonly 800: "#9a3412";
+            readonly 900: "#7c2d12";
+            readonly 950: "#431407";
+        };
+        readonly amber: {
+            readonly 50: "#fffbeb";
+            readonly 100: "#fef3c7";
+            readonly 200: "#fde68a";
+            readonly 300: "#fcd34d";
+            readonly 400: "#fbbf24";
+            readonly 500: "#f59e0b";
+            readonly 600: "#d97706";
+            readonly 700: "#b45309";
+            readonly 800: "#92400e";
+            readonly 900: "#78350f";
+            readonly 950: "#451a03";
+        };
+        readonly yellow: {
+            readonly 50: "#fefce8";
+            readonly 100: "#fef9c3";
+            readonly 200: "#fef08a";
+            readonly 300: "#fde047";
+            readonly 400: "#facc15";
+            readonly 500: "#eab308";
+            readonly 600: "#ca8a04";
+            readonly 700: "#a16207";
+            readonly 800: "#854d0e";
+            readonly 900: "#713f12";
+            readonly 950: "#422006";
+        };
+        readonly lime: {
+            readonly 50: "#f7fee7";
+            readonly 100: "#ecfccb";
+            readonly 200: "#d9f99d";
+            readonly 300: "#bef264";
+            readonly 400: "#a3e635";
+            readonly 500: "#84cc16";
+            readonly 600: "#65a30d";
+            readonly 700: "#4d7c0f";
+            readonly 800: "#3f6212";
+            readonly 900: "#365314";
+            readonly 950: "#1a2e05";
+        };
+        readonly green: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly emerald: {
+            readonly 50: "#ecfdf5";
+            readonly 100: "#d1fae5";
+            readonly 200: "#a7f3d0";
+            readonly 300: "#6ee7b7";
+            readonly 400: "#34d399";
+            readonly 500: "#10b981";
+            readonly 600: "#059669";
+            readonly 700: "#047857";
+            readonly 800: "#065f46";
+            readonly 900: "#064e3b";
+            readonly 950: "#022c22";
+        };
+        readonly teal: {
+            readonly 50: "#f0fdfa";
+            readonly 100: "#ccfbf1";
+            readonly 200: "#99f6e4";
+            readonly 300: "#5eead4";
+            readonly 400: "#2dd4bf";
+            readonly 500: "#14b8a6";
+            readonly 600: "#0d9488";
+            readonly 700: "#0f766e";
+            readonly 800: "#115e59";
+            readonly 900: "#134e4a";
+            readonly 950: "#042f2e";
+        };
+        readonly cyan: {
+            readonly 50: "#ecfeff";
+            readonly 100: "#cffafe";
+            readonly 200: "#a5f3fc";
+            readonly 300: "#67e8f9";
+            readonly 400: "#22d3ee";
+            readonly 500: "#06b6d4";
+            readonly 600: "#0891b2";
+            readonly 700: "#0e7490";
+            readonly 800: "#155e75";
+            readonly 900: "#164e63";
+            readonly 950: "#083344";
+        };
+        readonly sky: {
+            readonly 50: "#f0f9ff";
+            readonly 100: "#e0f2fe";
+            readonly 200: "#bae6fd";
+            readonly 300: "#7dd3fc";
+            readonly 400: "#38bdf8";
+            readonly 500: "#0ea5e9";
+            readonly 600: "#0284c7";
+            readonly 700: "#0369a1";
+            readonly 800: "#075985";
+            readonly 900: "#0c4a6e";
+            readonly 950: "#082f49";
+        };
+        readonly blue: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly indigo: {
+            readonly 50: "#eef2ff";
+            readonly 100: "#e0e7ff";
+            readonly 200: "#c7d2fe";
+            readonly 300: "#a5b4fc";
+            readonly 400: "#818cf8";
+            readonly 500: "#6366f1";
+            readonly 600: "#4f46e5";
+            readonly 700: "#4338ca";
+            readonly 800: "#3730a3";
+            readonly 900: "#312e81";
+            readonly 950: "#1e1b4b";
+        };
+        readonly violet: {
+            readonly 50: "#f5f3ff";
+            readonly 100: "#ede9fe";
+            readonly 200: "#ddd6fe";
+            readonly 300: "#c4b5fd";
+            readonly 400: "#a78bfa";
+            readonly 500: "#8b5cf6";
+            readonly 600: "#7c3aed";
+            readonly 700: "#6d28d9";
+            readonly 800: "#5b21b6";
+            readonly 900: "#4c1d95";
+            readonly 950: "#2e1065";
+        };
+        readonly purple: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
+        readonly fuchsia: {
+            readonly 50: "#fdf4ff";
+            readonly 100: "#fae8ff";
+            readonly 200: "#f5d0fe";
+            readonly 300: "#f0abfc";
+            readonly 400: "#e879f9";
+            readonly 500: "#d946ef";
+            readonly 600: "#c026d3";
+            readonly 700: "#a21caf";
+            readonly 800: "#86198f";
+            readonly 900: "#701a75";
+            readonly 950: "#4a044e";
+        };
+        readonly pink: {
+            readonly 50: "#fdf2f8";
+            readonly 100: "#fce7f3";
+            readonly 200: "#fbcfe8";
+            readonly 300: "#f9a8d4";
+            readonly 400: "#f472b6";
+            readonly 500: "#ec4899";
+            readonly 600: "#db2777";
+            readonly 700: "#be185d";
+            readonly 800: "#9d174d";
+            readonly 900: "#831843";
+            readonly 950: "#500724";
+        };
+        readonly rose: {
+            readonly 50: "#fff1f2";
+            readonly 100: "#ffe4e6";
+            readonly 200: "#fecdd3";
+            readonly 300: "#fda4af";
+            readonly 400: "#fb7185";
+            readonly 500: "#f43f5e";
+            readonly 600: "#e11d48";
+            readonly 700: "#be123c";
+            readonly 800: "#9f1239";
+            readonly 900: "#881337";
+            readonly 950: "#4c0519";
+        };
+        readonly destructive: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        readonly success: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly warning: {
+            readonly 50: "#fffbeb";
+            readonly 100: "#fef3c7";
+            readonly 200: "#fde68a";
+            readonly 300: "#fcd34d";
+            readonly 400: "#fbbf24";
+            readonly 500: "#f59e0b";
+            readonly 600: "#d97706";
+            readonly 700: "#b45309";
+            readonly 800: "#92400e";
+            readonly 900: "#78350f";
+            readonly 950: "#451a03";
+        };
+        readonly ios: {
+            readonly systemBlue: "#007AFF";
+            readonly systemGreen: "#34C759";
+            readonly systemRed: "#FF3B30";
+            readonly systemOrange: "#FF9500";
+            readonly systemYellow: "#FFCC00";
+            readonly systemPurple: "#AF52DE";
+            readonly systemPink: "#FF2D92";
+            readonly systemTeal: "#5AC8FA";
+            readonly systemIndigo: "#5856D6";
+            readonly systemGray: "#8E8E93";
+            readonly systemGray2: "#AEAEB2";
+            readonly systemGray3: "#C7C7CC";
+            readonly systemGray4: "#D1D1D6";
+            readonly systemGray5: "#E5E5EA";
+            readonly systemGray6: "#F2F2F7";
+        };
+        readonly android: {
+            readonly primary: "#6200EE";
+            readonly primaryVariant: "#3700B3";
+            readonly secondary: "#03DAC6";
+            readonly secondaryVariant: "#018786";
+            readonly background: "#FFFFFF";
+            readonly surface: "#FFFFFF";
+            readonly error: "#B00020";
+            readonly onPrimary: "#FFFFFF";
+            readonly onSecondary: "#000000";
+            readonly onBackground: "#000000";
+            readonly onSurface: "#000000";
+            readonly onError: "#FFFFFF";
+        };
+        readonly transparent: "transparent";
+        readonly black: "#000000";
+        readonly white: "#FFFFFF";
+    };
+    spacing: {
+        readonly 0: 0;
+        readonly 1: 4;
+        readonly 2: 8;
+        readonly 3: 12;
+        readonly 4: 16;
+        readonly 5: 20;
+        readonly 6: 24;
+        readonly 7: 28;
+        readonly 8: 32;
+        readonly 9: 36;
+        readonly 10: 40;
+        readonly 11: 44;
+        readonly 12: 48;
+        readonly 14: 56;
+        readonly 16: 64;
+        readonly 20: 80;
+        readonly 24: 96;
+        readonly 28: 112;
+        readonly 32: 128;
+        readonly 36: 144;
+        readonly 40: 160;
+        readonly 44: 176;
+        readonly 48: 192;
+        readonly 52: 208;
+        readonly 56: 224;
+        readonly 60: 240;
+        readonly 64: 256;
+        readonly 72: 288;
+        readonly 80: 320;
+        readonly 96: 384;
+        readonly auto: "auto";
+    };
+    borderRadius: {
+        readonly none: 0;
+        readonly sm: 3;
+        readonly md: 8;
+        readonly lg: 12;
+        readonly xl: 16;
+        readonly "2xl": 20;
+        readonly "3xl": 24;
+        readonly full: 999;
+    };
+    radius: {
+        all: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        top: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        topRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        bottom: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        bottomRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        left: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        right: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    };
+    typography: {
+        platform: {
+            readonly largeTitle: {
+                readonly fontSize: 34;
+                readonly lineHeight: 41;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title1: {
+                readonly fontSize: 28;
+                readonly lineHeight: 34;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title2: {
+                readonly fontSize: 22;
+                readonly lineHeight: 28;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title3: {
+                readonly fontSize: 20;
+                readonly lineHeight: 25;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly headline: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly body: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly callout: {
+                readonly fontSize: 16;
+                readonly lineHeight: 21;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subhead: {
+                readonly fontSize: 15;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly footnote: {
+                readonly fontSize: 13;
+                readonly lineHeight: 18;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption1: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption2: {
+                readonly fontSize: 11;
+                readonly lineHeight: 13;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        } | {
+            readonly headline1: {
+                readonly fontSize: 96;
+                readonly lineHeight: 112;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+            };
+            readonly headline2: {
+                readonly fontSize: 60;
+                readonly lineHeight: 72;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+            };
+            readonly headline3: {
+                readonly fontSize: 48;
+                readonly lineHeight: 56;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline4: {
+                readonly fontSize: 34;
+                readonly lineHeight: 42;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline5: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline6: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly subtitle1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subtitle2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 22;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly body1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly body2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly button: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly caption: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly overline: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        } | {
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly marginBottom: -0.7;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly marginBottom: -1;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly base: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly marginBottom: -1.2;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.5;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly xl: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.75;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly "2xl": {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly marginBottom: -2;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly "3xl": {
+                readonly fontSize: 30;
+                readonly lineHeight: 36;
+                readonly marginBottom: -2.5;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly "4xl": {
+                readonly fontSize: 36;
+                readonly lineHeight: 40;
+                readonly marginBottom: -3;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+            };
+        };
+        universal: {
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly marginBottom: -0.7;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly marginBottom: -1;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly base: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly marginBottom: -1.2;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.5;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly xl: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.75;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly "2xl": {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly marginBottom: -2;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly "3xl": {
+                readonly fontSize: 30;
+                readonly lineHeight: 36;
+                readonly marginBottom: -2.5;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly "4xl": {
+                readonly fontSize: 36;
+                readonly lineHeight: 40;
+                readonly marginBottom: -3;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+            };
+        };
+        ios: {
+            readonly largeTitle: {
+                readonly fontSize: 34;
+                readonly lineHeight: 41;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title1: {
+                readonly fontSize: 28;
+                readonly lineHeight: 34;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title2: {
+                readonly fontSize: 22;
+                readonly lineHeight: 28;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title3: {
+                readonly fontSize: 20;
+                readonly lineHeight: 25;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly headline: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly body: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly callout: {
+                readonly fontSize: 16;
+                readonly lineHeight: 21;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subhead: {
+                readonly fontSize: 15;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly footnote: {
+                readonly fontSize: 13;
+                readonly lineHeight: 18;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption1: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption2: {
+                readonly fontSize: 11;
+                readonly lineHeight: 13;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        };
+        android: {
+            readonly headline1: {
+                readonly fontSize: 96;
+                readonly lineHeight: 112;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+            };
+            readonly headline2: {
+                readonly fontSize: 60;
+                readonly lineHeight: 72;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+            };
+            readonly headline3: {
+                readonly fontSize: 48;
+                readonly lineHeight: 56;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline4: {
+                readonly fontSize: 34;
+                readonly lineHeight: 42;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline5: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline6: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly subtitle1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subtitle2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 22;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly body1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly body2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly button: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly caption: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly overline: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        };
+    };
+    shadows: {
+        readonly none: {
+            readonly shadowColor: "transparent";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 0;
+            };
+            readonly shadowOpacity: 0;
+            readonly shadowRadius: 0;
+            readonly elevation: 0;
+        };
+        readonly sm: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.05;
+            readonly shadowRadius: 2;
+            readonly elevation: 2;
+        };
+        readonly md: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 2;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 4;
+            readonly elevation: 4;
+        };
+        readonly lg: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 4;
+            };
+            readonly shadowOpacity: 0.15;
+            readonly shadowRadius: 8;
+            readonly elevation: 8;
+        };
+        readonly xl: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.2;
+            readonly shadowRadius: 16;
+            readonly elevation: 16;
+        };
+    };
+    touchTargets: {
+        readonly minimum: 44;
+        readonly comfortable: 48;
+        readonly large: 56;
+    };
+    animations: {
+        readonly fast: 150;
+        readonly normal: 200;
+        readonly slow: 300;
+        readonly slower: 500;
+    };
+    iconSizes: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    layout: {
+        flex: {
+            center: {
+                justifyContent: "center";
+                alignItems: "center";
+            };
+            alignCenter: {
+                alignItems: "center";
+            };
+            justifyCenter: {
+                justifyContent: "center";
+            };
+            row: {
+                flexDirection: "row";
+            };
+            column: {
+                flexDirection: "column";
+            };
+            spaceBetween: {
+                justifyContent: "space-between";
+            };
+            spaceAround: {
+                justifyContent: "space-around";
+            };
+            spaceEvenly: {
+                justifyContent: "space-evenly";
+            };
+            direction: Record<"row" | "column" | "row-reverse" | "column-reverse", StyleValue>;
+            justify: Record<"start" | "end" | "center" | "between" | "around" | "evenly", StyleValue>;
+            align: Record<"start" | "end" | "center" | "stretch" | "baseline", StyleValue>;
+            wrap: Record<"reverse" | "wrap" | "nowrap", StyleValue>;
+        };
+        position: Record<"absolute" | "relative" | "static", StyleValue>;
+    };
+    borders: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        style: Record<"solid" | "dashed" | "dotted", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        top: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        bottom: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        left: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        right: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+    };
+    backgrounds: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    textColors: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    spacingAtoms: {
+        margin: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        padding: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    sizes: {
+        width: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        height: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        minWidth: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        minHeight: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        maxWidth: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        maxHeight: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+    };
+    flex: {
+        values: Record<0 | 1 | 3 | 2 | 5 | 4, StyleValue>;
+        grow: Record<0 | 1, StyleValue>;
+        shrink: Record<0 | 1, StyleValue>;
+        basis: {
+            auto: {
+                flexBasis: string;
+            };
+            10: StyleValue;
+            20: StyleValue;
+            25: StyleValue;
+            30: StyleValue;
+            33: StyleValue;
+            40: StyleValue;
+            50: StyleValue;
+            60: StyleValue;
+            66: StyleValue;
+            70: StyleValue;
+            75: StyleValue;
+            80: StyleValue;
+            90: StyleValue;
+            100: StyleValue;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            32: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            52: StyleValue;
+        };
+    };
+    opacity: Record<0 | 50 | 100 | 5 | 10 | 25 | 20 | 80 | 30 | 40 | 60 | 70 | 75 | 90 | 95, StyleValue>;
+    zIndex: Record<0 | 50 | 10 | 20 | 30 | "auto" | 40, StyleValue>;
+    overflow: Record<"visible" | "hidden" | "scroll", StyleValue>;
+    textAlign: Record<"auto" | "center" | "left" | "right" | "justify", StyleValue>;
+    fontWeight: Record<"bold" | "thin" | "medium" | "black" | "extralight" | "light" | "normal" | "semibold" | "extrabold", StyleValue>;
+    fontSize: Record<"sm" | "lg" | "xl" | "2xl" | "3xl" | "xs" | "base" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;
+    lineHeight: Record<3 | 5 | 6 | 4 | 8 | 10 | "none" | 7 | 9 | "normal" | "tight" | "snug" | "relaxed" | "loose", StyleValue>;
+    letterSpacing: Record<"normal" | "tight" | "tighter" | "wide" | "wider" | "widest", StyleValue>;
+    textTransform: Record<"none" | "uppercase" | "lowercase" | "capitalize", StyleValue>;
+    textDecoration: Record<"none" | "underline" | "lineThrough" | "underlineLineThrough", StyleValue>;
+    textAlignVertical: Record<"top" | "auto" | "center" | "bottom", StyleValue>;
+    transforms: {
+        rotate: Record<0 | 1 | 3 | 2 | 6 | 12 | 90 | 45 | 180 | 270, StyleValue>;
+        scale: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        scaleX: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        scaleY: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        translateX: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        translateY: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    position: {
+        top: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        right: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        bottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        left: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        topLeft: (top: number, left: number) => {
+            position: "absolute";
+            top: number;
+            left: number;
+        };
+        topRight: (top: number, right: number) => {
+            position: "absolute";
+            top: number;
+            right: number;
+        };
+        bottomLeft: (bottom: number, left: number) => {
+            position: "absolute";
+            bottom: number;
+            left: number;
+        };
+        bottomRight: (bottom: number, right: number) => {
+            position: "absolute";
+            bottom: number;
+            right: number;
+        };
+        percent: {
+            top: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            right: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            bottom: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            left: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+        };
+    };
+    aspectRatio: Record<"video" | "wide" | "square" | "photo" | "portrait" | "ultrawide" | "1/1" | "3/2" | "4/3" | "16/9" | "21/9", StyleValue>;
+    gap: {
+        row: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        column: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        all: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    layouts: {
+        fullScreen: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+        };
+        centered: {
+            flex: number;
+            justifyContent: "center";
+            alignItems: "center";
+        };
+        overlay: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            justifyContent: "center";
+            alignItems: "center";
+            backgroundColor: string;
+        };
+        safeContainer: {
+            flex: number;
+            paddingTop: number;
+        };
+        spaceBetweenRow: {
+            flexDirection: "row";
+            justifyContent: "space-between";
+            alignItems: "center";
+        };
+        stickyHeader: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            zIndex: number;
+        };
+        bottomSheet: {
+            position: "absolute";
+            bottom: number;
+            left: number;
+            right: number;
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+    };
+};
+export declare const a: {
+    colors: {
+        readonly primary: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly slate: {
+            readonly 50: "#f8fafc";
+            readonly 100: "#f1f5f9";
+            readonly 200: "#e2e8f0";
+            readonly 300: "#cbd5e1";
+            readonly 400: "#94a3b8";
+            readonly 500: "#64748b";
+            readonly 600: "#475569";
+            readonly 700: "#334155";
+            readonly 800: "#1e293b";
+            readonly 900: "#0f172a";
+            readonly 950: "#020617";
+        };
+        readonly gray: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f3f4f6";
+            readonly 200: "#e5e7eb";
+            readonly 300: "#d1d5db";
+            readonly 400: "#9ca3af";
+            readonly 500: "#6b7280";
+            readonly 600: "#4b5563";
+            readonly 700: "#374151";
+            readonly 800: "#1f2937";
+            readonly 900: "#111827";
+            readonly 950: "#030712";
+        };
+        readonly zinc: {
+            readonly 50: "#fafafa";
+            readonly 100: "#f4f4f5";
+            readonly 200: "#e4e4e7";
+            readonly 300: "#d4d4d8";
+            readonly 400: "#a1a1aa";
+            readonly 500: "#71717a";
+            readonly 600: "#52525b";
+            readonly 700: "#3f3f46";
+            readonly 800: "#27272a";
+            readonly 900: "#18181b";
+            readonly 950: "#09090b";
+        };
+        readonly neutral: {
+            readonly 50: "#fafaf9";
+            readonly 100: "#f5f5f4";
+            readonly 200: "#e7e5e4";
+            readonly 300: "#d6d3d1";
+            readonly 400: "#a8a29e";
+            readonly 500: "#78716c";
+            readonly 600: "#57534e";
+            readonly 700: "#44403c";
+            readonly 800: "#292524";
+            readonly 900: "#1c1917";
+            readonly 950: "#0c0a09";
+        };
+        readonly stone: {
+            readonly 50: "#fafaf9";
+            readonly 100: "#f5f5f4";
+            readonly 200: "#e7e5e4";
+            readonly 300: "#d6d3d1";
+            readonly 400: "#a8a29e";
+            readonly 500: "#78716c";
+            readonly 600: "#57534e";
+            readonly 700: "#44403c";
+            readonly 800: "#292524";
+            readonly 900: "#1c1917";
+            readonly 950: "#0c0a09";
+        };
+        readonly red: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        readonly orange: {
+            readonly 50: "#fff7ed";
+            readonly 100: "#ffedd5";
+            readonly 200: "#fed7aa";
+            readonly 300: "#fdba74";
+            readonly 400: "#fb923c";
+            readonly 500: "#f97316";
+            readonly 600: "#ea580c";
+            readonly 700: "#c2410c";
+            readonly 800: "#9a3412";
+            readonly 900: "#7c2d12";
+            readonly 950: "#431407";
+        };
+        readonly amber: {
+            readonly 50: "#fffbeb";
+            readonly 100: "#fef3c7";
+            readonly 200: "#fde68a";
+            readonly 300: "#fcd34d";
+            readonly 400: "#fbbf24";
+            readonly 500: "#f59e0b";
+            readonly 600: "#d97706";
+            readonly 700: "#b45309";
+            readonly 800: "#92400e";
+            readonly 900: "#78350f";
+            readonly 950: "#451a03";
+        };
+        readonly yellow: {
+            readonly 50: "#fefce8";
+            readonly 100: "#fef9c3";
+            readonly 200: "#fef08a";
+            readonly 300: "#fde047";
+            readonly 400: "#facc15";
+            readonly 500: "#eab308";
+            readonly 600: "#ca8a04";
+            readonly 700: "#a16207";
+            readonly 800: "#854d0e";
+            readonly 900: "#713f12";
+            readonly 950: "#422006";
+        };
+        readonly lime: {
+            readonly 50: "#f7fee7";
+            readonly 100: "#ecfccb";
+            readonly 200: "#d9f99d";
+            readonly 300: "#bef264";
+            readonly 400: "#a3e635";
+            readonly 500: "#84cc16";
+            readonly 600: "#65a30d";
+            readonly 700: "#4d7c0f";
+            readonly 800: "#3f6212";
+            readonly 900: "#365314";
+            readonly 950: "#1a2e05";
+        };
+        readonly green: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly emerald: {
+            readonly 50: "#ecfdf5";
+            readonly 100: "#d1fae5";
+            readonly 200: "#a7f3d0";
+            readonly 300: "#6ee7b7";
+            readonly 400: "#34d399";
+            readonly 500: "#10b981";
+            readonly 600: "#059669";
+            readonly 700: "#047857";
+            readonly 800: "#065f46";
+            readonly 900: "#064e3b";
+            readonly 950: "#022c22";
+        };
+        readonly teal: {
+            readonly 50: "#f0fdfa";
+            readonly 100: "#ccfbf1";
+            readonly 200: "#99f6e4";
+            readonly 300: "#5eead4";
+            readonly 400: "#2dd4bf";
+            readonly 500: "#14b8a6";
+            readonly 600: "#0d9488";
+            readonly 700: "#0f766e";
+            readonly 800: "#115e59";
+            readonly 900: "#134e4a";
+            readonly 950: "#042f2e";
+        };
+        readonly cyan: {
+            readonly 50: "#ecfeff";
+            readonly 100: "#cffafe";
+            readonly 200: "#a5f3fc";
+            readonly 300: "#67e8f9";
+            readonly 400: "#22d3ee";
+            readonly 500: "#06b6d4";
+            readonly 600: "#0891b2";
+            readonly 700: "#0e7490";
+            readonly 800: "#155e75";
+            readonly 900: "#164e63";
+            readonly 950: "#083344";
+        };
+        readonly sky: {
+            readonly 50: "#f0f9ff";
+            readonly 100: "#e0f2fe";
+            readonly 200: "#bae6fd";
+            readonly 300: "#7dd3fc";
+            readonly 400: "#38bdf8";
+            readonly 500: "#0ea5e9";
+            readonly 600: "#0284c7";
+            readonly 700: "#0369a1";
+            readonly 800: "#075985";
+            readonly 900: "#0c4a6e";
+            readonly 950: "#082f49";
+        };
+        readonly blue: {
+            readonly 50: "#eff6ff";
+            readonly 100: "#dbeafe";
+            readonly 200: "#bfdbfe";
+            readonly 300: "#93c5fd";
+            readonly 400: "#60a5fa";
+            readonly 500: "#3b82f6";
+            readonly 600: "#2563eb";
+            readonly 700: "#1d4ed8";
+            readonly 800: "#1e40af";
+            readonly 900: "#1e3a8a";
+            readonly 950: "#172554";
+        };
+        readonly indigo: {
+            readonly 50: "#eef2ff";
+            readonly 100: "#e0e7ff";
+            readonly 200: "#c7d2fe";
+            readonly 300: "#a5b4fc";
+            readonly 400: "#818cf8";
+            readonly 500: "#6366f1";
+            readonly 600: "#4f46e5";
+            readonly 700: "#4338ca";
+            readonly 800: "#3730a3";
+            readonly 900: "#312e81";
+            readonly 950: "#1e1b4b";
+        };
+        readonly violet: {
+            readonly 50: "#f5f3ff";
+            readonly 100: "#ede9fe";
+            readonly 200: "#ddd6fe";
+            readonly 300: "#c4b5fd";
+            readonly 400: "#a78bfa";
+            readonly 500: "#8b5cf6";
+            readonly 600: "#7c3aed";
+            readonly 700: "#6d28d9";
+            readonly 800: "#5b21b6";
+            readonly 900: "#4c1d95";
+            readonly 950: "#2e1065";
+        };
+        readonly purple: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
+        readonly fuchsia: {
+            readonly 50: "#fdf4ff";
+            readonly 100: "#fae8ff";
+            readonly 200: "#f5d0fe";
+            readonly 300: "#f0abfc";
+            readonly 400: "#e879f9";
+            readonly 500: "#d946ef";
+            readonly 600: "#c026d3";
+            readonly 700: "#a21caf";
+            readonly 800: "#86198f";
+            readonly 900: "#701a75";
+            readonly 950: "#4a044e";
+        };
+        readonly pink: {
+            readonly 50: "#fdf2f8";
+            readonly 100: "#fce7f3";
+            readonly 200: "#fbcfe8";
+            readonly 300: "#f9a8d4";
+            readonly 400: "#f472b6";
+            readonly 500: "#ec4899";
+            readonly 600: "#db2777";
+            readonly 700: "#be185d";
+            readonly 800: "#9d174d";
+            readonly 900: "#831843";
+            readonly 950: "#500724";
+        };
+        readonly rose: {
+            readonly 50: "#fff1f2";
+            readonly 100: "#ffe4e6";
+            readonly 200: "#fecdd3";
+            readonly 300: "#fda4af";
+            readonly 400: "#fb7185";
+            readonly 500: "#f43f5e";
+            readonly 600: "#e11d48";
+            readonly 700: "#be123c";
+            readonly 800: "#9f1239";
+            readonly 900: "#881337";
+            readonly 950: "#4c0519";
+        };
+        readonly destructive: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        readonly success: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly warning: {
+            readonly 50: "#fffbeb";
+            readonly 100: "#fef3c7";
+            readonly 200: "#fde68a";
+            readonly 300: "#fcd34d";
+            readonly 400: "#fbbf24";
+            readonly 500: "#f59e0b";
+            readonly 600: "#d97706";
+            readonly 700: "#b45309";
+            readonly 800: "#92400e";
+            readonly 900: "#78350f";
+            readonly 950: "#451a03";
+        };
+        readonly ios: {
+            readonly systemBlue: "#007AFF";
+            readonly systemGreen: "#34C759";
+            readonly systemRed: "#FF3B30";
+            readonly systemOrange: "#FF9500";
+            readonly systemYellow: "#FFCC00";
+            readonly systemPurple: "#AF52DE";
+            readonly systemPink: "#FF2D92";
+            readonly systemTeal: "#5AC8FA";
+            readonly systemIndigo: "#5856D6";
+            readonly systemGray: "#8E8E93";
+            readonly systemGray2: "#AEAEB2";
+            readonly systemGray3: "#C7C7CC";
+            readonly systemGray4: "#D1D1D6";
+            readonly systemGray5: "#E5E5EA";
+            readonly systemGray6: "#F2F2F7";
+        };
+        readonly android: {
+            readonly primary: "#6200EE";
+            readonly primaryVariant: "#3700B3";
+            readonly secondary: "#03DAC6";
+            readonly secondaryVariant: "#018786";
+            readonly background: "#FFFFFF";
+            readonly surface: "#FFFFFF";
+            readonly error: "#B00020";
+            readonly onPrimary: "#FFFFFF";
+            readonly onSecondary: "#000000";
+            readonly onBackground: "#000000";
+            readonly onSurface: "#000000";
+            readonly onError: "#FFFFFF";
+        };
+        readonly transparent: "transparent";
+        readonly black: "#000000";
+        readonly white: "#FFFFFF";
+    };
+    spacing: {
+        readonly 0: 0;
+        readonly 1: 4;
+        readonly 2: 8;
+        readonly 3: 12;
+        readonly 4: 16;
+        readonly 5: 20;
+        readonly 6: 24;
+        readonly 7: 28;
+        readonly 8: 32;
+        readonly 9: 36;
+        readonly 10: 40;
+        readonly 11: 44;
+        readonly 12: 48;
+        readonly 14: 56;
+        readonly 16: 64;
+        readonly 20: 80;
+        readonly 24: 96;
+        readonly 28: 112;
+        readonly 32: 128;
+        readonly 36: 144;
+        readonly 40: 160;
+        readonly 44: 176;
+        readonly 48: 192;
+        readonly 52: 208;
+        readonly 56: 224;
+        readonly 60: 240;
+        readonly 64: 256;
+        readonly 72: 288;
+        readonly 80: 320;
+        readonly 96: 384;
+        readonly auto: "auto";
+    };
+    borderRadius: {
+        readonly none: 0;
+        readonly sm: 3;
+        readonly md: 8;
+        readonly lg: 12;
+        readonly xl: 16;
+        readonly "2xl": 20;
+        readonly "3xl": 24;
+        readonly full: 999;
+    };
+    radius: {
+        all: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        top: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        topRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        bottom: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        bottomRight: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        left: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+        right: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+    };
+    typography: {
+        platform: {
+            readonly largeTitle: {
+                readonly fontSize: 34;
+                readonly lineHeight: 41;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title1: {
+                readonly fontSize: 28;
+                readonly lineHeight: 34;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title2: {
+                readonly fontSize: 22;
+                readonly lineHeight: 28;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title3: {
+                readonly fontSize: 20;
+                readonly lineHeight: 25;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly headline: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly body: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly callout: {
+                readonly fontSize: 16;
+                readonly lineHeight: 21;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subhead: {
+                readonly fontSize: 15;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly footnote: {
+                readonly fontSize: 13;
+                readonly lineHeight: 18;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption1: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption2: {
+                readonly fontSize: 11;
+                readonly lineHeight: 13;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        } | {
+            readonly headline1: {
+                readonly fontSize: 96;
+                readonly lineHeight: 112;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+            };
+            readonly headline2: {
+                readonly fontSize: 60;
+                readonly lineHeight: 72;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+            };
+            readonly headline3: {
+                readonly fontSize: 48;
+                readonly lineHeight: 56;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline4: {
+                readonly fontSize: 34;
+                readonly lineHeight: 42;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline5: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline6: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly subtitle1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subtitle2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 22;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly body1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly body2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly button: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly caption: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly overline: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        } | {
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly marginBottom: -0.7;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly marginBottom: -1;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly base: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly marginBottom: -1.2;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.5;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly xl: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.75;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly "2xl": {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly marginBottom: -2;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly "3xl": {
+                readonly fontSize: 30;
+                readonly lineHeight: 36;
+                readonly marginBottom: -2.5;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly "4xl": {
+                readonly fontSize: 36;
+                readonly lineHeight: 40;
+                readonly marginBottom: -3;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+            };
+        };
+        universal: {
+            readonly xs: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly marginBottom: -0.7;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly sm: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly marginBottom: -1;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly base: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly marginBottom: -1.2;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly lg: {
+                readonly fontSize: 18;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.5;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly xl: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly marginBottom: -1.75;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly "2xl": {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly marginBottom: -2;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly "3xl": {
+                readonly fontSize: 30;
+                readonly lineHeight: 36;
+                readonly marginBottom: -2.5;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly "4xl": {
+                readonly fontSize: 36;
+                readonly lineHeight: 40;
+                readonly marginBottom: -3;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraBold";
+            };
+        };
+        ios: {
+            readonly largeTitle: {
+                readonly fontSize: 34;
+                readonly lineHeight: 41;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title1: {
+                readonly fontSize: 28;
+                readonly lineHeight: 34;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title2: {
+                readonly fontSize: 22;
+                readonly lineHeight: 28;
+                readonly fontWeight: "700";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Bold";
+            };
+            readonly title3: {
+                readonly fontSize: 20;
+                readonly lineHeight: 25;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly headline: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "600";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-SemiBold";
+            };
+            readonly body: {
+                readonly fontSize: 17;
+                readonly lineHeight: 22;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly callout: {
+                readonly fontSize: 16;
+                readonly lineHeight: 21;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subhead: {
+                readonly fontSize: 15;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly footnote: {
+                readonly fontSize: 13;
+                readonly lineHeight: 18;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption1: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly caption2: {
+                readonly fontSize: 11;
+                readonly lineHeight: 13;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        };
+        android: {
+            readonly headline1: {
+                readonly fontSize: 96;
+                readonly lineHeight: 112;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-ExtraLight";
+            };
+            readonly headline2: {
+                readonly fontSize: 60;
+                readonly lineHeight: 72;
+                readonly fontWeight: "300";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Light";
+            };
+            readonly headline3: {
+                readonly fontSize: 48;
+                readonly lineHeight: 56;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline4: {
+                readonly fontSize: 34;
+                readonly lineHeight: 42;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline5: {
+                readonly fontSize: 24;
+                readonly lineHeight: 32;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly headline6: {
+                readonly fontSize: 20;
+                readonly lineHeight: 28;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly subtitle1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly subtitle2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 22;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly body1: {
+                readonly fontSize: 16;
+                readonly lineHeight: 24;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly body2: {
+                readonly fontSize: 14;
+                readonly lineHeight: 20;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly button: {
+                readonly fontSize: 14;
+                readonly lineHeight: 16;
+                readonly fontWeight: "500";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Medium";
+            };
+            readonly caption: {
+                readonly fontSize: 12;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+            readonly overline: {
+                readonly fontSize: 10;
+                readonly lineHeight: 16;
+                readonly fontWeight: "400";
+                readonly fontFamily: "AtkinsonHyperlegibleNext-Regular";
+            };
+        };
+    };
+    shadows: {
+        readonly none: {
+            readonly shadowColor: "transparent";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 0;
+            };
+            readonly shadowOpacity: 0;
+            readonly shadowRadius: 0;
+            readonly elevation: 0;
+        };
+        readonly sm: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.05;
+            readonly shadowRadius: 2;
+            readonly elevation: 2;
+        };
+        readonly md: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 2;
+            };
+            readonly shadowOpacity: 0.1;
+            readonly shadowRadius: 4;
+            readonly elevation: 4;
+        };
+        readonly lg: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 4;
+            };
+            readonly shadowOpacity: 0.15;
+            readonly shadowRadius: 8;
+            readonly elevation: 8;
+        };
+        readonly xl: {
+            readonly shadowColor: "#000000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.2;
+            readonly shadowRadius: 16;
+            readonly elevation: 16;
+        };
+    };
+    touchTargets: {
+        readonly minimum: 44;
+        readonly comfortable: 48;
+        readonly large: 56;
+    };
+    animations: {
+        readonly fast: 150;
+        readonly normal: 200;
+        readonly slow: 300;
+        readonly slower: 500;
+    };
+    iconSizes: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    layout: {
+        flex: {
+            center: {
+                justifyContent: "center";
+                alignItems: "center";
+            };
+            alignCenter: {
+                alignItems: "center";
+            };
+            justifyCenter: {
+                justifyContent: "center";
+            };
+            row: {
+                flexDirection: "row";
+            };
+            column: {
+                flexDirection: "column";
+            };
+            spaceBetween: {
+                justifyContent: "space-between";
+            };
+            spaceAround: {
+                justifyContent: "space-around";
+            };
+            spaceEvenly: {
+                justifyContent: "space-evenly";
+            };
+            direction: Record<"row" | "column" | "row-reverse" | "column-reverse", StyleValue>;
+            justify: Record<"start" | "end" | "center" | "between" | "around" | "evenly", StyleValue>;
+            align: Record<"start" | "end" | "center" | "stretch" | "baseline", StyleValue>;
+            wrap: Record<"reverse" | "wrap" | "nowrap", StyleValue>;
+        };
+        position: Record<"absolute" | "relative" | "static", StyleValue>;
+    };
+    borders: {
+        width: Record<"thin" | "medium" | "thick", StyleValue>;
+        style: Record<"solid" | "dashed" | "dotted", StyleValue>;
+        color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        top: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        bottom: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        left: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+        right: {
+            width: Record<"thin" | "medium" | "thick", StyleValue>;
+            color: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+        };
+    };
+    backgrounds: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    textColors: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+    spacingAtoms: {
+        margin: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        marginVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        padding: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingTop: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingRight: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingBottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingLeft: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingHorizontal: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        paddingVertical: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    sizes: {
+        width: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        height: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        minWidth: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        minHeight: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        maxWidth: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+        maxHeight: {
+            percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            10: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            20: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            80: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            auto: StyleValue;
+            32: StyleValue;
+            40: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            60: StyleValue;
+            52: StyleValue;
+        };
+    };
+    flex: {
+        values: Record<0 | 1 | 3 | 2 | 5 | 4, StyleValue>;
+        grow: Record<0 | 1, StyleValue>;
+        shrink: Record<0 | 1, StyleValue>;
+        basis: {
+            auto: {
+                flexBasis: string;
+            };
+            10: StyleValue;
+            20: StyleValue;
+            25: StyleValue;
+            30: StyleValue;
+            33: StyleValue;
+            40: StyleValue;
+            50: StyleValue;
+            60: StyleValue;
+            66: StyleValue;
+            70: StyleValue;
+            75: StyleValue;
+            80: StyleValue;
+            90: StyleValue;
+            100: StyleValue;
+            0: StyleValue;
+            1: StyleValue;
+            3: StyleValue;
+            2: StyleValue;
+            5: StyleValue;
+            6: StyleValue;
+            11: StyleValue;
+            4: StyleValue;
+            8: StyleValue;
+            64: StyleValue;
+            14: StyleValue;
+            12: StyleValue;
+            24: StyleValue;
+            7: StyleValue;
+            9: StyleValue;
+            28: StyleValue;
+            72: StyleValue;
+            96: StyleValue;
+            16: StyleValue;
+            36: StyleValue;
+            32: StyleValue;
+            44: StyleValue;
+            48: StyleValue;
+            56: StyleValue;
+            52: StyleValue;
+        };
+    };
+    opacity: Record<0 | 50 | 100 | 5 | 10 | 25 | 20 | 80 | 30 | 40 | 60 | 70 | 75 | 90 | 95, StyleValue>;
+    zIndex: Record<0 | 50 | 10 | 20 | 30 | "auto" | 40, StyleValue>;
+    overflow: Record<"visible" | "hidden" | "scroll", StyleValue>;
+    textAlign: Record<"auto" | "center" | "left" | "right" | "justify", StyleValue>;
+    fontWeight: Record<"bold" | "thin" | "medium" | "black" | "extralight" | "light" | "normal" | "semibold" | "extrabold", StyleValue>;
+    fontSize: Record<"sm" | "lg" | "xl" | "2xl" | "3xl" | "xs" | "base" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl", StyleValue>;
+    lineHeight: Record<3 | 5 | 6 | 4 | 8 | 10 | "none" | 7 | 9 | "normal" | "tight" | "snug" | "relaxed" | "loose", StyleValue>;
+    letterSpacing: Record<"normal" | "tight" | "tighter" | "wide" | "wider" | "widest", StyleValue>;
+    textTransform: Record<"none" | "uppercase" | "lowercase" | "capitalize", StyleValue>;
+    textDecoration: Record<"none" | "underline" | "lineThrough" | "underlineLineThrough", StyleValue>;
+    textAlignVertical: Record<"top" | "auto" | "center" | "bottom", StyleValue>;
+    transforms: {
+        rotate: Record<0 | 1 | 3 | 2 | 6 | 12 | 90 | 45 | 180 | 270, StyleValue>;
+        scale: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        scaleX: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        scaleY: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+        translateX: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        translateY: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    position: {
+        top: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        right: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        bottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        left: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        topLeft: (top: number, left: number) => {
+            position: "absolute";
+            top: number;
+            left: number;
+        };
+        topRight: (top: number, right: number) => {
+            position: "absolute";
+            top: number;
+            right: number;
+        };
+        bottomLeft: (bottom: number, left: number) => {
+            position: "absolute";
+            bottom: number;
+            left: number;
+        };
+        bottomRight: (bottom: number, right: number) => {
+            position: "absolute";
+            bottom: number;
+            right: number;
+        };
+        percent: {
+            top: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            right: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            bottom: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+            left: Record<0 | 50 | 100 | 25 | 75, StyleValue>;
+        };
+    };
+    aspectRatio: Record<"video" | "wide" | "square" | "photo" | "portrait" | "ultrawide" | "1/1" | "3/2" | "4/3" | "16/9" | "21/9", StyleValue>;
+    gap: {
+        row: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        column: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+        all: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+    };
+    layouts: {
+        fullScreen: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+        };
+        centered: {
+            flex: number;
+            justifyContent: "center";
+            alignItems: "center";
+        };
+        overlay: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            justifyContent: "center";
+            alignItems: "center";
+            backgroundColor: string;
+        };
+        safeContainer: {
+            flex: number;
+            paddingTop: number;
+        };
+        spaceBetweenRow: {
+            flexDirection: "row";
+            justifyContent: "space-between";
+            alignItems: "center";
+        };
+        stickyHeader: {
+            position: "absolute";
+            top: number;
+            left: number;
+            right: number;
+            zIndex: number;
+        };
+        bottomSheet: {
+            position: "absolute";
+            bottom: number;
+            left: number;
+            right: number;
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+    };
+};
+export declare const bg: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+export declare const text: Record<"red" | "green" | "blue" | "success" | "ios" | "android" | "warning" | "transparent" | "primary" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "orange" | "amber" | "yellow" | "lime" | "emerald" | "teal" | "cyan" | "sky" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "destructive" | "black" | "white", StyleValue>;
+export declare const m: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const mt: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const mr: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const mb: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const ml: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const mx: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const my: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const p: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const pt: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const pr: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const pb: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const pl: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const px: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const py: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const w: {
+    percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+    0: StyleValue;
+    1: StyleValue;
+    3: StyleValue;
+    2: StyleValue;
+    5: StyleValue;
+    6: StyleValue;
+    11: StyleValue;
+    4: StyleValue;
+    8: StyleValue;
+    10: StyleValue;
+    64: StyleValue;
+    14: StyleValue;
+    20: StyleValue;
+    12: StyleValue;
+    24: StyleValue;
+    80: StyleValue;
+    7: StyleValue;
+    9: StyleValue;
+    28: StyleValue;
+    72: StyleValue;
+    96: StyleValue;
+    16: StyleValue;
+    36: StyleValue;
+    auto: StyleValue;
+    32: StyleValue;
+    40: StyleValue;
+    44: StyleValue;
+    48: StyleValue;
+    56: StyleValue;
+    60: StyleValue;
+    52: StyleValue;
+};
+export declare const h: {
+    percent: Record<"10" | "20" | "25" | "30" | "33" | "40" | "50" | "60" | "66" | "70" | "75" | "80" | "90" | "100", StyleValue>;
+    0: StyleValue;
+    1: StyleValue;
+    3: StyleValue;
+    2: StyleValue;
+    5: StyleValue;
+    6: StyleValue;
+    11: StyleValue;
+    4: StyleValue;
+    8: StyleValue;
+    10: StyleValue;
+    64: StyleValue;
+    14: StyleValue;
+    20: StyleValue;
+    12: StyleValue;
+    24: StyleValue;
+    80: StyleValue;
+    7: StyleValue;
+    9: StyleValue;
+    28: StyleValue;
+    72: StyleValue;
+    96: StyleValue;
+    16: StyleValue;
+    36: StyleValue;
+    auto: StyleValue;
+    32: StyleValue;
+    40: StyleValue;
+    44: StyleValue;
+    48: StyleValue;
+    56: StyleValue;
+    60: StyleValue;
+    52: StyleValue;
+};
+export declare const r: Record<"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full", StyleValue>;
+export declare const top: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const right: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const bottom: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const left: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const rotate: Record<0 | 1 | 3 | 2 | 6 | 12 | 90 | 45 | 180 | 270, StyleValue>;
+export declare const scale: Record<0 | 50 | 100 | 200 | 150 | 125 | 75 | 90 | 95 | 105 | 110, StyleValue>;
+export declare const translateX: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+export declare const translateY: Record<0 | 1 | 3 | 2 | 5 | 6 | 11 | 4 | 8 | 10 | 64 | 14 | 20 | 12 | 24 | 80 | 7 | 9 | 28 | 72 | 96 | 16 | 36 | "auto" | 32 | 40 | 44 | 48 | 56 | 60 | 52, StyleValue>;
+//# sourceMappingURL=atoms.d.ts.map