Gather utils in an fr object

Author: garronej

src/lib/colors.ts

@@ -11,7 +11,7 @@ export type ColorTheme = {
     options: ColorOptions;
 };
 
-export function useColorTheme(): ColorTheme {
+export function useColors(): ColorTheme {
     const { isDark } = useIsDark();
 
     const options = useMemo(() => getColorOptions({ isDark }), [isDark]);

src/lib/index.ts

@@ -1,4 +1,12 @@
+export * from "./start";
 export { useIsDark, $isDark } from "./darkMode";
-export * from "./breakpoints";
 export * from "./colors";
-export * from "./start";
+export type { BreakpointKeys } from "./breakpoints";
+import { breakpoints } from "./breakpoints";
+import { spacing } from "./spacing";
+export type { SpacingToken } from "./spacing";
+
+export const fr = {
+    breakpoints,
+    spacing
+};

src/lib/spacing.ts

@@ -11,7 +11,7 @@ const spacingTokenByValue = {
 
 type SpacingTokenByValue = typeof spacingTokenByValue;
 
-type SpacingToken = keyof SpacingTokenByValue;
+export type SpacingToken = keyof SpacingTokenByValue;
 
 export function spacing<T extends SpacingToken>(token: T): SpacingTokenByValue[T];
 export function spacing<