@rehagro/ui 1.0.13 → 1.0.15

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1 from 'react';
+import React__default from 'react';
 import { B as ButtonColor, P as PresetColor } from './colors.types-7nLOoy6r.js';
 
 type ToastVariant = "info" | "warning" | "success" | "error" | "neutral";
@@ -9,7 +9,7 @@ type ToastLink = {
     href?: string;
     onClick?: () => void;
 };
-type ToastProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type ToastProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /** Toast title */
     title: string;
     /** Optional description below the title */
@@ -23,7 +23,7 @@ type ToastProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** Callback when the close button is clicked */
     onClose?: () => void;
 };
-declare const Toast: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const Toast: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /** Toast title */
     title: string;
     /** Optional description below the title */
@@ -36,7 +36,7 @@ declare const Toast: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HT
     appearance?: ToastAppearance;
     /** Callback when the close button is clicked */
     onClose?: () => void;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type ToastPosition = "top-right" | "top-left" | "top-center" | "bottom-right" | "bottom-left" | "bottom-center";
 type ToastItem = {
@@ -66,7 +66,7 @@ type ToastFn = {
     dismiss: (id: string) => void;
 };
 type ToastProviderProps = {
-    children: React$1.ReactNode;
+    children: React__default.ReactNode;
     /** Position of the toast container. Default: "top-right" */
     position?: ToastPosition;
 };
@@ -141,7 +141,7 @@ type ButtonHoverStyle = {
     /** Text color on hover */
     color?: string;
 };
-type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Visual style variant */
     variant?: ButtonVariant;
     /** Button size */
@@ -157,11 +157,11 @@ type ButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Shows loading state and disables interaction */
     loading?: boolean;
     /** Icon rendered to the left of children (hidden when loading) */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon rendered to the right of children (hidden when loading) */
-    rightIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
 };
-declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const Button: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Visual style variant */
     variant?: ButtonVariant;
     /** Button size */
@@ -177,16 +177,16 @@ declare const Button: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttrib
     /** Shows loading state and disables interaction */
     loading?: boolean;
     /** Icon rendered to the left of children (hidden when loading) */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon rendered to the right of children (hidden when loading) */
-    rightIcon?: React$1.ReactNode;
-} & React$1.RefAttributes<HTMLButtonElement>>;
+    rightIcon?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 type IconButtonVariant = "solid" | "outline" | "ghost";
 type IconButtonSize = "sm" | "md" | "lg";
 type IconButtonRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type IconButtonColor = ButtonColor;
-type IconButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+type IconButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Visual style variant */
     variant?: IconButtonVariant;
     /** Button size */
@@ -198,7 +198,7 @@ type IconButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Shows loading state and disables interaction */
     loading?: boolean;
 };
-declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const IconButton: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & {
     /** Visual style variant */
     variant?: IconButtonVariant;
     /** Button size */
@@ -209,13 +209,13 @@ declare const IconButton: React$1.ForwardRefExoticComponent<React$1.ButtonHTMLAt
     color?: IconButtonColor;
     /** Shows loading state and disables interaction */
     loading?: boolean;
-} & React$1.RefAttributes<HTMLButtonElement>>;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 type TextInputStatus = "default" | "error";
 type TextInputSize = "sm" | "md" | "lg";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
 type TextInputLabelWeight = "normal" | "medium" | "semibold" | "bold";
-type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+type TextInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
     /** Label font weight */
@@ -229,15 +229,15 @@ type TextInputProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"
     /** Border radius */
     radius?: TextInputRadius;
     /** Icon rendered to the left of the input */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon rendered to the right of the input */
-    rightIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
     /** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
-    helperText?: React$1.ReactNode;
+    helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
 };
-declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+declare const TextInput: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & {
     /** Label text displayed above the input */
     label?: string;
     /** Label font weight */
@@ -251,17 +251,17 @@ declare const TextInput: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTM
     /** Border radius */
     radius?: TextInputRadius;
     /** Icon rendered to the left of the input */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Icon rendered to the right of the input */
-    rightIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
     /** Helper/error message displayed below the input (accepts ReactNode for flexibility) */
-    helperText?: React$1.ReactNode;
+    helperText?: React__default.ReactNode;
     /** Custom class for the outermost wrapper */
     wrapperClassName?: string;
-} & React$1.RefAttributes<HTMLInputElement>>;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
 type CheckboxSize = "sm" | "md" | "lg";
-type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+type CheckboxProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
     size?: CheckboxSize;
     /** Label text displayed next to the checkbox */
@@ -271,7 +271,7 @@ type CheckboxProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"
     checked?: boolean;
     defaultChecked?: boolean;
 };
-declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
     /** Checkbox size */
     size?: CheckboxSize;
     /** Label text displayed next to the checkbox */
@@ -280,7 +280,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTML
     indeterminate?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
-} & React$1.RefAttributes<HTMLInputElement>>;
+} & React__default.RefAttributes<HTMLInputElement>>;
 
 type SelectSize = "sm" | "md" | "lg";
 type SelectRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
@@ -309,7 +309,7 @@ type SelectBaseProps = {
     /** Border radius */
     radius?: SelectRadius;
     /** Helper/error message displayed below the select */
-    helperText?: React$1.ReactNode;
+    helperText?: React__default.ReactNode;
     /** Whether the select is disabled */
     disabled?: boolean;
     /** Custom class for the trigger container */
@@ -338,7 +338,7 @@ type SelectMultipleProps = SelectBaseProps & {
     onChange?: (value: string[]) => void;
 };
 type SelectProps = SelectSingleProps | SelectMultipleProps;
-declare const Select: React$1.ForwardRefExoticComponent<SelectProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 type TooltipVariant = "light" | "default" | "dark";
 type TooltipSize = "sm" | "md";
@@ -357,7 +357,7 @@ type TooltipProps = {
     /** Show a close button (only for md size with description) */
     closable?: boolean;
     /** Show an icon before the title */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /** Controlled open state */
     open?: boolean;
     /** Callback when open state changes */
@@ -367,15 +367,15 @@ type TooltipProps = {
     /** Delay before hiding tooltip (ms) */
     leaveDelay?: number;
     /** The trigger element */
-    children: React$1.ReactElement;
+    children: React__default.ReactElement;
     /** Additional className for the tooltip container */
     className?: string;
 };
-declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type AvatarSize = "sm" | "md" | "lg" | "xl";
 type AvatarVariant = "circle" | "square";
-type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+type AvatarProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
     /** Image source URL */
     src?: string;
     /** Alt text for the image (required for accessibility) */
@@ -389,7 +389,7 @@ type AvatarProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
     /** Generate background and text color automatically based on name/alt */
     colorFromName?: boolean;
 };
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
     /** Image source URL */
     src?: string;
     /** Alt text for the image (required for accessibility) */
@@ -402,10 +402,10 @@ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttribu
     variant?: AvatarVariant;
     /** Generate background and text color automatically based on name/alt */
     colorFromName?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type TagSize = "sm" | "md" | "lg";
-type TagProps = React$1.HTMLAttributes<HTMLSpanElement> & {
+type TagProps = React__default.HTMLAttributes<HTMLSpanElement> & {
     /** Tag color — preset name or custom CSS color (e.g., "#c3c3c3", "rgb(...)") */
     color?: PresetColor | (string & {});
     /** Tag size */
@@ -415,13 +415,13 @@ type TagProps = React$1.HTMLAttributes<HTMLSpanElement> & {
     /** Tag label text */
     title: string;
     /** Optional icon rendered on the left side */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Optional icon rendered on the right side */
-    rightIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
     /** Disabled state */
     disabled?: boolean;
 };
-declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & {
+declare const Tag: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
     /** Tag color — preset name or custom CSS color (e.g., "#c3c3c3", "rgb(...)") */
     color?: PresetColor | (string & {});
     /** Tag size */
@@ -431,12 +431,12 @@ declare const Tag: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTML
     /** Tag label text */
     title: string;
     /** Optional icon rendered on the left side */
-    leftIcon?: React$1.ReactNode;
+    leftIcon?: React__default.ReactNode;
     /** Optional icon rendered on the right side */
-    rightIcon?: React$1.ReactNode;
+    rightIcon?: React__default.ReactNode;
     /** Disabled state */
     disabled?: boolean;
-} & React$1.RefAttributes<HTMLSpanElement>>;
+} & React__default.RefAttributes<HTMLSpanElement>>;
 
 type TagInputSize = "sm" | "md" | "lg";
 type TagInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
@@ -465,7 +465,7 @@ type TagInputProps = {
     /** Border radius */
     radius?: TagInputRadius;
     /** Helper/error message displayed below the input */
-    helperText?: React$1.ReactNode;
+    helperText?: React__default.ReactNode;
     /** Whether the input is disabled */
     disabled?: boolean;
     /** Custom class for the outermost wrapper */
@@ -473,7 +473,7 @@ type TagInputProps = {
     /** Custom class for the input container */
     className?: string;
 };
-declare const TagInput: React$1.ForwardRefExoticComponent<TagInputProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type ProgressBarSize = "sm" | "lg";
 type ProgressBarProps = {
@@ -492,7 +492,7 @@ type ProgressBarProps = {
     /** Custom class for the wrapper */
     className?: string;
 };
-declare const ProgressBar: React$1.ForwardRefExoticComponent<ProgressBarProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type ToggleGroupSize = "sm" | "md" | "lg";
 type ToggleGroupRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
@@ -500,15 +500,15 @@ type ToggleGroupOption<T extends string = string> = {
     /** Unique value for this option */
     value: T;
     /** Label text or icon to display */
-    label?: React$1.ReactNode;
+    label?: React__default.ReactNode;
     /** Icon to display (alternative to label) */
-    icon?: React$1.ReactNode;
+    icon?: React__default.ReactNode;
     /** Accessible label for screen readers */
     "aria-label"?: string;
     /** Whether this option is disabled */
     disabled?: boolean;
 };
-type ToggleGroupProps<T extends string = string> = Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> & {
+type ToggleGroupProps<T extends string = string> = Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & {
     /** Available options */
     options: ToggleGroupOption<T>[];
     /** Currently selected value */
@@ -525,13 +525,13 @@ type ToggleGroupProps<T extends string = string> = Omit<React$1.HTMLAttributes<H
     disabled?: boolean;
 };
 declare const ToggleGroup: <T extends string = string>(props: ToggleGroupProps<T> & {
-    ref?: React$1.ForwardedRef<HTMLDivElement>;
-}) => React$1.ReactElement;
+    ref?: React__default.ForwardedRef<HTMLDivElement>;
+}) => React__default.ReactElement;
 
 type CardVariant = "elevated" | "outlined" | "filled";
 type CardRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl";
 type CardPadding = "none" | "sm" | "md" | "lg";
-type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type CardProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /** Visual style variant */
     variant?: CardVariant;
     /** Border radius */
@@ -543,7 +543,7 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** Disabled state (only applies when clickable) */
     disabled?: boolean;
 };
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /** Visual style variant */
     variant?: CardVariant;
     /** Border radius */
@@ -554,16 +554,16 @@ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
     clickable?: boolean;
     /** Disabled state (only applies when clickable) */
     disabled?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-type CardHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<CardHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
-type CardContentProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const CardContent: React$1.ForwardRefExoticComponent<CardContentProps & React$1.RefAttributes<HTMLDivElement>>;
-type CardFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<CardFooterProps & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type CardHeaderProps = React__default.HTMLAttributes<HTMLDivElement>;
+declare const CardHeader: React__default.ForwardRefExoticComponent<CardHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+type CardContentProps = React__default.HTMLAttributes<HTMLDivElement>;
+declare const CardContent: React__default.ForwardRefExoticComponent<CardContentProps & React__default.RefAttributes<HTMLDivElement>>;
+type CardFooterProps = React__default.HTMLAttributes<HTMLDivElement>;
+declare const CardFooter: React__default.ForwardRefExoticComponent<CardFooterProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
-type SpinnerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type SpinnerProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /** Spinner size */
     size?: SpinnerSize;
     /** Color scheme */
@@ -571,14 +571,14 @@ type SpinnerProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** Accessible label for screen readers */
     label?: string;
 };
-declare const Spinner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const Spinner: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /** Spinner size */
     size?: SpinnerSize;
     /** Color scheme */
     color?: PresetColor | (string & {});
     /** Accessible label for screen readers */
     label?: string;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type TableSize = "sm" | "md" | "lg";
 type TableVariant = "default" | "striped";
@@ -586,9 +586,9 @@ type TableColumn<T> = {
     /** Unique key for this column */
     key: string;
     /** Column header text */
-    header: React$1.ReactNode;
+    header: React__default.ReactNode;
     /** Function to render cell content */
-    render: (row: T, index: number) => React$1.ReactNode;
+    render: (row: T, index: number) => React__default.ReactNode;
     /** Column width (CSS value) */
     width?: string;
     /** Text alignment */
@@ -601,7 +601,7 @@ type TableSort = {
     key: string;
     direction: SortDirection;
 };
-type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children"> & {
+type TableProps<T> = Omit<React__default.HTMLAttributes<HTMLTableElement>, "children"> & {
     /** Column definitions */
     columns: TableColumn<T>[];
     /** Row data */
@@ -619,36 +619,59 @@ type TableProps<T> = Omit<React$1.HTMLAttributes<HTMLTableElement>, "children">
     /** Whether to show loading state */
     loading?: boolean;
     /** Content to show when data is empty */
-    emptyContent?: React$1.ReactNode;
+    emptyContent?: React__default.ReactNode;
     /** Loading content */
-    loadingContent?: React$1.ReactNode;
+    loadingContent?: React__default.ReactNode;
     /** Whether the table has sticky header */
     stickyHeader?: boolean;
     /** Custom header row style */
-    headerStyle?: React$1.CSSProperties;
+    headerStyle?: React__default.CSSProperties;
     /** Custom header text class (overrides default rh-text-text-muted) */
     headerTextClassName?: string;
 };
 declare const Table: <T>(props: TableProps<T> & {
-    ref?: React$1.ForwardedRef<HTMLTableElement>;
-}) => React$1.ReactElement;
-
-type ContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+    ref?: React__default.ForwardedRef<HTMLTableElement>;
+}) => React__default.ReactElement;
+
+type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
+type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
+type TypographyProps = React__default.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+};
+declare const Typography: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLElement> & {
+    /** Typographic variant */
+    variant?: TypographyVariant;
+    /** Color preset */
+    color?: TypographyColor;
+    /** Bold weight */
+    bold?: boolean;
+    /** Override the rendered HTML element */
+    as?: keyof JSX.IntrinsicElements;
+} & React__default.RefAttributes<HTMLElement>>;
+
+type ContainerProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
      * Use quando o conteúdo deve ocupar toda a largura disponível.
      */
     fluid?: boolean;
 };
-declare const Container: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const Container: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /**
      * Remove o padding horizontal lateral.
      * Use quando o conteúdo deve ocupar toda a largura disponível.
      */
     fluid?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
-type GridContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type GridContainerProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /**
      * Override do número de colunas.
      * Padrão: 4 no mobile, 12 no desktop (desktop-xs+).
@@ -660,7 +683,7 @@ type GridContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
      */
     spacing?: number;
 };
-declare const GridContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const GridContainer: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /**
      * Override do número de colunas.
      * Padrão: 4 no mobile, 12 no desktop (desktop-xs+).
@@ -671,11 +694,11 @@ declare const GridContainer: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
      * Padrão: 16px no mobile, 24px no desktop.
      */
     spacing?: number;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type MobileSpan = 1 | 2 | 3 | 4;
-type GridItemProps = React$1.HTMLAttributes<HTMLDivElement> & {
+type GridItemProps = React__default.HTMLAttributes<HTMLDivElement> & {
     /** Span base no mobile (320px+). Padrão: 4 (full width das 4 colunas). */
     mobile?: MobileSpan;
     /** Span a partir de mobile-sm (360px+). */
@@ -693,7 +716,7 @@ type GridItemProps = React$1.HTMLAttributes<HTMLDivElement> & {
     /** Span a partir de desktop-lg (1440px+). */
     desktopLg?: GridSpan;
 };
-declare const GridItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+declare const GridItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
     /** Span base no mobile (320px+). Padrão: 4 (full width das 4 colunas). */
     mobile?: MobileSpan;
     /** Span a partir de mobile-sm (360px+). */
@@ -710,9 +733,9 @@ declare const GridItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
     desktopMd?: GridSpan;
     /** Span a partir de desktop-lg (1440px+). */
     desktopLg?: GridSpan;
-} & React$1.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
-type IconProps = React$1.SVGAttributes<SVGSVGElement>;
+type IconProps = React__default.SVGAttributes<SVGSVGElement>;
 
 declare const DeleteIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
@@ -734,4 +757,4 @@ declare const NeutralIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
 declare const CloseIcon: (props: IconProps) => react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, WarningIcon, useToast };
+export { Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, CloseIcon, Container, type ContainerProps, DeleteIcon, EditIcon, ErrorIcon, GridContainer, type GridContainerProps, GridItem, type GridItemProps, type GridSpan, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, type IconProps, InfoIcon, type MobileSpan, NeutralIcon, PlusIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, RehagroProvider, type RehagroProviderProps, type RehagroTheme, SearchIcon, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, SuccessIcon, Table, type TableColumn, type TableProps, type TableSize, type TableSort, type TableVariant, Tag, TagInput, type TagInputOption, type TagInputProps, type TagInputRadius, type TagInputSize, type TagInputStatus, type TagProps, type TagSize, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, Toast, type ToastAppearance, ToastContainer, type ToastFn, type ToastItem, type ToastLink, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleGroupRadius, type ToggleGroupSize, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipSize, type TooltipVariant, Typography, type TypographyColor, type TypographyProps, type TypographyVariant, WarningIcon, useToast };

package/dist/index.js

@@ -1898,7 +1898,7 @@ var Tag = React8.forwardRef(function Tag2({
 }, ref) {
   const preset = isPresetColor3(color);
   const clickable = !!rest.onClick && !disabled;
-  const colorClasses2 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
+  const colorClasses3 = preset ? active ? activePresetClasses[color] : inactivePresetClasses[color] : "";
   const hoverClasses = clickable && preset ? active ? hoverActivePresetClasses[color] : hoverInactivePresetClasses[color] : clickable ? "hover:rh-brightness-95" : "";
   const customStyles = preset ? {} : getCustomColorStyles(color, active);
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1916,7 +1916,7 @@ var Tag = React8.forwardRef(function Tag2({
         "rh-cursor-pointer",
         clickable ? "rh-cursor-pointer" : "",
         sizeClasses8[size],
-        colorClasses2,
+        colorClasses3,
         hoverClasses,
         disabled ? "rh-opacity-50 rh-cursor-not-allowed rh-pointer-events-none" : "",
         className
@@ -2681,6 +2681,51 @@ function TableInner({
   ) });
 }
 var Table = React8.forwardRef(TableInner);
+var defaultElements = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  bodyLg: "p",
+  body: "p",
+  label: "span",
+  caption: "span"
+};
+var variantClasses4 = {
+  h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
+  h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
+  h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
+  h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
+  bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
+  body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
+  label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
+  caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body"
+};
+var colorClasses2 = {
+  default: "rh-text-text",
+  muted: "rh-text-text-muted",
+  primary: "rh-text-primary",
+  danger: "rh-text-danger",
+  success: "rh-text-success",
+  warning: "rh-text-warning"
+};
+var Typography = React8.forwardRef(function Typography2({ variant = "body", color = "default", bold = false, as, className = "", children, ...rest }, ref) {
+  const element = as ?? defaultElements[variant];
+  return React8__default.default.createElement(
+    element,
+    {
+      ref,
+      className: [
+        variantClasses4[variant],
+        colorClasses2[color],
+        bold ? "rh-font-bold" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest
+    },
+    children
+  );
+});
 var Container = React8.forwardRef(
   function Container2({ fluid = false, className = "", children, ...rest }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2883,6 +2928,7 @@ exports.ToastContainer = ToastContainer;
 exports.ToastProvider = ToastProvider;
 exports.ToggleGroup = ToggleGroup;
 exports.Tooltip = Tooltip;
+exports.Typography = Typography;
 exports.WarningIcon = WarningIcon;
 exports.useToast = useToast;
 //# sourceMappingURL=index.js.map