@donotdev/ui 0.0.2 → 0.0.3

package/dist/components/auth/AuthMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthMenu.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthMenu.tsx"],"names":[],"mappings":"AA4EA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAOL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAgB9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+E3C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAEjD,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAsBD,eAAO,MAAM,QAAQ,GAAI,+DAKtB,aAAa,mDA8Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AuthMenu.d.ts","sourceRoot":"","sources":["../../../src/components/auth/AuthMenu.tsx"],"names":[],"mappings":"AA4EA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAEvD,OAAO,EAML,OAAO,EACR,MAAM,sBAAsB,CAAC;AAc9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAqE3C;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtD,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IAEjD,sBAAsB;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACpC;AAsBD,eAAO,MAAM,QAAQ,GAAI,+DAKtB,aAAa,mDAyOf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/auth/AuthMenu.js

@@ -63,7 +63,7 @@
  * - Screen reader friendly
  * - Focus management
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -72,25 +72,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // packages/core/ui/src/components/layout/components/AuthMenu.tsx
 import { User, LogOut, Settings, UserCheck, Trash2 } from 'lucide-react';
 import * as LucideIcons from 'lucide-react';
-import React, { useMemo, useState, lazy, Suspense } from 'react';
-import { Avatar, Button, BUTTON_VARIANT, DropdownMenu, Text, Stack, DISPLAY, } from '@donotdev/components';
+import React, { useMemo, lazy, Suspense } from 'react';
+import { Avatar, Button, BUTTON_VARIANT, DropdownMenu, Text, DISPLAY, } from '@donotdev/components';
 import { useTranslation } from '@donotdev/core';
-import { isEmailVerificationRequired, getEnabledAuthPartners, useAuthConfig, isClient, } from '@donotdev/core';
+import { getEnabledAuthPartners, useAuthConfig, isClient, } from '@donotdev/core';
 import { useBreakpoint } from '@donotdev/core';
-import { Link, useNavigationItems } from '../../routing';
+import { useNavigationItems } from '../../routing';
+import { useNavigate } from '@donotdev/ui/routing/hooks';
 import { useAuthSafe, useAuthVisibility } from '../../utils';
 const NullComponent = () => null;
 // @ts-expect-error - lazy() type doesn't account for graceful degradation fallback
-const AuthPartnerButton = lazy(async () => {
-    try {
-        const module = await import('@donotdev/auth');
-        return { default: module.AuthPartnerButton };
-    }
-    catch {
-        return { default: NullComponent };
-    }
-});
-// @ts-expect-error - lazy() type doesn't account for graceful degradation fallback
 const ReauthDialog = lazy(async () => {
     try {
         const module = await import('@donotdev/auth');
@@ -165,17 +156,14 @@ const getIcon = (iconName) => {
 };
 export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false, customItems = [], }) => {
     const { t } = useTranslation('dndev');
-    const { shouldHide, isLoading, isReady, isAuthenticated } = useAuthVisibility();
+    const { shouldHide, isReady, isAuthenticated } = useAuthVisibility();
     const authConfig = useAuthConfig();
     // Get real auth state from the store (self-aware)
     const user = useAuthSafe('user');
-    const loading = useAuthSafe('loading');
     const signOut = useAuthSafe('signOut');
-    const emailVerification = useAuthSafe('emailVerification');
-    const sendEmailVerification = useAuthSafe('sendEmailVerification');
     const isDesktop = useBreakpoint('isDesktop');
     const navigationItems = useNavigationItems();
-    const effectiveLoginPath = loginPath ?? authConfig.loginPath;
+    const navigate = useNavigate();
     const profilePath = authConfig.profilePath;
     const configMenuItems = authConfig.authMenuItems || [];
     // Account deletion flow - managed by useDeleteAccount hook
@@ -221,7 +209,8 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
         // Mobile: Add disabled info item as first entry
         if (!isDesktop && user) {
             items.push({
-                label: `${getUserDisplayName()}${user.email ? `\n${user.email}` : ''}`,
+                // Use Text component as children instead of label
+                children: (_jsx(Text, { variant: "muted", as: "span", children: `${getUserDisplayName()}${user.email ? `\n${user.email}` : ''}` })),
                 disabled: true,
             });
         }
@@ -230,8 +219,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
             items.push({
                 label: t('auth.profile', { defaultValue: 'Profile' }),
                 icon: User,
-                asChild: true,
-                children: (_jsx(Link, { path: profilePath, children: t('auth.profile', { defaultValue: 'Profile' }) })),
+                onClick: () => navigate(profilePath),
             });
         }
         // Config menu items (if configured in appConfig.auth.authMenuItems)
@@ -250,8 +238,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
             items.push({
                 label,
                 icon: Icon,
-                asChild: true,
-                children: _jsx(Link, { path: item.path, children: label }),
+                onClick: () => navigate(item.path),
             });
         });
         // Custom items from props (merged with config items)
@@ -264,8 +251,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
                 items.push({
                     label,
                     icon: Icon,
-                    asChild: true,
-                    children: _jsx(Link, { path: item.path, children: label }),
+                    onClick: () => navigate(item.path),
                     disabled: item.disabled,
                     style: item.style,
                 });
@@ -308,6 +294,7 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
         isDesktop,
         user,
         getUserDisplayName,
+        navigate,
     ]);
     // Get enabled providers
     const enabled = getEnabledAuthPartners();
@@ -325,6 +312,6 @@ export const AuthMenu = ({ loginPath, display = DISPLAY.AUTO, 'no-tooltip': noTo
                         ? getUserTooltip()
                         : !noTooltip
                             ? t('auth.userMenu', { defaultValue: 'User menu' })
-                            : undefined, children: getUserDisplayName() }), items: menuItems, contentWidth: "14rem", contentAlign: "end" })] }));
+                            : undefined, children: getUserDisplayName() }), items: menuItems, contentAlign: "end" })] }));
 };
 export default AuthMenu;

package/dist/components/common/FeatureCard.js

@@ -81,7 +81,7 @@ const FeatureCard = ({ icon, title, subtitle, content, href, variant, elevated,
     };
     // Build title with icon if provided
     const titleContent = icon ? (_jsxs(Stack, { direction: "row", align: "center", gap: "medium", style: { width: '100%' }, children: [_jsx(IconBox, { icon: icon }), _jsx(Text, { as: "div", level: "h3", style: titleStyle, children: title })] })) : (_jsx(Text, { as: "div", level: "h3", style: titleStyle, children: title }));
-    const card = (_jsx(Card, { variant: variant, elevated: elevated, onClick: onClick, className: className, "data-clickable": href ? 'true' : undefined, style: {
+    const card = (_jsx(Card, { variant: variant, elevated: elevated, onClick: onClick, className: className, "data-clickable": href || onClick ? 'true' : undefined, style: {
             paddingInlineStart: 'var(--gap-md)',
             paddingInlineEnd: 'var(--gap-md)',
             gap: 'var(--gap-md)',

package/dist/components/cookie-consent/CookieConsent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CookieConsent.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/CookieConsent.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAmB,EACnB,YAAmB,EACnB,YAA8C,EAC9C,SAAc,GACf,EAAE,kBAAkB,kDAqZpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CookieConsent.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/CookieConsent.tsx"],"names":[],"mappings":"AA6BA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAmB,EACnB,YAAmB,EACnB,YAA8C,EAC9C,SAAc,GACf,EAAE,kBAAkB,kDAuUpB;AAED,eAAe,aAAa,CAAC"}

package/dist/components/cookie-consent/CookieConsent.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // packages/ui/src/components/cookie-consent/CookieConsent.tsx
-import { Cookie, Settings, Shield, BarChart3, Target, X } from 'lucide-react';
+import { Cookie, Settings, Shield, BarChart3, Target } from 'lucide-react';
 import { useState, useEffect, useRef } from 'react';
 import { Accordion, Button, BUTTON_VARIANT, Card, Switch, Text, cn, Stack, } from '@donotdev/components';
-import { handleError, useConsent, getCookieExamples, hasOptionalCookies as checkHasOptionalCookies, getCookiesByCategory, } from '@donotdev/core';
+import { handleError, useConsent, getCookieExamples, hasOptionalCookies as checkHasOptionalCookies, } from '@donotdev/core';
 import { CONSENT_CATEGORY, } from '@donotdev/core';
 import { useTranslation } from '@donotdev/core';
 import { isClient } from '@donotdev/core';
@@ -20,7 +20,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
     const [showBanner, setShowBanner] = useState(!hasConsented || storeShowBanner);
     const [preferenceCategories, setPreferenceCategories] = useState(categories);
     const bannerRef = useRef(null);
-    const [showEssentialNotice, setShowEssentialNotice] = useState(true);
     useEffect(() => {
         if (storeShowBanner) {
             setShowBanner(true);
@@ -72,25 +71,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
             acceptAll(); // Accepts only necessary cookies, show notice instead of banner
         }
     }, [hasConsented, hasOptionalCategories, acceptAll]);
-    // Check sessionStorage for notice dismissal
-    useEffect(() => {
-        if (!isClient())
-            return;
-        const dismissed = sessionStorage.getItem('dndev-essential-notice-dismissed');
-        if (dismissed === 'true') {
-            setShowEssentialNotice(false);
-        }
-    }, []);
-    // Auto-dismiss notice after 15 seconds
-    useEffect(() => {
-        if (!hasOptionalCategories && hasConsented && showEssentialNotice) {
-            const timer = setTimeout(() => {
-                setShowEssentialNotice(false);
-                sessionStorage.setItem('dndev-essential-notice-dismissed', 'true');
-            }, 15000);
-            return () => clearTimeout(timer);
-        }
-    }, [hasOptionalCategories, hasConsented, showEssentialNotice]);
     // Sync local draft state with store when categories change
     // Default all optional categories to ON for better UX (easier to uncheck than check all)
     useEffect(() => {
@@ -126,25 +106,6 @@ function CookieConsent({ position = 'bottom', showBranding = true, brandingText
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [hasConsented, showBanner]);
-    // Early return after all hooks (Rules of Hooks)
-    // Show essential-only notice if no optional categories
-    if (hasConsented && !hasOptionalCategories && showEssentialNotice) {
-        const necessaryCookies = getCookiesByCategory('necessary');
-        const cookieList = necessaryCookies
-            .map((c) => `${c.name} (${c.provider})`)
-            .join(', ');
-        return (_jsx("div", { className: "dndev-fixed dndev-z-toast", style: {
-                left: 'var(--sidebar-width, 0)',
-                bottom: 'var(--footer-height, 0)',
-                right: 0,
-                width: 'calc(100% - var(--sidebar-width, 0))',
-                borderTop: '1px solid var(--border)',
-                background: 'var(--card)',
-            }, children: _jsxs(Stack, { direction: "row", align: "center", gap: "medium", style: { padding: 'var(--gap-md) var(--gap-lg)' }, children: [_jsx(Shield, { className: "dndev-size-md", style: { color: 'var(--primary)' } }), _jsxs(Stack, { gap: "tight", style: { flex: 1 }, children: [_jsx(Text, { as: "p", variant: "default", level: "small", children: t('essentialOnlyNotice') }), _jsx(Text, { as: "p", variant: "muted", level: "small", children: cookieList })] }), _jsx(Button, { onClick: () => {
-                            setShowEssentialNotice(false);
-                            sessionStorage.setItem('dndev-essential-notice-dismissed', 'true');
-                        }, variant: BUTTON_VARIANT.GHOST, icon: X, title: t('form.close', 'Close') })] }) }));
-    }
     if (hasConsented && !storeShowBanner)
         return null;
     const handleSave = () => {

package/dist/components/cookie-consent/index.d.ts

@@ -6,6 +6,5 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export * from './CookieConsent';
 export * from './ConsentBanner';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/cookie-consent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cookie-consent/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAGH,cAAc,iBAAiB,CAAC"}

package/dist/components/cookie-consent/index.js

@@ -7,5 +7,5 @@
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
-export * from './CookieConsent';
+// CookieConsent intentionally NOT exported - lazy loaded by ConsentBanner and AuthGuard
 export * from './ConsentBanner';

package/dist/components/layout/components/DropdownNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/DropdownNavigation.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAuF9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"DropdownNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/components/DropdownNavigation.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,kBAAkB,EAAE,aAAa,CAAC,uBAAuB,CAyF9D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/layout/components/header/ThemeToggle.d.ts

@@ -17,7 +17,7 @@ interface ThemeToggleProps {
  * Allows users to switch between available themes (light, dark, system, custom).
  * Integrates with the theme store for state management.
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */

package/dist/components/layout/components/header/ThemeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/header/ThemeToggle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAIL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAM9B,UAAU,gBAAgB;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAUD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CAwFhD,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/components/header/ThemeToggle.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAIL,OAAO,EACR,MAAM,sBAAsB,CAAC;AAM9B,UAAU,gBAAgB;IACxB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAUD;;;;;;;;;GASG;AACH,QAAA,MAAM,WAAW,EAAE,aAAa,CAAC,gBAAgB,CA0FhD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/layout/components/header/ThemeToggle.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * @fileoverview ThemeToggle component
  * @description Theme switching component with dropdown menu
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -26,7 +26,7 @@ const getIcon = (iconName) => {
  * Allows users to switch between available themes (light, dark, system, custom).
  * Integrates with the theme store for state management.
  *
- * @version 0.0.1
+ * @version 0.0.3
  * @since 0.0.1
  * @author AMBROISE PARK Consulting
  */
@@ -51,6 +51,7 @@ const ThemeToggle = ({ display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false,
         : null;
     const nextIcon = nextThemeInfo ? getIcon(nextThemeInfo.meta?.icon) : null;
     const currentLabel = currentThemeInfo?.displayName || currentThemeInfo?.name || 'Theme';
+    const nextLabel = nextThemeInfo?.displayName || nextThemeInfo?.name || 'Theme';
     // Determine button props based on theme count
     const isTwoThemes = availableThemes.length === 2 && nextThemeInfo && nextIcon;
     const buttonIcon = isTwoThemes ? nextIcon : currentIcon;
@@ -68,9 +69,9 @@ const ThemeToggle = ({ display = DISPLAY.AUTO, 'no-tooltip': noTooltip = false,
         icon: buttonIcon,
         display,
     };
-    // 2 themes: direct toggle button
+    // 2 themes: direct toggle button - show next theme (what you'll switch to)
     if (isTwoThemes && nextThemeInfo) {
-        return (_jsx(Button, { ...buttonProps, onClick: () => setTheme(nextThemeInfo.name), children: currentLabel }));
+        return (_jsx(Button, { ...buttonProps, onClick: () => setTheme(nextThemeInfo.name), children: nextLabel }));
     }
     // 3+ themes: dropdown with current theme icon
     if (!currentThemeInfo || !currentIcon)