@mateosuarezdev/react-ui 1.0.53 → 1.0.55

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;
@@ -439,6 +482,14 @@ export declare const ListItem: ({ onClick, lightSolid, className, children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
 
+declare interface LongPressOptions {
+    onLongPress?: (e: any) => void;
+    onTap?: (e: any) => void;
+    threshold?: number;
+    startDelay?: number;
+    moveThreshold?: number;
+}
+
 declare interface ModalsContextType {
     add: (id: string) => void;
     remove: (id: string) => void;
@@ -924,6 +975,8 @@ declare type UseKeyListenerOptions = {
  */
 export declare const useLargeScreen: () => boolean;
 
+export declare function useLongPress<T extends HTMLElement>({ onLongPress, onTap, threshold, startDelay, moveThreshold, }?: LongPressOptions): RefObject<T | null>;
+
 export declare function useMergedRef<T>(...refs: React.Ref<T>[]): React.RefCallback<T>;
 
 /**
@@ -937,6 +990,8 @@ export declare function useMethods<TSchema extends ZodTypeAny>(schema: TSchema,
 
 export declare const useModals: () => ModalsContextType;
 
+export declare const useNetwork: () => boolean;
+
 export declare const useOverflow: <T extends HTMLElement>({ onOverflow, trackScroll, withObserver, enabled, deps, }?: {
     onOverflow?: (info: OverflowInfo) => void;
     trackScroll?: boolean;