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