import type { LeviarObject } from './LeviarObject.js';
export interface Attribute {
    type: string;
    id: string;
    name: string;
    className: string;
    physics?: 'dynamic' | 'static' | null;
    density?: number;
    friction?: number;
    frictionAir?: number;
    restitution?: number;
    fixedRotation?: boolean;
    gravityScale?: number;
    collisionGroup?: number;
    collisionMask?: number;
    collisionCategory?: number;
}
export type DatasetValue = string | number | boolean | object | Array<unknown>;
export interface Dataset {
    [key: string]: DatasetValue;
}
export type CssCursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'all-scroll' | 'col-resize' | 'row-resize' | 'n-resize' | 'e-resize' | 's-resize' | 'w-resize' | 'ne-resize' | 'nw-resize' | 'se-resize' | 'sw-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'zoom-in' | 'zoom-out';
export type BlendMode = 'source-over' | 'source-in' | 'source-out' | 'source-atop' | 'destination-over' | 'destination-in' | 'destination-out' | 'lighter' | 'copy' | 'xor' | 'multiply' | 'screen' | 'lighten' | 'darken' | 'exclusion' | 'difference';
export interface Style {
    /** text 객체의 텍스트 색상 전용 */
    color?: string;
    /**
     * 도형(rect, ellipse) 배경. 아래 3가지 방식 중 하나로 동작합니다.
     * - `'url(에셋키)'`            — load로 불러온 이미지 에셋을 배경으로 표시
     * - `'linear-gradient(...)'`  — 선형 그라디언트
     * - `'radial-gradient(...)'`  — 원형 그라디언트
     * - `'rgba(...)' | '#hex' | ...` — 단색 배경
     */
    background?: string;
    /** 이미지 배경의 크기 조절 방식 ('cover' | 'contain' | 'auto') */
    backgroundSize?: 'cover' | 'contain' | 'auto';
    opacity: number;
    width?: number;
    height?: number;
    minWidth?: number;
    maxWidth?: number;
    minHeight?: number;
    maxHeight?: number;
    blur?: number;
    borderColor?: string;
    borderWidth?: number;
    outlineColor?: string;
    outlineWidth?: number;
    fontSize?: number;
    fontFamily?: string;
    fontWeight?: string | number;
    fontStyle?: 'normal' | 'italic';
    textAlign?: 'left' | 'center' | 'right';
    lineHeight?: number;
    display: 'block' | 'none';
    pointerEvents: boolean;
    margin?: string;
    textShadowColor?: string;
    textShadowBlur?: number;
    textShadowOffsetX?: number;
    textShadowOffsetY?: number;
    boxShadowColor?: string;
    boxShadowBlur?: number;
    boxShadowSpread?: number;
    boxShadowOffsetX?: number;
    boxShadowOffsetY?: number;
    zIndex: number;
    blendMode?: BlendMode;
    letterSpacing?: number;
    borderRadius?: string | number;
    cursor?: CssCursor;
    overflow: 'hidden' | 'visible';
    transformStyle?: 'preserve-3d' | 'flat';
}
export interface Vec3 {
    x: number;
    y: number;
    z: number;
}
export interface Transform {
    readonly position: Vec3;
    readonly rotation: Vec3;
    readonly scale: Vec3;
    readonly pivot: {
        x: number;
        y: number;
    };
}
export interface LeviarObjectOptions<T extends Record<string, any> = Record<string, any>, D extends Record<string, any> = Record<string, any>> {
    attribute?: Partial<Omit<Attribute, 'type' | 'id'> & T>;
    dataset?: D;
    style?: Partial<Style>;
    transform?: {
        position?: Partial<Vec3>;
        rotation?: Partial<Vec3>;
        scale?: Partial<Vec3>;
        pivot?: Partial<{
            x: number;
            y: number;
        }>;
    };
}
export type AssetMap = Record<string, string>;
export type LoadedAsset = HTMLImageElement | HTMLVideoElement;
export type LoadedAssets = Record<string, LoadedAsset>;
export type LoaderEventType = 'load' | 'loading' | 'loaded' | 'error' | 'complete';
export type EasingType = 'linear' | 'easeIn' | 'easeOut' | 'easeInOut' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic' | 'easeInQuart' | 'easeOutQuart' | 'easeInOutQuart' | 'easeInQuint' | 'easeOutQuint' | 'easeInOutQuint' | 'easeInSine' | 'easeOutSine' | 'easeInOutSine' | 'easeInExpo' | 'easeOutExpo' | 'easeInOutExpo' | 'easeInCirc' | 'easeOutCirc' | 'easeInOutCirc' | 'easeInBack' | 'easeOutBack' | 'easeInOutBack' | 'easeInElastic' | 'easeOutElastic' | 'easeInOutElastic' | 'easeInBounce' | 'easeOutBounce' | 'easeInOutBounce';
/** 애니메이션 대상 값. 숫자 또는 복합 대입 연산자 문자열 ('+=100', '-=50', '*=2', '/=2') */
export type AnimateValue = number | string;
export interface AnimateTarget {
    style?: Partial<Record<keyof Style, AnimateValue>>;
    /** animate.md 예제처럼 최상위 position 키 사용 가능 → 내부적으로 transform.position으로 리매핑 */
    position?: Partial<Record<keyof Vec3, AnimateValue>>;
    transform?: {
        position?: Partial<Record<keyof Vec3, AnimateValue>>;
        rotation?: Partial<Record<keyof Vec3, AnimateValue>>;
        scale?: Partial<Record<keyof Vec3, AnimateValue>>;
    };
    dataset?: Record<string, any>;
    [key: string]: any;
}
/** LeviarObject (및 하위 클래스) 공통 이벤트 맵 */
export interface LeviarObjectEvents {
    cssmodified: [key: string, value: any, prev: any];
    attrmodified: [key: string, value: any, prev: any];
    datamodified: [key: string, value: any, prev: any];
    rotationmodified: [key: string, value: any, prev: any];
    positionmodified: [key: string, value: any, prev: any];
    scalemodified: [key: string, value: any, prev: any];
    pivotmodified: [key: string, value: any, prev: any];
    play: [];
    pause: [];
    ended: [];
    repeat: [];
    click: [e: MouseEvent];
    dblclick: [e: MouseEvent];
    contextmenu: [e: MouseEvent];
    mousedown: [e: MouseEvent];
    mouseup: [e: MouseEvent];
    mousemove: [e: MouseEvent];
    mouseover: [e: MouseEvent];
    mouseout: [e: MouseEvent];
}
/** Animation 클래스 이벤트 맵 */
export interface AnimationEvents {
    start: [];
    pause: [];
    stop: [];
    resume: [];
    end: [];
    update: [state: Record<string, any>];
}
/** World 클래스 이벤트 맵 */
export interface WorldEvents {
    click: [obj: LeviarObject | undefined, e: MouseEvent];
    dblclick: [obj: LeviarObject | undefined, e: MouseEvent];
    contextmenu: [obj: LeviarObject | undefined, e: MouseEvent];
    mousedown: [obj: LeviarObject | undefined, e: MouseEvent];
    mouseup: [obj: LeviarObject | undefined, e: MouseEvent];
    mousemove: [obj: LeviarObject | undefined, e: MouseEvent];
    mouseover: [obj: LeviarObject | undefined, e: MouseEvent];
    mouseout: [obj: LeviarObject | undefined, e: MouseEvent];
    update: [timestamp: number];
    destroy: [];
}