alouette
Version:
A modern, customizable design system built on top of NativeWind v5 with configurable defaults
19 lines • 1.29 kB
TypeScript
import type { Accent, AccentOrNeutral, AlouetteModeTheme, AlouetteScopedTheme, AlouetteTheme, ColorModePreference } from "./AlouetteConfig";
/**
* Tracks the applied theme name as `ScopedTheme` received it (e.g.
* "system_brand"), so accent composition (`AccentScope`) derives nested scopes
* from it and keeps `system` resolved in CSS. Set by `ScopedTheme`.
*
* Defaults to "light", matching the light defaults in the global `@theme` block.
*/
export declare const ThemeContext: import("react").Context<AlouetteScopedTheme>;
export declare function resolveTheme(theme: AlouetteScopedTheme, systemMode: AlouetteModeTheme): AlouetteTheme;
export declare function getThemeAccent(theme: AlouetteScopedTheme): Accent | undefined;
export declare function useCurrentScopedTheme(): AlouetteScopedTheme;
export declare function useCurrentColorMode(): ColorModePreference;
/** The applied theme with `system` resolved; hydration-safe on web. */
export declare function useCurrentTheme(): AlouetteTheme;
/** The applied mode with `system` resolved; hydration-safe on web. */
export declare function useCurrentMode(): AlouetteModeTheme;
export declare function useAccentOrInheritedOrBrand<T extends AccentOrNeutral>(accent: T | undefined): Accent | T;
//# sourceMappingURL=ThemeContext.d.ts.map