@korioinc/next-core 2.0.31 → 2.0.34

package/README.md

@@ -49,6 +49,15 @@ export default function middleware(request: NextRequest) {
 
 ```typescript
 import { ThemeSwitcher, LocaleSwitcher } from '@korioinc/next-core/components';
+import { ThemeProvider } from '@korioinc/next-core/theme/server';
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <ThemeProvider attribute="class" enableSystem defaultTheme="system">
+      {children}
+    </ThemeProvider>
+  );
+}
 
 export function Header() {
   return (
@@ -87,4 +96,4 @@ MIT
 
 ## Contributing
 
-Contributions are welcome! Please feel free to submit a Pull Request.
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/components/theme-switcher/index.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { useTheme } from 'next-themes';
+import { useTheme } from '../../theme';
 const FALLBACK_THEME_ORDER = ['light', 'dark'];
 const isThemeMode = (value) => value === 'light' || value === 'dark' || value === 'system';
 const getThemeOrder = (themes) => {

package/dist/theme/context.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { UseThemeProps } from './types';
+export declare const ThemeContext: React.Context<UseThemeProps | undefined>;
+export declare function useTheme(): UseThemeProps;
+//# sourceMappingURL=context.d.ts.map

package/dist/theme/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/theme/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,0CAA4D,CAAC;AAOtF,wBAAgB,QAAQ,kBAEvB"}

package/dist/theme/context.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const ThemeContext = React.createContext(undefined);
+const DEFAULT_CONTEXT = {
+    setTheme: () => undefined,
+    themes: [],
+};
+export function useTheme() {
+    return React.useContext(ThemeContext) ?? DEFAULT_CONTEXT;
+}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeProvider, useTheme } from './theme-provider.client';
+export type { ThemeProviderProps, ThemeStorage, ThemeValueMap, UseThemeProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,2 @@
+'use client';
+export { ThemeProvider, useTheme } from './theme-provider.client';

package/dist/theme/index.server.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeProviderProps, ThemeStorage, ThemeValueMap, UseThemeProps } from './types';
+export declare function ThemeProvider(props: ThemeProviderProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export type { ThemeProviderProps, ThemeStorage, ThemeValueMap, UseThemeProps };
+//# sourceMappingURL=index.server.d.ts.map

package/dist/theme/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../src/theme/index.server.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9F,wBAAsB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAkB5D;AAED,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/theme/index.server.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cookies } from 'next/headers';
+import { getCookieStorageKey, isValidTheme, normalizeThemeProviderProps } from './shared';
+import { ThemeProvider as ClientThemeProvider } from './theme-provider.client';
+export async function ThemeProvider(props) {
+    const normalizedProps = normalizeThemeProviderProps(props);
+    let initialTheme = props.initialTheme;
+    if (!initialTheme && normalizedProps.storage === 'cookie') {
+        try {
+            const cookieStore = await cookies();
+            const storedTheme = cookieStore.get(getCookieStorageKey(normalizedProps.storageKey))?.value;
+            if (isValidTheme(storedTheme, normalizedProps.themes, normalizedProps.enableSystem)) {
+                initialTheme = storedTheme;
+            }
+        }
+        catch {
+            // Ignore missing request context and let the client resolve its own theme.
+        }
+    }
+    return _jsx(ClientThemeProvider, { ...props, initialTheme: initialTheme });
+}

package/dist/theme/script.d.ts

@@ -0,0 +1,2 @@
+export declare function themeScript(attribute: 'class' | `data-${string}` | Array<'class' | `data-${string}`>, storageKey: string, defaultTheme: string, forcedTheme: string | undefined, themes: string[], value: Record<string, string> | undefined, enableSystem: boolean, enableColorScheme: boolean, storage: 'localStorage' | 'sessionStorage' | 'cookie' | 'none', initialTheme: string | undefined, disableTransitionOnChange: boolean): void;
+//# sourceMappingURL=script.d.ts.map

package/dist/theme/script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../src/theme/script.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CACzB,SAAS,EAAE,OAAO,GAAG,QAAQ,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAC,EACzE,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,MAAM,EAAE,MAAM,EAAE,EAChB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EACzC,YAAY,EAAE,OAAO,EACrB,iBAAiB,EAAE,OAAO,EAC1B,OAAO,EAAE,cAAc,GAAG,gBAAgB,GAAG,QAAQ,GAAG,MAAM,EAC9D,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,yBAAyB,EAAE,OAAO,QAyHnC"}

package/dist/theme/script.js

@@ -0,0 +1,92 @@
+export function themeScript(attribute, storageKey, defaultTheme, forcedTheme, themes, value, enableSystem, enableColorScheme, storage, initialTheme, disableTransitionOnChange) {
+    const root = document.documentElement;
+    const colorSchemes = ['light', 'dark'];
+    function resolveValue(theme) {
+        return value && value[theme] ? value[theme] : theme;
+    }
+    function getThemeTokens(themeValue) {
+        return themeValue.split(/\s+/).filter(Boolean);
+    }
+    function isValidTheme(theme) {
+        if (!theme) {
+            return false;
+        }
+        if (themes.includes(theme)) {
+            return true;
+        }
+        return enableSystem && theme === 'system';
+    }
+    function getCookieStorageKey() {
+        return encodeURIComponent(storageKey);
+    }
+    function readThemeFromCookie() {
+        const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${getCookieStorageKey().replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}=([^;]*)`));
+        return match?.[1] != null ? decodeURIComponent(match[1]) : null;
+    }
+    function readStoredTheme() {
+        if (storage === 'none') {
+            return null;
+        }
+        if (storage === 'cookie') {
+            return readThemeFromCookie();
+        }
+        if (storage === 'sessionStorage') {
+            return sessionStorage.getItem(storageKey);
+        }
+        return localStorage.getItem(storageKey);
+    }
+    function disableTransitions() {
+        if (!disableTransitionOnChange) {
+            return;
+        }
+        const style = document.createElement('style');
+        style.textContent =
+            '*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}';
+        document.head.appendChild(style);
+        const scheduleFrame = typeof window.requestAnimationFrame === 'function'
+            ? window.requestAnimationFrame.bind(window)
+            : (callback) => window.setTimeout(() => callback(0), 0);
+        scheduleFrame(() => {
+            scheduleFrame(() => {
+                style.remove();
+            });
+        });
+    }
+    function applyTheme(theme) {
+        if (!theme) {
+            return;
+        }
+        disableTransitions();
+        const nextTheme = resolveValue(theme);
+        const attributes = Array.isArray(attribute) ? attribute : [attribute];
+        attributes.forEach((currentAttribute) => {
+            if (currentAttribute === 'class') {
+                const classes = themes.flatMap((currentTheme) => getThemeTokens(resolveValue(currentTheme)));
+                root.classList.remove(...classes);
+                root.classList.add(...getThemeTokens(nextTheme));
+                return;
+            }
+            root.setAttribute(currentAttribute, nextTheme);
+        });
+        if (enableColorScheme) {
+            const fallbackColorScheme = colorSchemes.includes(defaultTheme) ? defaultTheme : null;
+            const colorScheme = colorSchemes.includes(theme) ? theme : fallbackColorScheme;
+            root.style.colorScheme = colorScheme || '';
+        }
+    }
+    function getSystemTheme() {
+        return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    try {
+        const storedTheme = isValidTheme(initialTheme) ? initialTheme : readStoredTheme();
+        const selectedStoredTheme = isValidTheme(storedTheme ?? undefined) ? (storedTheme ?? defaultTheme) : defaultTheme;
+        const selectedTheme = forcedTheme || selectedStoredTheme;
+        const resolvedTheme = selectedTheme === 'system' && enableSystem ? getSystemTheme() : selectedTheme;
+        applyTheme(resolvedTheme);
+    }
+    catch {
+        const fallbackTheme = forcedTheme || defaultTheme;
+        const resolvedTheme = fallbackTheme === 'system' && enableSystem ? getSystemTheme() : fallbackTheme;
+        applyTheme(resolvedTheme);
+    }
+}

package/dist/theme/shared.d.ts

@@ -0,0 +1,44 @@
+import type { ThemeAttribute, ThemeProviderProps, ThemeStorage, ThemeValueMap } from './types';
+export declare const DEFAULT_THEMES: string[];
+export declare const DEFAULT_STORAGE_KEY = "theme";
+export declare const DEFAULT_STORAGE: ThemeStorage;
+export declare const MEDIA_QUERY = "(prefers-color-scheme: dark)";
+type NormalizedThemeProviderProps = Omit<ThemeProviderProps, 'children'> & {
+    attribute: ThemeAttribute | ThemeAttribute[];
+    defaultTheme: string;
+    disableTransitionOnChange: boolean;
+    enableColorScheme: boolean;
+    enableSystem: boolean;
+    storage: ThemeStorage;
+    storageKey: string;
+    themes: string[];
+};
+type ApplyThemeOptions = Pick<NormalizedThemeProviderProps, 'attribute' | 'defaultTheme' | 'disableTransitionOnChange' | 'enableColorScheme' | 'themes' | 'value'> & {
+    resolvedTheme: string;
+};
+export declare function getCookieStorageKey(storageKey: string): string;
+export declare function normalizeThemeProviderProps(props: ThemeProviderProps): NormalizedThemeProviderProps;
+export declare function isValidTheme(theme: string | undefined, themes: string[], enableSystem: boolean): boolean;
+export declare function getStoredTheme({ defaultTheme, enableSystem, storage, storageKey, themes, }: {
+    defaultTheme: string;
+    enableSystem: boolean;
+    storage: ThemeStorage;
+    storageKey: string;
+    themes: string[];
+}): string;
+export declare function saveTheme(storage: ThemeStorage, storageKey: string, value: string): void;
+export declare function getServerThemeFromCookieString({ cookieString, defaultTheme, enableSystem, storageKey, themes, }: {
+    cookieString: string;
+    defaultTheme: string;
+    enableSystem: boolean;
+    storageKey: string;
+    themes: string[];
+}): string;
+export declare function getSystemTheme(mediaQueryList?: MediaQueryList | MediaQueryListEvent): "light" | "dark" | undefined;
+export declare function resolveThemeValue(theme: string, value?: ThemeValueMap): string;
+export declare function splitThemeValueTokens(themeValue: string): string[];
+export declare function getThemeClassValues(themes: string[], value?: ThemeValueMap): string[];
+export declare function resolveActiveTheme(theme: string | undefined, enableSystem: boolean, systemTheme?: string): string | undefined;
+export declare function applyThemeToDocument({ attribute, defaultTheme, disableTransitionOnChange, enableColorScheme, resolvedTheme, themes, value, }: ApplyThemeOptions): void;
+export {};
+//# sourceMappingURL=shared.d.ts.map

package/dist/theme/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/theme/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE/F,eAAO,MAAM,cAAc,UAAoB,CAAC;AAChD,eAAO,MAAM,mBAAmB,UAAU,CAAC;AAC3C,eAAO,MAAM,eAAe,EAAE,YAA6B,CAAC;AAC5D,eAAO,MAAM,WAAW,iCAAiC,CAAC;AAE1D,KAAK,4BAA4B,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GAAG;IACzE,SAAS,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAC3B,4BAA4B,EAC5B,WAAW,GAAG,cAAc,GAAG,2BAA2B,GAAG,mBAAmB,GAAG,QAAQ,GAAG,OAAO,CACtG,GAAG;IACF,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,UAErD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,kBAAkB,GAAG,4BAA4B,CAgCnG;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,OAAO,WAU9F;AAwBD,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,MAAM,GACP,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,UAYA;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAkBjF;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,UAIA;AAED,wBAAgB,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,GAAG,mBAAmB,gCAQnF;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,UAErE;AAED,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,YAEvD;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,aAAa,YAE1E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,sBAUxG;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,YAAY,EACZ,yBAAyB,EACzB,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,iBAAiB,QA6BnB"}

package/dist/theme/shared.js

@@ -0,0 +1,153 @@
+export const DEFAULT_THEMES = ['light', 'dark'];
+export const DEFAULT_STORAGE_KEY = 'theme';
+export const DEFAULT_STORAGE = 'localStorage';
+export const MEDIA_QUERY = '(prefers-color-scheme: dark)';
+const COLOR_SCHEMES = new Set(['light', 'dark']);
+export function getCookieStorageKey(storageKey) {
+    return encodeURIComponent(storageKey);
+}
+export function normalizeThemeProviderProps(props) {
+    const { attribute = 'data-theme', defaultTheme, disableTransitionOnChange = false, enableColorScheme = true, enableSystem = true, forcedTheme, initialTheme, nonce, scriptProps, storage = DEFAULT_STORAGE, storageKey = DEFAULT_STORAGE_KEY, themes = DEFAULT_THEMES, value, } = props;
+    return {
+        attribute,
+        defaultTheme: defaultTheme ?? (enableSystem ? 'system' : 'light'),
+        disableTransitionOnChange,
+        enableColorScheme,
+        enableSystem,
+        forcedTheme,
+        initialTheme,
+        nonce,
+        scriptProps,
+        storage,
+        storageKey,
+        themes,
+        value,
+    };
+}
+export function isValidTheme(theme, themes, enableSystem) {
+    if (!theme) {
+        return false;
+    }
+    if (themes.includes(theme)) {
+        return true;
+    }
+    return enableSystem && theme === 'system';
+}
+function readThemeFromCookieString(cookieString, storageKey) {
+    const match = cookieString.match(new RegExp(`(?:^|;\\s*)${escapeRegExp(getCookieStorageKey(storageKey))}=([^;]*)`));
+    return match?.[1] != null ? decodeURIComponent(match[1]) : null;
+}
+function readThemeFromStorageArea(storage, storageKey) {
+    if (typeof window === 'undefined') {
+        return null;
+    }
+    if (storage === 'cookie') {
+        return readThemeFromCookieString(document.cookie, storageKey);
+    }
+    if (storage === 'sessionStorage') {
+        return sessionStorage.getItem(storageKey);
+    }
+    return localStorage.getItem(storageKey);
+}
+export function getStoredTheme({ defaultTheme, enableSystem, storage, storageKey, themes, }) {
+    if (typeof window === 'undefined' || storage === 'none') {
+        return defaultTheme;
+    }
+    try {
+        const storedTheme = readThemeFromStorageArea(storage, storageKey);
+        return isValidTheme(storedTheme ?? undefined, themes, enableSystem) ? (storedTheme ?? defaultTheme) : defaultTheme;
+    }
+    catch {
+        return defaultTheme;
+    }
+}
+export function saveTheme(storage, storageKey, value) {
+    try {
+        if (storage === 'none') {
+            return;
+        }
+        if (storage === 'cookie') {
+            const secureAttribute = typeof location !== 'undefined' && location.protocol === 'https:' ? '; Secure' : '';
+            document.cookie = `${getCookieStorageKey(storageKey)}=${encodeURIComponent(value)}; path=/; max-age=31536000; SameSite=Lax${secureAttribute}`;
+            return;
+        }
+        const storageArea = storage === 'sessionStorage' ? sessionStorage : localStorage;
+        storageArea.setItem(storageKey, value);
+    }
+    catch {
+        // Ignore storage failures in unsupported or restricted environments.
+    }
+}
+export function getServerThemeFromCookieString({ cookieString, defaultTheme, enableSystem, storageKey, themes, }) {
+    const storedTheme = readThemeFromCookieString(cookieString, storageKey);
+    return isValidTheme(storedTheme ?? undefined, themes, enableSystem) ? (storedTheme ?? defaultTheme) : defaultTheme;
+}
+export function getSystemTheme(mediaQueryList) {
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    const query = mediaQueryList ?? window.matchMedia(MEDIA_QUERY);
+    return query.matches ? 'dark' : 'light';
+}
+export function resolveThemeValue(theme, value) {
+    return value?.[theme] ?? theme;
+}
+export function splitThemeValueTokens(themeValue) {
+    return themeValue.split(/\s+/).filter(Boolean);
+}
+export function getThemeClassValues(themes, value) {
+    return themes.flatMap((theme) => splitThemeValueTokens(resolveThemeValue(theme, value)));
+}
+export function resolveActiveTheme(theme, enableSystem, systemTheme) {
+    if (!theme) {
+        return undefined;
+    }
+    if (theme === 'system' && enableSystem) {
+        return systemTheme ?? 'light';
+    }
+    return theme;
+}
+export function applyThemeToDocument({ attribute, defaultTheme, disableTransitionOnChange, enableColorScheme, resolvedTheme, themes, value, }) {
+    if (typeof document === 'undefined' || !resolvedTheme) {
+        return;
+    }
+    const cleanupTransitions = disableTransitionOnChange ? disableTransitions() : null;
+    const root = document.documentElement;
+    const nextValue = resolveThemeValue(resolvedTheme, value);
+    const attributes = Array.isArray(attribute) ? attribute : [attribute];
+    attributes.forEach((currentAttribute) => {
+        if (currentAttribute === 'class') {
+            root.classList.remove(...getThemeClassValues(themes, value));
+            root.classList.add(...splitThemeValueTokens(nextValue));
+            return;
+        }
+        root.setAttribute(currentAttribute, nextValue);
+    });
+    if (enableColorScheme) {
+        const fallbackColorScheme = COLOR_SCHEMES.has(defaultTheme) ? defaultTheme : null;
+        const colorScheme = COLOR_SCHEMES.has(resolvedTheme) ? resolvedTheme : fallbackColorScheme;
+        root.style.colorScheme = colorScheme ?? '';
+    }
+    cleanupTransitions?.();
+}
+function disableTransitions() {
+    if (typeof document === 'undefined') {
+        return undefined;
+    }
+    const style = document.createElement('style');
+    style.appendChild(document.createTextNode('*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}'));
+    document.head.appendChild(style);
+    return () => {
+        const scheduleFrame = typeof window.requestAnimationFrame === 'function'
+            ? window.requestAnimationFrame.bind(window)
+            : (callback) => window.setTimeout(() => callback(0), 0);
+        scheduleFrame(() => {
+            scheduleFrame(() => {
+                style.remove();
+            });
+        });
+    };
+}
+function escapeRegExp(value) {
+    return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}

package/dist/theme/store.d.ts

@@ -0,0 +1,13 @@
+export interface ThemeState {
+    theme?: string;
+    systemTheme?: 'light' | 'dark';
+}
+export interface ThemeStore {
+    subscribe(listener: () => void): () => void;
+    getSnapshot(): ThemeState;
+    getServerSnapshot(): ThemeState;
+    setTheme(theme: string | undefined): void;
+    setSystemTheme(systemTheme: 'light' | 'dark' | undefined): void;
+}
+export declare function createThemeStore(initialState?: ThemeState): ThemeStore;
+//# sourceMappingURL=store.d.ts.map

package/dist/theme/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/theme/store.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,WAAW,IAAI,UAAU,CAAC;IAC1B,iBAAiB,IAAI,UAAU,CAAC;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC1C,cAAc,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;CACjE;AAOD,wBAAgB,gBAAgB,CAAC,YAAY,GAAE,UAA4B,GAAG,UAAU,CA+CvF"}

package/dist/theme/store.js

@@ -0,0 +1,47 @@
+const SERVER_SNAPSHOT = {
+    systemTheme: undefined,
+    theme: undefined,
+};
+export function createThemeStore(initialState = SERVER_SNAPSHOT) {
+    let state = initialState;
+    const listeners = new Set();
+    const emit = () => {
+        for (const listener of listeners) {
+            listener();
+        }
+    };
+    return {
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+        getSnapshot() {
+            return state;
+        },
+        getServerSnapshot() {
+            return SERVER_SNAPSHOT;
+        },
+        setTheme(theme) {
+            if (state.theme === theme) {
+                return;
+            }
+            state = {
+                ...state,
+                theme,
+            };
+            emit();
+        },
+        setSystemTheme(systemTheme) {
+            if (state.systemTheme === systemTheme) {
+                return;
+            }
+            state = {
+                ...state,
+                systemTheme,
+            };
+            emit();
+        },
+    };
+}

package/dist/theme/theme-provider.client.d.ts

@@ -0,0 +1,5 @@
+import { useTheme } from './context';
+import type { ThemeProviderProps } from './types';
+export { useTheme };
+export declare function ThemeProvider(props: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.client.d.ts.map

package/dist/theme/theme-provider.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.client.d.ts","sourceRoot":"","sources":["../../src/theme/theme-provider.client.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAgB,QAAQ,EAAE,MAAM,WAAW,CAAC;AAanD,OAAO,KAAK,EAAE,kBAAkB,EAAiB,MAAM,SAAS,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAQtD"}

package/dist/theme/theme-provider.client.js

@@ -0,0 +1,130 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { ThemeContext, useTheme } from './context';
+import { MEDIA_QUERY, applyThemeToDocument, getStoredTheme, getSystemTheme, isValidTheme, normalizeThemeProviderProps, resolveActiveTheme, saveTheme, } from './shared';
+import { createThemeStore } from './store';
+import { ThemeScript } from './theme-script';
+export { useTheme };
+export function ThemeProvider(props) {
+    const context = React.useContext(ThemeContext);
+    if (context) {
+        return _jsx(_Fragment, { children: props.children });
+    }
+    return _jsx(ThemeProviderInner, { ...props });
+}
+function ThemeProviderInner(props) {
+    const { attribute, defaultTheme, disableTransitionOnChange, enableColorScheme, enableSystem, forcedTheme, initialTheme, nonce, scriptProps, storage, storageKey, themes, value, } = normalizeThemeProviderProps(props);
+    useServerInsertedHTML(() => (_jsx(ThemeScript, { attribute: attribute, defaultTheme: defaultTheme, disableTransitionOnChange: disableTransitionOnChange, enableColorScheme: enableColorScheme, enableSystem: enableSystem, forcedTheme: forcedTheme, initialTheme: initialTheme, nonce: nonce, scriptProps: scriptProps, storage: storage, storageKey: storageKey, themes: themes, value: value })));
+    const storeRef = React.useRef(createThemeStore({
+        systemTheme: getSystemTheme(),
+        theme: isValidTheme(initialTheme, themes, enableSystem)
+            ? initialTheme
+            : getStoredTheme({
+                defaultTheme,
+                enableSystem,
+                storage,
+                storageKey,
+                themes,
+            }),
+    }));
+    const store = storeRef.current;
+    const { systemTheme, theme } = React.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getServerSnapshot);
+    const applyResolvedTheme = React.useCallback((selectedTheme) => {
+        const resolvedTheme = resolveActiveTheme(selectedTheme, enableSystem, store.getSnapshot().systemTheme);
+        if (!resolvedTheme) {
+            return;
+        }
+        applyThemeToDocument({
+            attribute,
+            defaultTheme,
+            disableTransitionOnChange,
+            enableColorScheme,
+            resolvedTheme,
+            themes,
+            value,
+        });
+    }, [attribute, defaultTheme, disableTransitionOnChange, enableColorScheme, enableSystem, store, themes, value]);
+    const setTheme = React.useCallback((nextTheme) => {
+        if (forcedTheme) {
+            return;
+        }
+        const currentTheme = store.getSnapshot().theme ?? defaultTheme;
+        const selectedTheme = typeof nextTheme === 'function' ? nextTheme(currentTheme) : nextTheme;
+        store.setTheme(selectedTheme);
+        saveTheme(storage, storageKey, selectedTheme);
+    }, [defaultTheme, forcedTheme, storage, storageKey, store]);
+    React.useEffect(() => {
+        const mediaQueryList = window.matchMedia(MEDIA_QUERY);
+        const handleMediaQueryChange = (event) => {
+            store.setSystemTheme(getSystemTheme(event));
+        };
+        if (typeof mediaQueryList.addEventListener === 'function') {
+            mediaQueryList.addEventListener('change', handleMediaQueryChange);
+        }
+        else {
+            mediaQueryList.addListener(handleMediaQueryChange);
+        }
+        handleMediaQueryChange(mediaQueryList);
+        return () => {
+            if (typeof mediaQueryList.removeEventListener === 'function') {
+                mediaQueryList.removeEventListener('change', handleMediaQueryChange);
+            }
+            else {
+                mediaQueryList.removeListener(handleMediaQueryChange);
+            }
+        };
+    }, [store]);
+    React.useEffect(() => {
+        if (initialTheme && isValidTheme(initialTheme, themes, enableSystem)) {
+            store.setTheme(initialTheme);
+            saveTheme(storage, storageKey, initialTheme);
+            return;
+        }
+        const nextTheme = getStoredTheme({
+            defaultTheme,
+            enableSystem,
+            storage,
+            storageKey,
+            themes,
+        });
+        store.setTheme(nextTheme);
+    }, [defaultTheme, enableSystem, initialTheme, storage, storageKey, store, themes]);
+    React.useEffect(() => {
+        if (storage !== 'localStorage') {
+            return;
+        }
+        const handleStorage = (event) => {
+            if (event.key !== storageKey) {
+                return;
+            }
+            if (event.storageArea && event.storageArea !== localStorage) {
+                return;
+            }
+            if (!event.newValue) {
+                store.setTheme(defaultTheme);
+                return;
+            }
+            if (!isValidTheme(event.newValue, themes, enableSystem)) {
+                store.setTheme(defaultTheme);
+                return;
+            }
+            store.setTheme(event.newValue);
+        };
+        window.addEventListener('storage', handleStorage);
+        return () => window.removeEventListener('storage', handleStorage);
+    }, [defaultTheme, enableSystem, storage, storageKey, store, themes]);
+    React.useEffect(() => {
+        applyResolvedTheme(forcedTheme ?? theme);
+    }, [applyResolvedTheme, forcedTheme, theme]);
+    const contextValue = React.useMemo(() => ({
+        forcedTheme,
+        resolvedTheme: theme === 'system' ? systemTheme : theme,
+        setTheme,
+        systemTheme: enableSystem ? systemTheme : undefined,
+        theme,
+        themes: enableSystem ? [...themes, 'system'] : themes,
+    }), [enableSystem, forcedTheme, setTheme, systemTheme, theme, themes]);
+    return _jsx(ThemeContext.Provider, { value: contextValue, children: props.children });
+}

package/dist/theme/theme-script.d.ts

@@ -0,0 +1,3 @@
+import type { ThemeProviderProps } from './types';
+export declare function ThemeScript(props: Omit<ThemeProviderProps, 'children'>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-script.d.ts.map

package/dist/theme/theme-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../../src/theme/theme-script.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,wBAAgB,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,2CAyCtE"}

package/dist/theme/theme-script.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { themeScript } from './script';
+import { normalizeThemeProviderProps } from './shared';
+export function ThemeScript(props) {
+    const { attribute, defaultTheme, disableTransitionOnChange, enableColorScheme, enableSystem, forcedTheme, initialTheme, nonce, scriptProps, storage, storageKey, themes, value, } = normalizeThemeProviderProps(props);
+    const scriptArguments = JSON.stringify([
+        attribute,
+        storageKey,
+        defaultTheme,
+        forcedTheme,
+        themes,
+        value,
+        enableSystem,
+        enableColorScheme,
+        storage,
+        initialTheme,
+        disableTransitionOnChange,
+    ]).slice(1, -1);
+    return (_jsx("script", { ...scriptProps, suppressHydrationWarning: true, nonce: nonce, dangerouslySetInnerHTML: {
+            __html: `(${themeScript.toString()})(${scriptArguments})`,
+        } }));
+}

package/dist/theme/types.d.ts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+export type ThemeAttribute = 'class' | `data-${string}`;
+export type ThemeValueMap = Record<string, string>;
+export type ThemeStorage = 'localStorage' | 'sessionStorage' | 'cookie' | 'none';
+export interface ThemeScriptProps extends React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement> {
+    [dataAttribute: `data-${string}`]: unknown;
+}
+export type SetThemeValue = React.SetStateAction<string>;
+export interface UseThemeProps {
+    themes: string[];
+    forcedTheme?: string;
+    setTheme: React.Dispatch<SetThemeValue>;
+    theme?: string;
+    resolvedTheme?: string;
+    systemTheme?: 'light' | 'dark';
+}
+export interface ThemeProviderProps extends React.PropsWithChildren {
+    themes?: string[];
+    forcedTheme?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    storageKey?: string;
+    defaultTheme?: string;
+    attribute?: ThemeAttribute | ThemeAttribute[];
+    value?: ThemeValueMap;
+    storage?: ThemeStorage;
+    initialTheme?: string;
+    nonce?: string;
+    scriptProps?: ThemeScriptProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACnD,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjF,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAC/D,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB;IACC,CAAC,aAAa,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,iBAAiB;IACjE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,cAAc,GAAG,cAAc,EAAE,CAAC;IAC9C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAChC"}

package/dist/theme/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/global.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="next" />
+
 /**
  * This file contains global type definitions for the package.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korioinc/next-core",
-  "version": "2.0.31",
+  "version": "2.0.34",
   "type": "module",
   "exports": {
     "./ads": {
@@ -53,6 +53,16 @@
       "import": "./dist/components/index.js",
       "default": "./dist/components/index.js"
     },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "default": "./dist/theme/index.js"
+    },
+    "./theme/server": {
+      "types": "./dist/theme/index.server.d.ts",
+      "import": "./dist/theme/index.server.js",
+      "default": "./dist/theme/index.server.js"
+    },
     "./styles/*": "./dist/styles/*",
     "./types/*": "./dist/types/*"
   },
@@ -63,24 +73,24 @@
   ],
   "devDependencies": {
     "@headlessui/react": "^2.2.9",
-    "@lingui/conf": "^5.9.3",
-    "@lingui/core": "^5.9.3",
-    "@lingui/react": "^5.9.3",
+    "@lingui/conf": "^5.9.4",
+    "@lingui/core": "^5.9.4",
+    "@lingui/react": "^5.9.4",
     "@tailwindcss/typography": "^0.5.19",
     "@types/negotiator": "^0.6.4",
     "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "eslint": "^10.1.0",
-    "next-themes": "^0.4.6",
+    "jsdom": "^29.0.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwindcss": "^4.2.2",
     "tsc-alias": "^1.8.16",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@korioinc/next-configs": "2.0.31"
+    "@korioinc/next-configs": "2.0.34"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
@@ -95,7 +105,7 @@
     "schema-dts": "^2.0.0",
     "tailwind-merge": "^3.5.0",
     "valtio": "^2.3.1",
-    "@korioinc/next-conf": "2.0.31"
+    "@korioinc/next-conf": "2.0.34"
   },
   "publishConfig": {
     "access": "public",
@@ -109,10 +119,9 @@
   "author": "Korio Inc.",
   "peerDependencies": {
     "@headlessui/react": ">=2.2.0",
-    "@lingui/core": ">=5.9.3",
-    "@lingui/react": ">=5.9.3",
-    "next": ">=16.1.5",
-    "next-themes": ">=0.4.6",
+    "@lingui/core": ">=5.9.4",
+    "@lingui/react": ">=5.9.4",
+    "next": ">=16.2.1",
     "react": ">=19.2.4",
     "react-dom": ">=19.2.4",
     "tailwindcss": ">=4.0.0"