@trii/components 3.1.4 → 3.1.5

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

@@ -0,0 +1,14 @@
+export type ThemePreference = 'light' | 'dark' | 'system';
+export type ResolvedTheme = 'light' | 'dark';
+export declare const THEME_PREFERENCES: readonly ThemePreference[];
+export declare const LEGACY_THEME_NAMES: readonly ["lightBlueIndigo", "lightBlue", "lightRed", "lightGreen", "lightPink", "lightPurple", "lightTeal", "lightLime", "lightYellow", "lightAmber", "lightOrange", "lightBrown", "lightGray", "darkBlue", "darkBlack"];
+export type LegacyThemeName = typeof LEGACY_THEME_NAMES[number];
+export type ThemeName = ThemePreference | LegacyThemeName;
+export declare const isValidThemeName: (name: string) => name is ThemeName;
+/** Missing/unknown preferences follow the OS. Existing choices keep their mode. */
+export declare const normalizeThemePreference: (name?: string | null) => ThemePreference;
+export declare const resolveThemePreference: (preference: ThemePreference, systemDark?: boolean) => ResolvedTheme;
+/** Emits immediately; caller must unsubscribe on unmount/preference change.
+ * Does not persist or call an API when the OS appearance changes.
+ */
+export declare const observeThemePreference: (preference: ThemePreference, listener: (mode: ResolvedTheme) => void) => (() => void);

package/dist/types/theme/themePreference.test.d.ts

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

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

@@ -57,18 +57,35 @@ declare module '@mui/material/styles' {
         name?: string;
     }
 }
+export declare const lightTheme: Theme;
+export declare const darkTheme: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBlueIndigo: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBlue: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightRed: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightGreen: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightPink: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightPurple: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightTeal: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightLime: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightYellow: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightAmber: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightOrange: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightBrown: Theme;
+/** @deprecated Use lightTheme. */
 export declare const lightGray: Theme;
+/** @deprecated Use darkTheme. */
 export declare const darkBlue: Theme;
+/** @deprecated Use darkTheme. */
 export declare const darkBlack: Theme;

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

@@ -1,4 +1,7 @@
 import { Theme } from '@mui/material';
+import { ThemeName, ThemePreference, ResolvedTheme } from './themePreference';
+export { isValidThemeName } from './themePreference';
+export type { ThemeName } from './themePreference';
 /**
  * Forma mínima del store que necesita este slice: la app que lo use tiene que
  * tener `Theme` y `User.user.uid`.
@@ -13,11 +16,10 @@ export interface ThemeRootState {
     };
     Theme: ThemeState;
 }
-/** Nombres de tema disponibles. */
-export type ThemeName = 'lightBlueIndigo' | 'darkBlack' | 'darkBlue' | 'lightAmber' | 'lightBlue' | 'lightBrown' | 'lightGray' | 'lightGreen' | 'lightLime' | 'lightOrange' | 'lightPink' | 'lightPurple' | 'lightRed' | 'lightTeal' | 'lightYellow';
 /** Estado del slice. */
 export interface ThemeState {
     themeSelected: Theme;
+    preference: ThemePreference;
     darkMode: boolean;
     toggleStatus: 'idle' | 'toggled';
 }
@@ -34,9 +36,8 @@ export declare const updateTheme: import("@reduxjs/toolkit").AsyncThunk<{
     fulfilledMeta?: unknown;
     rejectedMeta?: unknown;
 }>;
-/** Valida que el string sea un `ThemeName`. */
-export declare const isValidThemeName: (theme: string) => theme is ThemeName;
-export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">;
+export declare const selectThemePreference: (state: ThemeRootState) => ThemePreference;
+export declare const toggleTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ThemeName, "Theme/toggleTheme">, toggleModeTheme: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"Theme/toggleModeTheme">, systemThemeChanged: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ResolvedTheme, "Theme/systemThemeChanged">;
 export declare const selectThemeToggleStatus: (state: ThemeRootState) => "idle" | "toggled";
 export declare const selectTheme: (state: ThemeRootState) => Theme;
 export declare const selectDarkTheme: (state: ThemeRootState) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trii/components",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "Trii components package",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",