ui-mathilde-web 0.13.3 → 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,10 +50,14 @@ 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;
 
+export declare const AlertCircleSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
+
 declare type AlertIcon = "success" | "error" | "warning" | "info" | "question";
 
 /**
@@ -167,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). */
@@ -188,6 +195,25 @@ 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>>;
 
 export declare const CardIndicator: React.FC<CardIndicatorProps>;
@@ -225,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';
 }
 
@@ -262,6 +288,8 @@ declare interface CheckboxProps {
     icono?: string;
 }
 
+export declare const CheckmarkCircleSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
+
 export declare const CheckmarkSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
 
 declare interface ChipColors {
@@ -427,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[];
@@ -435,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;
@@ -525,20 +553,7 @@ declare interface DropzoneProps {
     disabled?: boolean;
 }
 
-/** Variables CSS leídas por el SVG (útiles desde Tailwind: `[--mth-edit-surface:#…]`) */
-export declare const EDIT_ICON_CSS_VARS: {
-    readonly surface: "--mth-edit-surface";
-    readonly ink: "--mth-edit-ink";
-};
-
-export declare const EditSvgIcon: ({ size, width, height, color, style, surfaceColor, inkColor, ...props }: EditSvgIconProps) => JSX_2.Element;
-
-export declare type EditSvgIconProps = SvgIconBaseProps & {
-    /** Color del fondo redondeado (rect). */
-    surfaceColor?: string;
-    /** Color del lápiz (paths / line). Si no se pasa, se usa `color` del SVG si existe. */
-    inkColor?: string;
-};
+export declare const EditSvgIcon: ({ size, width, height, color, style, ...props }: SvgIconBaseProps) => JSX_2.Element;
 
 export declare const FacebookIcon: {
     ({ size, width, height, alt, ...props }: IconBaseProps_2): JSX_2.Element;