@streamplace/components 0.8.9 → 0.8.13

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

@@ -0,0 +1,766 @@
+/**
+ * Design tokens for React Native components
+ * Inspired by shadcn/ui but adapted for React Native styling
+ */
+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 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";
+};
+export declare const 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;
+};
+export declare const typography: {
+    readonly 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";
+        };
+    };
+    readonly 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";
+        };
+    };
+    readonly 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";
+        };
+    };
+    readonly mono: {
+        readonly xs: {
+            readonly fontSize: 11;
+            readonly lineHeight: 16;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Regular";
+        };
+        readonly sm: {
+            readonly fontSize: 13;
+            readonly lineHeight: 18;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Regular";
+        };
+        readonly base: {
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Regular";
+        };
+        readonly lg: {
+            readonly fontSize: 16;
+            readonly lineHeight: 24;
+            readonly fontWeight: "400";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Regular";
+        };
+        readonly xl: {
+            readonly fontSize: 18;
+            readonly lineHeight: 28;
+            readonly fontWeight: "500";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Medium";
+        };
+        readonly "2xl": {
+            readonly fontSize: 20;
+            readonly lineHeight: 32;
+            readonly fontWeight: "600";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-SemiBold";
+        };
+        readonly "3xl": {
+            readonly fontSize: 24;
+            readonly lineHeight: 36;
+            readonly fontWeight: "700";
+            readonly fontFamily: "AtkinsonHyperlegibleMono-Bold";
+        };
+    };
+};
+export declare const fontFamilies: {
+    readonly regular: "AtkinsonHyperlegibleNext-Regular";
+    readonly light: "AtkinsonHyperlegibleNext-Light";
+    readonly extraLight: "AtkinsonHyperlegibleNext-ExtraLight";
+    readonly medium: "AtkinsonHyperlegibleNext-Medium";
+    readonly semiBold: "AtkinsonHyperlegibleNext-SemiBold";
+    readonly bold: "AtkinsonHyperlegibleNext-Bold";
+    readonly extraBold: "AtkinsonHyperlegibleNext-ExtraBold";
+    readonly monoRegular: "AtkinsonHyperlegibleMono-Regular";
+    readonly monoMedium: "AtkinsonHyperlegibleMono-Medium";
+    readonly monoSemiBold: "AtkinsonHyperlegibleMono-SemiBold";
+    readonly monoBold: "AtkinsonHyperlegibleMono-Bold";
+};
+export declare const 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;
+    };
+};
+export declare const touchTargets: {
+    readonly minimum: 44;
+    readonly comfortable: 48;
+    readonly large: 56;
+};
+export declare const animations: {
+    readonly fast: 150;
+    readonly normal: 200;
+    readonly slow: 300;
+    readonly slower: 500;
+};
+export declare const breakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly "2xl": 1536;
+};
+export type Colors = typeof colors;
+export type Spacing = typeof spacing;
+export type BorderRadius = typeof borderRadius;
+export type Typography = typeof typography;
+export type FontFamilies = typeof fontFamilies;
+export type Shadows = typeof shadows;
+export type TouchTargets = typeof touchTargets;
+export type Animations = typeof animations;
+export type Breakpoints = typeof breakpoints;
+//# sourceMappingURL=tokens.d.ts.map