@pmndrs/uikit

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