analytica-frontend-lib 1.0.24 → 1.0.26

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ElementType, ReactNode, ComponentPropsWithoutRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes } from 'react';
+import react__default, { ElementType, ReactNode, ComponentPropsWithoutRef, ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
+import * as zustand from 'zustand';
 
 /**
  * Base text component props
@@ -151,19 +152,6 @@ type AlertProps = {
 } & HTMLAttributes<HTMLDivElement>;
 declare const Alert: ({ variant, title, description, action, className, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * 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
  *
@@ -363,17 +351,157 @@ declare const SelectionButton: react.ForwardRefExoticComponent<{
     className?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
-type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
-interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    state?: TableRowState;
-}
 declare const Table: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
 
-export { Alert, Badge, Button, IconButton, type IconButtonProps, IconRoundedButton, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text };
+/**
+ * CheckBox size variants
+ */
+type CheckBoxSize = 'small' | 'medium' | 'large';
+/**
+ * CheckBox visual state
+ */
+type CheckBoxState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
+/**
+ * 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>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+
+/**
+ * TextArea size variants
+ */
+type TextAreaSize = 'small' | 'medium' | 'large' | 'extraLarge';
+/**
+ * TextArea visual state
+ */
+type TextAreaState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
+/**
+ * TextArea component for Analytica Ensino platforms
+ *
+ * A textarea component with essential states, sizes and themes.
+ * Uses exact design specifications with 288px width, 96px height, and specific
+ * color values. Includes Text component integration for consistent typography.
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <TextArea label="Description" placeholder="Enter description..." />
+ *
+ * // Small size
+ * <TextArea size="small" label="Comment" />
+ *
+ * // Invalid state
+ * <TextArea state="invalid" label="Required field" errorMessage="This field is required" />
+ *
+ * // Disabled state
+ * <TextArea disabled label="Read-only field" />
+ * ```
+ */
+declare const TextArea: react__default.ForwardRefExoticComponent<{
+    /** Label text to display above the textarea */
+    label?: ReactNode;
+    /** Size variant of the textarea */
+    size?: TextAreaSize;
+    /** Visual state of the textarea */
+    state?: TextAreaState;
+    /** Error message to display */
+    errorMessage?: string;
+    /** Helper text to display */
+    helperMessage?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Label CSS classes */
+    labelClassName?: string;
+} & Omit<react__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & react__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface DropdownMenuProps {
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const DropdownMenu: ({ children, open, onOpenChange }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLFieldSetElement>>;
+declare const MenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+    size?: "small" | "medium";
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    disabled?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const MenuSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+type ToastPosition$1 = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
+type ToastProps = {
+    title: string;
+    description?: string;
+    onClose: () => void;
+    /** Visual variant of the badge */
+    variant?: 'solid' | 'outlined';
+    /** Action type of the badge  */
+    action?: 'warning' | 'success' | 'info';
+    position?: ToastPosition$1;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Toast: ({ variant, action, className, onClose, title, description, position, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
+
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
+type ToastData = {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: 'solid' | 'outlined';
+    action?: 'warning' | 'success' | 'info';
+    position?: ToastPosition;
+};
+type ToastStore = {
+    toasts: ToastData[];
+    addToast: (toast: Omit<ToastData, 'id'>) => void;
+    removeToast: (id: string) => void;
+};
+declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
+
+export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, Toaster, useToastStore };