@clicoh/orion-library 1.0.19 → 1.1.0-beta.2

package/dist/hooks/useTheme.jsx

@@ -0,0 +1,82 @@
+'use client';
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
+const DEFAULT_THEME = 'system';
+const DEFAULT_STORAGE_KEY = 'orion-theme';
+const DARK_MEDIA_QUERY = '(prefers-color-scheme: dark)';
+const ThemeContext = createContext(undefined);
+function isTheme(value) {
+    return value === 'light' || value === 'dark' || value === 'system';
+}
+function getSystemTheme() {
+    return window.matchMedia(DARK_MEDIA_QUERY).matches ? 'dark' : 'light';
+}
+function resolveTheme(theme) {
+    return theme === 'system' ? getSystemTheme() : theme;
+}
+function applyTheme(theme) {
+    const resolvedTheme = resolveTheme(theme);
+    const root = document.documentElement;
+    root.classList.toggle('dark', resolvedTheme === 'dark');
+    root.dataset.theme = theme;
+    return resolvedTheme;
+}
+export function ThemeProvider({ children, defaultTheme = DEFAULT_THEME, storageKey = DEFAULT_STORAGE_KEY, }) {
+    const [theme, setThemeState] = useState(defaultTheme);
+    const [resolvedTheme, setResolvedTheme] = useState(defaultTheme === 'dark' ? 'dark' : 'light');
+    const setTheme = useCallback((nextTheme) => {
+        try {
+            window.localStorage.setItem(storageKey, nextTheme);
+        }
+        catch {
+            // The theme still changes when storage is unavailable.
+        }
+        setThemeState(nextTheme);
+        setResolvedTheme(applyTheme(nextTheme));
+    }, [storageKey]);
+    useEffect(() => {
+        let storedTheme = null;
+        try {
+            storedTheme = window.localStorage.getItem(storageKey);
+        }
+        catch {
+            // Use the configured default when storage is unavailable.
+        }
+        const initialTheme = isTheme(storedTheme) ? storedTheme : defaultTheme;
+        setThemeState(initialTheme);
+        setResolvedTheme(applyTheme(initialTheme));
+    }, [defaultTheme, storageKey]);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia(DARK_MEDIA_QUERY);
+        function handleSystemThemeChange() {
+            if (theme === 'system') {
+                setResolvedTheme(applyTheme('system'));
+            }
+        }
+        mediaQuery.addEventListener('change', handleSystemThemeChange);
+        return () => mediaQuery.removeEventListener('change', handleSystemThemeChange);
+    }, [theme]);
+    useEffect(() => {
+        function handleStorage(event) {
+            if (event.key === storageKey && isTheme(event.newValue)) {
+                setThemeState(event.newValue);
+                setResolvedTheme(applyTheme(event.newValue));
+            }
+        }
+        window.addEventListener('storage', handleStorage);
+        return () => window.removeEventListener('storage', handleStorage);
+    }, [storageKey]);
+    const value = useMemo(() => ({ theme, resolvedTheme, setTheme }), [resolvedTheme, setTheme, theme]);
+    return (<ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>);
+}
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within ThemeProvider');
+    }
+    return context;
+}
+export function ThemeScript({ defaultTheme = DEFAULT_THEME, storageKey = DEFAULT_STORAGE_KEY, nonce, }) {
+    const script = `!function(){try{var k=${JSON.stringify(storageKey)},d=${JSON.stringify(defaultTheme)},v=localStorage.getItem(k),t=v==="light"||v==="dark"||v==="system"?v:d,m=t==="dark"||(t==="system"&&matchMedia(${JSON.stringify(DARK_MEDIA_QUERY)}).matches),r=document.documentElement;r.classList.toggle("dark",m);r.dataset.theme=t}catch(e){}}();`;
+    return (<script nonce={nonce} suppressHydrationWarning dangerouslySetInnerHTML={{ __html: script.replace(/</g, '\\u003c') }}/>);
+}
+//# sourceMappingURL=useTheme.jsx.map

package/dist/hooks/useTheme.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.jsx","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicoh/orion-library",
-  "version": "1.0.19",
+  "version": "1.1.0-beta.2",
   "main": "index.js",
   "dependencies": {
     "@floating-ui/react": "0.26.19",
@@ -17,6 +17,7 @@
     "@storybook/addon-a11y": "10.4.0",
     "@storybook/addon-links": "10.4.0",
     "@storybook/addon-onboarding": "10.4.0",
+    "@storybook/addon-themes": "10.4.0",
     "@storybook/nextjs": "10.4.0",
     "@storybook/react": "10.4.0",
     "@tailwindcss/postcss": "4.1.18",
@@ -67,6 +68,6 @@
     "next:build": "next build",
     "next:start": "next start",
     "next:lint": "next lint",
-    "deploy:local": "npm run build && cp -r dist index.js index.d.ts package.json assets tailwind.config.ts ../atlas/node_modules/@clicoh/orion-library/"
+    "deploy:local": "pnpm run build && node scripts/deploy-local.mjs"
   }
 }