import { BaseOutProperties, Image, ImageProperties, InProperties, RenderContext, WithSignal } from '@pmndrs/uikit'; import { Signal } from '@preact/signals-core'; import { ColorRepresentation, Texture } from 'three'; /** * Properties for initializing a UIImage. * Extends standard \@pmndrs/uikit ImageProperties with tint color overlays. */ export type UIImageProperties = ImageProperties & { /** Optional tint color overlay representation (HEX, CSS, or THREE.Color) */ color?: ColorRepresentation | Signal; }; export type UIImageSrc = string | Texture | Signal | undefined; declare const UIImage_base: { new (...args: any[]): { onUpdate?: (() => void) | undefined; update(): void; ux: import("xrblocks").UX; isXRScript: boolean; init(_?: object): void | Promise; initPhysics(_physics: import("xrblocks").Physics): void | Promise; physicsStep(): void; onXRSessionStarted(_session?: XRSession): void; onXRSessionEnded(): void; onSimulatorStarted(): void; onSelectStart(_event: import("xrblocks").SelectEvent): void; onSelectEnd(_event: import("xrblocks").SelectEvent): void; onSelect(_event: import("xrblocks").SelectEvent): void; onSelecting(_event: import("xrblocks").SelectEvent): void; onKeyDown(_event: import("xrblocks").KeyEvent): void; onKeyUp(_event: import("xrblocks").KeyEvent): void; onSqueezeStart(_event: import("xrblocks").SelectEvent): void; onSqueezeEnd(_event: import("xrblocks").SelectEvent): void; onSqueezing(_event: import("xrblocks").SelectEvent): void; onSqueeze(_event: import("xrblocks").SelectEvent): void; onObjectSelectStart(_event: import("xrblocks").SelectEvent): boolean | void; onObjectSelectEnd(_event: import("xrblocks").SelectEvent): boolean | void; onHoverEnter(_controller: import("three").Object3D): boolean | void; onHoverExit(_controller: import("three").Object3D): boolean | void; onHovering(_controller: import("three").Object3D): boolean | void; onObjectTouchStart(_event: import("xrblocks").ObjectTouchEvent): void; onObjectTouching(_event: import("xrblocks").ObjectTouchEvent): void; onObjectTouchEnd(_event: import("xrblocks").ObjectTouchEvent): void; onObjectGrabStart(_event: import("xrblocks").ObjectGrabEvent): void; onObjectGrabbing(_event: import("xrblocks").ObjectGrabEvent): void; onObjectGrabEnd(_event: import("xrblocks").ObjectGrabEvent): void; dispose(): void; readonly isObject3D: true; readonly id: number; uuid: string; name: string; readonly type: string; parent: import("three").Object3D | null; children: import("three").Object3D[]; up: import("three").Vector3; readonly position: import("three").Vector3; readonly rotation: import("three").Euler; readonly quaternion: import("three").Quaternion; readonly scale: import("three").Vector3; readonly modelViewMatrix: import("three").Matrix4; readonly normalMatrix: import("three").Matrix3; matrix: import("three").Matrix4; matrixWorld: import("three").Matrix4; matrixAutoUpdate: boolean; matrixWorldAutoUpdate: boolean; matrixWorldNeedsUpdate: boolean; layers: import("three").Layers; visible: boolean; castShadow: boolean; receiveShadow: boolean; frustumCulled: boolean; renderOrder: number; animations: import("three").AnimationClip[]; userData: Record; customDepthMaterial?: import("three").Material | undefined; customDistanceMaterial?: import("three").Material | undefined; onBeforeShadow: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) & ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void); onAfterShadow: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void) & ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, shadowCamera: import("three").Camera, geometry: import("three").BufferGeometry, depthMaterial: import("three").Material, group: import("three").Group) => void); onBeforeRender: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) & ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void); onAfterRender: ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void) & ((renderer: import("three").WebGLRenderer, scene: import("three").Scene, camera: import("three").Camera, geometry: import("three").BufferGeometry, material: import("three").Material, group: import("three").Group) => void); applyMatrix4: ((matrix: import("three").Matrix4) => void) & ((matrix: import("three").Matrix4) => void); applyQuaternion: ((quaternion: import("three").Quaternion) => any) & ((quaternion: import("three").Quaternion) => /*elided*/ any); setRotationFromAxisAngle: ((axis: import("three").Vector3, angle: number) => void) & ((axis: import("three").Vector3, angle: number) => void); setRotationFromEuler: ((euler: import("three").Euler) => void) & ((euler: import("three").Euler) => void); setRotationFromMatrix: ((m: import("three").Matrix4) => void) & ((m: import("three").Matrix4) => void); setRotationFromQuaternion: ((q: import("three").Quaternion) => void) & ((q: import("three").Quaternion) => void); rotateOnAxis: ((axis: import("three").Vector3, angle: number) => any) & ((axis: import("three").Vector3, angle: number) => /*elided*/ any); rotateOnWorldAxis: ((axis: import("three").Vector3, angle: number) => any) & ((axis: import("three").Vector3, angle: number) => /*elided*/ any); rotateX: ((angle: number) => any) & ((angle: number) => /*elided*/ any); rotateY: ((angle: number) => any) & ((angle: number) => /*elided*/ any); rotateZ: ((angle: number) => any) & ((angle: number) => /*elided*/ any); translateOnAxis: ((axis: import("three").Vector3, distance: number) => any) & ((axis: import("three").Vector3, distance: number) => /*elided*/ any); translateX: ((distance: number) => any) & ((distance: number) => /*elided*/ any); translateY: ((distance: number) => any) & ((distance: number) => /*elided*/ any); translateZ: ((distance: number) => any) & ((distance: number) => /*elided*/ any); localToWorld: ((vector: import("three").Vector3) => import("three").Vector3) & ((vector: import("three").Vector3) => import("three").Vector3); worldToLocal: ((vector: import("three").Vector3) => import("three").Vector3) & ((vector: import("three").Vector3) => import("three").Vector3); lookAt: { (vector: import("three").Vector3): void; (x: number, y: number, z: number): void; } & { (vector: import("three").Vector3): void; (x: number, y: number, z: number): void; }; add: ((...object: import("three").Object3D[]) => any) & ((...object: import("three").Object3D[]) => /*elided*/ any); remove: ((...object: import("three").Object3D[]) => any) & ((...object: import("three").Object3D[]) => /*elided*/ any); removeFromParent: (() => any) & (() => /*elided*/ any); clear: (() => any) & (() => /*elided*/ any); attach: ((object: import("three").Object3D) => any) & ((object: import("three").Object3D) => /*elided*/ any); getObjectById: ((id: number) => import("three").Object3D | undefined) & ((id: number) => import("three").Object3D | undefined); getObjectByName: ((name: string) => import("three").Object3D | undefined) & ((name: string) => import("three").Object3D | undefined); getObjectByProperty: ((name: string, value: any) => import("three").Object3D | undefined) & ((name: string, value: any) => import("three").Object3D | undefined); getObjectsByProperty: ((name: string, value: any, optionalTarget?: import("three").Object3D[]) => import("three").Object3D[]) & ((name: string, value: any, optionalTarget?: import("three").Object3D[]) => import("three").Object3D[]); getWorldPosition: ((target: import("three").Vector3) => import("three").Vector3) & ((target: import("three").Vector3) => import("three").Vector3); getWorldQuaternion: ((target: import("three").Quaternion) => import("three").Quaternion) & ((target: import("three").Quaternion) => import("three").Quaternion); getWorldScale: ((target: import("three").Vector3) => import("three").Vector3) & ((target: import("three").Vector3) => import("three").Vector3); getWorldDirection: ((target: import("three").Vector3) => import("three").Vector3) & ((target: import("three").Vector3) => import("three").Vector3); raycast: ((raycaster: import("three").Raycaster, intersects: import("three").Intersection[]) => void) & ((raycaster: import("three").Raycaster, intersects: import("three").Intersection[]) => void); traverse: ((callback: (object: import("three").Object3D) => any) => void) & ((callback: (object: import("three").Object3D) => any) => void); traverseVisible: ((callback: (object: import("three").Object3D) => any) => void) & ((callback: (object: import("three").Object3D) => any) => void); traverseAncestors: ((callback: (object: import("three").Object3D) => any) => void) & ((callback: (object: import("three").Object3D) => any) => void); updateMatrix: (() => void) & (() => void); updateMatrixWorld: ((force?: boolean) => void) & ((force?: boolean) => void); updateWorldMatrix: ((updateParents: boolean, updateChildren: boolean) => void) & ((updateParents: boolean, updateChildren: boolean) => void); toJSON: ((meta?: import("three").JSONMeta) => import("three").Object3DJSON) & ((meta?: import("three").JSONMeta) => import("three").Object3DJSON); clone: ((recursive?: boolean) => any) & ((recursive?: boolean) => /*elided*/ any); copy: ((object: import("three").Object3D, recursive?: boolean) => any) & ((object: import("three").Object3D, recursive?: boolean) => /*elided*/ any); count?: number | undefined; occlusionTest?: boolean | undefined; static?: boolean | undefined; addEventListener: ((type: T, listener: import("three").EventListener) => void) & ((type: T, listener: import("three").EventListener) => void); hasEventListener: ((type: T, listener: import("three").EventListener) => boolean) & ((type: T, listener: import("three").EventListener) => boolean); removeEventListener: ((type: T, listener: import("three").EventListener) => void) & ((type: T, listener: import("three").EventListener) => void); dispatchEvent: ((event: import("three").BaseEvent & import("three").Object3DEventMap[T]) => void) & ((event: import("three").BaseEvent & import("three").Object3DEventMap[T]) => void); spherecast?(sphere: import("three").Sphere, intersects: Array): void; intersectChildren?: boolean; interactableDescendants?: Array; ancestorsHaveListeners?: boolean; defaultPointerEvents?: import("@pmndrs/uikit/dist/panel").PointerEventsProperties["pointerEvents"]; pointerEvents?: "none" | "auto" | "listener"; pointerEventsType?: import("@pmndrs/uikit/dist/panel").AllowedPointerEventsType; pointerEventsOrder?: number; }; } & typeof Image; /** * UIImage * A wrapper component for rendering layout mapped static 2D images or textures. * Inherits from standard \@pmndrs/uikit `Image` and overrides updates to correctly sync responsive standard layouts over to internal basic map items properly. */ export declare class UIImage extends UIImage_base { name: string; /** * Constructs a new UIImage. * Forces reactivity chains maintaining material transparencies against opacity changes via internal signals accurately. * * @param src - The visual source mapping (URL string, Texture, or Signal). * @param properties - Optional layout, sizing, and styling properties overriding defaults. * @param initialClasses - Optional styling class array identifiers for batch design applying rules. * @param config - Optional render contexts or template static mappings defaults triggers. */ constructor(src: UIImageSrc, properties?: UIImageProperties, initialClasses?: Array | string>, config?: { renderContext?: RenderContext; defaultOverrides?: UIImageProperties; defaults?: WithSignal; }); /** Updates the visual src binding (URL string or THREE.Texture). */ setSrc(src: UIImageSrc): void; /** Updates optional tint overlay color dynamically. */ setColor(color: ColorRepresentation): void; /** Updates image opacity (0.0 - 1.0) on underlying material setup. */ setOpacity(opacity: number): void; /** Updates edge corner curves of the bounding layout mapping setup. */ setBorderRadius(borderRadius: number): void; } export {};