export declare const ComponentPropertiesSchemas: {
    readonly Container: import("zod").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;
    }>, 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;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
    }>, 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;
    }>>>;
    readonly Content: import("zod").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;
        depthAlign?: "center" | "middle" | "back" | "front" | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        depthAlign?: "center" | "middle" | "back" | "front" | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>>>;
    readonly Custom: import("zod").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;
    }>, 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;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
    }>, 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;
    }>>>;
    readonly Fullscreen: import("zod").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;
        distanceToCamera?: import("../transform.js").NumberValue | 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").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;
        distanceToCamera?: import("../transform.js").NumberValue | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        distanceToCamera?: import("../transform.js").NumberValue | 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").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;
        distanceToCamera?: import("../transform.js").NumberValue | undefined;
    }>>>;
    readonly Image: import("zod").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 | import("three").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").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 | import("three").Texture | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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 | import("three").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").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 | import("three").Texture | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>>>;
    readonly Input: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>>>;
    readonly Svg: import("zod").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | undefined;
    }>>>;
    readonly Text: import("zod").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;
        text?: unknown;
    }>, 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;
        text?: unknown;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        text?: unknown;
    }>, 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;
        text?: unknown;
    }>>>;
    readonly Textarea: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>>>;
    readonly Video: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>>>;
};
export declare const componentSchemas: {
    readonly Container: import("zod").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;
    }>, 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;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
    }>, 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;
    }>>>;
    readonly Content: import("zod").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;
        depthAlign?: "center" | "middle" | "back" | "front" | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        depthAlign?: "center" | "middle" | "back" | "front" | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>>>;
    readonly Custom: import("zod").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;
    }>, 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;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
    }>, 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;
    }>>>;
    readonly Fullscreen: import("zod").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;
        distanceToCamera?: import("../transform.js").NumberValue | 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").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;
        distanceToCamera?: import("../transform.js").NumberValue | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        distanceToCamera?: import("../transform.js").NumberValue | 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").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;
        distanceToCamera?: import("../transform.js").NumberValue | undefined;
    }>>>;
    readonly Image: import("zod").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 | import("three").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").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 | import("three").Texture | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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 | import("three").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").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 | import("three").Texture | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
    }>>>;
    readonly Input: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>>>;
    readonly Svg: import("zod").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | 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").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;
        depthAlign?: "center" | "middle" | "back" | "front" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | undefined;
        content?: string | undefined;
    }>>>;
    readonly Text: import("zod").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;
        text?: unknown;
    }>, 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;
        text?: unknown;
    }>, import("zod/v4/core").$ZodTypeInternals<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;
        text?: unknown;
    }>, 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;
        text?: unknown;
    }>>>;
    readonly Textarea: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        placeholder?: string | undefined;
        defaultValue?: string | undefined;
        value?: string | undefined;
        disabled?: boolean | undefined;
        tabIndex?: import("../transform.js").NumberValue | undefined;
        autocomplete?: string | undefined;
        type?: "number" | "text" | "password" | undefined;
        onValueChange?: ((...args: Array<any>) => any) | undefined;
        onFocusChange?: ((...args: Array<any>) => any) | undefined;
        whiteSpace?: "normal" | "collapse" | "pre" | "pre-line" | undefined;
    }>>>;
    readonly Video: import("zod").ZodType<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("zod/v4/core").$ZodTypeInternals<import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>, import("../index.js").SchemaInProperties<{
        fill?: import("../utils.js").ColorRepresentation | undefined;
        id?: string | 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;
        borderTopLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderTopRightRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomLeftRadius?: import("../transform.js").LengthValue | undefined;
        borderBottomRightRadius?: import("../transform.js").LengthValue | 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;
        scrollbarBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        transformScaleX?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleY?: import("../transform.js").NumberOrPercentageValue | undefined;
        transformScaleZ?: import("../transform.js").NumberOrPercentageValue | 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;
        caretBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        caretBorderRightWidth?: 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;
        selectionBorderBottomWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderTopWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderLeftWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        selectionBorderRightWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        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;
        selectionColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderColor?: import("../utils.js").ColorRepresentation | undefined;
        selectionBorderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        caretColor?: import("../utils.js").ColorRepresentation | 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;
        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;
        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;
        transformOriginX?: "center" | "left" | "middle" | "right" | undefined;
        transformOriginY?: "center" | "middle" | "top" | "bottom" | undefined;
        scrollbarWidth?: import("../transform.js").AbsoluteLengthValue | undefined;
        scrollbarZIndex?: import("../transform.js").NumberValue | undefined;
        backgroundColor?: import("../utils.js").ColorRepresentation | undefined;
        borderColor?: import("../utils.js").ColorRepresentation | undefined;
        borderBend?: import("../transform.js").NumberOrPercentageValue | undefined;
        objectFit?: "fill" | "cover" | undefined;
        keepAspectRatio?: boolean | undefined;
        src?: string | HTMLVideoElement | MediaProvider | undefined;
        volume?: import("../transform.js").NumberValue | undefined;
        preservesPitch?: boolean | undefined;
        playbackRate?: import("../transform.js").NumberValue | undefined;
        muted?: boolean | undefined;
        loop?: boolean | undefined;
        autoplay?: boolean | undefined;
        crossOrigin?: string | null | undefined;
    }>>>;
};
export type ComponentSchemaName = keyof typeof ComponentPropertiesSchemas;