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

package/native/native/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";
@@ -37,7 +37,7 @@ import { DragConfig } from "@use-gesture/react";
 import * as zustand0 from "zustand";
 import { StoreApi } from "zustand";
 import { Assign, Falsey } from "utility-types";
-import * as hls_js0 from "hls.js";
+import * as hls_js1 from "hls.js";
 import Hls from "hls.js";
 import * as detect_gpu0 from "detect-gpu";
 import { GetGPUTier } from "detect-gpu";
@@ -257,7 +257,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$2.Texture>;
 //#endregion
@@ -293,7 +293,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({
@@ -316,13 +316,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$2.Texture) => React$1.ReactNode);
+  children?: React.ReactNode | ((texture: THREE$2.Texture) => React.ReactNode);
   frames?: number;
   resolution?: number;
   envMap?: THREE$2.Texture;
@@ -333,7 +333,7 @@ declare const OrthographicCamera: ForwardRefComponent<OrthographicCameraProps, O
 type PerspectiveCameraProps = Omit<ThreeElements['perspectiveCamera'], 'ref' | 'children'> & {
   makeDefault?: boolean;
   manual?: boolean;
-  children?: React$1.ReactNode | ((texture: THREE$2.Texture) => React$1.ReactNode);
+  children?: React.ReactNode | ((texture: THREE$2.Texture) => React.ReactNode);
   frames?: number;
   resolution?: number;
   envMap?: THREE$2.Texture;
@@ -371,7 +371,7 @@ type DragControlsProps = {
   onDragStart?: (origin: THREE$2.Vector3) => void;
   onDrag?: (localMatrix: THREE$2.Matrix4, deltaLocalMatrix: THREE$2.Matrix4, worldMatrix: THREE$2.Matrix4, deltaWorldMatrix: THREE$2.Matrix4) => void;
   onDragEnd?: () => void;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   dragConfig?: DragConfig;
 };
 declare const DragControls: ForwardRefComponent<DragControlsProps, THREE$2.Group>;
@@ -413,7 +413,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;
 };
@@ -422,7 +422,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>>;
@@ -444,8 +444,8 @@ type MotionPathProps = ThreeElements['group'] & {
   curves?: THREE$2.Curve<THREE$2.Vector3>[];
   debug?: boolean;
   debugColor?: THREE$2.ColorRepresentation;
-  object?: React$1.RefObject<THREE$2.Object3D>;
-  focus?: [x: number, y: number, z: number] | React$1.RefObject<THREE$2.Object3D>;
+  object?: React.RefObject<THREE$2.Object3D>;
+  focus?: [x: number, y: number, z: number] | React.RefObject<THREE$2.Object3D>;
   loop?: boolean;
   offset?: number;
   smooth?: boolean | number;
@@ -457,8 +457,8 @@ type MotionPathProps = ThreeElements['group'] & {
 type MotionState = {
   current: number;
   path: THREE$2.CurvePath<THREE$2.Vector3>;
-  focus: React$1.RefObject<THREE$2.Object3D> | [x: number, y: number, z: number] | undefined;
-  object: React$1.RefObject<THREE$2.Object3D>;
+  focus: React.RefObject<THREE$2.Object3D> | [x: number, y: number, z: number] | undefined;
+  object: React.RefObject<THREE$2.Object3D>;
   offset: number;
   point: THREE$2.Vector3;
   tangent: THREE$2.Vector3;
@@ -468,7 +468,7 @@ type MotionPathRef = THREE$2.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 {
@@ -514,7 +514,7 @@ type PresentationControlProps = {
   azimuth?: [number, number];
   damping?: number;
   enabled?: boolean;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   domElement?: HTMLElement;
 };
 declare function PresentationControls({
@@ -530,7 +530,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 = {
@@ -543,8 +543,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;
@@ -573,16 +573,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$2.Group & HTMLDivElement>;
@@ -629,7 +629,7 @@ type CloudState = {
   position: Vector3$3;
   volume: number;
   length: number;
-  ref: React$1.RefObject<Group>;
+  ref: React.RefObject<Group>;
   speed: number;
   growth: number;
   opacity: number;
@@ -665,9 +665,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$1.Object3DEventMap>>>;
-declare const CloudInstance: React$1.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React$1.RefAttributes<Group<THREE$1.Object3DEventMap>>>;
-declare const Cloud: React$1.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React$1.RefAttributes<Group<THREE$1.Object3DEventMap>>>;
+declare const Clouds: React.ForwardRefExoticComponent<Omit<CloudsProps, "ref"> & React.RefAttributes<Group<THREE$1.Object3DEventMap>>>;
+declare const CloudInstance: React.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React.RefAttributes<Group<THREE$1.Object3DEventMap>>>;
+declare const Cloud: React.ForwardRefExoticComponent<Omit<CloudProps, "ref"> & React.RefAttributes<Group<THREE$1.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Geometry/CatmullRomLine/CatmullRomLine.d.ts
 type CatmullRomLineProps = Omit<LineProps$1, 'ref' | 'segments'> & {
@@ -675,7 +675,7 @@ type CatmullRomLineProps = Omit<LineProps$1, 'ref' | 'segments'> & {
   curveType?: 'centripetal' | 'chordal' | 'catmullrom';
   tension?: number;
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps$1>;
+  LineComponent?: React.ComponentType<LineProps$1>;
 };
 declare const CatmullRomLine: ForwardRefComponent<CatmullRomLineProps, Line2$1>;
 //#endregion
@@ -686,13 +686,13 @@ type CubicBezierLineProps = Omit<LineProps$1, 'points' | 'ref'> & {
   midA: Vector3$3 | [number, number, number];
   midB: Vector3$3 | [number, number, number];
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps$1>;
+  LineComponent?: React.ComponentType<LineProps$1>;
 };
 declare const CubicBezierLine: ForwardRefComponent<CubicBezierLineProps, Line2$1>;
 //#endregion
 //#region src/core/Geometry/CurveModifier/CurveModifier.d.ts
 interface CurveModifierProps {
-  children: React$1.ReactElement<ThreeElements['mesh']>;
+  children: React.ReactElement<ThreeElements['mesh']>;
   curve?: THREE$2.Curve<THREE$2.Vector3>;
 }
 type CurveModifierRef = Flow;
@@ -701,12 +701,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$2.Mesh>;
+  mesh?: React.RefObject<THREE$2.Mesh>;
   position?: FIBER.Vector3;
   rotation?: FIBER.Euler | number;
   scale?: FIBER.Vector3;
   map?: THREE$2.Texture;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   polygonOffsetFactor?: number;
   depthTest?: boolean;
 };
@@ -714,7 +714,7 @@ declare const Decal: ForwardRefComponent<DecalProps, THREE$2.Mesh>;
 //#endregion
 //#region src/core/Geometry/Detailed/Detailed.d.ts
 type DetailedProps = Omit<ThreeElements['lOD'], 'ref'> & {
-  children: React$1.ReactElement<Object3D$1>[];
+  children: React.ReactElement<Object3D$1>[];
   hysteresis?: number;
   distances: number[];
 };
@@ -727,7 +727,7 @@ interface EdgesProps {
   lineWidth?: number;
   color?: THREE$2.ColorRepresentation;
   scale?: number;
-  LineComponent?: React$1.ComponentType<LineProps$1>;
+  LineComponent?: React.ComponentType<LineProps$1>;
 }
 interface EdgesRef {
   computeLineDistances: () => void;
@@ -747,8 +747,8 @@ type PointsInstancesProps = Omit<ThreeElements['points'], 'ref'> & {
 declare class PositionPoint extends THREE$2.Group {
   size: number;
   color: THREE$2.Color;
-  instance: React$1.RefObject<THREE$2.Points | undefined>;
-  instanceKey: React$1.RefObject<PositionPoint | undefined>;
+  instance: React.RefObject<THREE$2.Points | undefined>;
+  instanceKey: React.RefObject<PositionPoint | undefined>;
   constructor();
   get geometry(): THREE$2.BufferGeometry<THREE$2.NormalBufferAttributes, THREE$2.BufferGeometryEventMap> | undefined;
   raycast(raycaster: THREE$2.Raycaster, intersects: THREE$2.Intersection[]): void;
@@ -772,7 +772,7 @@ type QuadraticBezierLineProps = Omit<LineProps$1, 'points' | 'ref'> & {
   end: Vector3$3 | [number, number, number];
   mid?: Vector3$3 | [number, number, number];
   segments?: number;
-  LineComponent?: React$1.ComponentType<LineProps$1>;
+  LineComponent?: React.ComponentType<LineProps$1>;
 };
 declare const QuadraticBezierLine: ForwardRefComponent<QuadraticBezierLineProps, QuadraticBezierLineRef>;
 //#endregion
@@ -858,7 +858,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$2.Mesh>;
@@ -908,13 +908,13 @@ declare module '@react-three/fiber' {
   }
 }
 interface WireframeProps {
-  geometry?: THREE$2.BufferGeometry | React$1.RefObject<THREE$2.BufferGeometry>;
+  geometry?: THREE$2.BufferGeometry | React.RefObject<THREE$2.BufferGeometry>;
   simplify?: boolean;
 }
 declare function Wireframe({
   geometry: customGeometry,
   ...props
-}: WireframeProps & WireframeMaterialProps$1): React$1.JSX.Element;
+}: WireframeProps & WireframeMaterialProps$1): React.JSX.Element;
 //#endregion
 //#region src/core/Gizmos/gizmo/GizmoHelper.d.ts
 type GizmoHelperContext = {
@@ -949,7 +949,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'] & {
@@ -976,7 +976,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 = {
@@ -1019,14 +1019,14 @@ type PivotControlsProps = {
   userData?: {
     [key: string]: any;
   };
-  children?: React$1.ReactNode;
-  LineComponent?: React$1.ComponentType<LineProps$1>;
+  children?: React.ReactNode;
+  LineComponent?: React.ComponentType<LineProps$1>;
 };
 declare const PivotControls: ForwardRefComponent<PivotControlsProps, THREE$2.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$2.Object3D | React$1.RefObject<THREE$2.Object3D>;
+  object?: THREE$2.Object3D | React.RefObject<THREE$2.Object3D>;
   enabled?: boolean;
   axis?: string | null;
   domElement?: HTMLElement;
@@ -1039,7 +1039,7 @@ type TransformControlsProps = Omit<ThreeElement<typeof TransformControls$1>, 're
   showX?: boolean;
   showY?: boolean;
   showZ?: boolean;
-  children?: React$1.ReactElement<THREE$2.Object3D>;
+  children?: React.ReactElement<THREE$2.Object3D>;
   camera?: THREE$2.Camera;
   onChange?: (e?: THREE$2.Event) => void;
   onMouseDown?: (e?: THREE$2.Event) => void;
@@ -1056,7 +1056,7 @@ type HelperType = Object3D$1 & {
 };
 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$1> | Falsey, helperConstructor: T, ...args: HelperArgs<ConstructorParameters<T>>): React$1.RefObject<HelperType | null>;
+declare function useHelper<T extends HelperConstructor>(object3D: React.RefObject<Object3D$1> | Falsey, helperConstructor: T, ...args: HelperArgs<ConstructorParameters<T>>): React.RefObject<HelperType | null>;
 type HelperProps<T extends HelperConstructor> = {
   type: T;
   args?: HelperArgs<ConstructorParameters<T>>;
@@ -1064,7 +1064,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$2.PointsMaterial {
@@ -1088,17 +1088,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;
@@ -1112,25 +1112,25 @@ type InstancedMesh$1 = Omit<THREE$2.InstancedMesh, 'instanceMatrix' | 'instanceC
 };
 declare class PositionMesh extends THREE$2.Group {
   color: THREE$2.Color;
-  instance: React$1.RefObject<THREE$2.InstancedMesh | undefined>;
-  instanceKey: React$1.RefObject<PositionMesh | undefined>;
+  instance: React.RefObject<THREE$2.InstancedMesh | undefined>;
+  instanceKey: React.RefObject<PositionMesh | undefined>;
   constructor();
   get geometry(): THREE$2.BufferGeometry<THREE$2.NormalBufferAttributes, THREE$2.BufferGeometryEventMap> | undefined;
   raycast(raycaster: THREE$2.Raycaster, intersects: THREE$2.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$2.InstancedMesh>;
 interface MergedProps extends Omit<InstancesProps, 'children'> {
   meshes: THREE$2.Mesh[] | Record<string, THREE$2.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$2.Group>;
-declare function createInstances<T = InstanceProps>(): readonly [React$1.ForwardRefExoticComponent<Omit<InstancesProps, "ref"> & React$1.RefAttributes<THREE$2.InstancedMesh<THREE$2.BufferGeometry<THREE$2.NormalBufferAttributes, THREE$2.BufferGeometryEventMap>, THREE$2.Material | THREE$2.Material[], THREE$2.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$2.InstancedBufferAttribute>>;
+declare function createInstances<T = InstanceProps>(): readonly [React.ForwardRefExoticComponent<Omit<InstancesProps, "ref"> & React.RefAttributes<THREE$2.InstancedMesh<THREE$2.BufferGeometry<THREE$2.NormalBufferAttributes, THREE$2.BufferGeometryEventMap>, THREE$2.Material | THREE$2.Material[], THREE$2.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$2.InstancedBufferAttribute>>;
 //#endregion
 //#region src/core/Loaders/useSpriteLoader/useSpriteLoader.d.ts
 type Size = {
@@ -1193,7 +1193,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;
@@ -1233,35 +1233,35 @@ type SpriteAnimatorState = {
   offset?: number;
   imageUrl?: string;
   hasEnded: boolean;
-  ref: React$1.Ref<THREE$2.Group>;
+  ref: React.Ref<THREE$2.Group>;
 };
 declare function useSpriteAnimator(): SpriteAnimatorState | null;
-declare const SpriteAnimator: React$1.ForwardRefExoticComponent<Omit<SpriteAnimatorProps, "ref"> & React$1.RefAttributes<THREE$2.Group<THREE$2.Object3DEventMap>>>;
+declare const SpriteAnimator: React.ForwardRefExoticComponent<Omit<SpriteAnimatorProps, "ref"> & React.RefAttributes<THREE$2.Group<THREE$2.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Helpers/useAnimations/useAnimations.d.ts
 type Api<T extends AnimationClip> = {
-  ref: React$1.RefObject<Object3D$1 | undefined | null>;
+  ref: React.RefObject<Object3D$1 | 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$1 | undefined | null> | Object3D$1): Api<T>;
+declare function useAnimations<T extends AnimationClip>(clips: T[], root?: React.RefObject<Object3D$1 | undefined | null> | Object3D$1): 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$2.Object3D | THREE$2.Object3D[];
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
   deep?: boolean | 'materialsOnly' | 'geometriesOnly';
   keys?: string[];
-  inject?: ThreeElements['mesh'] | React$1.ReactNode | ((object: THREE$2.Object3D) => React$1.ReactNode);
+  inject?: ThreeElements['mesh'] | React.ReactNode | ((object: THREE$2.Object3D) => React.ReactNode);
   castShadow?: boolean;
   receiveShadow?: boolean;
   isChild?: boolean;
@@ -1277,7 +1277,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 = {
@@ -1285,12 +1285,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 = {
@@ -1304,8 +1304,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;
@@ -1315,7 +1315,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,
@@ -1324,7 +1324,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'> {
@@ -1352,7 +1352,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[], {
@@ -1367,7 +1367,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 {
@@ -1385,7 +1385,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 = {
@@ -1420,34 +1420,34 @@ 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$2.VideoTexture<HTMLVideoElement>>>;
+} & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">> & React.RefAttributes<THREE$2.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$2.VideoTexture<HTMLVideoElement>) => React$1.ReactNode;
+declare const ScreenVideoTexture: React.ForwardRefExoticComponent<Omit<{
+  children?: (texture: THREE$2.VideoTexture<HTMLVideoElement>) => React.ReactNode;
   src: string | MediaProvider | null;
 } & {
   unsuspend?: keyof HTMLVideoElementEventMap;
   start?: boolean;
-  hls?: Parameters<(userConfig?: Partial<hls_js0.HlsConfig> | undefined) => Promise<hls_js0.default | null>>[0];
+  hls?: Parameters<(userConfig?: Partial<hls_js1.HlsConfig> | undefined) => Promise<hls_js1.default | null>>[0];
   onVideoFrame?: VideoFrameRequestCallback;
 } & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">>, "src"> & {
   options?: DisplayMediaStreamOptions;
-} & React$1.RefAttributes<THREE$2.VideoTexture<HTMLVideoElement>>>;
+} & React.RefAttributes<THREE$2.VideoTexture<HTMLVideoElement>>>;
 //#endregion
 //#region src/core/Textures/TrailTexture/TrailTexture.d.ts
 type TrailConfig = {
@@ -1463,12 +1463,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;
@@ -1481,7 +1481,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[];
@@ -1500,7 +1500,7 @@ type GltfProps = Omit<CloneProps, 'object'> & {
   useMeshOpt?: UseMeshopt;
   extendLoader?: ExtendLoader;
 };
-declare const Gltf: React$1.ForwardRefExoticComponent<Omit<GltfProps, "ref"> & React$1.RefAttributes<THREE$1.Group<THREE$1.Object3DEventMap>>>;
+declare const Gltf: React.ForwardRefExoticComponent<Omit<GltfProps, "ref"> & React.RefAttributes<THREE$1.Group<THREE$1.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;
@@ -1513,10 +1513,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 = {
@@ -1531,8 +1531,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;
@@ -1547,26 +1547,26 @@ 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$2.VideoTexture<HTMLVideoElement>) => React$1.ReactNode;
+declare const WebcamVideoTexture: React.ForwardRefExoticComponent<Omit<{
+  children?: (texture: THREE$2.VideoTexture<HTMLVideoElement>) => React.ReactNode;
   src: string | MediaProvider | null;
 } & {
   unsuspend?: keyof HTMLVideoElementEventMap;
   start?: boolean;
-  hls?: Parameters<(userConfig?: Partial<hls_js0.HlsConfig> | undefined) => Promise<hls_js0.default | null>>[0];
+  hls?: Parameters<(userConfig?: Partial<hls_js1.HlsConfig> | undefined) => Promise<hls_js1.default | null>>[0];
   onVideoFrame?: VideoFrameRequestCallback;
 } & Partial<Omit<HTMLVideoElement, "children" | "src" | "srcObject">>, "src"> & {
   constraints?: MediaStreamConstraints;
-} & React$1.RefAttributes<THREE$2.VideoTexture<HTMLVideoElement>>>;
+} & React.RefAttributes<THREE$2.VideoTexture<HTMLVideoElement>>>;
 //#endregion
 //#region src/core/Performance/AdaptiveDpr/AdaptiveDpr.d.ts
 declare function AdaptiveDpr({
@@ -1581,12 +1581,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;
@@ -1608,7 +1608,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;
@@ -1622,7 +1622,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,
@@ -1637,7 +1637,7 @@ declare function PerformanceMonitor({
   onChange,
   onFallback,
   children
-}: PerformanceMonitorProps): React$1.JSX.Element;
+}: PerformanceMonitorProps): React.JSX.Element;
 declare function usePerformanceMonitor({
   onIncline,
   onDecline,
@@ -1649,7 +1649,7 @@ declare function usePerformanceMonitor({
 type StatsProps = {
   showPanel?: number;
   className?: string;
-  parent?: React$1.RefObject<HTMLElement>;
+  parent?: React.RefObject<HTMLElement>;
 };
 declare function Stats({
   showPanel,
@@ -1664,8 +1664,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
@@ -1677,24 +1677,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$2.RenderTargetOptions & React$1.RefAttributes<THREE$2.WebGLRenderTarget<THREE$2.Texture<unknown>>>>;
+} & THREE$2.RenderTargetOptions & React.RefAttributes<THREE$2.WebGLRenderTarget<THREE$2.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({
@@ -1704,17 +1704,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'> & {
@@ -1726,7 +1726,7 @@ declare const Mask: ForwardRefComponent<MaskProps, THREE$2.Mesh>;
 declare function useMask(id: number, inverse?: boolean): {
   stencilWrite: boolean;
   stencilRef: number;
-  stencilFunc: 514 | 517;
+  stencilFunc: 517 | 514;
   stencilFail: 7680;
   stencilZFail: 7680;
   stencilZPass: 7680;
@@ -1743,7 +1743,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;
@@ -1761,7 +1761,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 = {
@@ -1774,26 +1774,26 @@ type ContainerProps = {
   visible: boolean;
   scene: THREE$2.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$2.Group>>;
+  Port: () => React.JSX.Element;
+} & React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLElement | THREE$2.Group>>;
 declare const View: ViewportProps;
 //#endregion
 //#region src/core/Staging/Backdrop/Backdrop.d.ts
@@ -1801,7 +1801,7 @@ type BackdropProps = ThreeElements['group'] & {
   floor?: number;
   segments?: number;
   receiveShadow?: boolean;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
 };
 declare function Backdrop({
   children,
@@ -1815,7 +1815,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'] & {
@@ -1824,7 +1824,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'> & {
@@ -1882,7 +1882,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
@@ -1956,7 +1956,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;
@@ -1970,7 +1970,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;
@@ -2013,13 +2013,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'> & {
@@ -2027,7 +2027,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;
 };
@@ -2055,7 +2055,7 @@ type ResizeProps = Omit<ThreeElements['group'], 'ref'> & {
   box3?: THREE$2.Box3;
   precise?: boolean;
 };
-declare const Resize: React$1.ForwardRefExoticComponent<Omit<ResizeProps, "ref"> & React$1.RefAttributes<THREE$2.Group<THREE$2.Object3DEventMap>>>;
+declare const Resize: React.ForwardRefExoticComponent<Omit<ResizeProps, "ref"> & React.RefAttributes<THREE$2.Group<THREE$2.Object3DEventMap>>>;
 //#endregion
 //#region src/core/Staging/ScreenSizer/ScreenSizer.d.ts
 type ScreenSizerProps = Omit<ThreeElements['object3D'], 'ref'> & {
@@ -2116,7 +2116,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];
@@ -2126,11 +2126,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$1 = {
@@ -2145,10 +2145,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$1) => React$1.JSX.Element;
+} & Settings$1) => React.JSX.Element;
 //#endregion
 //#region src/core/UI/CycleRaycast/CycleRaycast.d.ts
 type CycleRaycastProps = {
@@ -2156,7 +2156,7 @@ type CycleRaycastProps = {
   preventDefault?: boolean;
   scroll?: boolean;
   keyCode?: number;
-  portal?: React$1.RefObject<HTMLElement>;
+  portal?: React.RefObject<HTMLElement>;
 };
 declare function CycleRaycast({
   onChanged,
@@ -2173,12 +2173,12 @@ declare function defaultCalculatePosition(el: Object3D$1, 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;
@@ -2187,10 +2187,10 @@ interface HtmlProps extends Omit<Assign<React$1.HTMLAttributes<HTMLDivElement>,
   as?: string;
   wrapperClass?: string;
   pointerEvents?: PointerEventsProperties;
-  occlude?: React$1.RefObject<Object3D$1>[] | boolean | 'raycast' | 'blending';
+  occlude?: React.RefObject<Object3D$1>[] | 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;
 }
@@ -2202,7 +2202,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$1>(onChange: (visible: boolean) => void): React$1.RefObject<T>;
+declare function useIntersect<T extends Object3D$1>(onChange: (visible: boolean) => void): React.RefObject<T>;
 //#endregion
 //#region src/core/UI/ScreenSpace/ScreenSpace.d.ts
 type ScreenSpaceProps = Omit<ThreeElements['group'], 'ref'> & {
@@ -2230,7 +2230,7 @@ declare function Select({
   backgroundColor,
   filter: customFilter,
   ...props
-}: SelectProps): React$1.JSX.Element;
+}: SelectProps): React.JSX.Element;
 declare function useSelect(): THREE$2.Object3D[];
 //#endregion
 //#region src/webgpu/Geometry/Line/Line.d.ts
@@ -2251,7 +2251,7 @@ type SegmentsProps = {
   lineWidth?: number;
   linewidth?: number;
   dashed?: boolean;
-  children: React$1.ReactNode;
+  children: React.ReactNode;
 };
 type SegmentProps = Omit<ThreeElements['segmentObject'], 'ref' | 'start' | 'end' | 'color'> & {
   start: ReactThreeFiber.Vector3;
@@ -2310,7 +2310,7 @@ declare module '@react-three/fiber' {
     softShadowMaterial: ThreeElements['shaderMaterial'] & SoftShadowMaterialProps;
   }
 }
-declare const accumulativeContext: React$1.Context<AccumulativeContext>;
+declare const accumulativeContext: React.Context<AccumulativeContext>;
 declare const AccumulativeShadows: ForwardRefComponent<AccumulativeShadowsProps, AccumulativeContext>;
 type RandomizedLightProps = Omit<ThreeElements['group'], 'ref'> & {
   frames?: number;
@@ -2383,7 +2383,7 @@ type CausticsProps = Omit<ThreeElements['group'], 'ref'> & {
   intensity?: number;
   color?: ReactThreeFiber.Color;
   resolution?: number;
-  lightSource?: [x: number, y: number, z: number] | React$1.RefObject<THREE.Object3D>;
+  lightSource?: [x: number, y: number, z: number] | React.RefObject<THREE.Object3D>;
 };
 declare class CausticsProjectionMaterial extends MeshBasicNodeMaterial {
   private _causticsTexture;
@@ -2548,7 +2548,7 @@ declare function GradientTexture({
   innerCircleRadius,
   outerCircleRadius,
   ...props
-}: GradientTextureProps): React$1.JSX.Element;
+}: GradientTextureProps): React.JSX.Element;
 //#endregion
 //#region src/webgpu/UI/Image/Image.d.ts
 type ImageProps = Omit<ThreeElements['mesh'], 'scale'> & {
@@ -2608,7 +2608,7 @@ type PortalProps = Omit<ThreeElements['meshBasicMaterial'], 'ref'> & {
   eventPriority?: number;
   renderPriority?: number;
   events?: boolean;
-  children?: React$1.ReactNode;
+  children?: React.ReactNode;
 };
 declare class PortalMaterialImpl extends MeshBasicNodeMaterial {
   private _blur;
@@ -2892,7 +2892,7 @@ declare function Outlines({
   angle,
   clippingPlanes,
   ...props
-}: OutlinesProps): React$1.JSX.Element;
+}: OutlinesProps): React.JSX.Element;
 //#endregion
 //#region src/webgpu/Staging/SoftShadows/SoftShadows.d.ts
 type SoftShadowsProps = {
@@ -3108,7 +3108,7 @@ type SpotLightProps = Omit<ThreeElements['spotLight'], 'ref'> & {
   volumetric?: boolean;
   debug?: boolean;
 };
-declare const SpotLight: ForwardRefComponent<React$1.PropsWithChildren<SpotLightProps>, SpotLight$1>;
+declare const SpotLight: ForwardRefComponent<React.PropsWithChildren<SpotLightProps>, SpotLight$1>;
 //#endregion
 //#region src/webgpu/Staging/Stars/Stars.d.ts
 declare module '@react-three/fiber' {
@@ -3156,10 +3156,10 @@ type Settings = {
 type TrailProps = {
   color?: ColorRepresentation;
   attenuation?: (t: number) => number;
-  target?: React$1.RefObject<Object3D>;
+  target?: React.RefObject<Object3D>;
 } & Partial<Settings>;
-declare function useTrail(target: Object3D, settings: Partial<Settings>, pointCount: number): React$1.RefObject<Float32Array>;
-declare const Trail: ForwardRefComponent<React$1.PropsWithChildren<TrailProps>, Line2>;
+declare function useTrail(target: Object3D, settings: Partial<Settings>, pointCount: number): React.RefObject<Float32Array>;
+declare const Trail: ForwardRefComponent<React.PropsWithChildren<TrailProps>, Line2>;
 //#endregion
 //#region src/native/index.d.ts
 declare const Html: () => never;