ui-mathilde-web 0.13.1 → 0.13.3

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

@@ -1,3 +1,4 @@
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
 import { FormikProps } from 'formik';
 import { ForwardRefExoticComponent } from 'react';
@@ -5,6 +6,7 @@ import { IconBaseProps as IconBaseProps_2 } from '../..';
 import { IconType } from 'react-icons';
 import { ImgHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LabelProps as LabelProps_2 } from 'flowbite-react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
@@ -167,6 +169,11 @@ export declare const BUILT_IN_IMAGE_ICON_SRC: {
 
 export declare const ButtonFormat: default_2.FC<ButtonFormatProps>;
 
+/** Elemento JSX (con props), componente con `size`, o string (URL o clave resuelta con getImageIconSrc). */
+declare type ButtonFormatIconProp = ReactNode | ComponentType<{
+    size?: number;
+}>;
+
 declare interface ButtonFormatProps {
     txtBtn: string;
     typeButton: string;
@@ -176,12 +183,8 @@ declare interface ButtonFormatProps {
     classes?: string;
     type: string;
     onClick?: () => void;
-    leftIcon?: React.ComponentType<{
-        size?: number;
-    }> | string;
-    rightIcon?: React.ComponentType<{
-        size?: number;
-    }> | string;
+    leftIcon?: ButtonFormatIconProp;
+    rightIcon?: ButtonFormatIconProp;
     iconSize?: number;
 }
 
@@ -522,6 +525,21 @@ 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 FacebookIcon: {
     ({ size, width, height, alt, ...props }: IconBaseProps_2): JSX_2.Element;
     displayName: string;
@@ -616,6 +634,20 @@ declare interface InputFormProps extends default_2.InputHTMLAttributes<HTMLInput
     maxLength?: number;
 }
 
+export declare const Label: {
+    ({ text, icon, className, contentClassName, textClassName, ...props }: LabelProps): JSX_2.Element;
+    displayName: string;
+};
+
+declare type LabelProps = Omit<LabelProps_2, 'children'> & {
+    text: string;
+    icon?: ReactNode;
+    /** Clases en el contenedor que agrupa texto + icono (p. ej. `gap-3`, `items-end`). */
+    contentClassName?: string;
+    /** Clases solo sobre el texto (p. ej. `text-lg`, `font-bold`, `font-mono`). */
+    textClassName?: string;
+};
+
 export declare const LayoutOutside: ({ content }: LayoutOutsideProps) => JSX_2.Element;
 
 declare interface LayoutOutsideProps {