react-useanimations 3.0.0-beta.1 → 3.0.0

package/lib/zap.d.mts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Zap** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: weather, zap.
+ *
+ * ![Zap](https://useanimations.com/icons/zap/zap.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zap from 'react-useanimations/lib/zap';
+ *
+ * <UseAnimations animation={zap} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zap.d.ts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Zap** animated icon (Weather). Default interaction: `hover-replay`.
+ *
+ * Keywords: weather, zap.
+ *
+ * ![Zap](https://useanimations.com/icons/zap/zap.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zap from 'react-useanimations/lib/zap';
+ *
+ * <UseAnimations animation={zap} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zap.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"zap",v:"5.5.2",fr:30,ip:0,op:34,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:1,k:[{t:0,s:[100],h:1},{t:2,s:[15],h:1},{t:4,s:[100],h:1},{t:6,s:[15],h:1},{t:8,s:[100]}]},r:{a:1,k:[{t:0,s:[0],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:10,s:[0],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:12,s:[-5],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:14,s:[4],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:16,s:[-2],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:18,s:[0]}]},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:1,k:[{t:6,s:[100,100,100],o:{x:[0,0,0],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:10,s:[88,88,100],o:{x:[0,0,0],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:16,s:[114.4,114.4,100],o:{x:[.42,.42,.42],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:22,s:[96.4,96.4,100],o:{x:[.42,.42,.42],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:28,s:[100,100,100]}]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:true,v:[[13,2],[3,14],[12,14],[11,22],[21,10],[12,10]],i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]]}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:34,st:0,bm:0}]},interaction:"hover-replay"};

package/lib/zap.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"zap",v:"5.5.2",fr:30,ip:0,op:34,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:1,k:[{t:0,s:[100],h:1},{t:2,s:[15],h:1},{t:4,s:[100],h:1},{t:6,s:[15],h:1},{t:8,s:[100]}]},r:{a:1,k:[{t:0,s:[0],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:10,s:[0],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:12,s:[-5],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:14,s:[4],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:16,s:[-2],o:{x:[.42],y:[0]},i:{x:[.58],y:[1]}},{t:18,s:[0]}]},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:1,k:[{t:6,s:[100,100,100],o:{x:[0,0,0],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:10,s:[88,88,100],o:{x:[0,0,0],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:16,s:[114.4,114.4,100],o:{x:[.42,.42,.42],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:22,s:[96.4,96.4,100],o:{x:[.42,.42,.42],y:[0,0,0]},i:{x:[.58,.58,.58],y:[1,1,1]}},{t:28,s:[100,100,100]}]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:true,v:[[13,2],[3,14],[12,14],[11,22],[21,10],[12,10]],i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]]}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:34,st:0,bm:0}]},interaction:"hover-replay"};

package/lib/zapOff.d.mts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Zap Off** animated icon (Weather). Default interaction: `click-toggle`.
+ *
+ * Keywords: off, weather, zap, zap-off, zap-off-off.
+ *
+ * ![Zap Off](https://useanimations.com/icons/zap-off/zap-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zapOff from 'react-useanimations/lib/zapOff';
+ *
+ * <UseAnimations animation={zapOff} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zapOff.d.ts

@@ -0,0 +1,18 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Zap Off** animated icon (Weather). Default interaction: `click-toggle`.
+ *
+ * Keywords: off, weather, zap, zap-off, zap-off-off.
+ *
+ * ![Zap Off](https://useanimations.com/icons/zap-off/zap-off-off.svg)
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zapOff from 'react-useanimations/lib/zapOff';
+ *
+ * <UseAnimations animation={zapOff} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zapOff.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"zap-off",v:"5.5.2",fr:30,ip:0,op:25,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:false,v:[[1,1],[23,23]],i:[[0,0],[0,0]],o:[[0,0],[0,0]]}}},{ty:"tm",s:{a:1,k:[{t:0,s:[0],o:{x:[.588],y:[0]},i:{x:[.223],y:[1]}},{t:24,s:[0]}]},e:{a:1,k:[{t:0,s:[0],o:{x:[.588],y:[0]},i:{x:[.223],y:[1]}},{t:24,s:[100]}]},o:{a:0,k:0},m:1},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:25,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:true,v:[[13,2],[3,14],[12,14],[11,22],[21,10],[12,10]],i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]]}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:25,st:0,bm:0}]},interaction:"click-toggle"};

package/lib/zapOff.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"zap-off",v:"5.5.2",fr:30,ip:0,op:25,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:false,v:[[1,1],[23,23]],i:[[0,0],[0,0]],o:[[0,0],[0,0]]}}},{ty:"tm",s:{a:1,k:[{t:0,s:[0],o:{x:[.588],y:[0]},i:{x:[.223],y:[1]}},{t:24,s:[0]}]},e:{a:1,k:[{t:0,s:[0],o:{x:[.588],y:[0]},i:{x:[.223],y:[1]}},{t:24,s:[100]}]},o:{a:0,k:0},m:1},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:25,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"sh",ks:{a:0,k:{c:true,v:[[13,2],[3,14],[12,14],[11,22],[21,10],[12,10]],i:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]]}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}]}],ip:0,op:25,st:0,bm:0}]},interaction:"click-toggle"};

package/lib/zoomIn.d.mts

@@ -0,0 +1,16 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Zoom In** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, in, magnifier, magnify, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zoomIn from 'react-useanimations/lib/zoomIn';
+ *
+ * <UseAnimations animation={zoomIn} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zoomIn.d.ts

@@ -0,0 +1,16 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Zoom In** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, in, magnifier, magnify, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zoomIn from 'react-useanimations/lib/zoomIn';
+ *
+ * <UseAnimations animation={zoomIn} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zoomIn.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"zoom-in",v:"5.6.5",fr:29.9700012207031,ip:0,op:30.0000012219251,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,hasMask:true,masksProperties:[{inv:false,mode:"a",pt:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[3.625,3.375],[3.625,18.5],[18.375,18.5],[18.375,3.375]],c:true}},o:{a:0,k:100},x:{a:0,k:0}}],shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[11,8],[11,14]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[11,11]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:0,s:[100,100]},{t:18.000000733155,s:[570,570]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:8,s:[100]},{t:18.000000733155,s:[0]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[11,8],[11,14]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[11,11]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:20,s:[40,40]},{t:28.0000011404634,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:20,s:[0]},{t:28.0000011404634,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[2.175,2.175],[-2.175,-2.175]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[18.825,18.825]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-4.418,0],[0,-4.418],[4.418,0],[0,4.418]],o:[[4.418,0],[0,4.418],[-4.418,0],[0,-4.418]],v:[[0,-8],[8,0],[0,8],[-8,0]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0}],markers:[]},interaction:"hover"};

package/lib/zoomIn.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"zoom-in",v:"5.6.5",fr:29.9700012207031,ip:0,op:30.0000012219251,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,hasMask:true,masksProperties:[{inv:false,mode:"a",pt:{a:0,k:{i:[[0,0],[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0],[0,0]],v:[[3.625,3.375],[3.625,18.5],[18.375,18.5],[18.375,3.375]],c:true}},o:{a:0,k:100},x:{a:0,k:0}}],shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[11,8],[11,14]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[11,11]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:0,s:[100,100]},{t:18.000000733155,s:[570,570]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:8,s:[100]},{t:18.000000733155,s:[0]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[11,8],[11,14]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[0,0]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[11,11]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:20,s:[40,40]},{t:28.0000011404634,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:20,s:[0]},{t:28.0000011404634,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[2.175,2.175],[-2.175,-2.175]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[18.825,18.825]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-4.418,0],[0,-4.418],[4.418,0],[0,4.418]],o:[[4.418,0],[0,4.418],[-4.418,0],[0,-4.418]],v:[[0,-8],[8,0],[0,8],[-8,0]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0}],markers:[]},interaction:"hover"};

package/lib/zoomOut.d.mts

@@ -0,0 +1,16 @@
+import type { Animation } from '../index.mjs';
+
+/**
+ * **Zoom Out** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, magnifier, magnify, out, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zoomOut from 'react-useanimations/lib/zoomOut';
+ *
+ * <UseAnimations animation={zoomOut} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zoomOut.d.ts

@@ -0,0 +1,16 @@
+import type { Animation } from '../index.js';
+
+/**
+ * **Zoom Out** animated icon (Action). Default interaction: `hover`.
+ *
+ * Keywords: action, magnifier, magnify, out, zoom.
+ *
+ * @example
+ * import UseAnimations from 'react-useanimations';
+ * import zoomOut from 'react-useanimations/lib/zoomOut';
+ *
+ * <UseAnimations animation={zoomOut} />
+ */
+declare const animation: Animation;
+
+export default animation;

package/lib/zoomOut.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default={animationData:{nm:"zoom-out",v:"5.6.5",fr:29.9700012207031,ip:0,op:30.0000012219251,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,hasMask:true,masksProperties:[{inv:false,mode:"a",pt:{a:0,k:{i:[[4.418,0],[0,-4.427],[-4.418,0],[0,4.427]],o:[[-4.418,0],[0,4.427],[4.418,0],[0,-4.427]],v:[[11,3],[3,11.016],[11,19.031],[19,11.016]],c:true}},o:{a:0,k:100},x:{a:0,k:0}}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[10.957,10.975]},a:{a:0,k:[10.957,10.975]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:12,s:[800,800]},{t:30.0000012219251,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[0]},{t:18.000000733155,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[10.957,10.975]},a:{a:0,k:[10.957,10.975]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:0,s:[100,100]},{t:8.00000032584668,s:[50,50]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[100]},{t:8.00000032584668,s:[0]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[2.175,2.175],[-2.175,-2.175]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[18.825,18.825]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-4.418,0],[0,-4.418],[4.418,0],[0,4.418]],o:[[4.418,0],[0,4.418],[-4.418,0],[0,-4.418]],v:[[0,-8],[8,0],[0,8],[-8,0]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0}],markers:[]},interaction:"hover"};

package/lib/zoomOut.mjs

@@ -0,0 +1 @@
+export default {animationData:{nm:"zoom-out",v:"5.6.5",fr:29.9700012207031,ip:0,op:30.0000012219251,w:32,h:32,ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,hasMask:true,masksProperties:[{inv:false,mode:"a",pt:{a:0,k:{i:[[4.418,0],[0,-4.427],[-4.418,0],[0,4.427]],o:[[-4.418,0],[0,4.427],[4.418,0],[0,-4.427]],v:[[11,3],[3,11.016],[11,19.031],[19,11.016]],c:true}},o:{a:0,k:100},x:{a:0,k:0}}],shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[10.957,10.975]},a:{a:0,k:[10.957,10.975]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:12,s:[800,800]},{t:30.0000012219251,s:[100,100]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:12,s:[0]},{t:18.000000733155,s:[100]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0},{ddd:0,ind:2,ty:4,sr:1,ks:{o:{a:0,k:100},r:{a:0,k:0},p:{a:0,k:[16,16,0]},a:{a:0,k:[12,12,0]},s:{a:0,k:[100,100,100]}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[8,11],[14,11]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[10.957,10.975]},a:{a:0,k:[10.957,10.975]},s:{a:1,k:[{i:{x:[.3,.3],y:[1,1]},o:{x:[.3,.3],y:[0,0]},t:0,s:[100,100]},{t:8.00000032584668,s:[50,50]}]},r:{a:0,k:0},o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[100]},{t:8.00000032584668,s:[0]}]},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[2.175,2.175],[-2.175,-2.175]],c:false}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[18.825,18.825]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0},{ty:"gr",it:[{ind:0,ty:"sh",ks:{a:0,k:{i:[[-4.418,0],[0,-4.418],[4.418,0],[0,4.418]],o:[[4.418,0],[0,4.418],[-4.418,0],[0,-4.418]],v:[[0,-8],[8,0],[0,8],[-8,0]],c:true}}},{ty:"st",c:{a:0,k:[0,0,0,1]},o:{a:0,k:100},w:{a:0,k:2},lc:2,lj:2,bm:0},{ty:"tr",p:{a:0,k:[11,11]},a:{a:0,k:[0,0]},s:{a:0,k:[100,100]},r:{a:0,k:0},o:{a:0,k:100},sk:{a:0,k:0},sa:{a:0,k:0}}],bm:0}],ip:0,op:30.0000012219251,st:0,bm:0}],markers:[]},interaction:"hover"};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-useanimations",
-  "version": "3.0.0-beta.1",
+  "version": "3.0.0",
   "description": "Official React component for useAnimations animated Lottie icons",
   "keywords": [
     "react",
@@ -11,7 +11,7 @@
     "svg",
     "useanimations"
   ],
-  "homepage": "https://useanimations.com/documentation#react",
+  "homepage": "https://react.useanimations.com",
   "bugs": {
     "url": "https://github.com/useAnimations/react-useanimations/issues"
   },
@@ -19,13 +19,19 @@
     "type": "git",
     "url": "git+https://github.com/useAnimations/react-useanimations.git"
   },
-  "license": "SEE LICENSE IN LICENSE",
+  "license": "MIT",
   "sideEffects": false,
   "files": [
     "index.js",
     "index.mjs",
     "index.d.ts",
     "index.d.mts",
+    "icons.js",
+    "icons.mjs",
+    "icons.d.ts",
+    "icons.d.mts",
+    "catalog.json",
+    "svg.json",
     "lib"
   ],
   "publishConfig": {
@@ -46,23 +52,31 @@
         "default": "./index.js"
       }
     },
+    "./icons": {
+      "import": {
+        "types": "./icons.d.mts",
+        "default": "./icons.mjs"
+      },
+      "require": {
+        "types": "./icons.d.ts",
+        "default": "./icons.js"
+      }
+    },
     "./lib/*": {
       "import": {
-        "types": "./lib/*/index.d.mts",
-        "default": "./lib/*/index.mjs"
+        "types": "./lib/*.d.mts",
+        "default": "./lib/*.mjs"
       },
       "require": {
-        "types": "./lib/*/index.d.ts",
-        "default": "./lib/*/index.js"
+        "types": "./lib/*.d.ts",
+        "default": "./lib/*.js"
       }
     },
+    "./catalog.json": "./catalog.json",
+    "./svg.json": "./svg.json",
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "lottie-web": "^5.13.0"
-  },
   "peerDependencies": {
-    "react": ">=16.8",
-    "react-dom": ">=16.8"
+    "react": ">=18"
   }
 }