ui-mathilde-web 0.13.5 → 0.13.6

package/dist/ui-mathilde-web.d.ts

@@ -1,3 +1,4 @@
+import { ButtonHTMLAttributes } from 'react';
 import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { FormikProps } from 'formik';
@@ -49,6 +50,8 @@ declare interface AccordionProps {
     titleClasses?: string;
 }
 
+export declare const AddSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
+
 export declare const AiChatSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
 
 export declare const Alert: ({ isOpen, onConfirm, onCancel, onClose, ...options }: AlertProps) => null;
@@ -169,6 +172,8 @@ export declare const BUILT_IN_IMAGE_ICON_SRC: {
     readonly tiktok: string;
 };
 
+export declare const Button: ({ variant, iconPosition, icon, children, full, ...htmlProps }: ButtonProps) => JSX_2.Element;
+
 export declare const ButtonFormat: default_2.FC<ButtonFormatProps>;
 
 /** Elemento JSX (con props), componente con `size`, o string (URL o clave resuelta con getImageIconSrc). */
@@ -190,6 +195,23 @@ declare interface ButtonFormatProps {
     iconSize?: number;
 }
 
+declare type ButtonIconPosition = 'none' | 'left' | 'right' | 'icon-only';
+
+declare interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
+    /** Apariencia visual del botón */
+    variant?: ButtonVariant;
+    /** Dónde se renderiza el icono, o si el botón es solo icono */
+    iconPosition?: ButtonIconPosition;
+    /** Nodo del icono (SVG component, ReactElement, etc.) */
+    icon?: ReactNode;
+    /** Texto del botón. No aplica cuando iconPosition es 'icon-only' */
+    children?: ReactNode;
+    /** Si el botón ocupa el 100% del ancho del contenedor */
+    full?: boolean;
+}
+
+declare type ButtonVariant = 'default' | 'secondary' | 'link';
+
 export declare const CancelSquareSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
 
 export declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
@@ -229,7 +251,7 @@ declare interface CardProps {
     iconPosition?: 'start' | 'center' | 'end';
     imagePosition?: 'ml-auto' | 'mr-auto' | 'mx-auto';
     tooltip?: boolean;
-    tooltipContent?: string;
+    messageContent?: string;
     tooltipTrigger?: 'hover' | 'click';
 }
 
@@ -433,7 +455,7 @@ declare interface DateRangePickerProps {
     className?: string;
 }
 
-export declare const DragAndDrop: ({ categories, onQueryChange, maxGroups, titleCategories, isToolTipOpen, toolTipContent, }: DragAndDropProps) => JSX_2.Element;
+export declare const DragAndDrop: ({ categories, onQueryChange, maxGroups, titleCategories, isToolTipOpen, messageContent, }: DragAndDropProps) => JSX_2.Element;
 
 declare interface DragAndDropProps {
     categories: Category_2[];
@@ -441,7 +463,7 @@ declare interface DragAndDropProps {
     maxGroups?: number;
     titleCategories?: string;
     isToolTipOpen?: boolean;
-    toolTipContent?: string;
+    messageContent?: string;
 }
 
 export declare const DropdownButton: ({ label, dismissOnClick, items, size, className, styles, mode, columns, onSelectionChange, selectedItems, activeChevron, icon, iconSize, }: DropdownProps) => JSX_2.Element;