academe-kit 0.11.4 → 0.11.6

package/dist/index.cjs

@@ -6850,6 +6850,9 @@ const LOGO_A_DATA_URI = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlb
 // derivar a largura a partir da altura, preservando a proporção do logo.
 const ASSET_W = 1320;
 const ASSET_H = 1320.42;
+/** Proporção (largura/altura) do asset. O AcademeLoading usa para dimensionar o
+ *  container do logo igual à imagem e mantê-lo centralizado nos círculos. */
+const LOGO_A_ASPECT = ASSET_W / ASSET_H;
 /**
  * Logo "A" da Academe (§8) — renderiza o asset oficial
  * (`src/assets/LOGO A SVG 2.svg`) via data URI. Puramente estático; quem anima é
@@ -6872,10 +6875,24 @@ const TOTAL = 2333;
  */
 const HOLD_T = 0.56;
 const DEFAULT_COLORS = {
-    background: "#F5F5F5",
+    background: "#f1f2f6",
     purple: "#7C28D4",
     white: "#FCFCFC",
 };
+/**
+ * Paleta escura da marca. Só o fundo muda — os círculos roxo/branco continuam os
+ * mesmos (o branco revela o logo e contrasta bem sobre o escuro). O fundo casa com
+ * o tema dark do `ProtectedApp`.
+ */
+const DARK_COLORS = {
+    background: "#111111",
+    purple: "#7C28D4",
+    white: "#FCFCFC",
+};
+const THEME_COLORS = {
+    light: DEFAULT_COLORS,
+    dark: DARK_COLORS,
+};
 // ---- helpers -------------------------------------------------------------
 const clamp01 = (x) => (x < 0 ? 0 : x > 1 ? 1 : x);
 /** progresso local [0,1] dentro do trecho [a,b] de `t`. */
@@ -6938,9 +6955,9 @@ const E_COLLAPSE = cubicBezier(0.65, 0, 0.35, 1); // colapso (ease-in-out)
 const E_SHRINK = cubicBezier(0.5, 0, 0.9, 0.2); // encolher (ease-in)
 const E_POP = cubicBezier(0.34, 1.2, 0.64, 1); // pop leve do logo (overshoot)
 // ---- component -----------------------------------------------------------
-function AcademeLoading({ size = 320, duration = TOTAL, loading, autoPlay = true, pulseWhileLoading = true, onFinish, colors, className, style, }) {
+function AcademeLoading({ size = 320, duration = TOTAL, loading, autoPlay = true, pulseWhileLoading = true, onFinish, theme = "light", colors, className, style, }) {
     const S = size;
-    const c = { ...DEFAULT_COLORS, ...colors };
+    const c = { ...THEME_COLORS[theme], ...colors };
     const isControlled = loading !== undefined;
     // Os círculos NÃO são recortados por nenhuma "caixa" interna. O palco antigo
     // (size×size com overflow:hidden) cortava os círculos na entrada e no herói.
@@ -7137,7 +7154,7 @@ function AcademeLoading({ size = 320, duration = TOTAL, loading, autoPlay = true
         return 0;
     });
     const LOGO_H = 0.46 * S;
-    const LOGO_W = LOGO_H * (354 / 516);
+    const LOGO_W = LOGO_H * LOGO_A_ASPECT;
     // Centralização determinística: cada camada é absoluta e centralizada por
     // `inset:0 + margin:auto` sobre um width/height fixo — independe do tamanho
     // relativo dos elementos (o grid implícito anterior ancorava a célula no canto,
@@ -7257,7 +7274,7 @@ const ProtectedApp = ({ children, requiredClientRoles, requiredRealmRoles, theme
     // só depois do `onFinish` o app é revelado. Fica montada durante o exit graças
     // ao `!exitDone`.
     if (loaderActive || !exitDone) {
-        return (jsxRuntime.jsx(AcademeLoading, { loading: loaderActive, duration: 1200, onFinish: () => setExitDone(true), style: { width: "100vw", height: "100vh" } }));
+        return (jsxRuntime.jsx(AcademeLoading, { loading: loaderActive, duration: 1200, theme: theme, onFinish: () => setExitDone(true), style: { width: "100vw", height: "100vh" } }));
     }
     return (jsxRuntime.jsx(ProtectedAppContext.Provider, { value: textColors, children: children }));
 };