@pmndrs/uikit/dist/components/image.d.ts

Build performant 3D user interfaces with Three.js and yoga.

import type { z } from 'zod';
import { Signal } from '@preact/signals-core';
import { BaseOutProperties, InProperties, WithSignal } from '../properties/index.js';
import { Component } from './component.js';
import { Texture } from 'three';
import { RenderContext } from '../context.js';
export declare const imageOutPropertiesSchema: z.ZodObject<{
    pixelSize: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    sizeX: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    sizeY: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    anchorX: z.ZodOptional<z.ZodEnum<{
        center: "center";
        left: "left";
        middle: "middle";
        right: "right";
    }>>;
    anchorY: z.ZodOptional<z.ZodEnum<{
        center: "center";
        middle: "middle";
        top: "top";
        bottom: "bottom";
    }>>;
    cursor: z.ZodOptional<z.ZodString>;
    id: z.ZodOptional<z.ZodString>;
    selectionColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    selectionBorderRightWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    selectionBorderTopWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    selectionBorderLeftWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    selectionBorderBottomWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    selectionBorderTopLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    selectionBorderTopRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    selectionBorderBottomLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    selectionBorderBottomRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    selectionBorderColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    selectionBorderBend: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    caretColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    caretBorderRightWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    caretBorderTopWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    caretBorderLeftWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    caretBorderBottomWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    caretBorderTopLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    caretBorderTopRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    caretBorderBottomLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    caretBorderBottomRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    caretBorderColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    caretBorderBend: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    onScroll: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onHoverChange: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onActiveChange: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    textAlign: z.ZodOptional<z.ZodEnum<{
        center: "center";
        left: "left";
        middle: "middle";
        right: "right";
        justify: "justify";
    }>>;
    fill: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    color: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    opacity: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    fontFamily: z.ZodOptional<z.ZodString>;
    fontWeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodEnum<{
        bold: "bold";
        thin: "thin";
        "extra-light": "extra-light";
        light: "light";
        normal: "normal";
        medium: "medium";
        "semi-bold": "semi-bold";
        "extra-bold": "extra-bold";
        black: "black";
        "extra-black": "extra-black";
    }>, z.ZodCustom<`${number}`, `${number}`>]>>;
    fontFamilies: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodRecord<z.ZodUnion<readonly [z.ZodEnum<{
        bold: "bold";
        thin: "thin";
        "extra-light": "extra-light";
        light: "light";
        normal: "normal";
        medium: "medium";
        "semi-bold": "semi-bold";
        "extra-bold": "extra-bold";
        black: "black";
        "extra-black": "extra-black";
    }>, z.ZodCustom<`${number}`, `${number}`>]> & z.core.$partial, z.ZodType<import("../text/font.js").FontInfoSource, import("../text/font.js").FontInfoSource, z.core.$ZodTypeInternals<import("../text/font.js").FontInfoSource, import("../text/font.js").FontInfoSource>>>>>;
    letterSpacing: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    lineHeight: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    fontSize: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    wordBreak: z.ZodOptional<z.ZodEnum<{
        "keep-all": "keep-all";
        "break-all": "break-all";
        "break-word": "break-word";
    }>>;
    whiteSpace: z.ZodOptional<z.ZodEnum<{
        normal: "normal";
        collapse: "collapse";
        pre: "pre";
        "pre-line": "pre-line";
    }>>;
    tabSize: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    verticalAlign: z.ZodOptional<z.ZodEnum<{
        center: "center";
        middle: "middle";
        top: "top";
        bottom: "bottom";
    }>>;
    caretWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    onClick: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onContextMenu: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onDblClick: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onWheel: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerUp: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerDown: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerOver: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerOut: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerEnter: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerLeave: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerMove: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    onPointerCancel: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
    panelMaterialClass: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
        glass: "glass";
        metal: "metal";
        plastic: "plastic";
    }>, z.ZodType<import("../index.js").MaterialClass, import("../index.js").MaterialClass, z.core.$ZodTypeInternals<import("../index.js").MaterialClass, import("../index.js").MaterialClass>>]>>;
    receiveShadow: z.ZodOptional<z.ZodBoolean>;
    castShadow: z.ZodOptional<z.ZodBoolean>;
    depthWrite: z.ZodOptional<z.ZodBoolean>;
    depthTest: z.ZodOptional<z.ZodBoolean>;
    renderOrder: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    visibility: z.ZodOptional<z.ZodEnum<{
        visible: "visible";
        hidden: "hidden";
    }>>;
    pointerEvents: z.ZodOptional<z.ZodEnum<{
        auto: "auto";
        none: "none";
        listener: "listener";
    }>>;
    pointerEventsType: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<"all">, z.ZodCustom<(poinerId: number, pointerType: string, pointerState: unknown) => boolean, (poinerId: number, pointerType: string, pointerState: unknown) => boolean>, z.ZodObject<{
        allow: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
    }, z.core.$strict>, z.ZodObject<{
        deny: z.ZodUnion<readonly [z.ZodString, z.ZodArray<z.ZodString>]>;
    }, z.core.$strict>]>>;
    pointerEventsOrder: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    scrollbarColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    scrollbarBorderRightWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    scrollbarBorderTopWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    scrollbarBorderLeftWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    scrollbarBorderBottomWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    scrollbarBorderTopLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    scrollbarBorderTopRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    scrollbarBorderBottomLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    scrollbarBorderBottomRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    scrollbarBorderColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    scrollbarBorderBend: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    zIndex: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    zIndexOffset: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    transformTranslateX: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    transformTranslateY: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    transformTranslateZ: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    transformRotateX: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    transformRotateY: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    transformRotateZ: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    transformScaleX: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    transformScaleY: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    transformScaleZ: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    transformOriginX: z.ZodOptional<z.ZodEnum<{
        center: "center";
        left: "left";
        middle: "middle";
        right: "right";
    }>>;
    transformOriginY: z.ZodOptional<z.ZodEnum<{
        center: "center";
        middle: "middle";
        top: "top";
        bottom: "bottom";
    }>>;
    scrollbarWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    scrollbarZIndex: z.ZodOptional<z.ZodType<import("../transform.js").NumberValue, import("../transform.js").NumberValue, z.core.$ZodTypeInternals<import("../transform.js").NumberValue, import("../transform.js").NumberValue>>>;
    borderTopLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    borderTopRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    borderBottomLeftRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    borderBottomRightRadius: z.ZodOptional<z.ZodType<import("../transform.js").LengthValue, import("../transform.js").LengthValue, z.core.$ZodTypeInternals<import("../transform.js").LengthValue, import("../transform.js").LengthValue>>>;
    backgroundColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    borderColor: z.ZodOptional<z.ZodType<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation, z.core.$ZodTypeInternals<import("../utils.js").ColorRepresentation, import("../utils.js").ColorRepresentation>>>;
    borderBend: z.ZodOptional<z.ZodType<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue, z.core.$ZodTypeInternals<import("../transform.js").NumberOrPercentageValue, import("../transform.js").NumberOrPercentageValue>>>;
    positionType: z.ZodOptional<z.ZodEnum<{
        static: "static";
        relative: "relative";
        absolute: "absolute";
    }>>;
    positionTop: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    positionLeft: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    positionRight: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    positionBottom: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    alignContent: z.ZodOptional<z.ZodEnum<{
        auto: "auto";
        "flex-start": "flex-start";
        center: "center";
        "flex-end": "flex-end";
        stretch: "stretch";
        baseline: "baseline";
        "space-between": "space-between";
        "space-around": "space-around";
        "space-evenly": "space-evenly";
    }>>;
    alignItems: z.ZodOptional<z.ZodEnum<{
        auto: "auto";
        "flex-start": "flex-start";
        center: "center";
        "flex-end": "flex-end";
        stretch: "stretch";
        baseline: "baseline";
        "space-between": "space-between";
        "space-around": "space-around";
        "space-evenly": "space-evenly";
    }>>;
    alignSelf: z.ZodOptional<z.ZodEnum<{
        auto: "auto";
        "flex-start": "flex-start";
        center: "center";
        "flex-end": "flex-end";
        stretch: "stretch";
        baseline: "baseline";
        "space-between": "space-between";
        "space-around": "space-around";
        "space-evenly": "space-evenly";
    }>>;
    flexDirection: z.ZodOptional<z.ZodEnum<{
        column: "column";
        "column-reverse": "column-reverse";
        row: "row";
        "row-reverse": "row-reverse";
    }>>;
    flexWrap: z.ZodOptional<z.ZodEnum<{
        "no-wrap": "no-wrap";
        wrap: "wrap";
        "wrap-reverse": "wrap-reverse";
    }>>;
    justifyContent: z.ZodOptional<z.ZodEnum<{
        "flex-start": "flex-start";
        center: "center";
        "flex-end": "flex-end";
        "space-between": "space-between";
        "space-around": "space-around";
        "space-evenly": "space-evenly";
    }>>;
    marginTop: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    marginLeft: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    marginRight: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    marginBottom: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    flexBasis: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    flexGrow: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
    flexShrink: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
    width: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    height: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
    minWidth: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    minHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    maxWidth: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    maxHeight: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    boxSizing: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
    aspectRatio: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
    borderTopWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    borderLeftWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    borderRightWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    borderBottomWidth: z.ZodOptional<z.ZodType<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue, z.core.$ZodTypeInternals<import("../transform.js").AbsoluteLengthValue, import("../transform.js").AbsoluteLengthValue>>>;
    overflow: z.ZodOptional<z.ZodEnum<{
        visible: "visible";
        hidden: "hidden";
        scroll: "scroll";
    }>>;
    display: z.ZodOptional<z.ZodEnum<{
        flex: "flex";
        none: "none";
        contents: "contents";
    }>>;
    paddingTop: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    paddingLeft: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    paddingRight: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    paddingBottom: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    gapRow: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    gapColumn: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>, z.ZodCustom<`${number}px`, `${number}px`>, z.ZodCustom<`${number}%`, `${number}%`>, z.ZodCustom<import("../index.js").ViewportLengthString, import("../index.js").ViewportLengthString>]>>;
    direction: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
    src: z.ZodOptional<z.ZodUnion<readonly [z.ZodString, z.ZodCustom<Texture, Texture>]>>;
    objectFit: z.ZodOptional<z.ZodEnum<{
        fill: "fill";
        cover: "cover";
    }>>;
    keepAspectRatio: z.ZodOptional<z.ZodBoolean>;
}, z.core.$strict>;
export declare const ImagePropertiesSchema: z.ZodType<import("../index.js").SchemaInProperties<{
    pixelSize?: import("../transform.js").NumberValue | undefined;
    sizeX?: import("../transform.js").AbsoluteLengthValue | undefined;
    sizeY?: import("../transform.js").AbsoluteLengthValue | undefined;
    anchorX?: "center" | "left" | "middle" | "right" | undefined;
    anchorY?: "center" | "middle" | "top" | "bottom" | undefined;
    cursor?: string | undefined;
    id?: string | undefined;
    selectionColor?: import("../utils.js").ColorRepresentation | undefined;
    selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
    selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    caretColor?: import("../utils.js").ColorRepresentation | undefined;
    caretBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderColor?: import("../utils.js").ColorRepresentation | undefined;
    caretBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    onScroll?: ((...args: Array<any>) => any) | undefined;
    onHoverChange?: ((...args: Array<any>) => any) | undefined;
    onActiveChange?: ((...args: Array<any>) => any) | undefined;
    textAlign?: "center" | "left" | "middle" | "right" | "justify" | undefined;
    fill?: import("../utils.js").ColorRepresentation | undefined;
    color?: import("../utils.js").ColorRepresentation | undefined;
    opacity?: import("../transform.js").NumberOrPercentageValue | undefined;
    fontFamily?: string | undefined;
    fontWeight?: number | `${number}` | "bold" | "thin" | "extra-light" | "light" | "normal" | "medium" | "semi-bold" | "extra-bold" | "black" | "extra-black" | undefined;
    fontFamilies?: Record<string, Partial<Record<`${number}` | "bold" | "thin" | "extra-light" | "light" | "normal" | "medium" | "semi-bold" | "extra-bold" | "black" | "extra-black", import("../text/font.js").FontInfoSource>>> | undefined;
    letterSpacing?: import("../transform.js").LengthValue | undefined;
    lineHeight?: import("../transform.js").LengthValue | undefined;
    fontSize?: import("../transform.js").LengthValue | undefined;
    wordBreak?: "keep-all" | "break-all" | "break-word" | undefined;
    whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    tabSize?: import("../transform.js").NumberValue | undefined;
    verticalAlign?: "center" | "middle" | "top" | "bottom" | undefined;
    caretWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    onClick?: ((...args: Array<any>) => any) | undefined;
    onContextMenu?: ((...args: Array<any>) => any) | undefined;
    onDblClick?: ((...args: Array<any>) => any) | undefined;
    onWheel?: ((...args: Array<any>) => any) | undefined;
    onPointerUp?: ((...args: Array<any>) => any) | undefined;
    onPointerDown?: ((...args: Array<any>) => any) | undefined;
    onPointerOver?: ((...args: Array<any>) => any) | undefined;
    onPointerOut?: ((...args: Array<any>) => any) | undefined;
    onPointerEnter?: ((...args: Array<any>) => any) | undefined;
    onPointerLeave?: ((...args: Array<any>) => any) | undefined;
    onPointerMove?: ((...args: Array<any>) => any) | undefined;
    onPointerCancel?: ((...args: Array<any>) => any) | undefined;
    panelMaterialClass?: "glass" | "metal" | "plastic" | import("../index.js").MaterialClass | undefined;
    receiveShadow?: boolean | undefined;
    castShadow?: boolean | undefined;
    depthWrite?: boolean | undefined;
    depthTest?: boolean | undefined;
    renderOrder?: import("../transform.js").NumberValue | undefined;
    visibility?: "visible" | "hidden" | undefined;
    pointerEvents?: "auto" | "none" | "listener" | undefined;
    pointerEventsType?: "all" | ((poinerId: number, pointerType: string, pointerState: unknown) => boolean) | {
        allow: string | string[];
    } | {
        deny: string | string[];
    } | undefined;
    pointerEventsOrder?: import("../transform.js").NumberValue | undefined;
    scrollbarColor?: import("../utils.js").ColorRepresentation | undefined;
    scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    scrollbarBorderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    scrollbarBorderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    scrollbarBorderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    scrollbarBorderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    scrollbarBorderColor?: import("../utils.js").ColorRepresentation | undefined;
    scrollbarBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    zIndex?: import("../transform.js").NumberValue | undefined;
    zIndexOffset?: import("../transform.js").NumberValue | undefined;
    transformTranslateX?: import("../transform.js").LengthValue | undefined;
    transformTranslateY?: import("../transform.js").LengthValue | undefined;
    transformTranslateZ?: import("../transform.js").AbsoluteLengthValue | undefined;
    transformRotateX?: import("../transform.js").NumberValue | undefined;
    transformRotateY?: import("../transform.js").NumberValue | undefined;
    transformRotateZ?: import("../transform.js").NumberValue | undefined;
    transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
    transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
    transformScaleZ?: import("../transform.js").NumberOrPercentageValue | undefined;
    transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
    transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
    scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
    borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    borderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
    borderColor?: import("../utils.js").ColorRepresentation | undefined;
    borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    positionType?: "static" | "relative" | "absolute" | undefined;
    positionTop?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    positionLeft?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    positionRight?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    positionBottom?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    alignContent?: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined;
    alignItems?: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined;
    alignSelf?: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined;
    flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
    flexWrap?: "no-wrap" | "wrap" | "wrap-reverse" | undefined;
    justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
    marginTop?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    marginLeft?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    marginRight?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    marginBottom?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    flexBasis?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    flexGrow?: number | `${number}` | undefined;
    flexShrink?: number | `${number}` | undefined;
    width?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    height?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | "auto" | undefined;
    minWidth?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    minHeight?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    maxWidth?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    maxHeight?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    boxSizing?: number | `${number}` | undefined;
    aspectRatio?: number | `${number}` | undefined;
    borderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    borderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    borderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    borderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    overflow?: "visible" | "hidden" | "scroll" | undefined;
    display?: "flex" | "none" | "contents" | undefined;
    paddingTop?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    paddingLeft?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    paddingRight?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    paddingBottom?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    gapRow?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    gapColumn?: number | `${number}` | `${number}%` | `${number}px` | import("../index.js").ViewportLengthString | undefined;
    direction?: number | `${number}` | undefined;
    src?: string | Texture | undefined;
    objectFit?: "fill" | "cover" | undefined;
    keepAspectRatio?: boolean | undefined;
}>, import("../index.js").SchemaInProperties<{
    pixelSize?: import("../transform.js").NumberValue | undefined;
    sizeX?: import("../transform.js").AbsoluteLengthValue | undefined;
    sizeY?: import("../transform.js").AbsoluteLengthValue | undefined;
    anchorX?: "center" | "left" | "middle" | "right" | undefined;
    anchorY?: "center" | "middle" | "top" | "bottom" | undefined;
    cursor?: string | undefined;
    id?: string | undefined;
    selectionColor?: import("../utils.js").ColorRepresentation | undefined;
    selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    selectionBorderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
    selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    caretColor?: import("../utils.js").ColorRepresentation | undefined;
    caretBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    caretBorderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderTopRightRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderBottomRightRadius?: import("../transform.js").LengthValue | undefined;
    caretBorderColor?: import("../utils.js").ColorRepresentation | undefined;
    caretBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
    onScroll?: ((...args: Array<any>) => any) | undefined;
    onHoverChange?: ((...args: Array<any>) => any) | undefined;
    onActiveChange?: ((...args: Array<any>) => any) | undefined;
    textAlign?: "center" | "left" | "middle" | "right" | "justify" | undefined;
    fill?: import("../utils.js").ColorRepresentation | undefined;
    color?: import("../utils.js").ColorRepresentation | undefined;
    opacity?: import("../transform.js").NumberOrPercentageValue | undefined;
    fontFamily?: string | undefined;
    fontWeight?: number | `${number}` | "bold" | "thin" | "extra-light" | "light" | "normal" | "medium" | "semi-bold" | "extra-bold" | "black" | "extra-black" | undefined;
    fontFamilies?: Record<string, Partial<Record<`${number}` | "bold" | "thin" | "extra-light" | "light" | "normal" | "medium" | "semi-bold" | "extra-bold" | "black" | "extra-black", import("../text/font.js").FontInfoSource>>> | undefined;
    letterSpacing?: import("../transform.js").LengthValue | undefined;
    lineHeight?: import("../transform.js").LengthValue | undefined;
    fontSize?: import("../transform.js").LengthValue | undefined;
    wordBreak?: "keep-all" | "break-all" | "break-word" | undefined;
    whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    tabSize?: import("../transform.js").NumberValue | undefined;
    verticalAlign?: "center" | "middle" | "top" | "bottom" | undefined;
    caretWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
    onClick?: ((...args: Array<any>) => any) | undefined;
    onContextMenu?: ((...args: Array<any>) => any) | undefined;
    onDblClick?: ((...args: Array<any>) => any) | undefined;
    onWheel?: ((...args: Array<any>) => any) | undefined;
    onPointerUp?: ((...args: Array<any>) => any) | undefined;
    onPointerDown?: ((...args: Array<any>) => any) | undefined;
    onPointerOver?: ((...args: Array<any>) => any) | undefined;
    onPointerOut?: ((...args: Array<any>) => any) | undefined;
    onPointerEnter?: ((...args: Array<any>) => any) | undefined;
    onPointerLeave?: ((...args: Array<any>) => any) | undefined;
    onPointerMove?: ((...args: Array<any>) => any) | undefined;
    onPointerCancel?: ((...args: Array<any>) => any) | undefined;
    panelMaterialClass?: "glass" | "metal" | "plastic" | import("../index.js").M