app-studio 0.8.5 → 0.8.8

package/dist/web/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, CSSProperties, HTMLAttributes, RefObject } from 'react';
+import react__default, { ReactNode, CSSProperties, HTMLAttributes, HTMLAttributeReferrerPolicy, JSX, RefObject } from 'react';
 import { C as ColorSingleton, a as ColorPalette, A as AnimationProps, S as Shadow, V as ViewStyleProps, I as ImageStyleProps, T as TextStyleProps } from '../viewAnimation-B4BIoOwQ.mjs';
 export { b as AnalyticsConfig, c as AnalyticsContext, d as AnalyticsProvider, e as Animation, B as BlurAnimationOptions, f as ColorConfig, R as RotateAnimationOptions, g as ScaleAnimationOptions, h as Shadows, i as SlideAnimationOptions, j as Typography, k as ViewAnimationConfig, l as ViewAnimationFillMode, m as ViewAnimationOptions, n as ViewAnimationRange, o as ViewAnimationTimingFunction, p as animateOnView, q as blurInOnView, r as blurOutOnView, s as createViewAnimation, t as defaultColors, u as defaultDarkColors, v as defaultDarkPalette, w as defaultLightColors, x as defaultLightPalette, y as fadeInOnView, z as fadeOutOnView, D as flipXOnView, E as flipYOnView, F as getWindowInitialProps, G as hasColorToken, H as isBrowser, J as isDev, K as isMobile, L as isProd, M as isSSR, N as replaceColorTokens, O as revealOnView, P as rotateInOnView, Q as scaleDownOnView, U as scaleUpOnView, W as slideDownOnView, X as slideLeftOnView, Y as slideRightOnView, Z as slideUpOnView, _ as useAnalytics, $ as viewAnimationPresets } from '../viewAnimation-B4BIoOwQ.mjs';
 
@@ -98,6 +98,8 @@ interface CssProps extends CSSProperties {
     _focusVisible?: CSSProperties | string;
     _focusWithin?: CSSProperties | string;
     _placeholder?: CSSProperties | string;
+    _odd?: CSSProperties | string;
+    _even?: CSSProperties | string;
     _groupHover?: CSSProperties | string;
     _groupFocus?: CSSProperties | string;
     _groupActive?: CSSProperties | string;
@@ -125,6 +127,68 @@ interface CssProps extends CSSProperties {
     webkitUserDrag?: CSSProperties['userSelect'];
 }
 interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttributes<HTMLElement> | 'children' | 'style' | 'pointerEvents'>, Omit<HTMLAttributes<HTMLElement>, 'color' | 'style' | 'content' | 'translate'> {
+    src?: string;
+    alt?: string;
+    controls?: boolean;
+    muted?: boolean;
+    autoPlay?: boolean;
+    loop?: boolean;
+    poster?: string;
+    playsInline?: boolean;
+    preload?: 'none' | 'metadata' | 'auto' | '';
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
+    srcSet?: string;
+    sizes?: string;
+    loading?: 'eager' | 'lazy';
+    referrerPolicy?: HTMLAttributeReferrerPolicy;
+    decoding?: 'async' | 'auto' | 'sync';
+    name?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    multiple?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    placeholder?: string;
+    pattern?: string;
+    min?: number | string;
+    max?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    step?: number | string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: 'get' | 'post' | 'dialog';
+    formNoValidate?: boolean;
+    formTarget?: string;
+    rows?: number;
+    cols?: number;
+    /** HTML textarea wrap attribute. Browsers accept 'hard' | 'soft' | 'off' but
+     * the DOM type widens to plain `string`, so we mirror that here. */
+    wrap?: string;
+    list?: string;
+    accept?: string;
+    capture?: boolean | 'user' | 'environment';
+    colSpan?: number;
+    rowSpan?: number;
+    headers?: string;
+    scope?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    hrefLang?: string;
+    download?: string | boolean;
+    xmlns?: string;
+    viewBox?: string;
+    preserveAspectRatio?: string;
+    open?: boolean;
+    scoped?: boolean;
+    reversed?: boolean;
+    start?: number;
+    htmlFor?: string;
     on?: Record<string, CssProps>;
     media?: Record<string, CssProps>;
     only?: string[];
@@ -138,6 +202,22 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     style?: CSSProperties;
     widthHeight?: number | string;
     children?: React.ReactNode;
+    srcDoc?: string;
+    sandbox?: string;
+    to?: string;
+    keys?: any[];
+    sx?: any;
+    itemStyle?: any;
+    paddingX?: number | string;
+    paddingY?: number | string;
+    marginX?: number | string;
+    marginY?: number | string;
+    hoverBackgroundColor?: string;
+    hover?: boolean | Record<string, any>;
+    hoverStyle?: Record<string, any>;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    transition?: string;
     before?: React.ReactNode;
     after?: React.ReactNode;
     /**
@@ -172,6 +252,8 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     _focusVisible?: CssProps | string;
     _focusWithin?: CssProps | string;
     _placeholder?: CssProps | string;
+    _odd?: CssProps | string;
+    _even?: CssProps | string;
     _groupHover?: CssProps | string;
     _groupFocus?: CssProps | string;
     _groupActive?: CssProps | string;
@@ -197,7 +279,7 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     _mozFocusInner?: CssProps | string;
 }
 
-declare const Element$1: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<ElementProps & react__default.RefAttributes<HTMLElement>>>;
+declare const Element$1: react__default.NamedExoticComponent<ElementProps & react__default.RefAttributes<HTMLElement>>;
 
 interface ViewProps extends Omit<ViewStyleProps, keyof ElementProps>, ElementProps {
     onPress?: (..._args: any) => void;
@@ -237,6 +319,25 @@ interface TextProps extends Omit<TextStyleProps, keyof ElementProps>, Omit<Eleme
     isSub?: boolean;
     isSup?: boolean;
     maxLines?: number;
+    /**
+     * Shorthand for fontWeight; accepts numeric (100-900) or named weights
+     * ("normal", "bold", "semibold", etc.). Convenience alias for the
+     * underlying fontWeight CSS property.
+     */
+    weight?: string | number;
+    /**
+     * Optional style variant identifier. Free-form string used by component
+     * wrappers and design systems to dispatch typography presets.
+     */
+    variant?: string;
+    /**
+     * Shorthand for fontSize; accepts numeric or named sizes (e.g. 'sm', 14, '14px').
+     */
+    size?: string | number;
+    /**
+     * Shorthand for letterSpacing; accepts numeric or named tracking values.
+     */
+    spacing?: string | number;
 }
 
 interface CommonProps extends ElementProps, Omit<ViewStyleProps, keyof ElementProps> {
@@ -418,7 +519,7 @@ interface WindowSizeProviderProps {
 declare const WindowSizeProvider: ({ children, targetWindow, }: WindowSizeProviderProps) => react__default.JSX.Element;
 
 declare function useActive<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
@@ -426,7 +527,7 @@ interface UseClickOutsideOptions {
     /** Optional target window to use (for iframe support). Defaults to global window. */
     targetWindow?: Window;
 }
-declare function useClickOutside<T extends HTMLElement = HTMLElement>(options?: UseClickOutsideOptions): [React.RefObject<T>, boolean];
+declare function useClickOutside<T extends HTMLElement = HTMLElement>(options?: UseClickOutsideOptions): [React.RefObject<T | null>, boolean];
 
 interface RelativePlacement {
     vertical: 'top' | 'bottom';
@@ -452,7 +553,7 @@ interface UseElementPositionOptions {
 }
 interface UseElementPositionReturn {
     /** React ref to attach to the target HTML element. */
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     /**
      * The calculated viewport relation data, or null if not yet calculated
      * or element not found.
@@ -468,12 +569,12 @@ interface UseElementPositionReturn {
 declare function useElementPosition<T extends HTMLElement = HTMLElement>(options?: UseElementPositionOptions): UseElementPositionReturn;
 
 declare function useFocus<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
 declare function useHover<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
@@ -485,7 +586,7 @@ interface UseOnScreenOptions extends IntersectionObserverInit {
     /** Optional target window to use (for iframe support). Defaults to global window. */
     targetWindow?: Window;
 }
-declare function useOnScreen<T extends HTMLElement = HTMLElement>(options?: UseOnScreenOptions): [React.RefObject<T>, boolean];
+declare function useOnScreen<T extends HTMLElement = HTMLElement>(options?: UseOnScreenOptions): [React.RefObject<T | null>, boolean];
 
 /**
  * Optimized hook for components that only need breakpoint information.
@@ -563,7 +664,7 @@ interface ScrollPosition {
     elementProgress?: number;
 }
 interface UseScrollOptions {
-    container?: RefObject<HTMLElement>;
+    container?: RefObject<HTMLElement | null>;
     offset?: [number, number];
     throttleMs?: number;
     disabled?: boolean;
@@ -584,11 +685,11 @@ interface UseInfiniteScrollOptions {
     debounceMs?: number;
 }
 declare const useScroll: ({ container, offset, throttleMs, disabled, }?: UseScrollOptions) => ScrollPosition;
-declare const useScrollAnimation: (ref: RefObject<HTMLElement>, options?: UseScrollAnimationOptions) => {
+declare const useScrollAnimation: (ref: RefObject<HTMLElement | null>, options?: UseScrollAnimationOptions) => {
     isInView: boolean;
     progress: number;
 };
-declare const useSmoothScroll: (targetWindow?: Window) => (element: HTMLElement | null, offset?: any) => void;
+declare const useSmoothScroll: (targetWindow?: Window) => (element: HTMLElement | null, offset?: number) => void;
 declare const useInfiniteScroll: (callback: () => void, options?: UseInfiniteScrollOptions) => {
     sentinelRef: react.Dispatch<react.SetStateAction<HTMLDivElement | null>>;
 };
@@ -605,7 +706,7 @@ interface InViewOptions extends IntersectionObserverInit {
     targetWindow?: Window;
 }
 declare function useInView(options?: InViewOptions): {
-    ref: react.RefObject<HTMLElement>;
+    ref: react.RefObject<HTMLElement | null>;
     inView: boolean;
 };
 
@@ -650,4 +751,4 @@ declare function useIframe(iframeRef: React.RefObject<HTMLIFrameElement>): {
     isLoaded: boolean;
 };
 
-export { AnimationUtils, type BreakpointConfig, BreakpointContext, Button, type ButtonProps, Center, ColorPalette, ColorSingleton, type Colors, type CssProps, type DeviceConfig, type DeviceType, Div, Element$1 as Element, type ElementPosition, type ElementProps, Form, type FormProps, Horizontal, HorizontalResponsive, Image, ImageBackground, type ImageProps, Input, type InputProps, type QueryConfig, type RelativePlacement, type ResponsiveConfig, ResponsiveContext, ResponsiveProvider, type ResponsiveProviderProps, SafeArea, type ScreenConfig, type ScreenOrientation, Scroll, type ScrollPosition, Shadow, Skeleton, Span, StyleRegistry, Text, type TextProps, type Theme, ThemeContext, ThemeProvider, type UseClickOutsideOptions, type UseElementPositionOptions, type UseElementPositionReturn, type UseInfiniteScrollOptions, type UseOnScreenOptions, type UseScrollAnimationOptions, type UseScrollOptions, UtilityClassManager, Vertical, VerticalResponsive, View, type ViewProps, type WindowDimensions, WindowDimensionsContext, WindowSizeContext, WindowSizeProvider, type WindowSizeProviderProps, createStyleRegistry, debounce, deepMerge, defaultThemeMain, extractUtilityClasses, propertyShorthand, useActive, useBreakpoint, useBreakpointContext, useClickOutside, useElementPosition, useFocus, useHover, useIframe, useIframeStyles, useInView, useInfiniteScroll, useKeyPress, useMount, useOnScreen, useResponsive, useResponsiveContext, useScroll, useScrollAnimation, useScrollDirection, useServerInsertedHTML, useSmoothScroll, useStyleRegistry, useTheme, useWindowDimensions, useWindowDimensionsContext, useWindowSize, utilityClassManager };
+export { AnimationProps, AnimationUtils, type BreakpointConfig, BreakpointContext, Button, type ButtonProps, Center, ColorPalette, ColorSingleton, type Colors, type CssProps, type DeviceConfig, type DeviceType, Div, Element$1 as Element, type ElementPosition, type ElementProps, Form, type FormProps, Horizontal, HorizontalResponsive, Image, ImageBackground, type ImageProps, Input, type InputProps, type QueryConfig, type RelativePlacement, type ResponsiveConfig, ResponsiveContext, ResponsiveProvider, type ResponsiveProviderProps, SafeArea, type ScreenConfig, type ScreenOrientation, Scroll, type ScrollPosition, Shadow, Skeleton, Span, StyleRegistry, Text, type TextProps, type Theme, ThemeContext, ThemeProvider, type UseClickOutsideOptions, type UseElementPositionOptions, type UseElementPositionReturn, type UseInfiniteScrollOptions, type UseOnScreenOptions, type UseScrollAnimationOptions, type UseScrollOptions, UtilityClassManager, Vertical, VerticalResponsive, View, type ViewProps, type WindowDimensions, WindowDimensionsContext, WindowSizeContext, WindowSizeProvider, type WindowSizeProviderProps, createStyleRegistry, debounce, deepMerge, defaultThemeMain, extractUtilityClasses, propertyShorthand, useActive, useBreakpoint, useBreakpointContext, useClickOutside, useElementPosition, useFocus, useHover, useIframe, useIframeStyles, useInView, useInfiniteScroll, useKeyPress, useMount, useOnScreen, useResponsive, useResponsiveContext, useScroll, useScrollAnimation, useScrollDirection, useServerInsertedHTML, useSmoothScroll, useStyleRegistry, useTheme, useWindowDimensions, useWindowDimensionsContext, useWindowSize, utilityClassManager };

package/dist/web/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, CSSProperties, HTMLAttributes, RefObject } from 'react';
+import react__default, { ReactNode, CSSProperties, HTMLAttributes, HTMLAttributeReferrerPolicy, JSX, RefObject } from 'react';
 import { C as ColorSingleton, a as ColorPalette, A as AnimationProps, S as Shadow, V as ViewStyleProps, I as ImageStyleProps, T as TextStyleProps } from '../viewAnimation-B4BIoOwQ.js';
 export { b as AnalyticsConfig, c as AnalyticsContext, d as AnalyticsProvider, e as Animation, B as BlurAnimationOptions, f as ColorConfig, R as RotateAnimationOptions, g as ScaleAnimationOptions, h as Shadows, i as SlideAnimationOptions, j as Typography, k as ViewAnimationConfig, l as ViewAnimationFillMode, m as ViewAnimationOptions, n as ViewAnimationRange, o as ViewAnimationTimingFunction, p as animateOnView, q as blurInOnView, r as blurOutOnView, s as createViewAnimation, t as defaultColors, u as defaultDarkColors, v as defaultDarkPalette, w as defaultLightColors, x as defaultLightPalette, y as fadeInOnView, z as fadeOutOnView, D as flipXOnView, E as flipYOnView, F as getWindowInitialProps, G as hasColorToken, H as isBrowser, J as isDev, K as isMobile, L as isProd, M as isSSR, N as replaceColorTokens, O as revealOnView, P as rotateInOnView, Q as scaleDownOnView, U as scaleUpOnView, W as slideDownOnView, X as slideLeftOnView, Y as slideRightOnView, Z as slideUpOnView, _ as useAnalytics, $ as viewAnimationPresets } from '../viewAnimation-B4BIoOwQ.js';
 
@@ -98,6 +98,8 @@ interface CssProps extends CSSProperties {
     _focusVisible?: CSSProperties | string;
     _focusWithin?: CSSProperties | string;
     _placeholder?: CSSProperties | string;
+    _odd?: CSSProperties | string;
+    _even?: CSSProperties | string;
     _groupHover?: CSSProperties | string;
     _groupFocus?: CSSProperties | string;
     _groupActive?: CSSProperties | string;
@@ -125,6 +127,68 @@ interface CssProps extends CSSProperties {
     webkitUserDrag?: CSSProperties['userSelect'];
 }
 interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttributes<HTMLElement> | 'children' | 'style' | 'pointerEvents'>, Omit<HTMLAttributes<HTMLElement>, 'color' | 'style' | 'content' | 'translate'> {
+    src?: string;
+    alt?: string;
+    controls?: boolean;
+    muted?: boolean;
+    autoPlay?: boolean;
+    loop?: boolean;
+    poster?: string;
+    playsInline?: boolean;
+    preload?: 'none' | 'metadata' | 'auto' | '';
+    crossOrigin?: 'anonymous' | 'use-credentials' | '';
+    srcSet?: string;
+    sizes?: string;
+    loading?: 'eager' | 'lazy';
+    referrerPolicy?: HTMLAttributeReferrerPolicy;
+    decoding?: 'async' | 'auto' | 'sync';
+    name?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    multiple?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    placeholder?: string;
+    pattern?: string;
+    min?: number | string;
+    max?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    step?: number | string;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: 'get' | 'post' | 'dialog';
+    formNoValidate?: boolean;
+    formTarget?: string;
+    rows?: number;
+    cols?: number;
+    /** HTML textarea wrap attribute. Browsers accept 'hard' | 'soft' | 'off' but
+     * the DOM type widens to plain `string`, so we mirror that here. */
+    wrap?: string;
+    list?: string;
+    accept?: string;
+    capture?: boolean | 'user' | 'environment';
+    colSpan?: number;
+    rowSpan?: number;
+    headers?: string;
+    scope?: string;
+    href?: string;
+    target?: string;
+    rel?: string;
+    hrefLang?: string;
+    download?: string | boolean;
+    xmlns?: string;
+    viewBox?: string;
+    preserveAspectRatio?: string;
+    open?: boolean;
+    scoped?: boolean;
+    reversed?: boolean;
+    start?: number;
+    htmlFor?: string;
     on?: Record<string, CssProps>;
     media?: Record<string, CssProps>;
     only?: string[];
@@ -138,6 +202,22 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     style?: CSSProperties;
     widthHeight?: number | string;
     children?: React.ReactNode;
+    srcDoc?: string;
+    sandbox?: string;
+    to?: string;
+    keys?: any[];
+    sx?: any;
+    itemStyle?: any;
+    paddingX?: number | string;
+    paddingY?: number | string;
+    marginX?: number | string;
+    marginY?: number | string;
+    hoverBackgroundColor?: string;
+    hover?: boolean | Record<string, any>;
+    hoverStyle?: Record<string, any>;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    transition?: string;
     before?: React.ReactNode;
     after?: React.ReactNode;
     /**
@@ -172,6 +252,8 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     _focusVisible?: CssProps | string;
     _focusWithin?: CssProps | string;
     _placeholder?: CssProps | string;
+    _odd?: CssProps | string;
+    _even?: CssProps | string;
     _groupHover?: CssProps | string;
     _groupFocus?: CssProps | string;
     _groupActive?: CssProps | string;
@@ -197,7 +279,7 @@ interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttribut
     _mozFocusInner?: CssProps | string;
 }
 
-declare const Element$1: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<ElementProps & react__default.RefAttributes<HTMLElement>>>;
+declare const Element$1: react__default.NamedExoticComponent<ElementProps & react__default.RefAttributes<HTMLElement>>;
 
 interface ViewProps extends Omit<ViewStyleProps, keyof ElementProps>, ElementProps {
     onPress?: (..._args: any) => void;
@@ -237,6 +319,25 @@ interface TextProps extends Omit<TextStyleProps, keyof ElementProps>, Omit<Eleme
     isSub?: boolean;
     isSup?: boolean;
     maxLines?: number;
+    /**
+     * Shorthand for fontWeight; accepts numeric (100-900) or named weights
+     * ("normal", "bold", "semibold", etc.). Convenience alias for the
+     * underlying fontWeight CSS property.
+     */
+    weight?: string | number;
+    /**
+     * Optional style variant identifier. Free-form string used by component
+     * wrappers and design systems to dispatch typography presets.
+     */
+    variant?: string;
+    /**
+     * Shorthand for fontSize; accepts numeric or named sizes (e.g. 'sm', 14, '14px').
+     */
+    size?: string | number;
+    /**
+     * Shorthand for letterSpacing; accepts numeric or named tracking values.
+     */
+    spacing?: string | number;
 }
 
 interface CommonProps extends ElementProps, Omit<ViewStyleProps, keyof ElementProps> {
@@ -418,7 +519,7 @@ interface WindowSizeProviderProps {
 declare const WindowSizeProvider: ({ children, targetWindow, }: WindowSizeProviderProps) => react__default.JSX.Element;
 
 declare function useActive<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
@@ -426,7 +527,7 @@ interface UseClickOutsideOptions {
     /** Optional target window to use (for iframe support). Defaults to global window. */
     targetWindow?: Window;
 }
-declare function useClickOutside<T extends HTMLElement = HTMLElement>(options?: UseClickOutsideOptions): [React.RefObject<T>, boolean];
+declare function useClickOutside<T extends HTMLElement = HTMLElement>(options?: UseClickOutsideOptions): [React.RefObject<T | null>, boolean];
 
 interface RelativePlacement {
     vertical: 'top' | 'bottom';
@@ -452,7 +553,7 @@ interface UseElementPositionOptions {
 }
 interface UseElementPositionReturn {
     /** React ref to attach to the target HTML element. */
-    ref: React.RefObject<HTMLElement>;
+    ref: React.RefObject<HTMLElement | null>;
     /**
      * The calculated viewport relation data, or null if not yet calculated
      * or element not found.
@@ -468,12 +569,12 @@ interface UseElementPositionReturn {
 declare function useElementPosition<T extends HTMLElement = HTMLElement>(options?: UseElementPositionOptions): UseElementPositionReturn;
 
 declare function useFocus<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
 declare function useHover<T extends HTMLElement = HTMLElement>(): [
-    React.RefObject<T>,
+    React.RefObject<T | null>,
     boolean
 ];
 
@@ -485,7 +586,7 @@ interface UseOnScreenOptions extends IntersectionObserverInit {
     /** Optional target window to use (for iframe support). Defaults to global window. */
     targetWindow?: Window;
 }
-declare function useOnScreen<T extends HTMLElement = HTMLElement>(options?: UseOnScreenOptions): [React.RefObject<T>, boolean];
+declare function useOnScreen<T extends HTMLElement = HTMLElement>(options?: UseOnScreenOptions): [React.RefObject<T | null>, boolean];
 
 /**
  * Optimized hook for components that only need breakpoint information.
@@ -563,7 +664,7 @@ interface ScrollPosition {
     elementProgress?: number;
 }
 interface UseScrollOptions {
-    container?: RefObject<HTMLElement>;
+    container?: RefObject<HTMLElement | null>;
     offset?: [number, number];
     throttleMs?: number;
     disabled?: boolean;
@@ -584,11 +685,11 @@ interface UseInfiniteScrollOptions {
     debounceMs?: number;
 }
 declare const useScroll: ({ container, offset, throttleMs, disabled, }?: UseScrollOptions) => ScrollPosition;
-declare const useScrollAnimation: (ref: RefObject<HTMLElement>, options?: UseScrollAnimationOptions) => {
+declare const useScrollAnimation: (ref: RefObject<HTMLElement | null>, options?: UseScrollAnimationOptions) => {
     isInView: boolean;
     progress: number;
 };
-declare const useSmoothScroll: (targetWindow?: Window) => (element: HTMLElement | null, offset?: any) => void;
+declare const useSmoothScroll: (targetWindow?: Window) => (element: HTMLElement | null, offset?: number) => void;
 declare const useInfiniteScroll: (callback: () => void, options?: UseInfiniteScrollOptions) => {
     sentinelRef: react.Dispatch<react.SetStateAction<HTMLDivElement | null>>;
 };
@@ -605,7 +706,7 @@ interface InViewOptions extends IntersectionObserverInit {
     targetWindow?: Window;
 }
 declare function useInView(options?: InViewOptions): {
-    ref: react.RefObject<HTMLElement>;
+    ref: react.RefObject<HTMLElement | null>;
     inView: boolean;
 };
 
@@ -650,4 +751,4 @@ declare function useIframe(iframeRef: React.RefObject<HTMLIFrameElement>): {
     isLoaded: boolean;
 };
 
-export { AnimationUtils, type BreakpointConfig, BreakpointContext, Button, type ButtonProps, Center, ColorPalette, ColorSingleton, type Colors, type CssProps, type DeviceConfig, type DeviceType, Div, Element$1 as Element, type ElementPosition, type ElementProps, Form, type FormProps, Horizontal, HorizontalResponsive, Image, ImageBackground, type ImageProps, Input, type InputProps, type QueryConfig, type RelativePlacement, type ResponsiveConfig, ResponsiveContext, ResponsiveProvider, type ResponsiveProviderProps, SafeArea, type ScreenConfig, type ScreenOrientation, Scroll, type ScrollPosition, Shadow, Skeleton, Span, StyleRegistry, Text, type TextProps, type Theme, ThemeContext, ThemeProvider, type UseClickOutsideOptions, type UseElementPositionOptions, type UseElementPositionReturn, type UseInfiniteScrollOptions, type UseOnScreenOptions, type UseScrollAnimationOptions, type UseScrollOptions, UtilityClassManager, Vertical, VerticalResponsive, View, type ViewProps, type WindowDimensions, WindowDimensionsContext, WindowSizeContext, WindowSizeProvider, type WindowSizeProviderProps, createStyleRegistry, debounce, deepMerge, defaultThemeMain, extractUtilityClasses, propertyShorthand, useActive, useBreakpoint, useBreakpointContext, useClickOutside, useElementPosition, useFocus, useHover, useIframe, useIframeStyles, useInView, useInfiniteScroll, useKeyPress, useMount, useOnScreen, useResponsive, useResponsiveContext, useScroll, useScrollAnimation, useScrollDirection, useServerInsertedHTML, useSmoothScroll, useStyleRegistry, useTheme, useWindowDimensions, useWindowDimensionsContext, useWindowSize, utilityClassManager };
+export { AnimationProps, AnimationUtils, type BreakpointConfig, BreakpointContext, Button, type ButtonProps, Center, ColorPalette, ColorSingleton, type Colors, type CssProps, type DeviceConfig, type DeviceType, Div, Element$1 as Element, type ElementPosition, type ElementProps, Form, type FormProps, Horizontal, HorizontalResponsive, Image, ImageBackground, type ImageProps, Input, type InputProps, type QueryConfig, type RelativePlacement, type ResponsiveConfig, ResponsiveContext, ResponsiveProvider, type ResponsiveProviderProps, SafeArea, type ScreenConfig, type ScreenOrientation, Scroll, type ScrollPosition, Shadow, Skeleton, Span, StyleRegistry, Text, type TextProps, type Theme, ThemeContext, ThemeProvider, type UseClickOutsideOptions, type UseElementPositionOptions, type UseElementPositionReturn, type UseInfiniteScrollOptions, type UseOnScreenOptions, type UseScrollAnimationOptions, type UseScrollOptions, UtilityClassManager, Vertical, VerticalResponsive, View, type ViewProps, type WindowDimensions, WindowDimensionsContext, WindowSizeContext, WindowSizeProvider, type WindowSizeProviderProps, createStyleRegistry, debounce, deepMerge, defaultThemeMain, extractUtilityClasses, propertyShorthand, useActive, useBreakpoint, useBreakpointContext, useClickOutside, useElementPosition, useFocus, useHover, useIframe, useIframeStyles, useInView, useInfiniteScroll, useKeyPress, useMount, useOnScreen, useResponsive, useResponsiveContext, useScroll, useScrollAnimation, useScrollDirection, useServerInsertedHTML, useSmoothScroll, useStyleRegistry, useTheme, useWindowDimensions, useWindowDimensionsContext, useWindowSize, utilityClassManager };

package/dist/web/index.js

@@ -4951,7 +4951,7 @@ var WindowSizeProvider = ({
     width: win?.innerWidth || 0,
     height: win?.innerHeight || 0
   });
-  const timeoutRef = useRef4();
+  const timeoutRef = useRef4(void 0);
   useEffect4(() => {
     if (!win) return;
     const handleResize = () => {
@@ -5327,7 +5327,7 @@ var useScroll = ({
     elementProgress: 0
   });
   const lastUpdateRef = useRef12(0);
-  const frameRef = useRef12();
+  const frameRef = useRef12(void 0);
   const ticking = useRef12(false);
   const getContext = useCallback5(() => {
     const targetEl = container?.current ?? null;
@@ -5488,7 +5488,7 @@ var useSmoothScroll = (targetWindow) => {
 var useInfiniteScroll = (callback, options = DEFAULT_INFINITE_SCROLL_OPTIONS) => {
   const [sentinel, setSentinel] = useState12(null);
   const callbackRef = useRef12(callback);
-  const timeoutRef = useRef12();
+  const timeoutRef = useRef12(void 0);
   useEffect13(() => {
     callbackRef.current = callback;
   }, [callback]);
@@ -5535,7 +5535,7 @@ var useScrollDirection = (threshold = 5, targetWindow) => {
   const [scrollDirection, setScrollDirection] = useState12("up");
   const lastScrollY = useRef12(0);
   const lastDirection = useRef12("up");
-  const animationFrame = useRef12();
+  const animationFrame = useRef12(void 0);
   const ticking = useRef12(false);
   const updateDirection = useCallback5(() => {
     const win = targetWindow || (typeof window !== "undefined" ? window : null);