beth-clarity 1.1.30 → 1.1.33

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "beth-clarity",
   "type": "module",
-  "version": "1.1.30",
+  "version": "1.1.33",
   "description": "Design System da Beth Health Tech com componentes React reutilizáveis",
   "main": "dist/clarity-design-system.umd.js",
   "module": "dist/clarity-design-system.es.js",
@@ -57,7 +57,8 @@
   "license": "MIT",
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "react-icons": ">=4.12.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^8.6.14",
@@ -91,6 +92,7 @@
     "typescript": "~5.6.3",
     "typescript-eslint": "^8.44.1",
     "vite": "^6.3.5",
+    "react-icons": "^4.12.0",
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^3.2.4"
   }

package/dist/components/CheckInput/CheckInput.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { SystemVariant, ProductVariant } from '../../types/common';
-export interface CheckInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /** Tipo do input */
-    type: 'checkbox' | 'radio';
-    /** Variante de cor */
-    variant?: SystemVariant | ProductVariant;
-    /** Tamanho do input */
-    size?: 'small' | 'medium' | 'large';
-    /** Label do input */
-    label?: string;
-    /** Texto de ajuda */
-    helperText?: string;
-    /** Estado de erro */
-    error?: boolean;
-    /** Mensagem de erro */
-    errorMessage?: string;
-    /** Posição do label */
-    labelPosition?: 'left' | 'right';
-}
-export declare const CheckInput: React.ForwardRefExoticComponent<CheckInputProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=CheckInput.d.ts.map

package/dist/components/CheckInput/index.d.ts

@@ -1,3 +0,0 @@
-export { CheckInput } from './CheckInput';
-export type { CheckInputProps } from './CheckInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/InputSwitch/InputSwitch.d.ts

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-import { SystemVariant, ProductVariant } from '../../types/common';
-export interface InputSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /** Variante de cor */
-    variant?: SystemVariant | ProductVariant;
-    /** Tamanho do switch */
-    size?: 'small' | 'medium' | 'large';
-    /** Label do switch */
-    label?: string;
-    /** Texto de ajuda */
-    helperText?: string;
-    /** Estado de erro */
-    error?: boolean;
-    /** Mensagem de erro */
-    errorMessage?: string;
-    /** Posição do label */
-    labelPosition?: 'left' | 'right';
-}
-export declare const InputSwitch: React.ForwardRefExoticComponent<InputSwitchProps & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=InputSwitch.d.ts.map

package/dist/components/InputSwitch/index.d.ts

@@ -1,3 +0,0 @@
-export { InputSwitch } from './InputSwitch';
-export type { InputSwitchProps } from './InputSwitch';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-export type SystemVariant = 'primary' | 'secondary';
-export type ProductVariant = 'elisa-primary' | 'elisa-secondary' | 'dora-primary' | 'dora-secondary' | 'hub-primary' | 'hub-secondary' | 'selena-primary' | 'selena-secondary' | 'duda-primary' | 'duda-secondary';
-export type MultiSelectVariant = SystemVariant | ProductVariant;
-export interface MultiSelectOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface MultiSelectProps {
-    options: MultiSelectOption[];
-    value?: (string | number)[];
-    onChange?: (values: (string | number)[]) => void;
-    placeholder?: string;
-    label?: string;
-    helperText?: string;
-    error?: boolean;
-    errorMessage?: string;
-    disabled?: boolean;
-    variant?: MultiSelectVariant;
-    size?: 'small' | 'medium' | 'large';
-    maxSelectedLabels?: number;
-    selectionLimit?: number;
-    className?: string;
-    id?: string;
-    name?: string;
-    required?: boolean;
-    'data-testid'?: string;
-}
-export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/MultiSelect/index.d.ts

@@ -1,3 +0,0 @@
-export { MultiSelect } from './MultiSelect';
-export type { MultiSelectProps, MultiSelectOption } from './MultiSelect';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/Select.d.ts

@@ -1,50 +0,0 @@
-import { default as React } from 'react';
-type SystemVariant = 'primary' | 'secondary';
-export interface SelectOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface SelectProps {
-    /** Variante de cor  */
-    variant?: SystemVariant;
-    /** Tamanho do select */
-    size?: 'small' | 'medium' | 'large';
-    /** Label do select */
-    label?: string;
-    /** Texto de ajuda */
-    helperText?: string;
-    /** Estado de erro */
-    error?: boolean;
-    /** Mensagem de erro */
-    errorMessage?: string;
-    /** Ícone no início */
-    startIcon?: React.ReactNode;
-    /** Ícone no final (substitui a seta padrão) */
-    endIcon?: React.ReactNode;
-    /** Opções do select */
-    options: SelectOption[];
-    /** Placeholder quando nenhuma opção está selecionada */
-    placeholder?: string;
-    /** Valor selecionado */
-    value?: string | number;
-    /** Valor padrão */
-    defaultValue?: string | number;
-    /** Callback quando o valor muda */
-    onChange?: (value: string | number) => void;
-    /** Estado desabilitado */
-    disabled?: boolean;
-    /** Permite limpar a seleção */
-    isClearable?: boolean;
-    /** Permite busca dentro das opções */
-    isSearchable?: boolean;
-    /** Callback de foco */
-    onFocus?: () => void;
-    /** Callback de blur */
-    onBlur?: () => void;
-    /** Classe CSS adicional */
-    className?: string;
-}
-export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
-export { };
-//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/index.d.ts

@@ -1,3 +0,0 @@
-export { Select } from './Select';
-export type { SelectProps, SelectOption } from './Select';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/Table.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { TableProps } from '../../types/table';
-export declare const Table: React.FC<TableProps>;
-//# sourceMappingURL=Table.d.ts.map

package/dist/components/Table/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Table';
-export * from '../../types/table';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Textarea/Textarea.d.ts

@@ -1,30 +0,0 @@
-import { default as React } from 'react';
-// import './Textarea.css';
-type SystemVariant = 'primary' | 'secondary';
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
-    /** Variante de cor  */
-    variant?: SystemVariant;
-    /** Tamanho do textarea */
-    size?: 'small' | 'medium' | 'large';
-    /** Label do textarea */
-    label?: string;
-    /** Texto de ajuda */
-    helperText?: string;
-    /** Estado de erro */
-    error?: boolean;
-    /** Mensagem de erro */
-    errorMessage?: string;
-    /** Ícone no início */
-    startIcon?: React.ReactNode;
-    /** Ícone no final */
-    endIcon?: React.ReactNode;
-    /** Altura mínima para textarea redimensionável */
-    minHeight?: number;
-    /** Altura máxima para textarea redimensionável */
-    maxHeight?: number;
-    /** Permitir redimensionamento da textarea */
-    resizable?: boolean;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { };
-//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea/index.d.ts

@@ -1,3 +0,0 @@
-export { Textarea } from './Textarea';
-export type { TextareaProps } from './Textarea';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/Toast.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { ToastContextType } from '@/types/toast';
-export declare const useToast: () => ToastContextType;
-export declare const ToastProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-//# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast/index.d.ts

@@ -1,2 +0,0 @@
-export { ToastProvider, useToast } from './Toast';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-import { SystemVariant, ProductVariant } from '../../types/common';
-type ProductName = 'elisa' | 'dora' | 'hub' | 'selena' | 'duda' | 'gray';
-type ColorTone = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
-export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export interface TooltipProps {
-    content: React.ReactNode;
-    position?: TooltipPosition;
-    variant?: ProductVariant | SystemVariant | 'primary' | 'secondary';
-    product?: ProductName;
-    tone?: ColorTone;
-    bgColor?: string;
-    textColor?: string;
-    children: React.ReactNode;
-    className?: string;
-    disabled?: boolean;
-    delay?: number;
-    hideDelay?: number;
-    trigger?: 'hover' | 'click' | 'focus';
-    arrow?: boolean;
-}
-export declare const Tooltip: React.FC<TooltipProps>;
-export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/Tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export { Tooltip, type TooltipProps, type TooltipPosition } from './Tooltip';
-export { default } from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/table.d.ts

@@ -1,42 +0,0 @@
-import { ReactNode } from 'react';
-import { ProductVariant, SystemVariant } from './common';
-export interface TableProps {
-    variant?: ProductVariant | SystemVariant;
-    columns: TableColumn[];
-    data: TableData[];
-    viewMode?: 'table' | 'card';
-    isScrollable?: boolean;
-    isLoading?: boolean;
-}
-export interface TableHeaderProps {
-    variant?: ProductVariant | SystemVariant;
-    children: ReactNode;
-}
-export interface TableBodyProps {
-    children: ReactNode;
-}
-export interface TableRowProps {
-    children: ReactNode;
-}
-export interface TableHeaderCellProps {
-    children: ReactNode;
-    onClick?: () => void;
-    className?: string;
-}
-export interface TableCellProps {
-    children: ReactNode;
-    className?: string;
-}
-export interface TableData {
-    [key: string]: any;
-}
-export type SortDirection = 'asc' | 'desc' | 'none';
-export interface TableColumn {
-    key: string;
-    header: string;
-    sortable?: boolean;
-    minWidth?: string;
-    render?: (row: TableData) => ReactNode;
-    align?: 'left' | 'center' | 'right';
-}
-//# sourceMappingURL=table.d.ts.map