reactnatively-theme 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,812 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DeepPartial } from 'reactnatively-utils';
+
+declare const glassTokens: {
+    readonly blur: {
+        readonly none: 0;
+        readonly hairline: 4;
+        readonly subtle: 10;
+        readonly light: 20;
+        readonly medium: 35;
+        readonly heavy: 55;
+        readonly intense: 72;
+        readonly extreme: 90;
+    };
+    readonly tint: {
+        readonly light: {
+            readonly ultraThin: "rgba(255,255,255,0.45)";
+            readonly thin: "rgba(255,255,255,0.60)";
+            readonly surface: "rgba(255,255,255,0.72)";
+            readonly elevated: "rgba(255,255,255,0.82)";
+            readonly overlay: "rgba(255,255,255,0.92)";
+            readonly frosted: "rgba(240,242,250,0.68)";
+            readonly tinted: "rgba(59,130,246,0.12)";
+        };
+        readonly dark: {
+            readonly ultraThin: "rgba(20,20,30,0.45)";
+            readonly thin: "rgba(20,20,30,0.58)";
+            readonly surface: "rgba(25,25,38,0.72)";
+            readonly elevated: "rgba(30,30,48,0.80)";
+            readonly overlay: "rgba(15,15,25,0.88)";
+            readonly frosted: "rgba(22,24,40,0.70)";
+            readonly tinted: "rgba(99,102,241,0.15)";
+        };
+    };
+    readonly elevation: {
+        readonly 0: {
+            readonly blur: 0;
+            readonly tintOpacity: 0.95;
+            readonly shadowOpacity: 0;
+            readonly shadowRadius: 0;
+            readonly shadowY: 0;
+        };
+        readonly 1: {
+            readonly blur: 12;
+            readonly tintOpacity: 0.82;
+            readonly shadowOpacity: 0.06;
+            readonly shadowRadius: 8;
+            readonly shadowY: 2;
+        };
+        readonly 2: {
+            readonly blur: 24;
+            readonly tintOpacity: 0.72;
+            readonly shadowOpacity: 0.12;
+            readonly shadowRadius: 16;
+            readonly shadowY: 4;
+        };
+        readonly 3: {
+            readonly blur: 40;
+            readonly tintOpacity: 0.65;
+            readonly shadowOpacity: 0.18;
+            readonly shadowRadius: 24;
+            readonly shadowY: 8;
+        };
+        readonly 4: {
+            readonly blur: 55;
+            readonly tintOpacity: 0.55;
+            readonly shadowOpacity: 0.24;
+            readonly shadowRadius: 36;
+            readonly shadowY: 12;
+        };
+        readonly 5: {
+            readonly blur: 72;
+            readonly tintOpacity: 0.45;
+            readonly shadowOpacity: 0.32;
+            readonly shadowRadius: 48;
+            readonly shadowY: 20;
+        };
+    };
+    readonly highlight: {
+        readonly none: "transparent";
+        readonly subtle: "rgba(255,255,255,0.20)";
+        readonly medium: "rgba(255,255,255,0.38)";
+        readonly strong: "rgba(255,255,255,0.55)";
+        readonly intense: "rgba(255,255,255,0.72)";
+    };
+    readonly highlightGradientEnd: "transparent";
+    readonly border: {
+        readonly light: {
+            readonly subtle: "rgba(255,255,255,0.20)";
+            readonly medium: "rgba(255,255,255,0.32)";
+            readonly strong: "rgba(255,255,255,0.50)";
+        };
+        readonly dark: {
+            readonly subtle: "rgba(255,255,255,0.08)";
+            readonly medium: "rgba(255,255,255,0.14)";
+            readonly strong: "rgba(255,255,255,0.22)";
+        };
+    };
+    readonly glow: {
+        readonly primary: {
+            readonly color: "#6366f1";
+            readonly radius: 24;
+            readonly opacity: 0.35;
+        };
+        readonly blue: {
+            readonly color: "#3b82f6";
+            readonly radius: 24;
+            readonly opacity: 0.35;
+        };
+        readonly cyan: {
+            readonly color: "#06b6d4";
+            readonly radius: 20;
+            readonly opacity: 0.4;
+        };
+        readonly rose: {
+            readonly color: "#f43f5e";
+            readonly radius: 20;
+            readonly opacity: 0.35;
+        };
+        readonly success: {
+            readonly color: "#10b981";
+            readonly radius: 20;
+            readonly opacity: 0.3;
+        };
+        readonly warning: {
+            readonly color: "#f59e0b";
+            readonly radius: 20;
+            readonly opacity: 0.3;
+        };
+    };
+    readonly vibrancy: {
+        readonly none: {
+            readonly saturation: 1;
+            readonly brightness: 1;
+        };
+        readonly subtle: {
+            readonly saturation: 1.1;
+            readonly brightness: 1.02;
+        };
+        readonly medium: {
+            readonly saturation: 1.2;
+            readonly brightness: 1.04;
+        };
+        readonly vivid: {
+            readonly saturation: 1.4;
+            readonly brightness: 1.06;
+        };
+    };
+};
+type GlassTokens = typeof glassTokens;
+type GlassElevation = 0 | 1 | 2 | 3 | 4 | 5;
+type GlassTintVariant = keyof typeof glassTokens.tint.light;
+type GlassBlurLevel = keyof typeof glassTokens.blur;
+type GlassHighlight = keyof typeof glassTokens.highlight;
+
+declare const spacing: {
+    readonly 0: 0;
+    readonly px: 1;
+    readonly 0.5: 2;
+    readonly 1: 4;
+    readonly 1.5: 6;
+    readonly 2: 8;
+    readonly 2.5: 10;
+    readonly 3: 12;
+    readonly 3.5: 14;
+    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 48: 192;
+    readonly 56: 224;
+    readonly 64: 256;
+};
+type SpacingScale = typeof spacing;
+type SpacingKey = keyof SpacingScale;
+type SpacingValue = SpacingScale[SpacingKey];
+
+declare const radii: {
+    readonly none: 0;
+    readonly xs: 4;
+    readonly sm: 6;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly '2xl': 20;
+    readonly '3xl': 24;
+    readonly '4xl': 32;
+    readonly full: 9999;
+};
+type RadiiScale = typeof radii;
+type RadiiKey = keyof RadiiScale;
+
+declare const fontFamily: {
+    readonly sans: "System";
+    readonly mono: "Courier";
+};
+declare const fontSize: {
+    readonly '2xs': 10;
+    readonly xs: 12;
+    readonly sm: 13;
+    readonly base: 15;
+    readonly md: 15;
+    readonly lg: 17;
+    readonly xl: 19;
+    readonly '2xl': 22;
+    readonly '3xl': 26;
+    readonly '4xl': 32;
+    readonly '5xl': 40;
+    readonly '6xl': 52;
+    readonly '7xl': 64;
+};
+declare const lineHeight: {
+    readonly none: 1;
+    readonly tight: 1.2;
+    readonly snug: 1.35;
+    readonly normal: 1.5;
+    readonly relaxed: 1.625;
+    readonly loose: 2;
+};
+declare const fontWeight: {
+    thin: "100";
+    extralight: "200";
+    light: "300";
+    normal: "400";
+    medium: "500";
+    semibold: "600";
+    bold: "700";
+    extrabold: "800";
+    black: "900";
+};
+declare const letterSpacing: {
+    readonly tighter: -0.8;
+    readonly tight: -0.4;
+    readonly normal: 0;
+    readonly wide: 0.4;
+    readonly wider: 0.8;
+    readonly widest: 1.6;
+};
+declare const typography: {
+    readonly fontFamily: {
+        readonly sans: "System";
+        readonly mono: "Courier";
+    };
+    readonly fontSize: {
+        readonly '2xs': 10;
+        readonly xs: 12;
+        readonly sm: 13;
+        readonly base: 15;
+        readonly md: 15;
+        readonly lg: 17;
+        readonly xl: 19;
+        readonly '2xl': 22;
+        readonly '3xl': 26;
+        readonly '4xl': 32;
+        readonly '5xl': 40;
+        readonly '6xl': 52;
+        readonly '7xl': 64;
+    };
+    readonly lineHeight: {
+        readonly none: 1;
+        readonly tight: 1.2;
+        readonly snug: 1.35;
+        readonly normal: 1.5;
+        readonly relaxed: 1.625;
+        readonly loose: 2;
+    };
+    readonly fontWeight: {
+        thin: "100";
+        extralight: "200";
+        light: "300";
+        normal: "400";
+        medium: "500";
+        semibold: "600";
+        bold: "700";
+        extrabold: "800";
+        black: "900";
+    };
+    readonly letterSpacing: {
+        readonly tighter: -0.8;
+        readonly tight: -0.4;
+        readonly normal: 0;
+        readonly wide: 0.4;
+        readonly wider: 0.8;
+        readonly widest: 1.6;
+    };
+};
+type Typography = typeof typography;
+
+declare const shadows: {
+    readonly none: {
+        readonly ios: {
+            readonly shadowColor: "transparent";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 0;
+            };
+            readonly shadowOpacity: 0;
+            readonly shadowRadius: 0;
+        };
+        readonly android: {
+            readonly elevation: 0;
+        };
+    };
+    readonly xs: {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 1;
+            };
+            readonly shadowOpacity: 0.05;
+            readonly shadowRadius: 2;
+        };
+        readonly android: {
+            readonly elevation: 1;
+        };
+    };
+    readonly sm: {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 2;
+            };
+            readonly shadowOpacity: 0.08;
+            readonly shadowRadius: 4;
+        };
+        readonly android: {
+            readonly elevation: 2;
+        };
+    };
+    readonly md: {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 4;
+            };
+            readonly shadowOpacity: 0.12;
+            readonly shadowRadius: 8;
+        };
+        readonly android: {
+            readonly elevation: 4;
+        };
+    };
+    readonly lg: {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.15;
+            readonly shadowRadius: 16;
+        };
+        readonly android: {
+            readonly elevation: 8;
+        };
+    };
+    readonly xl: {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 12;
+            };
+            readonly shadowOpacity: 0.18;
+            readonly shadowRadius: 24;
+        };
+        readonly android: {
+            readonly elevation: 12;
+        };
+    };
+    readonly '2xl': {
+        readonly ios: {
+            readonly shadowColor: "#000";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 20;
+            };
+            readonly shadowOpacity: 0.22;
+            readonly shadowRadius: 40;
+        };
+        readonly android: {
+            readonly elevation: 20;
+        };
+    };
+    readonly glassGlow: {
+        readonly ios: {
+            readonly shadowColor: "#6366f1";
+            readonly shadowOffset: {
+                readonly width: 0;
+                readonly height: 8;
+            };
+            readonly shadowOpacity: 0.4;
+            readonly shadowRadius: 24;
+        };
+        readonly android: {
+            readonly elevation: 12;
+        };
+    };
+};
+type Shadows = typeof shadows;
+type ShadowKey = keyof Shadows;
+
+declare const duration: {
+    readonly instant: 50;
+    readonly fast: 120;
+    readonly normal: 220;
+    readonly slow: 380;
+    readonly verySlow: 550;
+    readonly blurIn: 280;
+    readonly blurOut: 180;
+    readonly enter: 300;
+    readonly exit: 200;
+};
+declare const easing: {
+    readonly standard: readonly [0.4, 0, 0.2, 1];
+    readonly decelerate: readonly [0, 0, 0.2, 1];
+    readonly accelerate: readonly [0.4, 0, 1, 1];
+    readonly sharp: readonly [0.4, 0, 0.6, 1];
+};
+declare const springs: {
+    readonly snappy: {
+        readonly damping: 22;
+        readonly stiffness: 420;
+        readonly mass: 0.8;
+        readonly overshootClamping: false;
+    };
+    readonly liquid: {
+        readonly damping: 15;
+        readonly stiffness: 280;
+        readonly mass: 1;
+        readonly overshootClamping: false;
+    };
+    readonly reveal: {
+        readonly damping: 30;
+        readonly stiffness: 200;
+        readonly mass: 1.2;
+        readonly overshootClamping: false;
+    };
+    readonly bounce: {
+        readonly damping: 8;
+        readonly stiffness: 340;
+        readonly mass: 0.7;
+        readonly overshootClamping: false;
+    };
+    readonly precise: {
+        readonly damping: 40;
+        readonly stiffness: 300;
+        readonly mass: 1;
+        readonly overshootClamping: true;
+    };
+};
+declare const reducedMotion: {
+    readonly duration: {
+        readonly instant: 0;
+        readonly fast: 0;
+        readonly normal: 50;
+        readonly slow: 80;
+        readonly verySlow: 100;
+        readonly blurIn: 80;
+        readonly blurOut: 60;
+        readonly enter: 80;
+        readonly exit: 60;
+    };
+    readonly springs: {
+        readonly snappy: {
+            readonly damping: 40;
+            readonly stiffness: 400;
+            readonly mass: 1;
+        };
+        readonly liquid: {
+            readonly damping: 40;
+            readonly stiffness: 400;
+            readonly mass: 1;
+        };
+        readonly reveal: {
+            readonly damping: 40;
+            readonly stiffness: 400;
+            readonly mass: 1;
+        };
+        readonly bounce: {
+            readonly damping: 40;
+            readonly stiffness: 400;
+            readonly mass: 1;
+        };
+        readonly precise: {
+            readonly damping: 40;
+            readonly stiffness: 400;
+            readonly mass: 1;
+        };
+    };
+};
+declare const motion: {
+    readonly duration: {
+        readonly instant: 50;
+        readonly fast: 120;
+        readonly normal: 220;
+        readonly slow: 380;
+        readonly verySlow: 550;
+        readonly blurIn: 280;
+        readonly blurOut: 180;
+        readonly enter: 300;
+        readonly exit: 200;
+    };
+    readonly easing: {
+        readonly standard: readonly [0.4, 0, 0.2, 1];
+        readonly decelerate: readonly [0, 0, 0.2, 1];
+        readonly accelerate: readonly [0.4, 0, 1, 1];
+        readonly sharp: readonly [0.4, 0, 0.6, 1];
+    };
+    readonly springs: {
+        readonly snappy: {
+            readonly damping: 22;
+            readonly stiffness: 420;
+            readonly mass: 0.8;
+            readonly overshootClamping: false;
+        };
+        readonly liquid: {
+            readonly damping: 15;
+            readonly stiffness: 280;
+            readonly mass: 1;
+            readonly overshootClamping: false;
+        };
+        readonly reveal: {
+            readonly damping: 30;
+            readonly stiffness: 200;
+            readonly mass: 1.2;
+            readonly overshootClamping: false;
+        };
+        readonly bounce: {
+            readonly damping: 8;
+            readonly stiffness: 340;
+            readonly mass: 0.7;
+            readonly overshootClamping: false;
+        };
+        readonly precise: {
+            readonly damping: 40;
+            readonly stiffness: 300;
+            readonly mass: 1;
+            readonly overshootClamping: true;
+        };
+    };
+    readonly reducedMotion: {
+        readonly duration: {
+            readonly instant: 0;
+            readonly fast: 0;
+            readonly normal: 50;
+            readonly slow: 80;
+            readonly verySlow: 100;
+            readonly blurIn: 80;
+            readonly blurOut: 60;
+            readonly enter: 80;
+            readonly exit: 60;
+        };
+        readonly springs: {
+            readonly snappy: {
+                readonly damping: 40;
+                readonly stiffness: 400;
+                readonly mass: 1;
+            };
+            readonly liquid: {
+                readonly damping: 40;
+                readonly stiffness: 400;
+                readonly mass: 1;
+            };
+            readonly reveal: {
+                readonly damping: 40;
+                readonly stiffness: 400;
+                readonly mass: 1;
+            };
+            readonly bounce: {
+                readonly damping: 40;
+                readonly stiffness: 400;
+                readonly mass: 1;
+            };
+            readonly precise: {
+                readonly damping: 40;
+                readonly stiffness: 400;
+                readonly mass: 1;
+            };
+        };
+    };
+};
+type Motion = typeof motion;
+type SpringConfig = (typeof springs)[keyof typeof springs];
+
+interface ThemeColors {
+    primary: string;
+    primaryHover: string;
+    primaryFocused: string;
+    primarySubtle: string;
+    primaryMuted: string;
+    secondary: string;
+    secondaryHover: string;
+    secondarySubtle: string;
+    success: string;
+    successSubtle: string;
+    successText: string;
+    warning: string;
+    warningSubtle: string;
+    warningText: string;
+    error: string;
+    errorHover: string;
+    errorSubtle: string;
+    errorText: string;
+    info: string;
+    infoSubtle: string;
+    infoText: string;
+    background: string;
+    backgroundDeep: string;
+    surface: string;
+    surfaceRaised: string;
+    surfaceOverlay: string;
+    text: string;
+    textSecondary: string;
+    textMuted: string;
+    textDisabled: string;
+    textInverted: string;
+    border: string;
+    borderSubtle: string;
+    borderStrong: string;
+    neutral: string;
+    neutralSubtle: string;
+}
+interface BaseTheme {
+    colors: ThemeColors;
+    glass: typeof glassTokens;
+    spacing: typeof spacing;
+    radii: typeof radii;
+    typography: typeof typography;
+    shadows: typeof shadows;
+    motion: typeof motion;
+}
+declare const baseTheme: BaseTheme;
+type ThemeColorKey = keyof ThemeColors;
+
+type ColorSchemePreference = 'light' | 'dark' | 'system';
+type ResolvedColorScheme = 'light' | 'dark';
+interface ThemeContextValue<T extends BaseTheme = BaseTheme> {
+    theme: T;
+    colorScheme: ResolvedColorScheme;
+    colorSchemePreference: ColorSchemePreference;
+    setColorScheme: (scheme: ColorSchemePreference) => void;
+    isDark: boolean;
+    isLight: boolean;
+}
+interface ThemeProviderProps<T extends BaseTheme = BaseTheme> {
+    theme?: DeepPartial<T>;
+    colorScheme?: ColorSchemePreference;
+    children: ReactNode;
+}
+declare function ThemeProvider<T extends BaseTheme = BaseTheme>({ theme: themeOverrides, colorScheme: initialPreference, children, }: ThemeProviderProps<T>): react_jsx_runtime.JSX.Element;
+declare function useTheme<T extends BaseTheme = BaseTheme>(): ThemeContextValue<T>;
+declare function useColorScheme(): ResolvedColorScheme;
+declare function useIsDark(): boolean;
+declare function useToken<K extends keyof BaseTheme>(key: K): BaseTheme[K];
+
+declare function createTheme<T extends DeepPartial<BaseTheme>>(overrides: T): BaseTheme & T;
+type InferTheme<TFactory extends (...args: any[]) => any> = ReturnType<TFactory>;
+
+declare const palette: {
+    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 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 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 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 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 neutral: {
+        readonly 0: "#ffffff";
+        readonly 50: "#fafafa";
+        readonly 100: "#f5f5f5";
+        readonly 200: "#e5e5e5";
+        readonly 300: "#d4d4d4";
+        readonly 400: "#a3a3a3";
+        readonly 500: "#737373";
+        readonly 600: "#525252";
+        readonly 700: "#404040";
+        readonly 800: "#262626";
+        readonly 900: "#171717";
+        readonly 950: "#0a0a0a";
+        readonly 1000: "#000000";
+    };
+    readonly glass: {
+        readonly white5: "rgba(255,255,255,0.05)";
+        readonly white8: "rgba(255,255,255,0.08)";
+        readonly white10: "rgba(255,255,255,0.10)";
+        readonly white15: "rgba(255,255,255,0.15)";
+        readonly white20: "rgba(255,255,255,0.20)";
+        readonly white25: "rgba(255,255,255,0.25)";
+        readonly white30: "rgba(255,255,255,0.30)";
+        readonly white40: "rgba(255,255,255,0.40)";
+        readonly white50: "rgba(255,255,255,0.50)";
+        readonly white60: "rgba(255,255,255,0.60)";
+        readonly white72: "rgba(255,255,255,0.72)";
+        readonly white85: "rgba(255,255,255,0.85)";
+        readonly black5: "rgba(0,0,0,0.05)";
+        readonly black8: "rgba(0,0,0,0.08)";
+        readonly black10: "rgba(0,0,0,0.10)";
+        readonly black15: "rgba(0,0,0,0.15)";
+        readonly black20: "rgba(0,0,0,0.20)";
+        readonly black30: "rgba(0,0,0,0.30)";
+        readonly black40: "rgba(0,0,0,0.40)";
+        readonly black50: "rgba(0,0,0,0.50)";
+        readonly black60: "rgba(0,0,0,0.60)";
+        readonly black72: "rgba(0,0,0,0.72)";
+        readonly black85: "rgba(0,0,0,0.85)";
+    };
+};
+type Palette = typeof palette;
+
+export { type BaseTheme, type ColorSchemePreference, type GlassBlurLevel, type GlassElevation, type GlassHighlight, type GlassTintVariant, type GlassTokens, type InferTheme, type Motion, type Palette, type RadiiKey, type RadiiScale, type ResolvedColorScheme, type ShadowKey, type Shadows, type SpacingKey, type SpacingScale, type SpacingValue, type SpringConfig, type ThemeColorKey, type ThemeColors, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type Typography, baseTheme, createTheme, duration, easing, fontFamily, fontSize, fontWeight, glassTokens, letterSpacing, lineHeight, motion, palette, radii, reducedMotion, shadows, spacing, springs, typography, useColorScheme, useIsDark, useTheme, useToken };