nzk-react-components 2.0.0-7 → 3.0.0-0

package/dist/esm/components/SyncedText/SyncedText.js

@@ -1 +1 @@
-import r,{useRef as e,useState as n,useEffect as t}from"react";import{useAudioTimeout as o}from"./hooks/useTimeout.js";import u from"../Button/Button.js";import"../../_virtual/_tslib.js";import l from"../../icons/TextToSpeech.js";var a=function(a){var i=a.value,c=e(null),s=e(),d=e(null),p=e(!1),v=e([]),m=e([]),f=n(!1),y=f[0],h=f[1],g=o({timeoutMs:a.timeoutMs}),E=g[0],x=g[1],A=function(r){return x(),h(!1),a.onError?a.onError({type:"PLAY_ERROR",error:r}):null},L=function(r){return x(),h(!1),a.onError?a.onError({type:"LOAD_ERROR",error:r}):null},R=function(){var r;return null===(r=c.current)||void 0===r||r.stop(),h(!1),a.onError?a.onError({type:"TIMEOUT"}):null},w=function(){var r,e;(null===(r=c.current)||void 0===r?void 0:r.playing())||(E(R),null===(e=c.current)||void 0===e||e.play())};t((function(){return i.audio&&a.Howl&&(c.current=new a.Howl({src:i.audio,autoplay:a.autoPlay}),a.autoPlay&&E(R),a.setRef&&a.setRef({play:w,getHowl:function(){return c.current},isPlaying:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.playing()},pause:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.pause()},stop:function(){var r;return null===(r=c.current)||void 0===r?void 0:r.stop()}})),function(){var r;x(),null===(r=c.current)||void 0===r||r.stop()}}),[]);var T=function(r){c.current&&d.current&&v.current[0]&&r>parseFloat(v.current[0].getAttribute("data-start")||"0")&&(m.current.forEach((function(r){r.classList.contains("highlighted")&&(r.classList.remove("highlighted"),r.classList.add("has-highlighted"))})),v.current[0].classList.add("highlighted"),v.current=v.current.slice(1,v.current.length))},_=function(){p.current=!0,v.current=m.current,h(!0);var r=function(){var e;if(null===(e=c.current)||void 0===e?void 0:e.playing()){x();var n=c.current.seek();T(n),s.current=requestAnimationFrame(r)}else s&&cancelAnimationFrame(s.current)};s.current=requestAnimationFrame(r)},k=function(){cancelAnimationFrame(s.current),h(!1),p.current&&(m.current.forEach((function(r){r.classList.remove("highlighted"),r.classList.remove("has-highlighted")})),a.onComplete&&a.onComplete())};return t((function(){var r,e,n,t,o,u;if(null===(r=c.current)||void 0===r||r.on("play",_),null===(e=c.current)||void 0===e||e.on("end",k),null===(n=c.current)||void 0===n||n.on("stop",k),null===(t=c.current)||void 0===t||t.on("playerror",A),null===(o=c.current)||void 0===o||o.on("loaderror",L),m.current){var l=null===(u=d.current)||void 0===u?void 0:u.querySelectorAll("span.synced-test--part");l&&(m.current=Array.from(l),v.current=m.current)}return function(){var r,e,n,t,o;k(),null===(r=c.current)||void 0===r||r.off("play",_),null===(e=c.current)||void 0===e||e.off("end",k),null===(n=c.current)||void 0===n||n.off("stop",k),null===(t=c.current)||void 0===t||t.off("playerror",A),null===(o=c.current)||void 0===o||o.off("loaderror",L)}}),[a.value]),i?r.createElement("div",{ref:d,className:"synced-text"},a.showPlayButton&&r.createElement(u,{theme:y?"purple":"primary",style:{marginRight:"10px"},onClick:w,className:"synced-text--play",size:"x-small",round:!0},r.createElement(l,null)),i.sequences.map((function(e,n){return r.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":e.time[0],"data-end":e.time[1],key:e.time[0]},r.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:""+e.text}}),n<i.sequences.length&&r.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};export{a as SyncedText};
+import r,{useRef as e,useState as n,useEffect as t}from"react";import{useAudioTimeout as o}from"./hooks/useTimeout.js";import u from"../Button/Button.js";import"../../_virtual/_tslib.js";import l from"../../icons/TextToSpeech.js";var a=function(a){var c=a.value,i=e(null),s=e(),d=e(null),p=e(!1),v=e([]),m=e([]),f=n(!1),y=f[0],h=f[1],g=o({timeoutMs:a.timeoutMs}),E=g[0],x=g[1],A=function(r){return x(),h(!1),a.onError?a.onError({type:"PLAY_ERROR",error:r}):null},L=function(r){return x(),h(!1),a.onError?a.onError({type:"LOAD_ERROR",error:r}):null},R=function(){var r;return null===(r=i.current)||void 0===r||r.stop(),h(!1),a.onError?a.onError({type:"TIMEOUT"}):null},w=function(){var r,e;(null===(r=i.current)||void 0===r?void 0:r.playing())||(E(R),null===(e=i.current)||void 0===e||e.play())};t((function(){return c.audio&&a.Howl&&(i.current=new a.Howl({src:c.audio,autoplay:a.autoPlay}),a.autoPlay&&E(R),a.setRef&&a.setRef({play:w,getHowl:function(){return i.current},isPlaying:function(){var r;return null===(r=i.current)||void 0===r?void 0:r.playing()},pause:function(){var r;return null===(r=i.current)||void 0===r?void 0:r.pause()},stop:function(){var r;return null===(r=i.current)||void 0===r?void 0:r.stop()}})),function(){var r;x(),null===(r=i.current)||void 0===r||r.stop()}}),[]);var T=function(r){i.current&&d.current&&v.current[0]&&r>parseFloat(v.current[0].getAttribute("data-start")||"0")&&(m.current.forEach((function(r){r.classList.contains("highlighted")&&(r.classList.remove("highlighted"),r.classList.add("has-highlighted"))})),v.current[0].classList.add("highlighted"),v.current=v.current.slice(1,v.current.length))},_=function(){p.current=!0,v.current=m.current,h(!0);var r=function(){var e;if(null===(e=i.current)||void 0===e?void 0:e.playing()){x();var n=i.current.seek();T(n),s.current=requestAnimationFrame(r)}else s&&cancelAnimationFrame(s.current)};s.current=requestAnimationFrame(r)},k=function(){cancelAnimationFrame(s.current),h(!1),p.current&&(m.current.forEach((function(r){r.classList.remove("highlighted"),r.classList.remove("has-highlighted")})),a.onComplete&&a.onComplete())};return t((function(){var r,e,n,t,o,u;if(null===(r=i.current)||void 0===r||r.on("play",_),null===(e=i.current)||void 0===e||e.on("end",k),null===(n=i.current)||void 0===n||n.on("stop",k),null===(t=i.current)||void 0===t||t.on("playerror",A),null===(o=i.current)||void 0===o||o.on("loaderror",L),m.current){var l=null===(u=d.current)||void 0===u?void 0:u.querySelectorAll("span.synced-test--part");l&&(m.current=Array.from(l),v.current=m.current)}return function(){var r,e,n,t,o;k(),null===(r=i.current)||void 0===r||r.off("play",_),null===(e=i.current)||void 0===e||e.off("end",k),null===(n=i.current)||void 0===n||n.off("stop",k),null===(t=i.current)||void 0===t||t.off("playerror",A),null===(o=i.current)||void 0===o||o.off("loaderror",L)}}),[a.value]),c?r.createElement("div",{ref:d,className:"synced-text"},a.showPlayButton&&r.createElement(u,{theme:y?"purple":"primary",style:{marginRight:"10px"},onClick:w,className:"synced-text--play",size:"x-small",round:!0},r.createElement(l,null)),c.sequences.map((function(e,n){return r.createElement("span",{className:"synced-test--part",style:{display:"inline-block"},"data-start":e.time[0],"data-end":e.time[1],key:e.time[0]},r.createElement("span",{className:"synced-text--word",dangerouslySetInnerHTML:{__html:"".concat(e.text)}}),n<c.sequences.length&&r.createElement("span",{className:"synced-text--space",style:{whiteSpace:"pre-wrap"}}," "))}))):null};export{a as SyncedText};

package/dist/esm/hooks/useCloudinary/index.js

@@ -1 +1 @@
-var e="nzk",t="juz5g1j1",n=function(n){var r=n&&n.cloudName||e,a=n&&n.unsignedUploadPreset||t,u=n&&n.uploadTag;return{uploadImage:function(e,t){var n="https://api.cloudinary.com/v1_1/"+r+"/upload",o=new XMLHttpRequest,s=new FormData;o.open("POST",n,!0),o.setRequestHeader("X-Requested-With","XMLHttpRequest"),o.onreadystatechange=function(){if(4===o.readyState&&200===o.status){var e=JSON.parse(o.responseText);t&&t(e.secure_url)}},s.append("upload_preset",a),u&&s.append("tags",u),e instanceof Blob?(s.append("file",e),o.send(s)):fetch(e).then((function(e){e.blob().then((function(e){s.append("file",e),o.send(s)}))}))},promiseUploadImage:function(e){return new Promise((function(t,n){var o="https://api.cloudinary.com/v1_1/"+r+"/upload",s=new XMLHttpRequest,d=new FormData;s.addEventListener("error",(function(){return n(new Error("Couldn't reach cloudinary to upload image"))})),s.open("POST",o,!0),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.onreadystatechange=function(){if(4===s.readyState&&s.status>=200&&s.status<300){var e=JSON.parse(s.responseText);return e.secure_url?t(e.secure_url):n(new Error("No secure_url returned by cloudinary"))}return 4===s.readyState&&s.status>=300?n(new Error("Cloudinary returned error code: "+s.status)):null},d.append("upload_preset",a),u&&d.append("tags",u),e instanceof Blob?(d.append("file",e),s.send(d)):fetch(e).then((function(e){e.blob().then((function(e){d.append("file",e),s.send(d)}))}))}))}}};export{n as default};
+var e="nzk",t="juz5g1j1",n=function(n){var a=n&&n.cloudName||e,r=n&&n.unsignedUploadPreset||t,o=n&&n.uploadTag;return{uploadImage:function(e,t){var n="https://api.cloudinary.com/v1_1/".concat(a,"/upload"),u=new XMLHttpRequest,s=new FormData;u.open("POST",n,!0),u.setRequestHeader("X-Requested-With","XMLHttpRequest"),u.onreadystatechange=function(){if(4===u.readyState&&200===u.status){var e=JSON.parse(u.responseText);t&&t(e.secure_url)}},s.append("upload_preset",r),o&&s.append("tags",o),e instanceof Blob?(s.append("file",e),u.send(s)):fetch(e).then((function(e){e.blob().then((function(e){s.append("file",e),u.send(s)}))}))},promiseUploadImage:function(e){return new Promise((function(t,n){var u="https://api.cloudinary.com/v1_1/".concat(a,"/upload"),s=new XMLHttpRequest,d=new FormData;s.addEventListener("error",(function(){return n(new Error("Couldn't reach cloudinary to upload image"))})),s.open("POST",u,!0),s.setRequestHeader("X-Requested-With","XMLHttpRequest"),s.onreadystatechange=function(){if(4===s.readyState&&s.status>=200&&s.status<300){var e=JSON.parse(s.responseText);return e.secure_url?t(e.secure_url):n(new Error("No secure_url returned by cloudinary"))}return 4===s.readyState&&s.status>=300?n(new Error("Cloudinary returned error code: ".concat(s.status))):null},d.append("upload_preset",r),o&&d.append("tags",o),e instanceof Blob?(d.append("file",e),s.send(d)):fetch(e).then((function(e){e.blob().then((function(e){d.append("file",e),s.send(d)}))}))}))}}};export{n as default};

package/dist/esm/hooks/useConfettis/animations.js

@@ -1 +1 @@
-import{__assign as n,__awaiter as i,__generator as o}from"../../_virtual/_tslib.js";import r from"canvas-confetti";function t(n,i){return Math.random()*(i-n)+n}var a={basicCanon:function(n){var i=n.confettiOptions,o=i.particleCount,t=void 0===o?100:o,a=i.spread,e=void 0===a?70:a,f=i.origin;r({particleCount:t,spread:e,origin:void 0===f?{y:.6}:f})},fireworks:function(i){var o=i.durationInMs,a=void 0===o?2e3:o,e=i.confettiOptions,f={startVelocity:30,spread:360,ticks:60,zIndex:0},u=Date.now()+a,d=setInterval((function(){var i=u-Date.now();if(i<=0)return clearInterval(d);var o=i/a*50;return r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.1,.3),y:Math.random()-.2}})),r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.7,.9),y:Math.random()-.2}})),null}),250)},sideCanons:function(t){var a=t.durationInMs,e=void 0===a?2e3:a,f=t.colors,u=void 0===f?["#bb0000","#ffffff"]:f,d=t.confettiOptions,c=void 0===d?{angle:60,spread:55,particleCount:2,origin:{x:0,y:.5}}:d;return i(void 0,void 0,void 0,(function(){function i(){r(n({},a)),r(n(n({},a),{angle:2*a.angle,origin:n(n({},a.origin),{x:1-a.origin.x})})),Date.now()<t&&requestAnimationFrame(i)}var t,a,f,d;return o(this,(function(n){return t=Date.now()+e,a={angle:c.angle||60,spread:c.spread||55,particleCount:c.particleCount||2,colors:u||["#bb0000","#ffffff"],origin:{x:(null===(f=c.origin)||void 0===f?void 0:f.x)||0,y:(null===(d=c.origin)||void 0===d?void 0:d.y)||.5}},[2,i()]}))}))}};export{a as ANIMATIONS};
+import{__assign as n,__awaiter as i,__generator as o}from"../../_virtual/_tslib.js";import r from"canvas-confetti";function t(n,i){return Math.random()*(i-n)+n}var a={basicCanon:function(n){var i=n.confettiOptions,o=i.particleCount,t=void 0===o?100:o,a=i.spread,e=void 0===a?70:a,f=i.origin;r({particleCount:t,spread:e,origin:void 0===f?{y:.6}:f})},fireworks:function(i){var o=i.durationInMs,a=void 0===o?2e3:o,e=i.confettiOptions,f={startVelocity:30,spread:360,ticks:60,zIndex:0},u=Date.now()+a,c=setInterval((function(){var i=u-Date.now();if(i<=0)return clearInterval(c);var o=i/a*50;return r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.1,.3),y:Math.random()-.2}})),r(n(n(n({},f),e),{particleCount:o,origin:{x:t(.7,.9),y:Math.random()-.2}})),null}),250)},sideCanons:function(t){return i(void 0,[t],void 0,(function(i){function t(){r(n({},e)),r(n(n({},e),{angle:2*e.angle,origin:n(n({},e.origin),{x:1-e.origin.x})})),Date.now()<a&&requestAnimationFrame(t)}var a,e,f,u,c=i.durationInMs,d=void 0===c?2e3:c,l=i.colors,s=void 0===l?["#bb0000","#ffffff"]:l,v=i.confettiOptions,p=void 0===v?{angle:60,spread:55,particleCount:2,origin:{x:0,y:.5}}:v;return o(this,(function(n){return a=Date.now()+d,e={angle:p.angle||60,spread:p.spread||55,particleCount:p.particleCount||2,colors:s||["#bb0000","#ffffff"],origin:{x:(null===(f=p.origin)||void 0===f?void 0:f.x)||0,y:(null===(u=p.origin)||void 0===u?void 0:u.y)||.5}},[2,t()]}))}))}};export{a as ANIMATIONS};

package/dist/esm/lib/unstated-next.js

@@ -0,0 +1 @@
+import r from"react";var e=Symbol();function t(t){var n=r.createContext(e);return{Provider:function(e){var o=t(e.initialState);return r.createElement(n.Provider,{value:o},e.children)},useContainer:function(){var t=r.useContext(n);if(t===e)throw new Error("Component must be wrapped with <Container.Provider>");return t}}}export{t as createContainer};

package/dist/hooks/useAsync.d.ts

@@ -1,14 +1,14 @@
-interface IProps {
-    asyncFunc: (params: any) => any;
-    immediate: boolean;
-    funcParams?: any;
-    initialData?: any;
-}
-interface IAsyncHook {
-    loading: boolean;
-    data: any;
-    execute: (params?: any) => any;
-    error: any;
-}
-declare const useAsync: (props?: IProps) => IAsyncHook;
-export default useAsync;
+interface IProps {
+    asyncFunc: (params: any) => any;
+    immediate: boolean;
+    funcParams?: any;
+    initialData?: any;
+}
+interface IAsyncHook {
+    loading: boolean;
+    data: any;
+    execute: (params?: any) => any;
+    error: any;
+}
+declare const useAsync: (props?: IProps) => IAsyncHook;
+export default useAsync;

package/dist/hooks/useCloudinary/index.d.ts

@@ -1,10 +1,10 @@
-export interface Props {
-    cloudName?: string;
-    unsignedUploadPreset?: string;
-    uploadTag?: string;
-}
-declare const useCloudinary: (props?: Props | undefined) => {
-    uploadImage: (file: Blob | string, onComplete?: ((imageUrl: string) => void) | undefined) => void;
-    promiseUploadImage: (file: Blob | string) => Promise<string>;
-};
-export default useCloudinary;
+export interface Props {
+    cloudName?: string;
+    unsignedUploadPreset?: string;
+    uploadTag?: string;
+}
+declare const useCloudinary: (props?: Props) => {
+    uploadImage: (file: Blob | string, onComplete?: (imageUrl: string) => void) => void;
+    promiseUploadImage: (file: Blob | string) => Promise<string>;
+};
+export default useCloudinary;

package/dist/hooks/useConfettis/animations.d.ts

@@ -1,22 +1,22 @@
-import confetti from "canvas-confetti";
-export interface IAnimationsArgs {
-    basicCanon: {
-        confettiOptions: confetti.Options;
-    };
-    fireworks: {
-        durationInMs: number;
-        confettiOptions: confetti.Options;
-    };
-    sideCanons: {
-        durationInMs?: number;
-        colors?: string[];
-        confettiOptions?: confetti.Options;
-    };
-}
-export interface IAnimations {
-    basicCanon: (params: IAnimationsArgs["basicCanon"]) => void;
-    fireworks: (params: IAnimationsArgs["fireworks"]) => void;
-    sideCanons: (params: IAnimationsArgs["sideCanons"]) => void;
-}
-export declare type AnimationTypes = keyof IAnimations;
-export declare const ANIMATIONS: IAnimations;
+import confetti from "canvas-confetti";
+export interface IAnimationsArgs {
+    basicCanon: {
+        confettiOptions: confetti.Options;
+    };
+    fireworks: {
+        durationInMs: number;
+        confettiOptions: confetti.Options;
+    };
+    sideCanons: {
+        durationInMs?: number;
+        colors?: string[];
+        confettiOptions?: confetti.Options;
+    };
+}
+export interface IAnimations {
+    basicCanon: (params: IAnimationsArgs["basicCanon"]) => void;
+    fireworks: (params: IAnimationsArgs["fireworks"]) => void;
+    sideCanons: (params: IAnimationsArgs["sideCanons"]) => void;
+}
+export type AnimationTypes = keyof IAnimations;
+export declare const ANIMATIONS: IAnimations;

package/dist/hooks/useConfettis/index.d.ts

@@ -1,7 +1,7 @@
-import confetti from 'canvas-confetti';
-declare const useConfettis: () => {
-    cannon: () => void;
-    confetti: typeof confetti;
-    ANIMATIONS: import("./animations").IAnimations;
-};
-export default useConfettis;
+import confetti from 'canvas-confetti';
+declare const useConfettis: () => {
+    cannon: () => void;
+    confetti: typeof confetti;
+    ANIMATIONS: import("./animations").IAnimations;
+};
+export default useConfettis;

package/dist/hooks/useDebounce.d.ts

@@ -1,2 +1,2 @@
-declare function useDebounce<T>(value: T, delay?: number): T;
-export default useDebounce;
+declare function useDebounce<T>(value: T, delay?: number): T;
+export default useDebounce;

package/dist/hooks/useElementSize.d.ts

@@ -1,7 +1,7 @@
-import { RefObject } from 'react';
-interface Size {
-    width: number;
-    height: number;
-}
-declare function useElementSize<T extends HTMLElement = HTMLDivElement>(elementRef: RefObject<T> | null): Size;
-export default useElementSize;
+import { RefObject } from 'react';
+interface Size {
+    width: number;
+    height: number;
+}
+declare function useElementSize<T extends HTMLElement = HTMLDivElement>(elementRef: RefObject<T> | null): Size;
+export default useElementSize;

package/dist/hooks/useEventListener.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from 'react';
-declare function useEventListener<T extends HTMLElement = HTMLDivElement>(eventName: keyof WindowEventMap, handler: (event: Event) => void, element?: RefObject<T>): void;
-export default useEventListener;
+import { RefObject } from 'react';
+declare function useEventListener<T extends HTMLElement = HTMLDivElement>(eventName: keyof WindowEventMap, handler: (event: Event) => void, element?: RefObject<T>): void;
+export default useEventListener;

package/dist/hooks/useInterval.d.ts

@@ -1,2 +1,2 @@
-declare function useInterval(callback: () => void, delay: number | null): void;
-export default useInterval;
+declare function useInterval(callback: () => void, delay: number | null): void;
+export default useInterval;

package/dist/hooks/useMountState.d.ts

@@ -1,2 +1,2 @@
-declare const useMountState: () => boolean;
-export default useMountState;
+declare const useMountState: () => boolean;
+export default useMountState;

package/dist/icons/AboutUs.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAboutUs: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAboutUs;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAboutUs: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAboutUs;

package/dist/icons/Achievements.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAchievements: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAchievements;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAchievements: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAchievements;

package/dist/icons/Activities.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgActivities: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgActivities;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgActivities: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgActivities;

package/dist/icons/AddChapter.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAddChapter: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAddChapter;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAddChapter: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAddChapter;

package/dist/icons/AdvancedTutoring.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAdvancedTutoring: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAdvancedTutoring;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAdvancedTutoring: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAdvancedTutoring;

package/dist/icons/Ant.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAnt: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAnt;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAnt: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAnt;

package/dist/icons/AppClose.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppClose: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppClose;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppClose: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppClose;

package/dist/icons/AppCreate.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppCreate: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppCreate;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppCreate: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppCreate;

package/dist/icons/AppDraft.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppDraft: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppDraft;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppDraft: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppDraft;

package/dist/icons/AppItems.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppItems: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppItems;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppItems: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppItems;

package/dist/icons/AppMenu.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppMenu: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppMenu;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppMenu: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppMenu;

package/dist/icons/AppReport.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppReport: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppReport;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppReport: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppReport;

package/dist/icons/AppSettings.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppSettings: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppSettings;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppSettings: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppSettings;

package/dist/icons/AppTeamwork.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppTeamwork: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppTeamwork;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppTeamwork: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppTeamwork;

package/dist/icons/AppWriting.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAppWriting: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAppWriting;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAppWriting: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAppWriting;

package/dist/icons/Archive.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArchive: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArchive;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArchive: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArchive;

package/dist/icons/ArrowDown.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowDown: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowDown;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowDown: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowDown;

package/dist/icons/ArrowLeft.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowLeft: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowLeft;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowLeft: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowLeft;

package/dist/icons/ArrowLeftAlt.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowLeftAlt: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowLeftAlt;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowLeftAlt: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowLeftAlt;

package/dist/icons/ArrowRight.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowRight: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowRight;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowRight: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowRight;

package/dist/icons/ArrowRightAlt.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowRightAlt: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowRightAlt;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowRightAlt: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowRightAlt;

package/dist/icons/ArrowUp.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgArrowUp: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgArrowUp;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgArrowUp: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgArrowUp;

package/dist/icons/Audio.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAudio: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAudio;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAudio: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAudio;

package/dist/icons/Awards.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgAwards: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgAwards;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgAwards: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAwards;

package/dist/icons/Back.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBack: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBack;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBack: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBack;

package/dist/icons/Bear.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBear: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBear;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBear: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBear;

package/dist/icons/Beaver.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBeaver: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBeaver;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBeaver: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBeaver;

package/dist/icons/Bertie.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBertie: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBertie;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBertie: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBertie;

package/dist/icons/Biography.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBiography: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBiography;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBiography: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBiography;

package/dist/icons/Book.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgBook: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgBook;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgBook: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgBook;

package/dist/icons/CardSkills.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgCardSkills: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgCardSkills;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgCardSkills: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgCardSkills;

package/dist/icons/Challenges.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgChallenges: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgChallenges;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgChallenges: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgChallenges;

package/dist/icons/Chart.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgChart: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgChart;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgChart: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgChart;

package/dist/icons/Checkmark.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgCheckmark: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgCheckmark;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgCheckmark: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgCheckmark;

package/dist/icons/Chest.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgChest: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgChest;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgChest: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgChest;

package/dist/icons/Claw.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgClaw: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgClaw;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgClaw: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgClaw;

package/dist/icons/Close.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgClose: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgClose;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgClose: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgClose;

package/dist/icons/CloseCopy.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgClosecopy: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgClosecopy;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgClosecopy: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgClosecopy;

package/dist/icons/Collect.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgCollect: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgCollect;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgCollect: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgCollect;

package/dist/icons/Comment.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgComment: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgComment;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgComment: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgComment;

package/dist/icons/Compass.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
-declare const SvgCompass: (props: SVGProps<SVGSVGElement>) => JSX.Element;
-export default SvgCompass;
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SvgCompass: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgCompass;