analytica-frontend-lib 1.1.68 → 1.1.70

package/dist/themeStore-P2X64zC-.d.mts

@@ -0,0 +1,79 @@
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+
+type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * Theme store state interface
+ */
+interface ThemeState {
+    /**
+     * Current theme mode
+     */
+    themeMode: ThemeMode;
+    /**
+     * Whether the current theme is dark
+     */
+    isDark: boolean;
+}
+/**
+ * Theme store actions interface
+ */
+interface ThemeActions {
+    /**
+     * Apply theme based on the mode selected
+     */
+    applyTheme: (mode: ThemeMode) => void;
+    /**
+     * Toggle between themes
+     */
+    toggleTheme: () => void;
+    /**
+     * Set a specific theme mode
+     */
+    setTheme: (mode: ThemeMode) => void;
+    /**
+     * Initialize theme on app start
+     */
+    initializeTheme: () => void;
+    /**
+     * Handle system theme change
+     */
+    handleSystemThemeChange: () => void;
+}
+type ThemeStore = ThemeState & ThemeActions;
+/**
+ * Theme store using Zustand with persistence
+ */
+declare const useThemeStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<ThemeStore>, "setState" | "devtools"> & {
+    setState(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: ThemeStore | ((state: ThemeStore) => ThemeStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeStore, {
+            themeMode: ThemeMode;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
+        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeStore, {
+            themeMode: ThemeMode;
+        }>>;
+    };
+}>;
+
+export { type ThemeMode as T, type ThemeStore as a, type ThemeState as b, type ThemeActions as c, useThemeStore as u };

package/dist/themeStore-P2X64zC-.d.ts

@@ -0,0 +1,79 @@
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+
+type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * Theme store state interface
+ */
+interface ThemeState {
+    /**
+     * Current theme mode
+     */
+    themeMode: ThemeMode;
+    /**
+     * Whether the current theme is dark
+     */
+    isDark: boolean;
+}
+/**
+ * Theme store actions interface
+ */
+interface ThemeActions {
+    /**
+     * Apply theme based on the mode selected
+     */
+    applyTheme: (mode: ThemeMode) => void;
+    /**
+     * Toggle between themes
+     */
+    toggleTheme: () => void;
+    /**
+     * Set a specific theme mode
+     */
+    setTheme: (mode: ThemeMode) => void;
+    /**
+     * Initialize theme on app start
+     */
+    initializeTheme: () => void;
+    /**
+     * Handle system theme change
+     */
+    handleSystemThemeChange: () => void;
+}
+type ThemeStore = ThemeState & ThemeActions;
+/**
+ * Theme store using Zustand with persistence
+ */
+declare const useThemeStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<ThemeStore>, "setState" | "devtools"> & {
+    setState(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: ThemeStore | ((state: ThemeStore) => ThemeStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeStore, {
+            themeMode: ThemeMode;
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
+        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeStore, {
+            themeMode: ThemeMode;
+        }>>;
+    };
+}>;
+
+export { type ThemeMode as T, type ThemeStore as a, type ThemeState as b, type ThemeActions as c, useThemeStore as u };

package/dist/utils/index.d.mts

@@ -1,5 +1,14 @@
 import { ClassValue } from 'clsx';
 
 declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Retorna a cor hexadecimal com opacidade 0.7 (b3) se não estiver em dark mode.
+ * Se estiver em dark mode, retorna a cor original.
+ *
+ * @param hexColor - Cor hexadecimal (ex: "#0066b8" ou "0066b8")
+ * @param isDark - booleano indicando se está em dark mode
+ * @returns string - cor hexadecimal com opacidade se necessário
+ */
+declare function getSubjectColorWithOpacity(hexColor: string | undefined, isDark: boolean): string | undefined;
 
-export { cn };
+export { cn, getSubjectColorWithOpacity };

package/dist/utils/index.d.ts

@@ -1,5 +1,14 @@
 import { ClassValue } from 'clsx';
 
 declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Retorna a cor hexadecimal com opacidade 0.7 (b3) se não estiver em dark mode.
+ * Se estiver em dark mode, retorna a cor original.
+ *
+ * @param hexColor - Cor hexadecimal (ex: "#0066b8" ou "0066b8")
+ * @param isDark - booleano indicando se está em dark mode
+ * @returns string - cor hexadecimal com opacidade se necessário
+ */
+declare function getSubjectColorWithOpacity(hexColor: string | undefined, isDark: boolean): string | undefined;
 
-export { cn };
+export { cn, getSubjectColorWithOpacity };

package/dist/utils/index.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
-  cn: () => cn
+  cn: () => cn,
+  getSubjectColorWithOpacity: () => getSubjectColorWithOpacity
 });
 module.exports = __toCommonJS(utils_exports);
 var import_clsx = require("clsx");
@@ -28,8 +29,29 @@ var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
+function getSubjectColorWithOpacity(hexColor, isDark) {
+  if (!hexColor) return void 0;
+  let color = hexColor.replace(/^#/, "").toLowerCase();
+  if (isDark) {
+    if (color.length === 8) {
+      color = color.slice(0, 6);
+    }
+    return `#${color}`;
+  } else {
+    let resultColor;
+    if (color.length === 6) {
+      resultColor = `#${color}b3`;
+    } else if (color.length === 8) {
+      resultColor = `#${color}`;
+    } else {
+      resultColor = `#${color}`;
+    }
+    return resultColor;
+  }
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  cn
+  cn,
+  getSubjectColorWithOpacity
 });
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;","names":[]}
+{"version":3,"sources":["../../src/utils/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.7 (b3) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.7 (b3) para cores de 6 dígitos\n      resultColor = `#${color}b3`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;AAUO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/utils/index.mjs

@@ -4,7 +4,28 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function getSubjectColorWithOpacity(hexColor, isDark) {
+  if (!hexColor) return void 0;
+  let color = hexColor.replace(/^#/, "").toLowerCase();
+  if (isDark) {
+    if (color.length === 8) {
+      color = color.slice(0, 6);
+    }
+    return `#${color}`;
+  } else {
+    let resultColor;
+    if (color.length === 6) {
+      resultColor = `#${color}b3`;
+    } else if (color.length === 8) {
+      resultColor = `#${color}`;
+    } else {
+      resultColor = `#${color}`;
+    }
+    return resultColor;
+  }
+}
 export {
-  cn
+  cn,
+  getSubjectColorWithOpacity
 };
 //# sourceMappingURL=index.mjs.map

package/dist/utils/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}
+{"version":3,"sources":["../../src/utils/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Retorna a cor hexadecimal com opacidade 0.7 (b3) se não estiver em dark mode.\n * Se estiver em dark mode, retorna a cor original.\n *\n * @param hexColor - Cor hexadecimal (ex: \"#0066b8\" ou \"0066b8\")\n * @param isDark - booleano indicando se está em dark mode\n * @returns string - cor hexadecimal com opacidade se necessário\n */\nexport function getSubjectColorWithOpacity(\n  hexColor: string | undefined,\n  isDark: boolean\n): string | undefined {\n  if (!hexColor) return undefined;\n  // Remove o '#' se existir\n  let color = hexColor.replace(/^#/, '').toLowerCase();\n\n  if (isDark) {\n    // Se está em dark mode, sempre remove opacidade se existir\n    if (color.length === 8) {\n      color = color.slice(0, 6);\n    }\n    return `#${color}`;\n  } else {\n    // Se não está em dark mode (light mode)\n    let resultColor: string;\n    if (color.length === 6) {\n      // Adiciona opacidade 0.7 (b3) para cores de 6 dígitos\n      resultColor = `#${color}b3`;\n    } else if (color.length === 8) {\n      // Já tem opacidade, retorna como está\n      resultColor = `#${color}`;\n    } else {\n      // Para outros tamanhos (3, 4, 5 dígitos), retorna como está\n      resultColor = `#${color}`;\n    }\n    return resultColor;\n  }\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAUO,SAAS,2BACd,UACA,QACoB;AACpB,MAAI,CAAC,SAAU,QAAO;AAEtB,MAAI,QAAQ,SAAS,QAAQ,MAAM,EAAE,EAAE,YAAY;AAEnD,MAAI,QAAQ;AAEV,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,MAAM,MAAM,GAAG,CAAC;AAAA,IAC1B;AACA,WAAO,IAAI,KAAK;AAAA,EAClB,OAAO;AAEL,QAAI;AACJ,QAAI,MAAM,WAAW,GAAG;AAEtB,oBAAc,IAAI,KAAK;AAAA,IACzB,WAAW,MAAM,WAAW,GAAG;AAE7B,oBAAc,IAAI,KAAK;AAAA,IACzB,OAAO;AAEL,oBAAc,IAAI,KAAK;AAAA,IACzB;AACA,WAAO;AAAA,EACT;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "analytica-frontend-lib",
-  "version": "1.1.68",
+  "version": "1.1.70",
   "description": "Repositório público dos componentes utilizados nas plataformas da Analytica Ensino",
   "main": "dist/index.cjs",
   "module": "./dist/index.js",