@pmndrs/uikit
Version:
Build performant 3D user interfaces with Three.js and yoga.
566 lines • 52.4 kB
TypeScript
import type { z } from 'zod';
import type { ReadonlySignal } from '@preact/signals-core';
import type { AddAllAliases } from './alias.js';
import type { ColorRepresentation } from '../utils.js';
import type { MaterialClass } from '../panel/index.js';
import { type AbsoluteLengthValue, type LengthValue, type NumberOrPercentageValue, type NumberValue, type ViewportLengthString } from './values.js';
export declare function defineSchema<T>(create: () => T): T;
declare const conditionals: readonly ["dark", "hover", "active", "focus", "placeholderStyle", "important", "sm", "md", "lg", "xl", "2xl"];
export declare const functionSchema: z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>;
export declare const instanceSchema: <T>(name: string, ctor: {
new (...args: Array<any>): T;
}) => z.ZodCustom<T, T>;
export declare const numberStringSchema: z.ZodCustom<`${number}`, `${number}`>;
export declare const percentageStringSchema: z.ZodCustom<`${number}%`, `${number}%`>;
export declare const pixelLengthStringSchema: z.ZodCustom<`${number}px`, `${number}px`>;
export declare const viewportLengthStringSchema: z.ZodCustom<ViewportLengthString, ViewportLengthString>;
export declare const numberValueSchema: z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>;
export declare const absoluteLengthValueSchema: z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>;
export declare const lengthValueSchema: z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>;
export declare const numberOrPercentageValueSchema: z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>;
export type SchemaPropertyValue<T> = T | undefined | 'initial' | ReadonlySignal<T | undefined | 'initial'>;
export type SchemaLayerProperties<OutProperties extends object> = AddAllAliases<{
[Key in keyof OutProperties]?: SchemaPropertyValue<OutProperties[Key]>;
}>;
export type SchemaInProperties<OutProperties extends object> = SchemaLayerProperties<OutProperties> & {
'*'?: SchemaInProperties<OutProperties>;
} & {
[Key in (typeof conditionals)[number]]?: SchemaInProperties<OutProperties>;
};
export declare function createInPropertiesSchema<T extends z.ZodRawShape>(outSchema: z.ZodObject<T>): z.ZodType<SchemaInProperties<z.output<z.ZodObject<T>>>, SchemaInProperties<z.input<z.ZodObject<T>>>>;
export declare const baseOutPropertyShape: {
readonly pixelSize: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly sizeX: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly sizeY: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly anchorX: z.ZodOptional<z.ZodEnum<{
center: "center";
left: "left";
middle: "middle";
right: "right";
}>>;
readonly anchorY: z.ZodOptional<z.ZodEnum<{
center: "center";
middle: "middle";
top: "top";
bottom: "bottom";
}>>;
readonly cursor: z.ZodOptional<z.ZodString>;
readonly id: z.ZodOptional<z.ZodString>;
readonly selectionColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly selectionBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly selectionBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly selectionBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly selectionBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly selectionBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly selectionBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly selectionBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly selectionBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly selectionBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly selectionBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly caretColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly caretBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly caretBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly caretBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly caretBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly caretBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly caretBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly caretBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly caretBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly caretBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly caretBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly onScroll: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onHoverChange: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onActiveChange: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly textAlign: z.ZodOptional<z.ZodEnum<{
center: "center";
left: "left";
middle: "middle";
right: "right";
justify: "justify";
}>>;
readonly fill: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly color: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly opacity: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly fontFamily: z.ZodOptional<z.ZodString>;
readonly 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}`>]>>;
readonly 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>>>>>;
readonly letterSpacing: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly lineHeight: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly fontSize: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly wordBreak: z.ZodOptional<z.ZodEnum<{
"keep-all": "keep-all";
"break-all": "break-all";
"break-word": "break-word";
}>>;
readonly whiteSpace: z.ZodOptional<z.ZodEnum<{
normal: "normal";
collapse: "collapse";
pre: "pre";
"pre-line": "pre-line";
}>>;
readonly tabSize: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly verticalAlign: z.ZodOptional<z.ZodEnum<{
center: "center";
middle: "middle";
top: "top";
bottom: "bottom";
}>>;
readonly caretWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly onClick: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onContextMenu: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onDblClick: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onWheel: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerUp: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerDown: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerOver: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerOut: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerEnter: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerLeave: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerMove: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly onPointerCancel: z.ZodOptional<z.ZodCustom<(...args: Array<any>) => any, (...args: Array<any>) => any>>;
readonly panelMaterialClass: z.ZodOptional<z.ZodUnion<readonly [z.ZodEnum<{
glass: "glass";
metal: "metal";
plastic: "plastic";
}>, z.ZodType<MaterialClass, MaterialClass, z.core.$ZodTypeInternals<MaterialClass, MaterialClass>>]>>;
readonly receiveShadow: z.ZodOptional<z.ZodBoolean>;
readonly castShadow: z.ZodOptional<z.ZodBoolean>;
readonly depthWrite: z.ZodOptional<z.ZodBoolean>;
readonly depthTest: z.ZodOptional<z.ZodBoolean>;
readonly renderOrder: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly visibility: z.ZodOptional<z.ZodEnum<{
visible: "visible";
hidden: "hidden";
}>>;
readonly pointerEvents: z.ZodOptional<z.ZodEnum<{
auto: "auto";
none: "none";
listener: "listener";
}>>;
readonly 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>]>>;
readonly pointerEventsOrder: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly scrollbarColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly scrollbarBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly scrollbarBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly scrollbarBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly scrollbarBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly scrollbarBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly scrollbarBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly scrollbarBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly scrollbarBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly scrollbarBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly scrollbarBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly zIndex: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly zIndexOffset: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly transformTranslateX: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly transformTranslateY: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly transformTranslateZ: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly transformRotateX: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly transformRotateY: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly transformRotateZ: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly transformScaleX: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly transformScaleY: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly transformScaleZ: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly transformOriginX: z.ZodOptional<z.ZodEnum<{
center: "center";
left: "left";
middle: "middle";
right: "right";
}>>;
readonly transformOriginY: z.ZodOptional<z.ZodEnum<{
center: "center";
middle: "middle";
top: "top";
bottom: "bottom";
}>>;
readonly scrollbarWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly scrollbarZIndex: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
readonly borderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly borderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly borderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly borderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
readonly backgroundColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly borderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
readonly borderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
readonly positionType: z.ZodOptional<z.ZodEnum<{
static: "static";
relative: "relative";
absolute: "absolute";
}>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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";
}>>;
readonly 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";
}>>;
readonly 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";
}>>;
readonly flexDirection: z.ZodOptional<z.ZodEnum<{
column: "column";
"column-reverse": "column-reverse";
row: "row";
"row-reverse": "row-reverse";
}>>;
readonly flexWrap: z.ZodOptional<z.ZodEnum<{
"no-wrap": "no-wrap";
wrap: "wrap";
"wrap-reverse": "wrap-reverse";
}>>;
readonly 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";
}>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly flexGrow: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
readonly flexShrink: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>, z.ZodLiteral<"auto">]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly boxSizing: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
readonly aspectRatio: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
readonly borderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly borderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly borderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly borderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
readonly overflow: z.ZodOptional<z.ZodEnum<{
visible: "visible";
hidden: "hidden";
scroll: "scroll";
}>>;
readonly display: z.ZodOptional<z.ZodEnum<{
flex: "flex";
none: "none";
contents: "contents";
}>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly 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<ViewportLengthString, ViewportLengthString>]>>;
readonly direction: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodCustom<`${number}`, `${number}`>]>>;
};
export declare const baseOutPropertiesSchema: z.ZodObject<{
pixelSize: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
sizeX: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
sizeY: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, 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<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
selectionBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
selectionBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
selectionBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
selectionBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
selectionBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
selectionBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
selectionBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
selectionBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
selectionBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
selectionBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
caretColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
caretBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
caretBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
caretBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
caretBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
caretBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
caretBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
caretBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
caretBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
caretBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
caretBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, 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<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
color: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
opacity: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, 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<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
lineHeight: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
fontSize: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, 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<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
verticalAlign: z.ZodOptional<z.ZodEnum<{
center: "center";
middle: "middle";
top: "top";
bottom: "bottom";
}>>;
caretWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, 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<MaterialClass, MaterialClass, z.core.$ZodTypeInternals<MaterialClass, 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<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, 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<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
scrollbarColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
scrollbarBorderRightWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
scrollbarBorderTopWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
scrollbarBorderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
scrollbarBorderBottomWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
scrollbarBorderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
scrollbarBorderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
scrollbarBorderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
scrollbarBorderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
scrollbarBorderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
scrollbarBorderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
zIndex: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
zIndexOffset: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
transformTranslateX: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
transformTranslateY: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
transformTranslateZ: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
transformRotateX: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
transformRotateY: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
transformRotateZ: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
transformScaleX: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
transformScaleY: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, NumberOrPercentageValue>>>;
transformScaleZ: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, 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<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
scrollbarZIndex: z.ZodOptional<z.ZodType<NumberValue, NumberValue, z.core.$ZodTypeInternals<NumberValue, NumberValue>>>;
borderTopLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
borderTopRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
borderBottomLeftRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
borderBottomRightRadius: z.ZodOptional<z.ZodType<LengthValue, LengthValue, z.core.$ZodTypeInternals<LengthValue, LengthValue>>>;
backgroundColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
borderColor: z.ZodOptional<z.ZodType<ColorRepresentation, ColorRepresentation, z.core.$ZodTypeInternals<ColorRepresentation, ColorRepresentation>>>;
borderBend: z.ZodOptional<z.ZodType<NumberOrPercentageValue, NumberOrPercentageValue, z.core.$ZodTypeInternals<NumberOrPercentageValue, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<ViewportLengthString, 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<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInternals<AbsoluteLengthValue, AbsoluteLengthValue>>>;
borderLeftWidth: z.ZodOptional<z.ZodType<AbsoluteLengthValue, AbsoluteLengthValue, z.core.$ZodTypeInt