@moda/icons 5.19.4 → 5.21.0

package/account-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Account16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Account16;

package/account-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Account20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Account20;

package/adjust-24.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Adjust24: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Adjust24;

package/alert-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Alert16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Alert16;

package/amazon-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Amazon16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Amazon16;

package/arrow-angle-up-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ArrowAngleUp20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ArrowAngleUp20;

package/arrow-down-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ArrowDown12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ArrowDown12;

package/arrow-down-filled-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ArrowDownFilled20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ArrowDownFilled20;

package/arrow-up-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ArrowUp12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ArrowUp12;

package/arrow-up-filled-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ArrowUpFilled20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ArrowUpFilled20;

package/calendar-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Calendar20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Calendar20;

package/calendar-24.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Calendar24: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Calendar24;

package/carousel-arrow-mens-60.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const CarouselArrowMens60: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default CarouselArrowMens60;

package/carousel-arrow-womens-60.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const CarouselArrowWomens60: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default CarouselArrowWomens60;

package/chat-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Chat16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Chat16;

package/chat-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Chat20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Chat20;

package/checkbox-checked-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const CheckboxChecked12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default CheckboxChecked12;

package/checkbox-unchecked-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const CheckboxUnchecked12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default CheckboxUnchecked12;

package/checkmark-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Checkmark16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Checkmark16;

package/chevron-down-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronDown12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronDown12;

package/chevron-down-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronDown20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronDown20;

package/chevron-left-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronLeft12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronLeft12;

package/chevron-left-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronLeft16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronLeft16;

package/chevron-left-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronLeft20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronLeft20;

package/chevron-left-60.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronLeft60: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronLeft60;

package/chevron-left-circle-40.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare const ChevronLeftCircle40: {
+    ({ color, height, width, ...rest }: {
+        [x: string]: any;
+        color?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default ChevronLeftCircle40;

package/chevron-left-circle-40.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+var ChevronLeftCircle40 = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentcolor' : _b, _c = _a.height, height = _c === void 0 ? '40px' : _c, _d = _a.width, width = _d === void 0 ? '40px' : _d, rest = __rest(_a, ["color", "height", "width"]);
+    var svgStyle = __assign({ "position": "absolute", "top": "0", "right": "0", "bottom": "0", "left": "0", "width": "100%", "height": "100%" }, { fill: color });
+    return (React.createElement("div", __assign({ style: __assign({ "position": "relative" }, { height: height, width: width }) }, rest),
+        React.createElement("svg", { viewBox: "0 0 40 40", fill: "none", style: svgStyle },
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39 20C39 9.50659 30.4934 1 20 1C9.50659 1 1 9.50659 1 20C1 30.4934 9.50659 39 20 39C30.4934 39 39 30.4934 39 20ZM20 40C31.0457 40 40 31.0457 40 20C40 8.95431 31.0457 0 20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40Z" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.2928 20L23.6464 11.6465L24.3535 12.3536L16.7071 20L24.3535 27.6465L23.6464 28.3536L15.2928 20Z" })))));
+};
+ChevronLeftCircle40.displayName = 'ChevronLeftCircle40';
+export default ChevronLeftCircle40;
+//# sourceMappingURL=chevron-left-circle-40.js.map

package/chevron-left-circle-40.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-left-circle-40.js","sourceRoot":"","sources":["../build/src/chevron-left-circle-40.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,IAAM,mBAAmB,GAAG,UAAC,EAAoE;IAAlE,IAAA,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,IAAI,cAAlE,4BAAoE,CAAF;IAC7F,IAAM,QAAQ,YAA4B,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,IAAE,IAAI,EAAE,KAAK,GAAC,CAAC;IAE7J,OAAO,CACL,sCAAK,KAAK,WAAO,EAAC,UAAU,EAAC,UAAU,EAAC,IAAE,MAAM,QAAA,EAAE,KAAK,OAAA,OAAS,IAAI;QAClE,6BAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ;YAAE;gBAAG,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oOAAoO,GAAG;gBAAA,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oGAAoG,GAAG,CAAI,CAAM,CACze,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,eAAe,mBAAmB,CAAC"}

package/chevron-right-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronRight12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronRight12;

package/chevron-right-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronRight16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronRight16;

package/chevron-right-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronRight20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronRight20;

package/chevron-right-60.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronRight60: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronRight60;

package/chevron-right-circle-40.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare const ChevronRightCircle40: {
+    ({ color, height, width, ...rest }: {
+        [x: string]: any;
+        color?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export default ChevronRightCircle40;

package/chevron-right-circle-40.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+var ChevronRightCircle40 = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? 'currentcolor' : _b, _c = _a.height, height = _c === void 0 ? '40px' : _c, _d = _a.width, width = _d === void 0 ? '40px' : _d, rest = __rest(_a, ["color", "height", "width"]);
+    var svgStyle = __assign({ "position": "absolute", "top": "0", "right": "0", "bottom": "0", "left": "0", "width": "100%", "height": "100%" }, { fill: color });
+    return (React.createElement("div", __assign({ style: __assign({ "position": "relative" }, { height: height, width: width }) }, rest),
+        React.createElement("svg", { viewBox: "0 0 40 40", fill: "none", style: svgStyle },
+            React.createElement("g", null,
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 20C1 30.4934 9.50659 39 20 39C30.4934 39 39 30.4934 39 20C39 9.50659 30.4934 1 20 1C9.50659 1 1 9.50659 1 20ZM20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40C31.0457 40 40 31.0457 40 20C40 8.95431 31.0457 0 20 0Z" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.7072 20L16.3536 28.3535L15.6465 27.6464L23.2929 20L15.6465 12.3535L16.3536 11.6464L24.7072 20Z" })))));
+};
+ChevronRightCircle40.displayName = 'ChevronRightCircle40';
+export default ChevronRightCircle40;
+//# sourceMappingURL=chevron-right-circle-40.js.map

package/chevron-right-circle-40.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-right-circle-40.js","sourceRoot":"","sources":["../build/src/chevron-right-circle-40.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACI,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,IAAM,oBAAoB,GAAG,UAAC,EAAoE;IAAlE,IAAA,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA,EAAE,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAE,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAK,IAAI,cAAlE,4BAAoE,CAAF;IAC9F,IAAM,QAAQ,YAA4B,EAAC,UAAU,EAAC,UAAU,EAAC,KAAK,EAAC,GAAG,EAAC,OAAO,EAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAM,EAAC,IAAE,IAAI,EAAE,KAAK,GAAC,CAAC;IAE7J,OAAO,CACL,sCAAK,KAAK,WAAO,EAAC,UAAU,EAAC,UAAU,EAAC,IAAE,MAAM,QAAA,EAAE,KAAK,OAAA,OAAS,IAAI;QAClE,6BAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ;YAAE;gBAAG,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,kOAAkO,GAAG;gBAAA,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oGAAoG,GAAG,CAAI,CAAM,CACve,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,eAAe,oBAAoB,CAAC"}

package/chevron-up-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronUp12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronUp12;

package/chevron-up-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const ChevronUp20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default ChevronUp20;

package/circle-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Circle12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Circle12;

package/clock-12.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Clock12: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Clock12;

package/clock-16.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Clock16: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Clock16;

package/clock-20.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 declare const Clock20: {
     ({ color, height, width, ...rest }: {
         [x: string]: any;
         color?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default Clock20;