analytica-frontend-lib 1.0.16 → 1.0.18

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, ElementType, ComponentPropsWithoutRef, HTMLAttributes, TdHTMLAttributes } from 'react';
+import { ReactNode, ButtonHTMLAttributes, ElementType, ComponentPropsWithoutRef, HTMLAttributes, InputHTMLAttributes, TdHTMLAttributes } from 'react';
+import * as zustand from 'zustand';
 
 /**
  * Button component props interface
@@ -184,6 +185,111 @@ type TextProps<T extends ElementType = 'p'> = BaseTextProps & {
  */
 declare const Text: <T extends ElementType = "p">({ children, size, weight, color, as, className, ...props }: TextProps<T>) => react_jsx_runtime.JSX.Element;
 
+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;
+
+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>>;
+
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+declare const useToast: () => {
+    addToast: (toast: Omit<ToastData, "id">) => void;
+    removeToast: (id: string) => void;
+};
+
+/**
+ * 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>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+
 type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
 interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     state?: TableRowState;
@@ -348,4 +454,4 @@ declare const IconButton: react.ForwardRefExoticComponent<{
     className?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Button, DropdownMenu, DropdownMenuTrigger, IconButton, type IconButtonProps, IconRoundedButton, MenuContent, MenuItem, MenuLabel, MenuSeparator, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text };
+export { Button, CheckBox, type CheckBoxProps, DropdownMenu, DropdownMenuTrigger, IconButton, type IconButtonProps, IconRoundedButton, MenuContent, MenuItem, MenuLabel, MenuSeparator, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, Toast, type ToastData, Toaster, useToast, useToastStore };