academe-kit 0.11.2 → 0.11.4

package/dist/index.d.ts

@@ -24,9 +24,9 @@ type ProtectedAppProps = {
     theme?: Theme;
     /**
      * Indica que o app ainda está carregando dados pós-autenticação (ex.: a lista
-     * de instituições do usuário). Quando `true`, o ProtectedApp continua exibindo
-     * a MESMA tela de loading do boot do Keycloak, evitando um segundo spinner em
-     * sequência. Default `false` — comportamento idêntico ao anterior.
+     * de instituições do usuário). Enquanto `true`, a vinheta de loading SEGURA no
+     * estado-herói; quando volta a `false`, ela toca a animação de saída
+     * sincronizada e só então revela o app. Default `false`.
      */
     pending?: boolean;
 };
@@ -95,6 +95,70 @@ interface JourneyCrystalPinProps {
 }
 declare function JourneyCrystalPin({ className, style }: JourneyCrystalPinProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * AcademeLoading — vinheta/sting de abertura da Academe usada como loading.
+ *
+ * Reproduz fielmente a animação especificada (palco preto; dois círculos entram
+ * das bordas e se fundem revelando o logo "A" dentro de um círculo branco com
+ * meia-lua roxa atrás; segura no estado-herói; colapsa num anel roxo que encolhe
+ * até um ponto e some). Toda propriedade é derivada de um relógio mestre `t`
+ * (0→1) via `useTransform`, com os easings bezier de cada fase (§6) aplicados por
+ * trecho — o que permite segmentar entrada/hold/saída sem perder o "feel".
+ *
+ * Dois modos:
+ * - **Não-controlado** (`loading` omitido): toca a vinheta inteira uma vez e
+ *   dispara `onFinish` em ~`duration` ms.
+ * - **Controlado** (`loading` informado): toca a ENTRADA e SEGURA no estado-herói
+ *   (com uma respiração sutil) enquanto `loading` for `true`; quando vira `false`,
+ *   toca a SAÍDA sincronizada (colapso → ponto → some) e então dispara `onFinish`.
+ *
+ * A orquestração é 100% imperativa (motion values + refs), sem `setState` durante
+ * a animação — zero re-render no meio do movimento, o que mantém a entrada fluida
+ * e é seguro ao duplo-mount do React StrictMode.
+ */
+interface AcademeLoadingColors {
+    /** Fundo do palco. */
+    background: string;
+    /** Círculo roxo / anel. */
+    purple: string;
+    /** Círculo branco ("face"). */
+    white: string;
+}
+interface AcademeLoadingProps {
+    /** Lado do palco quadrado, em px. Default 320. */
+    size?: number;
+    /** Duração total da vinheta completa (ms). Default 2333. */
+    duration?: number;
+    /**
+     * Modo controlado: enquanto `true`, segura no estado-herói; ao virar `false`,
+     * toca a saída sincronizada. Omita para o modo "toca uma vez".
+     */
+    loading?: boolean;
+    /** Inicia automaticamente ao montar. Default true. */
+    autoPlay?: boolean;
+    /** Respiração sutil enquanto segura no hold (modo controlado). Default true. */
+    pulseWhileLoading?: boolean;
+    /** Chamado ao concluir (após a saída, ou após a vinheta completa). */
+    onFinish?: () => void;
+    /** Sobrescreve tokens de cor (merge com os defaults medidos do vídeo). */
+    colors?: Partial<AcademeLoadingColors>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare function AcademeLoading({ size, duration, loading, autoPlay, pulseWhileLoading, onFinish, colors, className, style, }: AcademeLoadingProps): react_jsx_runtime.JSX.Element;
+
+interface LogoAProps {
+    /** Altura do logo em px (no palco corresponde a ~0.46·S). Largura é derivada
+     *  da proporção original do asset (1320×1320.42). */
+    size: number;
+}
+/**
+ * Logo "A" da Academe (§8) — renderiza o asset oficial
+ * (`src/assets/LOGO A SVG 2.svg`) via data URI. Puramente estático; quem anima é
+ * o container (scale/opacity) no AcademeLoading.
+ */
+declare function LogoA({ size }: LogoAProps): react_jsx_runtime.JSX.Element;
+
 /**
  * This file was auto-generated by openapi-typescript.
  * Do not make direct changes to the file.
@@ -27235,5 +27299,5 @@ declare enum NINA_ROLES {
     ACCESS_APPLICATION = "Acessar aplica\u00E7\u00E3o"
 }
 
-export { AcademeAuthProvider, BACKOFFICE_ROLES, Button, CosmicDecor, CosmicStarsCanvas, DASHBOARD_ROLES, GLOBAL_ROLES, JourneyCrystalPin, JourneyStep, MIKE_ROLES, NINA_ROLES, ProtectedApp, ProtectedComponent, ProtectedRouter, STREAMING_ROLES, Spinner, WIDGET_ROLES, academeApi_d as apiTypes, cn, createAcademeApiClient, index_d as types, useAcademeAuth, useProtectedAppColors };
-export type { AcademeApiClient, AcademeKeycloakContextProps, AcademeServices, AcademeUser, ButtonProps, ChallengeUserQuizAttempt, ChallengeUserQuizAttemptsResponse, CosmicDecorProps, CosmicDecorVariant, CosmicPlanet, CosmicStarsCanvasProps, FrameKind, JourneyChallengeView, JourneyCrystalPinProps, JourneyStepProps, JourneyStepSize, JourneyStepType, JourneyStepView, JourneyView, KeycloakUser, RequiredClientRoles, SecurityContextType, SecurityProviderProps };
+export { AcademeAuthProvider, AcademeLoading, BACKOFFICE_ROLES, Button, CosmicDecor, CosmicStarsCanvas, DASHBOARD_ROLES, GLOBAL_ROLES, JourneyCrystalPin, JourneyStep, LogoA, MIKE_ROLES, NINA_ROLES, ProtectedApp, ProtectedComponent, ProtectedRouter, STREAMING_ROLES, Spinner, WIDGET_ROLES, academeApi_d as apiTypes, cn, createAcademeApiClient, index_d as types, useAcademeAuth, useProtectedAppColors };
+export type { AcademeApiClient, AcademeKeycloakContextProps, AcademeLoadingColors, AcademeLoadingProps, AcademeServices, AcademeUser, ButtonProps, ChallengeUserQuizAttempt, ChallengeUserQuizAttemptsResponse, CosmicDecorProps, CosmicDecorVariant, CosmicPlanet, CosmicStarsCanvasProps, FrameKind, JourneyChallengeView, JourneyCrystalPinProps, JourneyStepProps, JourneyStepSize, JourneyStepType, JourneyStepView, JourneyView, KeycloakUser, LogoAProps, RequiredClientRoles, SecurityContextType, SecurityProviderProps };