improve tree-shaking and dependency injection

Author: mayank1513

lib/nthul/src/client/theme-switcher/theme-switcher.tsx

@@ -2,7 +2,7 @@ import useRGS from "r18gs";
 import type { SetStateAction } from "r18gs/use-rgs";
 import * as React from "react";
 import type { ColorSchemePreference, ThemeState } from "../../hooks/use-theme";
-import { DEFAULT_ID } from "../../hooks/use-theme";
+import { DEFAULT_ID } from "../../constants";
 
 export interface ThemeSwitcherProps {
 	/** id of target element to apply classes to. This is useful when you want to apply theme only to specific container. */

lib/nthul/src/constants.ts

@@ -0,0 +1,2 @@
+/** shared constants -- keep in separate files for better tree-shaking and dependency injection */
+export const DEFAULT_ID = "nthul";

lib/nthul/src/hooks/use-theme.ts

@@ -1,4 +1,5 @@
 import useRGS from "r18gs";
+import { DEFAULT_ID } from "../constants";
 
 export type ColorSchemePreference = "system" | "dark" | "light";
 
@@ -8,9 +9,7 @@ export interface ThemeState {
 	theme: string;
 }
 
-export const DEFAULT_ID = "nthul";
-
-export const DEFAULT_THEME_STATE = {
+const DEFAULT_THEME_STATE = {
 	colorSchemePreference: "system" as ColorSchemePreference,
 	systemColorScheme: "light" as "light" | "dark",
 	theme: "",