analytica-frontend-lib 1.2.25 → 1.2.29

package/dist/CheckBox/index.d.mts

@@ -1,74 +0,0 @@
-import * as react from 'react';
-import { ReactNode, InputHTMLAttributes } from 'react';
-
-/**
- * CheckBox size variants
- */
-type CheckBoxSize = 'small' | 'medium' | 'large';
-/**
- * CheckBox visual state
- */
-type CheckBoxState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
-/**
- * CheckBox component props interface
- */
-type CheckBoxProps = {
-    /** Label text to display next to the checkbox */
-    label?: ReactNode;
-    /** Size variant of the checkbox */
-    size?: CheckBoxSize;
-    /** Visual state of the checkbox */
-    state?: CheckBoxState;
-    /** Indeterminate state for partial selections */
-    indeterminate?: boolean;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperText?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>;
-/**
- * CheckBox component for Analytica Ensino platforms
- *
- * A checkbox component with essential states, sizes and themes.
- * Uses the Analytica Ensino Design System colors from styles.css with automatic
- * light/dark mode support. Includes Text component integration for consistent typography.
- *
- * @example
- * ```tsx
- * // Basic checkbox
- * <CheckBox label="Option" />
- *
- * // Small size
- * <CheckBox size="small" label="Small option" />
- *
- * // Invalid state
- * <CheckBox state="invalid" label="Required field" />
- *
- * // Disabled state
- * <CheckBox disabled label="Disabled option" />
- * ```
- */
-declare const CheckBox: react.ForwardRefExoticComponent<{
-    /** Label text to display next to the checkbox */
-    label?: ReactNode;
-    /** Size variant of the checkbox */
-    size?: CheckBoxSize;
-    /** Visual state of the checkbox */
-    state?: CheckBoxState;
-    /** Indeterminate state for partial selections */
-    indeterminate?: boolean;
-    /** Error message to display */
-    errorMessage?: string;
-    /** Helper text to display */
-    helperText?: string;
-    /** Additional CSS classes */
-    className?: string;
-    /** Label CSS classes */
-    labelClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & react.RefAttributes<HTMLInputElement>>;
-
-export { type CheckBoxProps, CheckBox as default };

package/dist/CheckBoxGroup-9n5C0OH4.d.mts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type Item = {
-    id: string;
-    name: string;
-    [key: string]: unknown;
-};
-type CategoryConfig = {
-    key: string;
-    label: string;
-    selectedIds?: string[];
-    dependsOn?: string[];
-    itens?: Item[];
-    filteredBy?: {
-        key: string;
-        internalField: string;
-    }[];
-};
-declare const CheckboxGroup: ({ categories, onCategoriesChange, }: {
-    categories: CategoryConfig[];
-    onCategoriesChange: (categories: CategoryConfig[]) => void;
-}) => react_jsx_runtime.JSX.Element;
-
-export { type CategoryConfig as C, type Item as I, CheckboxGroup as a };

package/dist/CheckBoxGroup-9n5C0OH4.d.ts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type Item = {
-    id: string;
-    name: string;
-    [key: string]: unknown;
-};
-type CategoryConfig = {
-    key: string;
-    label: string;
-    selectedIds?: string[];
-    dependsOn?: string[];
-    itens?: Item[];
-    filteredBy?: {
-        key: string;
-        internalField: string;
-    }[];
-};
-declare const CheckboxGroup: ({ categories, onCategoriesChange, }: {
-    categories: CategoryConfig[];
-    onCategoriesChange: (categories: CategoryConfig[]) => void;
-}) => react_jsx_runtime.JSX.Element;
-
-export { type CategoryConfig as C, type Item as I, CheckboxGroup as a };

package/dist/Chips/index.d.mts

@@ -1,41 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ButtonHTMLAttributes } from 'react';
-
-/**
- * Chips component props interface
- */
-type ChipsProps = {
-    /** Content to be displayed inside the chip */
-    children: ReactNode;
-    /** Se o chip está selecionado (mostra check automaticamente) */
-    selected?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
-/**
- * Chips component for Analytica Ensino platforms
- *
- * Um componente de chip seguindo exatamente o design do Figma.
- * Suporte a dois estados principais: default (sem ícone) e selected (com ícone de check).
- * Quando selecionado, automaticamente mostra o ícone de check.
- *
- * @param children - O conteúdo a ser exibido dentro do chip
- * @param selected - Se o chip está selecionado (mostra check automaticamente)
- * @param className - Classes CSS adicionais
- * @param props - Todos os outros atributos padrão de button HTML
- * @returns Um elemento de chip estilizado
- *
- * @example
- * ```tsx
- * <Chips onClick={() => console.log('clicked')}>
- *   Label
- * </Chips>
- *
- * <Chips selected onClick={() => console.log('selected')}>
- *   Selected Label
- * </Chips>
- * ```
- */
-declare const Chips: ({ children, selected, className, disabled, type, ...props }: ChipsProps) => react_jsx_runtime.JSX.Element;
-
-export { Chips as default };

package/dist/Divider/index.d.mts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
-
-/**
- * Divider component props interface
- */
-type DividerProps = {
-    /** Orientation of the divider */
-    orientation?: 'horizontal' | 'vertical';
-    /** Additional CSS classes to apply */
-    className?: string;
-} & HTMLAttributes<HTMLHRElement>;
-/**
- * Divider component for Analytica Ensino platforms
- *
- * A simple divider component that creates a visual separation between content sections.
- * Can be used both horizontally and vertically.
- *
- * @param orientation - The orientation of the divider (horizontal or vertical)
- * @param className - Additional CSS classes
- * @param props - All other standard hr HTML attributes
- * @returns A styled divider element
- *
- * @example
- * ```tsx
- * <Divider orientation="horizontal" />
- * <Divider orientation="vertical" className="h-8" />
- * ```
- */
-declare const Divider: ({ orientation, className, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
-
-export { Divider as default };

package/dist/DownloadButton/index.d.mts

@@ -1,46 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/**
- * Download content interface for lesson materials
- */
-interface DownloadContent {
-    /** Document URL (PDF) */
-    urlDoc?: string;
-    /** Initial frame image URL */
-    urlInitialFrame?: string;
-    /** Final frame image URL */
-    urlFinalFrame?: string;
-    /** Podcast audio URL */
-    urlPodcast?: string;
-    /** Video URL */
-    urlVideo?: string;
-}
-/**
- * Props for DownloadButton component
- */
-interface DownloadButtonProps {
-    /** Content URLs to download */
-    content: DownloadContent;
-    /** Additional CSS classes */
-    className?: string;
-    /** Callback fired when download starts */
-    onDownloadStart?: (contentType: string) => void;
-    /** Callback fired when download completes */
-    onDownloadComplete?: (contentType: string) => void;
-    /** Callback fired when download fails */
-    onDownloadError?: (contentType: string, error: Error) => void;
-    /** Lesson title for download file naming */
-    lessonTitle?: string;
-    /** Whether the button is disabled */
-    disabled?: boolean;
-}
-/**
- * DownloadButton component for downloading lesson content
- * Provides a single button that downloads all available content for a lesson
- *
- * @param props - DownloadButton component props
- * @returns Download button element
- */
-declare const DownloadButton: ({ content, className, onDownloadStart, onDownloadComplete, onDownloadError, lessonTitle, disabled, }: DownloadButtonProps) => react_jsx_runtime.JSX.Element | null;
-
-export { type DownloadButtonProps, type DownloadContent, DownloadButton as default };

package/dist/DropdownMenu/index.d.mts

@@ -1,82 +0,0 @@
-import * as react from 'react';
-import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { StoreApi } from 'zustand';
-
-interface DropdownStore {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-}
-type DropdownStoreApi = StoreApi<DropdownStore>;
-declare function createDropdownStore(): DropdownStoreApi;
-declare const useDropdownStore: (externalStore?: DropdownStoreApi) => DropdownStoreApi;
-interface DropdownMenuProps {
-    children: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-declare const DropdownMenu: ({ children, open: propOpen, onOpenChange, }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuTrigger: {
-    ({ className, children, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLDivElement> & {
-        disabled?: boolean;
-        store?: DropdownStoreApi;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    inset?: boolean;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    align?: "start" | "center" | "end";
-    side?: "top" | "right" | "bottom" | "left";
-    variant?: "menu" | "profile";
-    sideOffset?: number;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    inset?: boolean;
-    size?: "small" | "medium";
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
-    disabled?: boolean;
-    variant?: "profile" | "menu";
-    store?: DropdownStoreApi;
-    preventClose?: boolean;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLButtonElement>>;
-declare const ProfileMenuHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    name: string;
-    email: string;
-    photoUrl?: string | null;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileMenuInfo: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    schoolName: string;
-    classYearName: string;
-    schoolYearName: string;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileToggleTheme: {
-    ({ store: externalStore, ...props }: HTMLAttributes<HTMLDivElement> & {
-        store?: DropdownStoreApi;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const ProfileMenuSection: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileMenuFooter: {
-    ({ className, disabled, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLButtonElement> & {
-        disabled?: boolean;
-        store?: DropdownStoreApi;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuInfo, ProfileMenuSection, ProfileMenuTrigger, ProfileToggleTheme, createDropdownStore, DropdownMenu as default, useDropdownStore };

package/dist/EmptyState/index.d.mts

@@ -1,65 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-interface EmptyStateProps {
-    /**
-     * Image source for the illustration (optional)
-     */
-    image?: string;
-    /**
-     * Title text to display
-     * @default "Nenhum dado disponível"
-     */
-    title?: string;
-    /**
-     * Description text to display below the title
-     * @default "Não há dados para exibir no momento."
-     */
-    description?: string;
-    /**
-     * Button text (optional - if not provided, button won't be displayed)
-     */
-    buttonText?: string;
-    /**
-     * Icon to display on the left side of the button
-     */
-    buttonIcon?: ReactNode;
-    /**
-     * Callback function when button is clicked
-     */
-    onButtonClick?: () => void;
-    /**
-     * Button variant
-     * @default "solid"
-     */
-    buttonVariant?: 'solid' | 'outline' | 'link';
-    /**
-     * Button action color
-     * @default "primary"
-     */
-    buttonAction?: 'primary' | 'positive' | 'negative';
-}
-/**
- * Component displayed when there is no data to show (empty state)
- * Shows an illustration with customizable title, description, and optional button in horizontal layout
- *
- * @example
- * ```tsx
- * import { EmptyState } from 'analytica-frontend-lib';
- * import activityImage from './assets/activity.png';
- * import { Plus } from 'phosphor-react';
- *
- * <EmptyState
- *   image={activityImage}
- *   title="Incentive sua turma ao aprendizado"
- *   description="Crie uma nova atividade e ajude seus alunos a colocarem o conteúdo em prática!"
- *   buttonText="Criar atividade"
- *   buttonIcon={<Plus size={18} />}
- *   buttonVariant="outline"
- *   onButtonClick={handleCreateActivity}
- * />
- * ```
- */
-declare const EmptyState: ({ image, title, description, buttonText, buttonIcon, onButtonClick, buttonVariant, buttonAction, }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
-
-export { type EmptyStateProps, EmptyState as default };

package/dist/IconButton/index.d.mts

@@ -1,76 +0,0 @@
-import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes } from 'react';
-
-/**
- * IconButton component props interface
- */
-type IconButtonProps = {
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Tamanho do botão */
-    size?: 'sm' | 'md';
-    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
-    active?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * IconButton component for Analytica Ensino platforms
- *
- * Um botão compacto apenas com ícone, ideal para menus dropdown,
- * barras de ferramentas e ações secundárias.
- * Oferece dois tamanhos com estilo consistente.
- * Estado ativo permanece até ser clicado novamente ou outro botão ser ativado.
- * Suporta forwardRef para acesso programático ao elemento DOM.
- *
- * @param icon - O ícone a ser exibido no botão
- * @param size - Tamanho do botão (sm, md)
- * @param active - Estado ativo/selecionado do botão
- * @param className - Classes CSS adicionais
- * @param props - Todos os outros atributos HTML padrão de button
- * @returns Um elemento button compacto estilizado apenas com ícone
- *
- * @example
- * ```tsx
- * <IconButton
- *   icon={<MoreVerticalIcon />}
- *   size="sm"
- *   onClick={() => openMenu()}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Botão ativo em uma barra de ferramentas - permanece ativo até outro clique
- * <IconButton
- *   icon={<BoldIcon />}
- *   active={isBold}
- *   onClick={toggleBold}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // Usando ref para controle programático
- * const buttonRef = useRef<HTMLButtonElement>(null);
- *
- * <IconButton
- *   ref={buttonRef}
- *   icon={<EditIcon />}
- *   size="md"
- *   onClick={() => startEditing()}
- * />
- * ```
- */
-declare const IconButton: react.ForwardRefExoticComponent<{
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Tamanho do botão */
-    size?: "sm" | "md";
-    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
-    active?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-export { type IconButtonProps, IconButton as default };

package/dist/IconRender/index.d.mts

@@ -1,36 +0,0 @@
-import { ReactElement, JSX } from 'react';
-
-interface IconRenderProps {
-    /**
-     * The name of the icon to render
-     */
-    iconName: string | ReactElement;
-    /**
-     * The color of the icon
-     * @default '#000000'
-     */
-    color?: string;
-    /**
-     * The size of the icon in pixels
-     * @default 24
-     */
-    size?: number;
-    /**
-     * The weight/style of the icon (for Phosphor icons)
-     * @default 'regular'
-     */
-    weight?: 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
-}
-/**
- * Dynamic icon component that renders icons based on name
- * Supports Phosphor icons and custom Chat icons (ChatPT, ChatEN, ChatES)
- *
- * @param iconName - The name of the icon to render
- * @param color - The color of the icon
- * @param size - The size of the icon in pixels
- * @param weight - The weight/style of the icon (for Phosphor icons)
- * @returns JSX element with the corresponding icon
- */
-declare const IconRender: ({ iconName, color, size, weight, }: IconRenderProps) => JSX.Element;
-
-export { IconRender, type IconRenderProps, IconRender as default };

package/dist/IconRoundedButton/index.d.mts

@@ -1,34 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ButtonHTMLAttributes } from 'react';
-
-/**
- * IconRoundedButton component props interface
- */
-type IconRoundedButtonProps = {
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * IconRoundedButton component for Analytica Ensino platforms
- *
- * Um botão redondo simples que exibe apenas um ícone.
- * Ideal para ações como navegação, fechar, editar, etc.
- *
- * @param icon - O ícone a ser exibido no botão
- * @param className - Classes CSS adicionais
- * @param props - Todos os outros atributos HTML padrão de button
- * @returns Um elemento button estilizado e redondo
- *
- * @example
- * ```tsx
- * <IconRoundedButton
- *   icon={<ChevronRightIcon />}
- *   onClick={() => console.log('clicked')}
- * />
- * ```
- */
-declare const IconRoundedButton: ({ icon, className, disabled, ...props }: IconRoundedButtonProps) => react_jsx_runtime.JSX.Element;
-
-export { IconRoundedButton as default };

package/dist/Input/index.d.mts

@@ -1,27 +0,0 @@
-import * as react from 'react';
-import { ReactNode, InputHTMLAttributes } from 'react';
-
-declare const Input: react.ForwardRefExoticComponent<{
-    /** Label text displayed above the input */
-    label?: string;
-    /** Helper text displayed below the input */
-    helperText?: string;
-    /** Error message displayed below the input */
-    errorMessage?: string;
-    /** Size of the input */
-    size?: "small" | "medium" | "large" | "extra-large";
-    /** Visual variant of the input */
-    variant?: "outlined" | "underlined" | "rounded";
-    /** Current state of the input */
-    state?: "default" | "error" | "disabled" | "read-only";
-    /** Icon to display on the left side of the input */
-    iconLeft?: ReactNode;
-    /** Icon to display on the right side of the input */
-    iconRight?: ReactNode;
-    /** Additional CSS classes to apply to the input */
-    className?: string;
-    /** Additional CSS classes to apply to the container */
-    containerClassName?: string;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & react.RefAttributes<HTMLInputElement>>;
-
-export { Input as default };

package/dist/LatexRenderer/index.d.mts

@@ -1,50 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CSSProperties, ReactNode } from 'react';
-
-/**
- * Props for the LatexRenderer component
- */
-interface LatexRendererProps {
-    /** HTML content containing LaTeX expressions to render */
-    content: string;
-    /** Additional CSS classes to apply */
-    className?: string;
-    /** Inline styles to apply */
-    style?: CSSProperties;
-    /** Custom error renderer for invalid LaTeX expressions */
-    onError?: (latex: string) => ReactNode;
-}
-/**
- * LatexRenderer component for Analytica Ensino platforms
- *
- * Renders HTML content with embedded LaTeX/KaTeX mathematical expressions.
- * Supports multiple LaTeX formats:
- * - Inline math: `$...$` or `<latex>...</latex>`
- * - Block math: `$$...$$`
- * - LaTeX environments: `\begin{equation}...\end{equation}`, etc.
- * - Editor format: `<span class="math-formula" data-latex="...">...</span>`
- *
- * @param content - HTML content with LaTeX expressions
- * @param className - Additional CSS classes
- * @param style - Inline styles
- * @param onError - Custom error renderer
- * @returns Rendered content with mathematical expressions
- *
- * @example
- * ```tsx
- * <LatexRenderer content="The formula is $E = mc^2$" />
- *
- * <LatexRenderer
- *   content="Block equation: $$\sum_{i=1}^{n} x_i$$"
- *   className="my-custom-class"
- * />
- *
- * <LatexRenderer
- *   content="<p>Matrix: \begin{pmatrix} a & b \\ c & d \end{pmatrix}</p>"
- *   onError={(latex) => <span>Invalid: {latex}</span>}
- * />
- * ```
- */
-declare const LatexRenderer: ({ content, className, style, onError, }: LatexRendererProps) => react_jsx_runtime.JSX.Element;
-
-export { type LatexRendererProps, LatexRenderer as default };

package/dist/LoadingModal/index.d.mts

@@ -1,11 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
-
-interface LoadingModalProps extends HTMLAttributes<HTMLDivElement> {
-    open: boolean;
-    title?: string;
-    subtitle?: string;
-}
-declare const LoadingModal: react.ForwardRefExoticComponent<LoadingModalProps & react.RefAttributes<HTMLDivElement>>;
-
-export { LoadingModal as default };