@korioinc/next-core 2.0.19 → 2.0.21

package/dist/components/locale-switcher/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/locale-switcher/index.tsx"],"names":[],"mappings":"AAoDA,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAE,mBAAwB,kDA4E7E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/locale-switcher/index.tsx"],"names":[],"mappings":"AAoDA,UAAU,mBAAmB;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,SAAS,EAAE,GAAE,mBAAwB,kDAiF7E"}

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

@@ -46,8 +46,13 @@ export default function LocaleSwitcher({ languages } = {}) {
     useEffect(() => {
         setMounted(true);
     }, []);
-    // Filter languages based on provided codes or use all
-    const availableLanguages = languages ? allLanguages.filter((lang) => languages.includes(lang.code)) : allLanguages;
+    // Build visible language list, preserving user-provided order.
+    const languageMap = new Map(allLanguages.map((language) => [language.code, language]));
+    const availableLanguages = languages
+        ? Array.from(new Set(languages))
+            .map((code) => languageMap.get(code))
+            .filter((language) => Boolean(language))
+        : allLanguages;
     // Get current locale from Lingui
     const currentLocale = i18n.locale;
     // Always provide a fallback to ensure currentLanguage is never undefined

package/dist/components/theme-switcher/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme-switcher/index.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa,+CAoElB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/theme-switcher/index.tsx"],"names":[],"mappings":"AAuCA,QAAA,MAAM,aAAa,+CA6FlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -2,19 +2,39 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { useTheme } from 'next-themes';
+const FALLBACK_THEME_ORDER = ['light', 'dark'];
+const isThemeMode = (value) => value === 'light' || value === 'dark' || value === 'system';
+const getThemeOrder = (themes) => {
+    const availableThemes = themes.filter(isThemeMode);
+    return availableThemes.length > 0 ? availableThemes : FALLBACK_THEME_ORDER;
+};
+const normalizeTheme = ({ theme, resolvedTheme, themeOrder, }) => {
+    if (isThemeMode(theme) && themeOrder.includes(theme)) {
+        return theme;
+    }
+    if (isThemeMode(resolvedTheme) && themeOrder.includes(resolvedTheme)) {
+        return resolvedTheme;
+    }
+    return themeOrder[0] ?? 'light';
+};
 const ThemeSwitcher = () => {
-    const { theme, setTheme } = useTheme();
+    const { theme, resolvedTheme, setTheme, themes } = useTheme();
     const [mounted, setMounted] = React.useState(false);
     React.useEffect(() => {
         setMounted(true);
     }, []);
-    // Toggle between light and dark themes
+    const themeOrder = getThemeOrder(themes);
+    const currentTheme = normalizeTheme({ theme, resolvedTheme, themeOrder });
+    const resolvedThemeLabel = resolvedTheme === 'dark' ? 'Dark' : 'Light';
+    const currentThemeLabel = currentTheme === 'system' ? `System (${resolvedThemeLabel})` : currentTheme === 'dark' ? 'Dark' : 'Light';
     const toggleTheme = () => {
-        setTheme(theme === 'dark' ? 'light' : 'dark');
+        const currentIndex = themeOrder.indexOf(currentTheme);
+        const nextTheme = themeOrder[(currentIndex + 1) % themeOrder.length];
+        setTheme(nextTheme);
     };
     if (!mounted) {
         return (_jsx("button", { className: 'border-glass-strong bg-glass relative inline-flex h-9 w-9 items-center justify-center rounded-md border opacity-0', "aria-hidden": 'true', children: _jsx("div", { className: 'h-5 w-5' }) }));
     }
-    return (_jsxs("button", { onClick: toggleTheme, className: 'border-glass-strong bg-glass hover:bg-glass-tinted relative inline-flex h-9 w-9 items-center justify-center rounded-md border transition-colors', "aria-label": `Switch theme (current: ${theme})`, title: `Theme: ${theme === 'light' ? 'Light' : 'Dark'} (click to change)`, children: [_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: `absolute h-5 w-5 transition-all ${theme !== 'dark' ? 'scale-100 rotate-0 opacity-100' : 'scale-0 rotate-90 opacity-0'}`, children: [_jsx("circle", { cx: '12', cy: '12', r: '5' }), _jsx("line", { x1: '12', y1: '1', x2: '12', y2: '3' }), _jsx("line", { x1: '12', y1: '21', x2: '12', y2: '23' }), _jsx("line", { x1: '4.22', y1: '4.22', x2: '5.64', y2: '5.64' }), _jsx("line", { x1: '18.36', y1: '18.36', x2: '19.78', y2: '19.78' }), _jsx("line", { x1: '1', y1: '12', x2: '3', y2: '12' }), _jsx("line", { x1: '21', y1: '12', x2: '23', y2: '12' }), _jsx("line", { x1: '4.22', y1: '19.78', x2: '5.64', y2: '18.36' }), _jsx("line", { x1: '18.36', y1: '5.64', x2: '19.78', y2: '4.22' })] }), _jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: `absolute h-5 w-5 transition-all ${theme === 'dark' ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0'}`, children: _jsx("path", { d: 'M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z' }) })] }));
+    return (_jsxs("button", { onClick: toggleTheme, className: 'border-glass-strong bg-glass hover:bg-glass-tinted relative inline-flex h-9 w-9 items-center justify-center rounded-md border transition-colors', "aria-label": `Switch theme (current: ${currentThemeLabel})`, title: `Theme: ${currentThemeLabel} (click to change)`, children: [_jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: `absolute h-5 w-5 transition-all ${currentTheme === 'light' ? 'scale-100 rotate-0 opacity-100' : 'scale-0 rotate-90 opacity-0'}`, children: [_jsx("circle", { cx: '12', cy: '12', r: '5' }), _jsx("line", { x1: '12', y1: '1', x2: '12', y2: '3' }), _jsx("line", { x1: '12', y1: '21', x2: '12', y2: '23' }), _jsx("line", { x1: '4.22', y1: '4.22', x2: '5.64', y2: '5.64' }), _jsx("line", { x1: '18.36', y1: '18.36', x2: '19.78', y2: '19.78' }), _jsx("line", { x1: '1', y1: '12', x2: '3', y2: '12' }), _jsx("line", { x1: '21', y1: '12', x2: '23', y2: '12' }), _jsx("line", { x1: '4.22', y1: '19.78', x2: '5.64', y2: '18.36' }), _jsx("line", { x1: '18.36', y1: '5.64', x2: '19.78', y2: '4.22' })] }), _jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: `absolute h-5 w-5 transition-all ${currentTheme === 'dark' ? 'scale-100 rotate-0 opacity-100' : 'scale-0 -rotate-90 opacity-0'}`, children: _jsx("path", { d: 'M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z' }) }), _jsxs("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2', strokeLinecap: 'round', strokeLinejoin: 'round', className: `absolute h-5 w-5 transition-all ${currentTheme === 'system' ? 'scale-100 rotate-0 opacity-100' : 'scale-0 rotate-90 opacity-0'}`, children: [_jsx("rect", { x: '3', y: '4', width: '18', height: '12', rx: '2' }), _jsx("line", { x1: '8', y1: '20', x2: '16', y2: '20' }), _jsx("line", { x1: '12', y1: '16', x2: '12', y2: '20' })] })] }));
 };
 export default ThemeSwitcher;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korioinc/next-core",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "type": "module",
   "exports": {
     "./ads": {
@@ -79,7 +79,7 @@
     "tsc-alias": "^1.8.16",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "@korioinc/next-configs": "2.0.19"
+    "@korioinc/next-configs": "2.0.21"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.17",
@@ -94,7 +94,7 @@
     "schema-dts": "^1.1.5",
     "tailwind-merge": "^3.4.0",
     "valtio": "^2.3.0",
-    "@korioinc/next-conf": "2.0.19"
+    "@korioinc/next-conf": "2.0.21"
   },
   "publishConfig": {
     "access": "public",