feat: improve types

Author: universse

global.d.ts

@@ -0,0 +1,3 @@
+interface Window {
+	palettez: typeof import('./src')
+}

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "palettez",
-	"version": "0.0.8",
+	"version": "0.0.9",
 	"description": "Palettez",
 	"keywords": ["theming"],
 	"repository": {
@@ -32,8 +32,8 @@
 	},
 	"jsdelivr": "./dist/palettez.min.js",
 	"unpkg": "./dist/palettez.min.js",
-	"types": "./dist/index.d.ts",
-	"files": ["dist", "palettez.min.txt.d.ts"],
+	"types": "./global.d.ts",
+	"files": ["dist", "global.d.ts", "palettez.min.txt.d.ts"],
 	"scripts": {
 		"build": "tsup"
 	},

src/index.ts

@@ -219,12 +219,6 @@ class ThemeManager<T extends Options['config']> {
 		)
 	}
 
-	// #applyThemes = (themes: Themes<T>): void => {
-	// 	Object.entries(themes).forEach(([theme, optionKey]) => {
-	// 		document.documentElement.dataset[theme] = optionKey
-	// 	})
-	// }
-
 	#resolveThemeOption = ({
 		theme,
 		option,
@@ -277,18 +271,18 @@ class ThemeManager<T extends Options['config']> {
 
 const registry = new Map<string, ThemeManager<Options['config']>>()
 
-export function create(options: Options) {
-	const themeManager = new ThemeManager(options)
+export function create<T extends Options>(options: T) {
+	const themeManager = new ThemeManager<T['config']>(options)
 	registry.set(options.key || DEFAULT_OPTIONS.key, themeManager)
 	return themeManager
 }
 
-export function read(key: string = packageName) {
+export function read<T extends Options>(key: string = packageName) {
 	const themeManager = registry.get(key)
 	if (!themeManager) {
 		throw new Error(
 			`[${packageName}] Theme manager with key '${key}' could not be found. Please run \`create\` with key '${key}' first.`,
 		)
 	}
-	return themeManager
+	return themeManager as ThemeManager<T['config']>
 }

src/react.ts

@@ -1,12 +1,7 @@
 import * as React from 'react'
+import type { Options } from '.'
 
-declare global {
-	interface Window {
-		palettez: typeof import('.')
-	}
-}
-
-export function usePalettez(key = 'palettez') {
+export function usePalettez<T extends Options>(key = 'palettez') {
 	const {
 		themesAndOptions,
 		getThemes,
@@ -16,7 +11,7 @@ export function usePalettez(key = 'palettez') {
 		sync,
 		clear,
 		subscribe,
-	} = window.palettez.read(key)
+	} = window.palettez.read<T>(key)
 
 	const themes = React.useSyncExternalStore(
 		React.useCallback((callback) => subscribe(callback), [key]),