app-studio 0.7.18 → 0.8.1

package/dist/element/Element.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ElementProps, CssProps } from './Element.types';
-export type { ElementProps, CssProps };
-export declare const Element: React.MemoExoticComponent<React.ForwardRefExoticComponent<ElementProps & React.RefAttributes<HTMLElement>>>;

package/dist/element/Element.types.d.ts

@@ -1,123 +0,0 @@
-import { CSSProperties, HTMLAttributes } from 'react';
-import { AnimationProps } from '../utils/constants';
-import { Shadow } from '../utils/shadow';
-import { ViewStyleProps } from '../types/style';
-import type { Theme } from '../providers/Theme';
-export interface CssProps extends CSSProperties {
-    paddingHorizontal?: number | string;
-    marginHorizontal?: number | string;
-    paddingVertical?: number | string;
-    marginVertical?: number | string;
-    widthHeight?: number | string;
-    animate?: AnimationProps[] | AnimationProps;
-    animateIn?: AnimationProps[] | AnimationProps;
-    animateOut?: AnimationProps[] | AnimationProps;
-    animateOn?: 'View' | 'Mount' | 'Both' | 'Scroll';
-    shadow?: boolean | number | Shadow;
-    blend?: boolean;
-    _hover?: CSSProperties | string;
-    _active?: CSSProperties | string;
-    _focus?: CSSProperties | string;
-    _visited?: CSSProperties | string;
-    _disabled?: CSSProperties | string;
-    _enabled?: CSSProperties | string;
-    _checked?: CSSProperties | string;
-    _unchecked?: CSSProperties | string;
-    _invalid?: CSSProperties | string;
-    _valid?: CSSProperties | string;
-    _required?: CSSProperties | string;
-    _optional?: CSSProperties | string;
-    _selected?: CSSProperties | string;
-    _target?: CSSProperties | string;
-    _firstChild?: CSSProperties | string;
-    _lastChild?: CSSProperties | string;
-    _onlyChild?: CSSProperties | string;
-    _firstOfType?: CSSProperties | string;
-    _lastOfType?: CSSProperties | string;
-    _empty?: CSSProperties | string;
-    _focusVisible?: CSSProperties | string;
-    _focusWithin?: CSSProperties | string;
-    _placeholder?: CSSProperties | string;
-    _groupHover?: CSSProperties | string;
-    _groupFocus?: CSSProperties | string;
-    _groupActive?: CSSProperties | string;
-    _groupDisabled?: CSSProperties | string;
-    _peerHover?: CSSProperties | string;
-    _peerFocus?: CSSProperties | string;
-    _peerActive?: CSSProperties | string;
-    _peerDisabled?: CSSProperties | string;
-    _peerChecked?: CSSProperties | string;
-    _before?: CSSProperties;
-    _after?: CSSProperties;
-    _firstLetter?: CSSProperties;
-    _firstLine?: CSSProperties;
-    _selection?: CSSProperties;
-    _backdrop?: CSSProperties;
-    _marker?: CSSProperties;
-    WebkitUserDrag?: CSSProperties['userSelect'];
-    webkitUserDrag?: CSSProperties['userSelect'];
-}
-export interface ElementProps extends CssProps, Omit<ViewStyleProps, keyof HTMLAttributes<HTMLElement> | 'children' | 'style' | 'pointerEvents'>, Omit<HTMLAttributes<HTMLElement>, 'color' | 'style' | 'content' | 'translate'> {
-    on?: Record<string, CssProps>;
-    media?: Record<string, CssProps>;
-    only?: string[];
-    css?: CSSProperties | any;
-    onPress?: any;
-    onClick?: any;
-    className?: string;
-    blend?: boolean;
-    type?: string;
-    as?: keyof JSX.IntrinsicElements;
-    style?: CSSProperties;
-    widthHeight?: number | string;
-    children?: React.ReactNode;
-    before?: React.ReactNode;
-    after?: React.ReactNode;
-    /**
-     * Component-scoped theme override. Remaps `theme-*` tokens used by this
-     * component (and its style props) to different color tokens, without
-     * affecting the global ThemeProvider. Each value is a color token string
-     * (`color-red-500`, `theme-secondary`) or a raw color (`#ff0000`).
-     */
-    theme?: Partial<Theme>;
-    animateOn?: 'View' | 'Mount' | 'Both' | 'Scroll';
-    _hover?: CssProps | string;
-    _active?: CssProps | string;
-    _focus?: CssProps | string;
-    _visited?: CssProps | string;
-    _disabled?: CssProps | string;
-    _enabled?: CssProps | string;
-    _checked?: CssProps | string;
-    _unchecked?: CssProps | string;
-    _invalid?: CssProps | string;
-    _valid?: CssProps | string;
-    _required?: CssProps | string;
-    _optional?: CssProps | string;
-    _selected?: CssProps | string;
-    _target?: CssProps | string;
-    _firstChild?: CssProps | string;
-    _lastChild?: CssProps | string;
-    _onlyChild?: CssProps | string;
-    _firstOfType?: CssProps | string;
-    _lastOfType?: CssProps | string;
-    _empty?: CssProps | string;
-    _focusVisible?: CssProps | string;
-    _focusWithin?: CssProps | string;
-    _placeholder?: CssProps | string;
-    _groupHover?: CssProps | string;
-    _groupFocus?: CssProps | string;
-    _groupActive?: CssProps | string;
-    _groupDisabled?: CssProps | string;
-    _peerHover?: CssProps | string;
-    _peerFocus?: CssProps | string;
-    _peerActive?: CssProps | string;
-    _peerDisabled?: CssProps | string;
-    _peerChecked?: CssProps | string;
-    _before?: CssProps;
-    _after?: CssProps;
-    _firstLetter?: CssProps;
-    _firstLine?: CssProps;
-    _selection?: CssProps;
-    _backdrop?: CssProps;
-    _marker?: CssProps;
-}

package/dist/element/css.d.ts

@@ -1,50 +0,0 @@
-import { ElementProps } from './Element.types';
-declare type StyleContext = 'base-shorthand' | 'base-side' | 'base-cross' | 'base' | 'pseudo' | 'media' | 'modifier' | 'override-shorthand' | 'override-side' | 'override-cross' | 'override';
-/**
- * Utility functions for animation handling
- */
-export declare const AnimationUtils: {
-    parseDuration(duration: string): number;
-    formatDuration(ms: number): string;
-    processAnimations(animations: any[], manager?: UtilityClassManager | undefined): {
-        animationRange?: string;
-        animationTimeline?: string;
-        animationName: string;
-        animationDuration: string;
-        animationTimingFunction: string;
-        animationDelay: string;
-        animationIterationCount: string;
-        animationDirection: string;
-        animationFillMode: string;
-        animationPlayState: string;
-    };
-};
-export declare class UtilityClassManager {
-    private styleSheets;
-    private classCache;
-    private propertyShorthand;
-    private mainDocument;
-    constructor(propertyShorthand: Record<string, string>, maxCacheSize?: number);
-    private initStyleSheets;
-    private getDocumentRules;
-    addDocument(targetDocument: Document): void;
-    private clearStylesFromDocument;
-    private escapeClassName;
-    private serverRules;
-    injectRule(cssRule: string, context?: StyleContext): void;
-    getServerStyles(): string;
-    private getAllRegisteredDocuments;
-    private addToCache;
-    getClassNames(property: string, value: any, context: "base-shorthand" | "base-side" | "base-cross" | "base" | "pseudo" | "media" | "modifier" | "override-shorthand" | "override-side" | "override-cross" | "override" | undefined, modifier: string | undefined, getColor: (color: string) => string, mediaQueries?: string[]): string[];
-    removeDocument(targetDocument: Document): void;
-    clearCache(): void;
-    private clearStyleSheet;
-    regenerateStyles(targetDocument: Document): void;
-    regenerateAllStyles(): void;
-    private injectRuleToDocument;
-    printStyles(targetDocument: Document): void;
-}
-export declare const propertyShorthand: Record<string, string>;
-export declare const utilityClassManager: UtilityClassManager;
-export declare const extractUtilityClasses: (props: ElementProps, getColor: (color: string) => string, mediaQueries: Record<string, string>, devices: Record<string, string[]>, manager?: UtilityClassManager | undefined) => string[];
-export {};

package/dist/element/utils.d.ts

@@ -1,4 +0,0 @@
-export declare const generateKeyframes: (animation: any) => {
-    keyframesName: string;
-    keyframes: string;
-};

package/dist/hooks/useActive.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useActive<T extends HTMLElement = HTMLElement>(): [React.RefObject<T>, boolean];

package/dist/hooks/useClickOutside.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface UseClickOutsideOptions {
-    /** Optional target window to use (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export declare function useClickOutside<T extends HTMLElement = HTMLElement>(options?: UseClickOutsideOptions): [React.RefObject<T>, boolean];

package/dist/hooks/useElementPosition.d.ts

@@ -1,39 +0,0 @@
-/// <reference types="react" />
-export interface RelativePlacement {
-    vertical: 'top' | 'bottom';
-    horizontal: 'left' | 'right';
-}
-export interface ElementPosition {
-    position: RelativePlacement;
-    space: RelativePlacement;
-}
-export interface UseElementPositionOptions {
-    /** Whether to track changes automatically. Default: true */
-    trackChanges?: boolean;
-    /** Throttle delay in milliseconds for updates. Default: 100 */
-    throttleMs?: number;
-    /** Whether to track on hover events. Default: true */
-    trackOnHover?: boolean;
-    /** Whether to track on scroll events. Default: false */
-    trackOnScroll?: boolean;
-    /** Whether to track on resize events. Default: false */
-    trackOnResize?: boolean;
-    /** Optional target window to use (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export interface UseElementPositionReturn {
-    /** React ref to attach to the target HTML element. */
-    ref: React.RefObject<HTMLElement>;
-    /**
-     * The calculated viewport relation data, or null if not yet calculated
-     * or element not found.
-     */
-    relation: ElementPosition | null;
-    /** Function to manually trigger an immediate recalculation. */
-    updateRelation: () => void;
-}
-/**
- * A React hook to determine an element's relative position within the viewport
- * and where the most available space is around it within the viewport.
- */
-export declare function useElementPosition<T extends HTMLElement = HTMLElement>(options?: UseElementPositionOptions): UseElementPositionReturn;

package/dist/hooks/useFocus.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useFocus<T extends HTMLElement = HTMLElement>(): [React.RefObject<T>, boolean];

package/dist/hooks/useHover.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useHover<T extends HTMLElement = HTMLElement>(): [React.RefObject<T>, boolean];

package/dist/hooks/useIframeStyles.d.ts

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-/**
- * Hook to register an iframe's document with the style manager.
- * This ensures that all CSS utility classes are automatically injected into the iframe.
- *
- * @param iframeRef - Reference to the iframe element
- *
- * @example
- * ```tsx
- * const iframeRef = useRef<HTMLIFrameElement>(null);
- * useIframeStyles(iframeRef);
- *
- * return <iframe ref={iframeRef} src="/content" />;
- * ```
- */
-export declare function useIframeStyles(iframeRef: React.RefObject<HTMLIFrameElement>): void;
-/**
- * Hook to get an iframe's window and document, and automatically register styles.
- * This is a convenience hook that combines iframe access with style registration.
- *
- * @param iframeRef - Reference to the iframe element
- * @returns Object containing iframeWindow, iframeDocument, and isLoaded flag
- *
- * @example
- * ```tsx
- * const iframeRef = useRef<HTMLIFrameElement>(null);
- * const { iframeWindow, iframeDocument, isLoaded } = useIframe(iframeRef);
- *
- * return (
- *   <>
- *     <iframe ref={iframeRef} src="/content" />
- *     {isLoaded && <div>Iframe loaded!</div>}
- *   </>
- * );
- * ```
- */
-export declare function useIframe(iframeRef: React.RefObject<HTMLIFrameElement>): {
-    iframeWindow: Window | null;
-    iframeDocument: Document | null;
-    isLoaded: boolean;
-};

package/dist/hooks/useInView.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-interface InViewOptions extends IntersectionObserverInit {
-    triggerOnce?: boolean;
-    /** Optional target window to use (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export declare function useInView(options?: InViewOptions): {
-    ref: import("react").RefObject<HTMLElement>;
-    inView: boolean;
-};
-export {};

package/dist/hooks/useKeyPress.d.ts

@@ -1 +0,0 @@
-export declare function useKeyPress(targetKey: string): boolean;

package/dist/hooks/useMount.d.ts

@@ -1 +0,0 @@
-export declare const useMount: (callback: () => void) => void;

package/dist/hooks/useOnScreen.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export interface UseOnScreenOptions extends IntersectionObserverInit {
-    /** Optional target window to use (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export declare function useOnScreen<T extends HTMLElement = HTMLElement>(options?: UseOnScreenOptions): [React.RefObject<T>, boolean];

package/dist/hooks/useResponsive.d.ts

@@ -1,59 +0,0 @@
-import { BreakpointConfig, WindowDimensions } from '../providers/Responsive';
-/**
- * Optimized hook for components that only need breakpoint information.
- * This hook will NOT cause re-renders on every window resize,
- * only when the breakpoint actually changes.
- *
- * Use this hook instead of useResponsive for better performance
- * when you only need to check breakpoints or device type.
- *
- * @example
- * const { screen, on, is, orientation } = useBreakpoint();
- * if (on('mobile')) { ... }
- * if (is('xs')) { ... }
- */
-export declare const useBreakpoint: () => {
-    screen: string;
-    orientation: import("../providers/Responsive").ScreenOrientation;
-    on: (s: string) => boolean;
-    is: (s: string) => boolean;
-    breakpoints: Record<string, number>;
-    devices: Record<string, string[]>;
-    mediaQueries: Record<string, string>;
-    currentBreakpoint: string;
-    currentDevice: import("../providers/Responsive").DeviceType;
-};
-/**
- * Hook for components that need exact window dimensions.
- * This hook WILL cause re-renders on every window resize.
- * Use sparingly - prefer useBreakpoint when possible.
- *
- * @example
- * const { width, height } = useWindowDimensions();
- */
-export declare const useWindowDimensions: () => WindowDimensions;
-/**
- * Combined hook that provides both breakpoint info and window dimensions.
- * This hook WILL cause re-renders on every window resize.
- *
- * For better performance, use:
- * - useBreakpoint() when you only need breakpoint/device info
- * - useWindowDimensions() when you only need exact dimensions
- *
- * @example
- * const { screen, on, currentWidth, currentHeight } = useResponsive();
- */
-export declare const useResponsive: () => {
-    screen: string;
-    orientation: import("../providers/Responsive").ScreenOrientation;
-    on: (s: string) => boolean;
-    is: (s: string) => boolean;
-    breakpoints: Record<string, number>;
-    devices: Record<string, string[]>;
-    mediaQueries: Record<string, string>;
-    currentWidth: number;
-    currentHeight: number;
-    currentBreakpoint: string;
-    currentDevice: import("../providers/Responsive").DeviceType;
-};
-export type { BreakpointConfig, WindowDimensions };

package/dist/hooks/useScroll.d.ts

@@ -1,49 +0,0 @@
-import { RefObject } from 'react';
-export interface ScrollPosition {
-    x: number;
-    y: number;
-    xProgress: number;
-    yProgress: number;
-    /**
-     * Position of the tracked element relative to the viewport top (if container is provided).
-     * Equivalent to getBoundingClientRect().top
-     */
-    elementY?: number;
-    /**
-     * Progress of the element scrolling through the viewport (for sticky/reveal effects).
-     * Calculated as: -elementY / (elementHeight - viewportHeight)
-     * Varies from 0 (element hits top) to 1 (element finishes scrolling).
-     */
-    elementProgress?: number;
-}
-export interface UseScrollOptions {
-    container?: RefObject<HTMLElement>;
-    offset?: [number, number];
-    throttleMs?: number;
-    disabled?: boolean;
-}
-export interface UseScrollAnimationOptions {
-    threshold?: number | number[];
-    rootMargin?: string;
-    root?: Element | null;
-    onIntersectionChange?: (isIntersecting: boolean, ratio: number) => void;
-    /** Target window for iframe support - automatically sets correct root */
-    targetWindow?: Window | null;
-}
-export interface UseInfiniteScrollOptions {
-    threshold?: number;
-    isLoading?: boolean;
-    root?: Element | null;
-    rootMargin?: string;
-    debounceMs?: number;
-}
-export declare const useScroll: ({ container, offset, throttleMs, disabled, }?: UseScrollOptions) => ScrollPosition;
-export declare const useScrollAnimation: (ref: RefObject<HTMLElement>, options?: UseScrollAnimationOptions) => {
-    isInView: boolean;
-    progress: number;
-};
-export declare const useSmoothScroll: (targetWindow?: Window | undefined) => (element: HTMLElement | null, offset?: any) => void;
-export declare const useInfiniteScroll: (callback: () => void, options?: UseInfiniteScrollOptions) => {
-    sentinelRef: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
-};
-export declare const useScrollDirection: (threshold?: number, targetWindow?: Window | undefined) => "up" | "down";

package/dist/hooks/useWindowSize.d.ts

@@ -1,4 +0,0 @@
-export declare const useWindowSize: () => {
-    width: number;
-    height: number;
-};

package/dist/index.d.ts

@@ -1,33 +0,0 @@
-export * from './components/View';
-export * from './components/Image';
-export * from './components/Text';
-export type { TextProps } from './components/Text/Text.props';
-export * from './components/Form';
-export * from './element/Element';
-export * from './components/Skeleton';
-export * as Animation from './element/Animation';
-export * from './utils/typography';
-export * from './utils/shadow';
-export * from './utils/env';
-export * from './element/css';
-export * from './utils/colors';
-export * from './providers/Responsive';
-export * from './providers/Analytics';
-export * from './providers/Theme';
-export * from './providers/StyleRegistry';
-export * from './providers/WindowSize';
-export * from './hooks/useActive';
-export * from './hooks/useClickOutside';
-export * from './hooks/useElementPosition';
-export * from './hooks/useFocus';
-export * from './hooks/useHover';
-export * from './hooks/useKeyPress';
-export * from './hooks/useMount';
-export * from './hooks/useOnScreen';
-export * from './hooks/useResponsive';
-export * from './hooks/useScroll';
-export * from './hooks/useWindowSize';
-export * from './hooks/useInView';
-export * from './hooks/useIframeStyles';
-export * from './utils/viewAnimation';
-export * from './types/scrollAnimation.types';

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./app-studio.cjs.production.min.js')
-} else {
-  module.exports = require('./app-studio.cjs.development.js')
-}

package/dist/providers/Analytics.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare type AnalyticsConfig = {
-    trackEvent?: (event: any) => void;
-};
-export declare const AnalyticsContext: React.Context<AnalyticsConfig>;
-export declare const useAnalytics: () => AnalyticsConfig;
-export declare const AnalyticsProvider: ({ trackEvent, children, }: AnalyticsConfig & {
-    children?: ReactNode;
-}) => React.ReactElement;

package/dist/providers/Responsive.d.ts

@@ -1,58 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare type ResponsiveConfig = Record<string, number>;
-export declare type ScreenOrientation = 'landscape' | 'portrait';
-export declare type DeviceType = 'mobile' | 'tablet' | 'desktop';
-export declare type DeviceConfig = Record<string, string[]>;
-export declare type QueryConfig = Record<string, string>;
-export declare type BreakpointConfig = {
-    breakpoints: ResponsiveConfig;
-    devices: DeviceConfig;
-    mediaQueries: QueryConfig;
-    currentBreakpoint: keyof ResponsiveConfig;
-    currentDevice: DeviceType;
-    orientation: ScreenOrientation;
-};
-export declare type WindowDimensions = {
-    width: number;
-    height: number;
-};
-export declare type ScreenConfig = {
-    breakpoints: ResponsiveConfig;
-    devices: DeviceConfig;
-    mediaQueries: QueryConfig;
-    currentWidth: number;
-    currentHeight: number;
-    currentBreakpoint: keyof ResponsiveConfig;
-    currentDevice: DeviceType;
-    orientation: ScreenOrientation;
-};
-export declare const debounce: (func: Function, wait: number) => (...args: any[]) => void;
-export declare const BreakpointContext: React.Context<BreakpointConfig>;
-export declare const WindowDimensionsContext: React.Context<WindowDimensions>;
-/**
- * Hook to access breakpoint information only.
- * Components using this hook will NOT re-render on every resize,
- * only when the breakpoint actually changes.
- */
-export declare const useBreakpointContext: () => BreakpointConfig;
-/**
- * Hook to access window dimensions.
- * Components using this hook WILL re-render on every resize.
- * Use sparingly - prefer useBreakpointContext when possible.
- */
-export declare const useWindowDimensionsContext: () => WindowDimensions;
-export declare const ResponsiveContext: React.Context<ScreenConfig>;
-/**
- * Legacy hook for backward compatibility.
- * Prefer useBreakpointContext for better performance.
- * @deprecated Use useBreakpointContext instead for better performance
- */
-export declare const useResponsiveContext: () => ScreenConfig;
-export interface ResponsiveProviderProps {
-    breakpoints?: ResponsiveConfig;
-    devices?: DeviceConfig;
-    children: ReactNode;
-    /** Optional target window to track (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export declare const ResponsiveProvider: ({ breakpoints, devices, children, targetWindow, }: ResponsiveProviderProps) => React.JSX.Element;

package/dist/providers/StyleRegistry.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { UtilityClassManager } from '../element/css';
-/**
- * Context to hold the style manager instance.
- */
-interface StyleRegistryContextValue {
-    manager: UtilityClassManager;
-}
-/**
- * Hook to access the current style manager.
- */
-export declare const useStyleRegistry: () => StyleRegistryContextValue;
-interface StyleRegistryProps {
-    registry?: UtilityClassManager;
-    children: React.ReactNode;
-}
-/**
- * Provider to wrap the app and manage styles.
- * When doing SSR, pass a new registry created via createStyleRegistry().
- */
-export declare const StyleRegistry: ({ registry, children }: StyleRegistryProps) => React.JSX.Element;
-/**
- * Helper to create a new style registry (UtilityClassManager) instance.
- * Useful for SSR to create a fresh manager per request.
- */
-export declare const createStyleRegistry: () => UtilityClassManager;
-/**
- * React hook to get the CSS string from the registry.
- * Note: This only works if you're using a fresh registry that collected styles.
- */
-export declare const useServerInsertedHTML: (registry: UtilityClassManager) => () => React.JSX.Element;
-export {};

package/dist/providers/Theme.d.ts

@@ -1,46 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ColorPalette, ColorSingleton } from '../utils/colors';
-export interface Colors {
-    main: ColorSingleton;
-    palette: ColorPalette;
-}
-export interface Theme {
-    primary?: string;
-    secondary?: string;
-    success?: string;
-    error?: string;
-    warning?: string;
-    disabled?: string;
-    loading?: string;
-}
-interface Override {
-    colors?: Colors;
-    theme?: Theme;
-    themeMode?: 'light' | 'dark';
-}
-interface ThemeContextProps {
-    getColor: (name: string, override?: Override) => string;
-    getColorHex: (name: string, override?: Override) => string;
-    getColorRGBA: (name: string, alphaOrOverride?: number | Override, override?: Override) => string;
-    getColorScheme: (name: string, override?: Override) => string | undefined;
-    getContrastColor: (name: string, override?: Override) => 'black' | 'white';
-    theme: Theme;
-    colors: Colors;
-    themeMode: 'light' | 'dark';
-    setThemeMode: (mode: 'light' | 'dark') => void;
-}
-export declare const defaultThemeMain: Theme;
-export declare const ThemeContext: React.Context<ThemeContextProps>;
-export declare const useTheme: () => ThemeContextProps;
-export declare const deepMerge: (target: any, source: any) => any;
-interface ThemeProviderProps {
-    theme?: Partial<Theme>;
-    dark?: Partial<Colors>;
-    light?: Partial<Colors>;
-    mode?: 'light' | 'dark';
-    children: ReactNode;
-    strict?: boolean;
-    targetWindow?: Window;
-}
-export declare const ThemeProvider: ({ theme: themeOverride, mode: initialMode, dark: darkOverride, light: lightOverride, children, strict, targetWindow, }: ThemeProviderProps) => React.ReactElement;
-export {};

package/dist/providers/WindowSize.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare const WindowSizeContext: React.Context<{
-    width: number;
-    height: number;
-}>;
-export interface WindowSizeProviderProps {
-    children: ReactNode;
-    /** Optional target window to track (for iframe support). Defaults to global window. */
-    targetWindow?: Window;
-}
-export declare const WindowSizeProvider: ({ children, targetWindow, }: WindowSizeProviderProps) => React.JSX.Element;