@react-three/drei 10.8.0-alpha.1 → 11.0.0-alpha.1

package/core/core/index.d.mts

@@ -1,4 +1,4 @@
-import * as React$1 from "react";
+import * as React from "react";
 import { CSSProperties, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
 import * as FIBER from "@react-three/fiber";
 import { Color, ComputeFunction, Euler, ObjectMap, ReactThreeFiber, ThreeElement, ThreeElements, ThreeEvent, Vector2, Vector3 } from "@react-three/fiber";
@@ -252,7 +252,7 @@ type RenderTextureProps = Omit<ThreeElements['texture'], 'ref' | 'args'> & {
   eventPriority?: number;
   frames?: number;
   compute?: (event: any, state: any, previous: any) => false | undefined;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
 };
 declare const RenderTexture: ForwardRefComponent<RenderTextureProps, THREE$1.Texture>;
 //#endregion
@@ -288,7 +288,7 @@ type CubeCameraOptions = {
   fog?: Fog | FogExp2;
 };
 type CubeCameraProps = Omit<ThreeElements['group'], 'children'> & {
-  children?: (tex: Texture$2) => React$1.ReactNode;
+  children?: (tex: Texture$2) => React.ReactNode;
   frames?: number;
 } & CubeCameraOptions;
 declare function useCubeCamera({
@@ -311,13 +311,13 @@ declare function CubeCamera({
   envMap,
   fog,
   ...props
-}: CubeCameraProps): React$1.JSX.Element;
+}: CubeCameraProps): React.JSX.Element;
 //#endregion
 //#region src/core/Cameras/OrthographicCamera/OrthographicCamera.d.ts
 type OrthographicCameraProps = Omit<ThreeElements['orthographicCamera'], 'ref' | 'children'> & {
   makeDefault?: boolean;
   manual?: boolean;
-  children?: React$1.ReactNode | ((texture: THREE$1.Texture) => React$1.ReactNode);
+  children?: React.ReactNode | ((texture: THREE$1.Texture) => React.ReactNode);
   frames?: number;
   resolution?: number;
   envMap?: THREE$1.Texture;
@@ -328,7 +328,7 @@ declare const OrthographicCamera: ForwardRefComponent<OrthographicCameraProps, O
 type PerspectiveCameraProps = Omit<ThreeElements['perspectiveCamera'], 'ref' | 'children'> & {
   makeDefault?: boolean;
   manual?: boolean;
-  children?: React$1.ReactNode | ((texture: THREE$1.Texture) => React$1.ReactNode);
+  children?: React.ReactNode | ((texture: THREE$1.Texture) => React.ReactNode);
   frames?: number;
   resolution?: number;
   envMap?: THREE$1.Texture;
@@ -366,7 +366,7 @@ type DragControlsProps = {
   onDragStart?: (origin: THREE$1.Vector3) => void;
   onDrag?: (localMatrix: THREE$1.Matrix4, deltaLocalMatrix: THREE$1.Matrix4, worldMatrix: THREE$1.Matrix4, deltaWorldMatrix: THREE$1.Matrix4) => void;
   onDragEnd?: () => void;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   dragConfig?: DragConfig;
 };
 declare const DragControls: ForwardRefComponent<DragControlsProps, THREE$1.Group>;
@@ -408,7 +408,7 @@ type KeyboardControlsEntry<T extends string = string> = {
 };
 type KeyboardControlsProps = {
   map: KeyboardControlsEntry[];
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   onChange?: (name: string, pressed: boolean, state: KeyboardControlsState) => void;
   domElement?: HTMLElement;
 };
@@ -417,7 +417,7 @@ declare function KeyboardControls({
   children,
   onChange,
   domElement
-}: KeyboardControlsProps): React$1.JSX.Element;
+}: KeyboardControlsProps): React.JSX.Element;
 type Selector<T extends string = string> = (state: KeyboardControlsState<T>) => boolean;
 declare function useKeyboardControls<T extends string = string>(): [StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['subscribe'], StoreApiWithSubscribeWithSelector<KeyboardControlsState<T>>['getState']];
 declare function useKeyboardControls<T extends string = string>(sel: Selector<T>): ReturnType<Selector<T>>;
@@ -439,8 +439,8 @@ type MotionPathProps = ThreeElements['group'] & {
   curves?: THREE$1.Curve<THREE$1.Vector3>[];
   debug?: boolean;
   debugColor?: THREE$1.ColorRepresentation;
-  object?: React$1.RefObject<THREE$1.Object3D>;
-  focus?: [x: number, y: number, z: number] | React$1.RefObject<THREE$1.Object3D>;
+  object?: React.RefObject<THREE$1.Object3D>;
+  focus?: [x: number, y: number, z: number] | React.RefObject<THREE$1.Object3D>;
   loop?: boolean;
   offset?: number;
   smooth?: boolean | number;
@@ -452,8 +452,8 @@ type MotionPathProps = ThreeElements['group'] & {
 type MotionState = {
   current: number;
   path: THREE$1.CurvePath<THREE$1.Vector3>;
-  focus: React$1.RefObject<THREE$1.Object3D> | [x: number, y: number, z: number] | undefined;
-  object: React$1.RefObject<THREE$1.Object3D>;
+  focus: React.RefObject<THREE$1.Object3D> | [x: number, y: number, z: number] | undefined;
+  object: React.RefObject<THREE$1.Object3D>;
   offset: number;
   point: THREE$1.Vector3;
   tangent: THREE$1.Vector3;
@@ -463,7 +463,7 @@ type MotionPathRef = THREE$1.Group & {
   motion: MotionState;
 };
 declare function useMotion(): MotionState;
-declare const MotionPathControls: React$1.ForwardRefExoticComponent<Omit<MotionPathProps, "ref"> & React$1.RefAttributes<MotionPathRef>>;
+declare const MotionPathControls: React.ForwardRefExoticComponent<Omit<MotionPathProps, "ref"> & React.RefAttributes<MotionPathRef>>;
 //#endregion
 //#region src/core/Controls/OrbitControls/OrbitControls.d.ts
 type ExtractCallback<T, E extends string> = T extends {
@@ -509,7 +509,7 @@ type PresentationControlProps = {
   azimuth?: [number, number];
   damping?: number;
   enabled?: boolean;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   domElement?: HTMLElement;
 };
 declare function PresentationControls({
@@ -525,7 +525,7 @@ declare function PresentationControls({
   polar,
   azimuth,
   damping
-}: PresentationControlProps): React$1.JSX.Element;
+}: PresentationControlProps): React.JSX.Element;
 //#endregion
 //#region src/core/Controls/ScrollControls/ScrollControls.d.ts
 type ScrollControlsProps = {
@@ -538,8 +538,8 @@ type ScrollControlsProps = {
   maxSpeed?: number;
   prepend?: boolean;
   enabled?: boolean;
-  style?: React$1.CSSProperties;
-  children: React$1.ReactNode;
+  style?: React.CSSProperties;
+  children: React.ReactNode;
 };
 type ScrollControlsState = {
   el: HTMLDivElement;
@@ -568,16 +568,16 @@ declare function ScrollControls({
   prepend,
   style,
   children
-}: ScrollControlsProps): React$1.JSX.Element;
+}: ScrollControlsProps): React.JSX.Element;
 interface ScrollPropsWithFalseHtml {
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   html?: false;
   style?: never;
 }
 interface ScrollPropsWithTrueHtml {
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   html: true;
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 type ScrollProps = ScrollPropsWithFalseHtml | ScrollPropsWithTrueHtml;
 declare const Scroll: ForwardRefComponent<ScrollProps, THREE$1.Group & HTMLDivElement>;
@@ -624,7 +624,7 @@ type CloudState = {
   position: Vector3$2;
   volume: number;
   length: number;
-  ref: React$1.RefObject<Group>;
+  ref: React.RefObject<Group>;
   speed: number;
   growth: number;
   opacity: number;
@@ -660,9 +660,9 @@ type CloudProps = Omit<ThreeElements['group'], 'ref'> & {
   opacity?: number;
   color?: ReactThreeFiber.Color;
 };
-declare const Clouds: React$1.ForwardRefExoticComponent<Omit<CloudsProps, "ref"> & React$1.RefAttributes<Group<THREE.Object3DEventMap>>>;
-declare const CloudInstance: React$1.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React$1.RefAttributes<Group<THREE.Object3DEventMap>>>;
-declare const Cloud: React$1.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React$1.RefAttributes<Group<THREE.Object3DEventMap>>>;
+declare const Clouds: React.ForwardRefExoticComponent<Omit<CloudsProps, "ref"> & React.RefAttributes<Group<THREE.Object3DEventMap>>>;
+declare const CloudInstance: React.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React.RefAttributes<Group<THREE.Object3DEventMap>>>;
+declare const Cloud: React.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React.RefAttributes<Group<THREE.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Geometry/CatmullRomLine/CatmullRomLine.d.ts
 type CatmullRomLineProps = Omit<LineProps, 'ref' | 'segments'> & {
@@ -670,7 +670,7 @@ type CatmullRomLineProps = Omit<LineProps, 'ref' | 'segments'> & {
   curveType?: 'centripetal' | 'chordal' | 'catmullrom';
   tension?: number;
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps>;
+  LineComponent?: React.ComponentType<LineProps>;
 };
 declare const CatmullRomLine: ForwardRefComponent<CatmullRomLineProps, Line2>;
 //#endregion
@@ -681,13 +681,13 @@ type CubicBezierLineProps = Omit<LineProps, 'points' | 'ref'> & {
   midA: Vector3$2 | [number, number, number];
   midB: Vector3$2 | [number, number, number];
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps>;
+  LineComponent?: React.ComponentType<LineProps>;
 };
 declare const CubicBezierLine: ForwardRefComponent<CubicBezierLineProps, Line2>;
 //#endregion
 //#region src/core/Geometry/CurveModifier/CurveModifier.d.ts
 interface CurveModifierProps {
-  children: React$1.ReactElement<ThreeElements['mesh']>;
+  children: React.ReactElement<ThreeElements['mesh']>;
   curve?: THREE$1.Curve<THREE$1.Vector3>;
 }
 type CurveModifierRef = Flow;
@@ -696,12 +696,12 @@ declare const CurveModifier: ForwardRefComponent<CurveModifierProps, CurveModifi
 //#region src/core/Geometry/Decal/Decal.d.ts
 type DecalProps = Omit<FIBER.ThreeElements['mesh'], 'ref' | 'children'> & {
   debug?: boolean;
-  mesh?: React$1.RefObject<THREE$1.Mesh>;
+  mesh?: React.RefObject<THREE$1.Mesh>;
   position?: FIBER.Vector3;
   rotation?: FIBER.Euler | number;
   scale?: FIBER.Vector3;
   map?: THREE$1.Texture;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   polygonOffsetFactor?: number;
   depthTest?: boolean;
 };
@@ -709,7 +709,7 @@ declare const Decal: ForwardRefComponent<DecalProps, THREE$1.Mesh>;
 //#endregion
 //#region src/core/Geometry/Detailed/Detailed.d.ts
 type DetailedProps = Omit<ThreeElements['lOD'], 'ref'> & {
-  children: React$1.ReactElement<Object3D>[];
+  children: React.ReactElement<Object3D>[];
   hysteresis?: number;
   distances: number[];
 };
@@ -722,7 +722,7 @@ interface EdgesProps {
   lineWidth?: number;
   color?: THREE$1.ColorRepresentation;
   scale?: number;
-  LineComponent?: React$1.ComponentType<LineProps>;
+  LineComponent?: React.ComponentType<LineProps>;
 }
 interface EdgesRef {
   computeLineDistances: () => void;
@@ -742,8 +742,8 @@ type PointsInstancesProps = Omit<ThreeElements['points'], 'ref'> & {
 declare class PositionPoint extends THREE$1.Group {
   size: number;
   color: THREE$1.Color;
-  instance: React$1.RefObject<THREE$1.Points | undefined>;
-  instanceKey: React$1.RefObject<PositionPoint | undefined>;
+  instance: React.RefObject<THREE$1.Points | undefined>;
+  instanceKey: React.RefObject<PositionPoint | undefined>;
   constructor();
   get geometry(): THREE$1.BufferGeometry<THREE$1.NormalBufferAttributes, THREE$1.BufferGeometryEventMap> | undefined;
   raycast(raycaster: THREE$1.Raycaster, intersects: THREE$1.Intersection[]): void;
@@ -767,7 +767,7 @@ type QuadraticBezierLineProps = Omit<LineProps, 'points' | 'ref'> & {
   end: Vector3$2 | [number, number, number];
   mid?: Vector3$2 | [number, number, number];
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps>;
+  LineComponent?: React.ComponentType<LineProps>;
 };
 declare const QuadraticBezierLine: ForwardRefComponent<QuadraticBezierLineProps, QuadraticBezierLineRef>;
 //#endregion
@@ -853,7 +853,7 @@ type Text3DProps = Omit<ThreeElements['mesh'], 'ref'> & {
   bevelSegments?: number;
   smooth?: number;
 } & Omit<TextGeometryParameters, 'font'>;
-declare const Text3D: ForwardRefComponent<React$1.PropsWithChildren<Text3DProps & {
+declare const Text3D: ForwardRefComponent<React.PropsWithChildren<Text3DProps & {
   letterSpacing?: number;
   lineHeight?: number;
 }>, THREE$1.Mesh>;
@@ -903,13 +903,13 @@ declare module '@react-three/fiber' {
   }
 }
 interface WireframeProps {
-  geometry?: THREE$1.BufferGeometry | React$1.RefObject<THREE$1.BufferGeometry>;
+  geometry?: THREE$1.BufferGeometry | React.RefObject<THREE$1.BufferGeometry>;
   simplify?: boolean;
 }
 declare function Wireframe({
   geometry: customGeometry,
   ...props
-}: WireframeProps & WireframeMaterialProps): React$1.JSX.Element;
+}: WireframeProps & WireframeMaterialProps): React.JSX.Element;
 //#endregion
 //#region src/core/Gizmos/gizmo/GizmoHelper.d.ts
 type GizmoHelperContext = {
@@ -944,7 +944,7 @@ type GenericProps = {
   onClick?: (e: ThreeEvent<MouseEvent>) => null;
   faces?: string[];
 };
-declare const GizmoViewcube: (props: GenericProps) => React$1.JSX.Element;
+declare const GizmoViewcube: (props: GenericProps) => React.JSX.Element;
 //#endregion
 //#region src/core/Gizmos/gizmo/GizmoViewport.d.ts
 type GizmoViewportProps = ThreeElements['group'] & {
@@ -971,7 +971,7 @@ declare const GizmoViewport: ({
   labelColor,
   onClick,
   ...props
-}: GizmoViewportProps) => React$1.JSX.Element;
+}: GizmoViewportProps) => React.JSX.Element;
 //#endregion
 //#region src/core/Gizmos/PivotControls/context.d.ts
 type OnDragStartProps = {
@@ -1014,14 +1014,14 @@ type PivotControlsProps = {
   userData?: {
     [key: string]: any;
   };
-  children?: React$1.ReactNode;
-  LineComponent?: React$1.ComponentType<LineProps>;
+  children?: React.ReactNode;
+  LineComponent?: React.ComponentType<LineProps>;
 };
 declare const PivotControls: ForwardRefComponent<PivotControlsProps, THREE$1.Group>;
 //#endregion
 //#region src/core/Gizmos/TransformControls/TransformControls.d.ts
 type TransformControlsProps = Omit<ThreeElement<typeof TransformControls$1>, 'ref' | 'args'> & Omit<ThreeElements['group'], 'ref'> & {
-  object?: THREE$1.Object3D | React$1.RefObject<THREE$1.Object3D>;
+  object?: THREE$1.Object3D | React.RefObject<THREE$1.Object3D>;
   enabled?: boolean;
   axis?: string | null;
   domElement?: HTMLElement;
@@ -1034,7 +1034,7 @@ type TransformControlsProps = Omit<ThreeElement<typeof TransformControls$1>, 're
   showX?: boolean;
   showY?: boolean;
   showZ?: boolean;
-  children?: React$1.ReactElement<THREE$1.Object3D>;
+  children?: React.ReactElement<THREE$1.Object3D>;
   camera?: THREE$1.Camera;
   onChange?: (e?: THREE$1.Event) => void;
   onMouseDown?: (e?: THREE$1.Event) => void;
@@ -1051,7 +1051,7 @@ type HelperType = Object3D & {
 };
 type HelperConstructor = new (...args: any[]) => any;
 type HelperArgs<T> = T extends [infer _, ...infer R] ? R : never;
-declare function useHelper<T extends HelperConstructor>(object3D: React$1.RefObject<Object3D> | Falsey, helperConstructor: T, ...args: HelperArgs<ConstructorParameters<T>>): React$1.RefObject<HelperType | null>;
+declare function useHelper<T extends HelperConstructor>(object3D: React.RefObject<Object3D> | Falsey, helperConstructor: T, ...args: HelperArgs<ConstructorParameters<T>>): React.RefObject<HelperType | null>;
 type HelperProps<T extends HelperConstructor> = {
   type: T;
   args?: HelperArgs<ConstructorParameters<T>>;
@@ -1059,7 +1059,7 @@ type HelperProps<T extends HelperConstructor> = {
 declare const Helper: <T extends HelperConstructor>({
   type: helperConstructor,
   args
-}: HelperProps<T>) => React$1.JSX.Element;
+}: HelperProps<T>) => React.JSX.Element;
 //#endregion
 //#region src/core/Helpers/PointMaterial/PointMaterial.d.ts
 declare class PointMaterialImpl extends THREE$1.PointsMaterial {
@@ -1083,17 +1083,17 @@ declare module '@react-three/fiber' {
   }
 }
 type Api$1 = {
-  getParent: () => React$1.RefObject<InstancedMesh$1>;
-  subscribe: <T>(ref: React$1.RefObject<T>) => void;
+  getParent: () => React.RefObject<InstancedMesh$1>;
+  subscribe: <T>(ref: React.RefObject<T>) => void;
 };
 type InstancesProps = Omit<ThreeElements['instancedMesh'], 'ref' | 'args'> & {
-  context?: React$1.Context<Api$1>;
+  context?: React.Context<Api$1>;
   range?: number;
   limit?: number;
   frames?: number;
 };
 type InstanceProps = Omit<ThreeElements['positionMesh'], 'ref'> & {
-  context?: React$1.Context<Api$1>;
+  context?: React.Context<Api$1>;
 };
 type InstancedAttributeProps = Omit<ThreeElements['instancedBufferAttribute'], 'ref' | 'args'> & {
   name: string;
@@ -1107,25 +1107,25 @@ type InstancedMesh$1 = Omit<THREE$1.InstancedMesh, 'instanceMatrix' | 'instanceC
 };
 declare class PositionMesh extends THREE$1.Group {
   color: THREE$1.Color;
-  instance: React$1.RefObject<THREE$1.InstancedMesh | undefined>;
-  instanceKey: React$1.RefObject<PositionMesh | undefined>;
+  instance: React.RefObject<THREE$1.InstancedMesh | undefined>;
+  instanceKey: React.RefObject<PositionMesh | undefined>;
   constructor();
   get geometry(): THREE$1.BufferGeometry<THREE$1.NormalBufferAttributes, THREE$1.BufferGeometryEventMap> | undefined;
   raycast(raycaster: THREE$1.Raycaster, intersects: THREE$1.Intersection[]): void;
 }
-declare const Instance: React$1.ForwardRefExoticComponent<Omit<FIBER.Mutable<FIBER.Overwrite<Partial<FIBER.Overwrite<PositionMesh, FIBER.MathProps<PositionMesh> & FIBER.ReactProps<PositionMesh> & Partial<FIBER.EventHandlers>>>, Omit<FIBER.InstanceProps<PositionMesh, typeof PositionMesh>, "object">>>, "ref"> & {
-  context?: React$1.Context<Api$1>;
-} & React$1.RefAttributes<unknown>>;
+declare const Instance: React.ForwardRefExoticComponent<Omit<FIBER.Mutable<FIBER.Overwrite<Partial<FIBER.Overwrite<PositionMesh, FIBER.MathProps<PositionMesh> & FIBER.ReactProps<PositionMesh> & Partial<FIBER.EventHandlers>>>, Omit<FIBER.InstanceProps<PositionMesh, typeof PositionMesh>, "object">>>, "ref"> & {
+  context?: React.Context<Api$1>;
+} & React.RefAttributes<unknown>>;
 declare const Instances: ForwardRefComponent<InstancesProps, THREE$1.InstancedMesh>;
 interface MergedProps extends Omit<InstancesProps, 'children'> {
   meshes: THREE$1.Mesh[] | Record<string, THREE$1.Object3D>;
-  children: (...instances: [React$1.FC<InstanceProps> & Record<string, React$1.FC<InstanceProps>>, ...React$1.FC<InstanceProps>[]]) => React$1.ReactNode;
+  children: (...instances: [React.FC<InstanceProps> & Record<string, React.FC<InstanceProps>>, ...React.FC<InstanceProps>[]]) => React.ReactNode;
 }
 declare const Merged: ForwardRefComponent<MergedProps, THREE$1.Group>;
-declare function createInstances<T = InstanceProps>(): readonly [React$1.ForwardRefExoticComponent<Omit<InstancesProps, "ref"> & React$1.RefAttributes<THREE$1.InstancedMesh<THREE$1.BufferGeometry<THREE$1.NormalBufferAttributes, THREE$1.BufferGeometryEventMap>, THREE$1.Material | THREE$1.Material[], THREE$1.InstancedMeshEventMap>>>, React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<T & Omit<FIBER.Mutable<FIBER.Overwrite<Partial<FIBER.Overwrite<PositionMesh, FIBER.MathProps<PositionMesh> & FIBER.ReactProps<PositionMesh> & Partial<FIBER.EventHandlers>>>, Omit<FIBER.InstanceProps<PositionMesh, typeof PositionMesh>, "object">>>, "ref"> & {
-  context?: React$1.Context<Api$1>;
-}> & React$1.RefAttributes<PositionMesh & T>>];
-declare const InstancedAttribute: React$1.ForwardRefExoticComponent<Omit<InstancedAttributeProps, "ref"> & React$1.RefAttributes<THREE$1.InstancedBufferAttribute>>;
+declare function createInstances<T = InstanceProps>(): readonly [React.ForwardRefExoticComponent<Omit<InstancesProps, "ref"> & React.RefAttributes<THREE$1.InstancedMesh<THREE$1.BufferGeometry<THREE$1.NormalBufferAttributes, THREE$1.BufferGeometryEventMap>, THREE$1.Material | THREE$1.Material[], THREE$1.InstancedMeshEventMap>>>, React.ForwardRefExoticComponent<React.PropsWithoutRef<T & Omit<FIBER.Mutable<FIBER.Overwrite<Partial<FIBER.Overwrite<PositionMesh, FIBER.MathProps<PositionMesh> & FIBER.ReactProps<PositionMesh> & Partial<FIBER.EventHandlers>>>, Omit<FIBER.InstanceProps<PositionMesh, typeof PositionMesh>, "object">>>, "ref"> & {
+  context?: React.Context<Api$1>;
+}> & React.RefAttributes<PositionMesh & T>>];
+declare const InstancedAttribute: React.ForwardRefExoticComponent<Omit<InstancedAttributeProps, "ref"> & React.RefAttributes<THREE$1.InstancedBufferAttribute>>;
 //#endregion
 //#region src/core/Loaders/useSpriteLoader/useSpriteLoader.d.ts
 type Size = {
@@ -1188,7 +1188,7 @@ type AnimationEventData = {
   currentFrame: number;
 };
 type CommonProps<T, U, V> = Pick<T & U & V, keyof T & keyof U & keyof V>;
-type CommonMeshProps = CommonProps<React$1.ComponentProps<'mesh'>, React$1.ComponentProps<typeof Instance>, React$1.ComponentProps<typeof Instances>>;
+type CommonMeshProps = CommonProps<React.ComponentProps<'mesh'>, React.ComponentProps<typeof Instance>, React.ComponentProps<typeof Instances>>;
 type SpriteAnimatorProps = {
   startFrame?: number;
   endFrame?: number;
@@ -1228,35 +1228,35 @@ type SpriteAnimatorState = {
   offset?: number;
   imageUrl?: string;
   hasEnded: boolean;
-  ref: React$1.Ref<THREE$1.Group>;
+  ref: React.Ref<THREE$1.Group>;
 };
 declare function useSpriteAnimator(): SpriteAnimatorState | null;
-declare const SpriteAnimator: React$1.ForwardRefExoticComponent<Omit<SpriteAnimatorProps, "ref"> & React$1.RefAttributes<THREE$1.Group<THREE$1.Object3DEventMap>>>;
+declare const SpriteAnimator: React.ForwardRefExoticComponent<Omit<SpriteAnimatorProps, "ref"> & React.RefAttributes<THREE$1.Group<THREE$1.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Helpers/useAnimations/useAnimations.d.ts
 type Api<T extends AnimationClip> = {
-  ref: React$1.RefObject<Object3D | undefined | null>;
+  ref: React.RefObject<Object3D | undefined | null>;
   clips: AnimationClip[];
   mixer: AnimationMixer;
   names: T['name'][];
   actions: { [key in T['name']]: AnimationAction | null };
 };
-declare function useAnimations<T extends AnimationClip>(clips: T[], root?: React$1.RefObject<Object3D | undefined | null> | Object3D): Api<T>;
+declare function useAnimations<T extends AnimationClip>(clips: T[], root?: React.RefObject<Object3D | undefined | null> | Object3D): Api<T>;
 //#endregion
 //#region src/core/Helpers/useContextBridge/useContextBridge.d.ts
-declare function useContextBridge(...contexts: Array<React$1.Context<any>>): ({
+declare function useContextBridge(...contexts: Array<React.Context<any>>): ({
   children
 }: {
-  children: React$1.ReactNode;
-}) => React$1.JSX.Element;
+  children: React.ReactNode;
+}) => React.JSX.Element;
 //#endregion
 //#region src/core/Helpers/Clone/Clone.d.ts
 type CloneProps = Omit<ThreeElements['group'], 'ref' | 'children'> & {
   object: THREE$1.Object3D | THREE$1.Object3D[];
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   deep?: boolean | 'materialsOnly' | 'geometriesOnly';
   keys?: string[];
-  inject?: ThreeElements['mesh'] | React$1.ReactNode | ((object: THREE$1.Object3D) => React$1.ReactNode);
+  inject?: ThreeElements['mesh'] | React.ReactNode | ((object: THREE$1.Object3D) => React.ReactNode);
   castShadow?: boolean;
   receiveShadow?: boolean;
   isChild?: boolean;
@@ -1272,7 +1272,7 @@ declare const ComputedAttribute: ({
   compute,
   name,
   ...props
-}: ComputedAttributeProps) => React$1.JSX.Element;
+}: ComputedAttributeProps) => React.JSX.Element;
 //#endregion
 //#region src/core/Helpers/Example/Example.d.ts
 type ExampleProps = {
@@ -1280,12 +1280,12 @@ type ExampleProps = {
   color?: Color;
   debug?: boolean;
   bevelSize?: number;
-} & React$1.ComponentProps<'group'>;
+} & React.ComponentProps<'group'>;
 type ExampleApi = {
   incr: (x?: number) => void;
   decr: (x?: number) => void;
 };
-declare const Example: React$1.ForwardRefExoticComponent<Omit<ExampleProps, "ref"> & React$1.RefAttributes<ExampleApi>>;
+declare const Example: React.ForwardRefExoticComponent<Omit<ExampleProps, "ref"> & React.RefAttributes<ExampleApi>>;
 //#endregion
 //#region src/core/Helpers/Sampler/Sampler.d.ts
 type SamplePayload = {
@@ -1299,8 +1299,8 @@ type TransformPayload = SamplePayload & {
   sampledMesh: Mesh$1;
 };
 type SamplerProps = Omit<ThreeElements['group'], 'ref'> & {
-  mesh?: React$1.RefObject<Mesh$1>;
-  instances?: React$1.RefObject<InstancedMesh>;
+  mesh?: React.RefObject<Mesh$1>;
+  instances?: React.RefObject<InstancedMesh>;
   weight?: string;
   transform?: TransformFn;
   count?: number;
@@ -1310,7 +1310,7 @@ interface useSurfaceSamplerProps {
   weight?: string;
   count?: number;
 }
-declare function useSurfaceSampler(mesh: React$1.RefObject<Mesh$1>, count?: number, transform?: TransformFn, weight?: string, instanceMesh?: React$1.RefObject<InstancedMesh> | null): InstancedBufferAttribute;
+declare function useSurfaceSampler(mesh: React.RefObject<Mesh$1>, count?: number, transform?: TransformFn, weight?: string, instanceMesh?: React.RefObject<InstancedMesh> | null): InstancedBufferAttribute;
 declare function Sampler({
   children,
   weight,
@@ -1319,7 +1319,7 @@ declare function Sampler({
   mesh,
   count,
   ...props
-}: SamplerProps): React$1.JSX.Element;
+}: SamplerProps): React.JSX.Element;
 //#endregion
 //#region src/core/Helpers/Svg/Svg.d.ts
 interface SvgProps extends Omit<ThreeElements['object3D'], 'ref'> {
@@ -1347,7 +1347,7 @@ interface CubeTextureOptions {
   path: string;
 }
 interface CubeTextureProps extends CubeTextureOptions {
-  children?: (texture: CubeTexture$1) => React$1.ReactNode;
+  children?: (texture: CubeTexture$1) => React.ReactNode;
   files: string[];
 }
 declare function useCubeTexture(files: string[], {
@@ -1362,7 +1362,7 @@ declare function CubeTexture({
   children,
   files,
   ...options
-}: CubeTextureProps): React$1.JSX.Element;
+}: CubeTextureProps): React.JSX.Element;
 //#endregion
 //#region src/core/Loaders/Loader/Loader.d.ts
 interface LoaderOptions {
@@ -1380,7 +1380,7 @@ declare function Loader({
   dataStyles,
   dataInterpolation,
   initialState
-}: Partial<LoaderOptions>): React$1.JSX.Element | null;
+}: Partial<LoaderOptions>): React.JSX.Element | null;
 //#endregion
 //#region src/core/Loaders/Preload/Preload.d.ts
 type PreloadProps = {
@@ -1415,25 +1415,25 @@ declare function useVideoTexture(srcOrSrcObject: HTMLVideoElement['src' | 'srcOb
 type UseVideoTextureParams = Parameters<typeof useVideoTexture>;
 type VideoTexture = ReturnType<typeof useVideoTexture>;
 type VideoTextureProps = {
-  children?: (texture: VideoTexture) => React$1.ReactNode;
+  children?: (texture: VideoTexture) => React.ReactNode;
   src: UseVideoTextureParams[0];
 } & UseVideoTextureParams[1];
-declare const VideoTexture: React$1.ForwardRefExoticComponent<{
-  children?: (texture: VideoTexture) => React$1.ReactNode;
+declare const VideoTexture: React.ForwardRefExoticComponent<{
+  children?: (texture: VideoTexture) => React.ReactNode;
   src: UseVideoTextureParams[0];
 } & {
   unsuspend?: keyof HTMLVideoElementEventMap;
   start?: boolean;
   hls?: Parameters<typeof getHls>[0];
   onVideoFrame?: VideoFrameRequestCallback;
-} & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">> & React$1.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
+} & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">> & React.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
 //#endregion
 //#region src/core/Textures/ScreenVideoTexture/ScreenVideoTexture.d.ts
 type ScreenVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
   options?: DisplayMediaStreamOptions;
 };
-declare const ScreenVideoTexture: React$1.ForwardRefExoticComponent<Omit<{
-  children?: (texture: THREE$1.VideoTexture<HTMLVideoElement>) => React$1.ReactNode;
+declare const ScreenVideoTexture: React.ForwardRefExoticComponent<Omit<{
+  children?: (texture: THREE$1.VideoTexture<HTMLVideoElement>) => React.ReactNode;
   src: string | MediaProvider | null;
 } & {
   unsuspend?: keyof HTMLVideoElementEventMap;
@@ -1442,7 +1442,7 @@ declare const ScreenVideoTexture: React$1.ForwardRefExoticComponent<Omit<{
   onVideoFrame?: VideoFrameRequestCallback;
 } & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">>, "src"> & {
   options?: DisplayMediaStreamOptions;
-} & React$1.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
+} & React.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
 //#endregion
 //#region src/core/Textures/TrailTexture/TrailTexture.d.ts
 type TrailConfig = {
@@ -1458,12 +1458,12 @@ type TrailConfig = {
 };
 declare function useTrailTexture(config?: Partial<TrailConfig>): [Texture$2, (ThreeEvent: any) => void];
 type TrailTextureProps = {
-  children?: (texture: ReturnType<typeof useTrailTexture>) => React$1.ReactNode;
+  children?: (texture: ReturnType<typeof useTrailTexture>) => React.ReactNode;
 } & TrailConfig;
 declare const TrailTexture: ({
   children,
   ...config
-}: TrailTextureProps) => React$1.JSX.Element;
+}: TrailTextureProps) => React.JSX.Element;
 //#endregion
 //#region src/core/Loaders/useFBX/useFBX.d.ts
 declare function useFBX(path: string): Group;
@@ -1476,7 +1476,7 @@ declare function Fbx({
   ...props
 }: {
   path: Parameters<typeof useFBX>[0];
-} & Omit<React$1.ComponentProps<typeof Clone>, 'object'>): React$1.JSX.Element;
+} & Omit<React.ComponentProps<typeof Clone>, 'object'>): React.JSX.Element;
 //#endregion
 //#region src/core/Loaders/useGLTF/useGLTF.d.ts
 type Path = string | string[];
@@ -1495,7 +1495,7 @@ type GltfProps = Omit<CloneProps, 'object'> & {
   useMeshOpt?: UseMeshopt;
   extendLoader?: ExtendLoader;
 };
-declare const Gltf: React$1.ForwardRefExoticComponent<Omit<GltfProps, "ref"> & React$1.RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;
+declare const Gltf: React.ForwardRefExoticComponent<Omit<GltfProps, "ref"> & React.RefAttributes<THREE.Group<THREE.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Loaders/useKTX2/useKTX2.d.ts
 declare function useKTX2<Url extends string[] | string | Record<string, string>>(input: Url, basisPath?: string): Url extends any[] ? Texture$2[] : Url extends object ? { [key in keyof Url]: Texture$2 } : Texture$2;
@@ -1508,10 +1508,10 @@ declare const Ktx2: ({
   input,
   basisPath
 }: {
-  children?: (texture: ReturnType<typeof useKTX2>) => React$1.ReactNode;
+  children?: (texture: ReturnType<typeof useKTX2>) => React.ReactNode;
   input: Parameters<typeof useKTX2>[0];
   basisPath?: Parameters<typeof useKTX2>[1];
-}) => React$1.JSX.Element;
+}) => React.JSX.Element;
 //#endregion
 //#region src/core/Loaders/useProgress/useProgress.d.ts
 type Data = {
@@ -1526,8 +1526,8 @@ declare const useProgress: zustand0.UseBoundStore<zustand0.StoreApi<Data>>;
 declare function Progress({
   children
 }: {
-  children?: (result: Data) => React$1.ReactNode;
-}): React$1.JSX.Element;
+  children?: (result: Data) => React.ReactNode;
+}): React.JSX.Element;
 //#endregion
 //#region src/core/Loaders/useTexture/useTexture.d.ts
 type MappedTextureType<T extends string | string[] | Record<string, string>> = T extends string[] ? Texture$2[] : T extends Record<string, string> ? { [K in keyof T]: Texture$2 } : Texture$2;
@@ -1542,17 +1542,17 @@ declare const Texture: ({
   input,
   onLoad
 }: {
-  children?: (texture: ReturnType<typeof useTexture>) => React$1.ReactNode;
+  children?: (texture: ReturnType<typeof useTexture>) => React.ReactNode;
   input: Parameters<typeof useTexture>[0];
   onLoad?: Parameters<typeof useTexture>[1];
-}) => React$1.JSX.Element;
+}) => React.JSX.Element;
 //#endregion
 //#region src/core/Textures/WebcamVideoTexture/WebcamVideoTexture.d.ts
 type WebcamVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
   constraints?: MediaStreamConstraints;
 };
-declare const WebcamVideoTexture: React$1.ForwardRefExoticComponent<Omit<{
-  children?: (texture: THREE$1.VideoTexture<HTMLVideoElement>) => React$1.ReactNode;
+declare const WebcamVideoTexture: React.ForwardRefExoticComponent<Omit<{
+  children?: (texture: THREE$1.VideoTexture<HTMLVideoElement>) => React.ReactNode;
   src: string | MediaProvider | null;
 } & {
   unsuspend?: keyof HTMLVideoElementEventMap;
@@ -1561,7 +1561,7 @@ declare const WebcamVideoTexture: React$1.ForwardRefExoticComponent<Omit<{
   onVideoFrame?: VideoFrameRequestCallback;
 } & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">>, "src"> & {
   constraints?: MediaStreamConstraints;
-} & React$1.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
+} & React.RefAttributes<THREE$1.VideoTexture<HTMLVideoElement>>>;
 //#endregion
 //#region src/core/Performance/AdaptiveDpr/AdaptiveDpr.d.ts
 declare function AdaptiveDpr({
@@ -1576,12 +1576,12 @@ declare function AdaptiveEvents(): null;
 //#region src/core/Performance/DetectGPU/DetectGPU.d.ts
 declare const useDetectGPU: (props?: GetGPUTier) => detect_gpu0.TierResult;
 type DetectGPUProps = {
-  children?: (result: ReturnType<typeof useDetectGPU>) => React$1.ReactNode;
+  children?: (result: ReturnType<typeof useDetectGPU>) => React.ReactNode;
 } & Parameters<typeof useDetectGPU>[0];
 declare function DetectGPU({
   children,
   ...options
-}: DetectGPUProps): React$1.JSX.Element;
+}: DetectGPUProps): React.JSX.Element;
 //#endregion
 //#region src/core/Performance/meshBounds/meshBounds.d.ts
 declare function meshBounds(raycaster: Raycaster, intersects: Intersection[]): void;
@@ -1603,7 +1603,7 @@ type PerformanceMonitorApi = {
   flipped: number;
   fallback: boolean;
   subscriptions: Map<Symbol, Partial<PerformanceMonitorHookApi>>;
-  subscribe: (ref: React$1.RefObject<Partial<PerformanceMonitorHookApi>>) => () => void;
+  subscribe: (ref: React.RefObject<Partial<PerformanceMonitorHookApi>>) => () => void;
 };
 type PerformanceMonitorProps = {
   ms?: number;
@@ -1617,7 +1617,7 @@ type PerformanceMonitorProps = {
   onDecline?: (api: PerformanceMonitorApi) => void;
   onChange?: (api: PerformanceMonitorApi) => void;
   onFallback?: (api: PerformanceMonitorApi) => void;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
 };
 declare function PerformanceMonitor({
   iterations,
@@ -1632,7 +1632,7 @@ declare function PerformanceMonitor({
   onChange,
   onFallback,
   children
-}: PerformanceMonitorProps): React$1.JSX.Element;
+}: PerformanceMonitorProps): React.JSX.Element;
 declare function usePerformanceMonitor({
   onIncline,
   onDecline,
@@ -1644,7 +1644,7 @@ declare function usePerformanceMonitor({
 type StatsProps = {
   showPanel?: number;
   className?: string;
-  parent?: React$1.RefObject<HTMLElement>;
+  parent?: React.RefObject<HTMLElement>;
 };
 declare function Stats({
   showPanel,
@@ -1659,8 +1659,8 @@ type StatsGlProps = Partial<StatsOptions> & {
   clearStatsGlStyle?: boolean;
   showPanel?: number;
   className?: string;
-  parent?: React$1.RefObject<HTMLElement>;
-  ref?: React$1.RefObject<HTMLElement>;
+  parent?: React.RefObject<HTMLElement>;
+  ref?: React.RefObject<HTMLElement>;
 };
 declare const StatsGl: ForwardRefComponent<StatsGlProps, HTMLDivElement>;
 //#endregion
@@ -1672,24 +1672,24 @@ declare function useFBO(width?: number | FBOSettings, height?: number, settings?
 type UseFBOParams = Parameters<typeof useFBO>;
 type Fbo = ReturnType<typeof useFBO>;
 type FboProps = {
-  children?: (target: Fbo) => React$1.ReactNode;
+  children?: (target: Fbo) => React.ReactNode;
   width?: UseFBOParams[0];
   height?: UseFBOParams[1];
 } & FBOSettings;
-declare const Fbo: React$1.ForwardRefExoticComponent<{
-  children?: (target: Fbo) => React$1.ReactNode;
+declare const Fbo: React.ForwardRefExoticComponent<{
+  children?: (target: Fbo) => React.ReactNode;
   width?: UseFBOParams[0];
   height?: UseFBOParams[1];
 } & {
   depth?: boolean;
-} & THREE$1.RenderTargetOptions & React$1.RefAttributes<THREE$1.WebGLRenderTarget<THREE$1.Texture<unknown>>>>;
+} & THREE$1.RenderTargetOptions & React.RefAttributes<THREE$1.WebGLRenderTarget<THREE$1.Texture<unknown>>>>;
 //#endregion
 //#region src/core/Portal/Fisheye/Fisheye.d.ts
 type FisheyeProps = ThreeElements['mesh'] & {
   zoom?: number;
   segments?: number;
   resolution?: number;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   renderPriority?: number;
 };
 declare function Fisheye({
@@ -1699,17 +1699,17 @@ declare function Fisheye({
   children,
   resolution,
   ...props
-}: FisheyeProps): React$1.JSX.Element;
+}: FisheyeProps): React.JSX.Element;
 //#endregion
 //#region src/core/Portal/Hud/Hud.d.ts
 type HudProps = {
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   renderPriority?: number;
 };
 declare function Hud({
   children,
   renderPriority
-}: HudProps): React$1.JSX.Element;
+}: HudProps): React.JSX.Element;
 //#endregion
 //#region src/core/Portal/Mask/Mask.d.ts
 type MaskProps = Omit<ThreeElements['mesh'], 'ref' | 'id'> & {
@@ -1738,7 +1738,7 @@ type RenderCubeTextureProps = Omit<ThreeElements['texture'], 'ref' | 'args' | 'r
   compute?: ComputeFunction;
   flip?: boolean;
   resolution?: number;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   near?: number;
   far?: number;
   position?: ReactThreeFiber.Vector3;
@@ -1756,7 +1756,7 @@ type RenderCubeTextureApi = {
 declare const RenderCubeTexture: ForwardRefComponent<RenderCubeTextureProps, RenderCubeTextureApi>;
 //#endregion
 //#region src/core/Portal/useCustomRaycast/useCustomRaycast.d.ts
-declare function useCustomRaycast(camera: Camera | React$1.RefObject<Camera>, props?: Partial<Raycaster>): (_: Raycaster, intersects: Intersection[]) => void;
+declare function useCustomRaycast(camera: Camera | React.RefObject<Camera>, props?: Partial<Raycaster>): (_: Raycaster, intersects: Intersection[]) => void;
 //#endregion
 //#region src/core/Portal/View/View.d.ts
 type CanvasSize = {
@@ -1769,26 +1769,26 @@ type ContainerProps = {
   visible: boolean;
   scene: THREE$1.Scene;
   index: number;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   frames: number;
-  rect: React$1.RefObject<DOMRect>;
-  track?: React$1.RefObject<HTMLElement>;
+  rect: React.RefObject<DOMRect>;
+  track?: React.RefObject<HTMLElement>;
   canvasSize: CanvasSize;
 };
 type ViewProps = {
   as?: string;
   id?: string;
   className?: string;
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   visible?: boolean;
   index?: number;
   frames?: number;
-  children?: React$1.ReactNode;
-  track?: React$1.RefObject<HTMLElement>;
+  children?: React.ReactNode;
+  track?: React.RefObject<HTMLElement>;
 };
 type ViewportProps = {
-  Port: () => React$1.JSX.Element;
-} & React$1.ForwardRefExoticComponent<ViewProps & React$1.RefAttributes<HTMLElement | THREE$1.Group>>;
+  Port: () => React.JSX.Element;
+} & React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLElement | THREE$1.Group>>;
 declare const View: ViewportProps;
 //#endregion
 //#region src/core/Staging/Backdrop/Backdrop.d.ts
@@ -1796,7 +1796,7 @@ type BackdropProps = ThreeElements['group'] & {
   floor?: number;
   segments?: number;
   receiveShadow?: boolean;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
 };
 declare function Backdrop({
   children,
@@ -1810,7 +1810,7 @@ declare function Backdrop({
   floor?: number | undefined;
   segments?: number | undefined;
   receiveShadow: any;
-}): React$1.JSX.Element;
+}): React.JSX.Element;
 //#endregion
 //#region src/core/Staging/BBAnchor/BBAnchor.d.ts
 type BBAnchorProps = ThreeElements['group'] & {
@@ -1819,7 +1819,7 @@ type BBAnchorProps = ThreeElements['group'] & {
 declare const BBAnchor: ({
   anchor,
   ...props
-}: BBAnchorProps) => React$1.JSX.Element;
+}: BBAnchorProps) => React.JSX.Element;
 //#endregion
 //#region src/core/Staging/Billboard/Billboard.d.ts
 type BillboardProps = Omit<ThreeElements['group'], 'ref'> & {
@@ -1877,7 +1877,7 @@ declare function Bounds({
   clip,
   interpolateFunc,
   onFit
-}: BoundsProps): React$1.JSX.Element;
+}: BoundsProps): React.JSX.Element;
 declare function useBounds(): BoundsApi;
 //#endregion
 //#region src/core/Staging/Center/Center.d.ts
@@ -1951,7 +1951,7 @@ type EnvironmentLoaderClearOptions = Pick<EnvironmentLoaderProps, 'files' | 'pre
 //#endregion
 //#region src/core/Staging/Environment/Environment.d.ts
 type EnvironmentProps = {
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   frames?: number;
   near?: number;
   far?: number;
@@ -1965,7 +1965,7 @@ type EnvironmentProps = {
   environmentRotation?: Euler;
   map?: Texture$2;
   preset?: PresetsType;
-  scene?: Scene$1 | React$1.RefObject<Scene$1>;
+  scene?: Scene$1 | React.RefObject<Scene$1>;
   ground?: boolean | {
     radius?: number;
     height?: number;
@@ -2008,13 +2008,13 @@ declare function EnvironmentPortal({
   path,
   preset,
   extensions
-}: EnvironmentProps): React$1.JSX.Element;
+}: EnvironmentProps): React.JSX.Element;
 declare module '@react-three/fiber' {
   interface ThreeElements {
     groundProjectedEnvImpl: ThreeElement<typeof GroundedSkybox>;
   }
 }
-declare function Environment(props: EnvironmentProps): React$1.JSX.Element;
+declare function Environment(props: EnvironmentProps): React.JSX.Element;
 //#endregion
 //#region src/core/Staging/Float/Float.d.ts
 type FloatProps = Omit<ThreeElements['group'], 'ref'> & {
@@ -2022,7 +2022,7 @@ type FloatProps = Omit<ThreeElements['group'], 'ref'> & {
   speed?: number;
   rotationIntensity?: number;
   floatIntensity?: number;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   floatingRange?: [number?, number?];
   autoInvalidate?: boolean;
 };
@@ -2050,7 +2050,7 @@ type ResizeProps = Omit<ThreeElements['group'], 'ref'> & {
   box3?: THREE$1.Box3;
   precise?: boolean;
 };
-declare const Resize: React$1.ForwardRefExoticComponent<Omit<ResizeProps, "ref"> & React$1.RefAttributes<THREE$1.Group<THREE$1.Object3DEventMap>>>;
+declare const Resize: React.ForwardRefExoticComponent<Omit<ResizeProps, "ref"> & React.RefAttributes<THREE$1.Group<THREE$1.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Staging/ScreenSizer/ScreenSizer.d.ts
 type ScreenSizerProps = Omit<ThreeElements['object3D'], 'ref'> & {
@@ -2111,7 +2111,7 @@ declare function Stage({
   environment,
   preset,
   ...props
-}: StageProps): React$1.JSX.Element;
+}: StageProps): React.JSX.Element;
 //#endregion
 //#region src/core/Staging/MatcapTexture/MatcapTexture.d.ts
 declare function useMatcapTexture(id?: number | string, format?: number, onLoad?: (texture: Texture$2 | Texture$2[]) => void): [Texture$2, string, number];
@@ -2121,11 +2121,11 @@ declare const MatcapTexture: ({
   format,
   onLoad
 }: {
-  children?: (texture: ReturnType<typeof useMatcapTexture>) => React$1.ReactNode;
+  children?: (texture: ReturnType<typeof useMatcapTexture>) => React.ReactNode;
   id?: Parameters<typeof useMatcapTexture>[0];
   format?: Parameters<typeof useMatcapTexture>[1];
   onLoad?: Parameters<typeof useMatcapTexture>[2];
-}) => React$1.JSX.Element;
+}) => React.JSX.Element;
 //#endregion
 //#region src/core/Textures/NormalTexture/NormalTexture.d.ts
 type Settings = {
@@ -2140,10 +2140,10 @@ declare const NormalTexture: ({
   onLoad,
   ...settings
 }: {
-  children?: (texture: ReturnType<typeof useNormalTexture>) => React$1.ReactNode;
+  children?: (texture: ReturnType<typeof useNormalTexture>) => React.ReactNode;
   id?: Parameters<typeof useNormalTexture>[0];
   onLoad?: Parameters<typeof useNormalTexture>[2];
-} & Settings) => React$1.JSX.Element;
+} & Settings) => React.JSX.Element;
 //#endregion
 //#region src/core/UI/CycleRaycast/CycleRaycast.d.ts
 type CycleRaycastProps = {
@@ -2151,7 +2151,7 @@ type CycleRaycastProps = {
   preventDefault?: boolean;
   scroll?: boolean;
   keyCode?: number;
-  portal?: React$1.RefObject<HTMLElement>;
+  portal?: React.RefObject<HTMLElement>;
 };
 declare function CycleRaycast({
   onChanged,
@@ -2168,12 +2168,12 @@ declare function defaultCalculatePosition(el: Object3D, camera: Camera, size: {
 }): number[];
 type CalculatePosition = typeof defaultCalculatePosition;
 type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
-interface HtmlProps extends Omit<Assign<React$1.HTMLAttributes<HTMLDivElement>, ThreeElements['group']>, 'ref'> {
+interface HtmlProps extends Omit<Assign<React.HTMLAttributes<HTMLDivElement>, ThreeElements['group']>, 'ref'> {
   prepend?: boolean;
   center?: boolean;
   fullscreen?: boolean;
   eps?: number;
-  portal?: React$1.RefObject<HTMLElement>;
+  portal?: React.RefObject<HTMLElement>;
   distanceFactor?: number;
   sprite?: boolean;
   transform?: boolean;
@@ -2182,10 +2182,10 @@ interface HtmlProps extends Omit<Assign<React$1.HTMLAttributes<HTMLDivElement>,
   as?: string;
   wrapperClass?: string;
   pointerEvents?: PointerEventsProperties;
-  occlude?: React$1.RefObject<Object3D>[] | boolean | 'raycast' | 'blending';
+  occlude?: React.RefObject<Object3D>[] | boolean | 'raycast' | 'blending';
   onOcclude?: (hidden: boolean) => void;
-  material?: React$1.ReactNode;
-  geometry?: React$1.ReactNode;
+  material?: React.ReactNode;
+  geometry?: React.ReactNode;
   castShadow?: boolean;
   receiveShadow?: boolean;
 }
@@ -2198,7 +2198,7 @@ declare function useAspect(width: number, height: number, factor?: number): [num
 declare function useCursor(hovered: boolean, onPointerOver?: string, onPointerOut?: string, container?: HTMLElement): void;
 //#endregion
 //#region src/core/UI/useIntersect/useIntersect.d.ts
-declare function useIntersect<T extends Object3D>(onChange: (visible: boolean) => void): React$1.RefObject<T>;
+declare function useIntersect<T extends Object3D>(onChange: (visible: boolean) => void): React.RefObject<T>;
 //#endregion
 //#region src/core/UI/ScreenSpace/ScreenSpace.d.ts
 type ScreenSpaceProps = Omit<ThreeElements['group'], 'ref'> & {
@@ -2226,7 +2226,7 @@ declare function Select({
   backgroundColor,
   filter: customFilter,
   ...props
-}: SelectProps): React$1.JSX.Element;
+}: SelectProps): React.JSX.Element;
 declare function useSelect(): THREE$1.Object3D[];
 //#endregion
 export { AdaptiveDpr, AdaptiveEvents, ArcballControls, ArcballControlsProps, Args, BBAnchor, BBAnchorProps, Backdrop, BackdropProps, Billboard, BillboardProps, Bounds, BoundsApi, BoundsProps, Box, CalculatePosition, CameraShake, CameraShakeProps, Capsule, CatmullRomLine, CatmullRomLineProps, Center, CenterProps, Circle, Clone, CloneProps, Cloud, CloudInstance, CloudProps, Clouds, CloudsProps, ComputedAttribute, ComputedAttributeProps, Cone, ContainerProps, CubeCamera, CubeCameraOptions, CubeCameraProps, CubeTexture, CubeTextureProps, CubicBezierLine, CubicBezierLineProps, CurveModifier, CurveModifierProps, CurveModifierRef, CycleRaycast, CycleRaycastProps, Cylinder, Decal, DecalProps, Detailed, DetailedProps, DetectGPU, DetectGPUProps, DeviceOrientationControls, DeviceOrientationControlsProps, Dodecahedron, DragControls, DragControlsProps, Edges, EdgesProps, Environment, EnvironmentCube, EnvironmentLoaderProps, EnvironmentMap, EnvironmentPortal, EnvironmentProps, Example, ExampleApi, ExampleProps, Extrude, Fbo, FboProps, Fbx, FirstPersonControls, FirstPersonControlsProps, Fisheye, FisheyeProps, Float, FloatProps, FlyControls, FlyControlsProps, FontData, FrameData, GizmoHelper, GizmoHelperProps, GizmoViewcube, GizmoViewport, Gltf, GltfProps, Glyph, Helper, HelperProps, Html, HtmlProps, Hud, HudProps, Icosahedron, Instance, InstanceProps, InstancedAttribute, InstancedAttributeProps, Instances, InstancesProps, IsObject, KeyboardControls, KeyboardControlsEntry, KeyboardControlsProps, Ktx2, Lathe, LightProps, Lightformer, Loader, LoaderOptions, MapControls, MapControlsProps, Mask, MaskProps, MatcapTexture, Merged, MergedProps, MetaData, MotionPathControls, MotionPathProps, MotionPathRef, NormalTexture, Octahedron, OnCenterCallbackProps, OrbitControls, OrbitControlsChangeEvent, OrbitControlsProps, OrthographicCamera, OrthographicCameraProps, PerformanceMonitor, PerformanceMonitorApi, PerformanceMonitorProps, PerspectiveCamera, PerspectiveCameraProps, PivotControls, PivotControlsProps, Plane, Point, PointMaterial, PointMaterialImpl, PointMaterialProps, PointerLockControls, PointerLockControlsProps, Points, PointsBuffer, PointsBuffersProps, PointsInstancesProps, Polyhedron, PositionMesh, PositionPoint, PositionalAudio, PositionalAudioProps, Preload, PreloadProps, PresentationControlProps, PresentationControls, PresetsType, Progress, QuadraticBezierLine, QuadraticBezierLineProps, QuadraticBezierLineRef, RenderCubeTexture, RenderCubeTextureApi, RenderCubeTextureProps, RenderTexture, type RenderTextureProps, Resize, ResizeProps, Ring, RoundedBox, RoundedBoxGeometry, RoundedBoxGeometryProps, RoundedBoxProps, Sampler, SamplerProps, ScreenQuad, ScreenQuadProps, ScreenSizer, ScreenSizerProps, ScreenSpace, ScreenSpaceProps, ScreenVideoTexture, ScreenVideoTextureProps, Scroll, ScrollControls, ScrollControlsProps, ScrollControlsState, ScrollProps, Select, SelectProps, Shadow, ShadowProps, ShadowType, ShakeController, Shape, ShapeProps, Size, SizeProps, Sky, SkyProps, Sphere, SpriteAnimator, SpriteAnimatorProps, SpriteData, Stage, StageProps, Stats, StatsGl, StatsGlProps, StatsProps, Svg, SvgProps, Tetrahedron, Text3D, Text3DProps, Texture, Torus, TorusKnot, TrackballControls, TrackballControlsProps, TrailTexture, TrailTextureProps, TransformControls, TransformControlsProps, TransformFn, Tube, VideoTexture, VideoTextureProps, View, ViewProps, ViewportProps, WebcamVideoTexture, WebcamVideoTextureProps, Wireframe, calcPosFromAngles, checkIfFrameIsEmpty, createInstances, getFirstFrame, meshBounds, presetsObj, useAnimations, useAspect, useBounds, useContextBridge, useCubeCamera, useCubeTexture, useCursor, useCustomRaycast, useDepthBuffer, useDetectGPU, useEnvironment, useFBO, useFBX, useFont, useGLTF, useGizmoContext, useHelper, useIntersect, useKTX2, useKeyboardControls, useMask, useMatcapTexture, useMotion, useNormalTexture, usePerformanceMonitor, useProgress, useScroll, useSelect, useSpriteAnimator, useSpriteLoader, useSurfaceSampler, useSurfaceSamplerProps, useTexture, useTrailTexture, useVideoTexture };