@aarsteinmedia/dotlottie-player 4.0.14 → 5.0.0

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as Lottie from 'lottie-web/build/player/lottie.js';
 import { AnimationDirection, RendererType, AnimationSegment } from 'lottie-web';
-import { RefObject, CSSProperties } from 'react';
 
 declare function renderPlayer(this: DotLottiePlayer): void;
 
@@ -128,17 +127,33 @@ type Autoplay = boolean | '' | 'autoplay' | null;
 type Controls = boolean | '' | 'controls' | null;
 type Loop = boolean | '' | 'loop' | null;
 type Subframe = boolean | '' | null;
-type JSXLottiePlayer = Omit<Partial<DotLottiePlayer>, 'style'> & {
-    class?: string;
-    ref?: RefObject<unknown>;
-    style?: CSSProperties;
-    src: string;
-};
 declare global {
     interface HTMLElementTagNameMap {
         'dotlottie-player': DotLottiePlayer;
     }
     function dotLottiePlayer(): DotLottiePlayer;
+}
+type JSXLottiePlayer = Omit<Partial<DotLottiePlayer>, 'style'> & {
+    class?: string;
+    ref?: React.RefObject<unknown>;
+    style?: React.CSSProperties;
+    src: string;
+};
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dotlottie-player': JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'dotlottie-player': JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-dev-runtime' {
     namespace JSX {
         interface IntrinsicElements {
             'dotlottie-player': JSXLottiePlayer;