@mateosuarezdev/react-ui 1.0.54 → 1.0.56

package/dist/index.d.ts

@@ -13,10 +13,12 @@ import { ClassValue } from 'clsx';
 import { ComponentPropsWithoutRef } from 'react';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
+import { DetailedHTMLProps } from 'react';
 import { EventEmitter as EventEmitter_2 } from '@mateosuarezdev/event-emitter';
 import { FieldErrors } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { ForwardRefExoticComponent } from 'react';
+import { ImgHTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { Locale } from 'date-fns';
@@ -423,6 +425,47 @@ declare type KeyMapping = {
     [key: string]: (event: KeyboardEvent) => void;
 };
 
+/**
+ * LazyImage - Just the img element with lazy loading
+ * Use this when you want to provide your own wrapper
+ */
+export declare const LazyImage: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "src"> & {
+src: string;
+alt: string;
+/** Load image immediately without waiting for viewport */
+eager?: boolean;
+/** Intersection Observer root margin (e.g., '50px' to load before entering viewport) */
+rootMargin?: string;
+/** Intersection Observer threshold */
+threshold?: number;
+/** Disable fade-in animation */
+noFade?: boolean;
+} & RefAttributes<HTMLImageElement>>;
+
+/**
+ * LazyImageWrapped - Img element with a wrapper div
+ * Includes placeholder background and supports children overlays
+ */
+export declare const LazyImageWrapped: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "src"> & {
+src: string;
+alt: string;
+/** Load image immediately without waiting for viewport */
+eager?: boolean;
+/** Intersection Observer root margin (e.g., '50px' to load before entering viewport) */
+rootMargin?: string;
+/** Intersection Observer threshold */
+threshold?: number;
+/** Disable fade-in animation */
+noFade?: boolean;
+} & {
+/** Custom className for the wrapper div */
+wrapperClassName?: string;
+/** Custom className for the img element */
+imageClassName?: string;
+/** Optional children to render inside the wrapper */
+children?: React.ReactNode;
+} & RefAttributes<HTMLImageElement>>;
+
 export declare const List: ({ lightSolid, className, children, ...others }: {
     lightSolid?: boolean;
     className?: string;