29 lines
1.3 KiB
TypeScript
29 lines
1.3 KiB
TypeScript
|
import resolveConfig from 'tailwindcss/resolveConfig';
|
||
|
|
import tailwindConfig from '../tailwind.config';
|
||
|
|
import type { DefaultTheme } from 'tailwindcss/types/generated/default-theme';
|
||
|
|
import type { DefaultColors } from 'tailwindcss/types/generated/colors';
|
||
|
|
import type { Config, ResolvableTo, ThemeConfig } from 'tailwindcss/types/config';
|
||
|
|
export const useTailwindConf = (): ResolvedConfig<Config> => resolveConfig(tailwindConfig);
|
||
|
|
|
||
|
|
export type ResolvedConfig<T extends Config> = Omit<T, 'theme'> & {
|
||
|
|
theme: MergeThemes<UnwrapResolvables<Omit<T['theme'], 'extend'>>, T['theme'] extends { extend: infer TExtend } ? UnwrapResolvables<TExtend> : {}>;
|
||
|
|
};
|
||
|
|
|
||
|
|
type MergeThemes<Overrides extends object, Extensions extends object> = {
|
||
|
|
[K in keyof ThemeConfigResolved | keyof Overrides]: (K extends keyof Overrides
|
||
|
|
? Overrides[K]
|
||
|
|
: K extends keyof DefaultThemeFull
|
||
|
|
? DefaultThemeFull[K]
|
||
|
|
: K extends keyof ThemeConfigResolved
|
||
|
|
? ThemeConfigResolved[K]
|
||
|
|
: never) &
|
||
|
|
(K extends keyof Extensions ? Extensions[K] : {});
|
||
|
|
};
|
||
|
|
|
||
|
|
type UnwrapResolvables<T> = {
|
||
|
|
[K in keyof T]: T[K] extends ResolvableTo<infer R> ? R : T[K];
|
||
|
|
};
|
||
|
|
|
||
|
|
type ThemeConfigResolved = UnwrapResolvables<ThemeConfig>;
|
||
|
|
type DefaultThemeFull = DefaultTheme & { colors: DefaultColors };
|