react-useanimations 2.0.6 → 2.0.7

package/index.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     animation: Animation;
     reverse?: boolean;
     strokeColor?: string;
+    fillColor?: string;
     pathCss?: string;
     options?: Partial<AnimationConfig>;
     size?: number;

package/index.js

@@ -58,6 +58,7 @@ var UseAnimations = function UseAnimations(_ref) {
       _ref$speed = _ref.speed,
       speed = _ref$speed === void 0 ? 1 : _ref$speed,
       strokeColor = _ref.strokeColor,
+      fillColor = _ref.fillColor,
       pathCss = _ref.pathCss,
       loop = _ref.loop,
       autoplay = _ref.autoplay,
@@ -65,37 +66,34 @@ var UseAnimations = function UseAnimations(_ref) {
       options = _ref.options,
       _onClick = _ref.onClick,
       render = _ref.render,
-      other = _objectWithoutProperties(_ref, ["animation", "reverse", "size", "speed", "strokeColor", "pathCss", "loop", "autoplay", "wrapperStyle", "options", "onClick", "render"]);
+      other = _objectWithoutProperties(_ref, ["animation", "reverse", "size", "speed", "strokeColor", "fillColor", "pathCss", "loop", "autoplay", "wrapperStyle", "options", "onClick", "render"]);
 
   var _useState = (0, _react.useState)(),
       _useState2 = _slicedToArray(_useState, 2),
       animation = _useState2[0],
       setAnimation = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(getRandomId(animationKey)),
+      _useState4 = _slicedToArray(_useState3, 1),
+      animationId = _useState4[0];
+
+  var _useState5 = (0, _react.useState)({}),
+      _useState6 = _slicedToArray(_useState5, 2),
+      events = _useState6[0],
+      setEvents = _useState6[1];
+
   var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var animEffect = (0, _utils.getEffect)(animationKey);
-    var animationId = getRandomId(animationKey);
 
-    if (strokeColor || pathCss) {
-      try {
-        var css = "#".concat(animationId, " path { stroke: ").concat(strokeColor || 'inherit', "; ").concat(pathCss || '', "}");
-        var sheetEl = document.getElementById('useAnimationsSheet'); // STYLESHEET HASN'T BEEN CREATED YET
+  var defaultStyles = _objectSpread({
+    overflow: 'hidden',
+    outline: 'none',
+    width: "".concat(size, "px"),
+    height: "".concat(size, "px")
+  }, wrapperStyle); // INVOKE THE LOTTIE ANIMATION
 
-        if (!sheetEl) {
-          sheetEl = document.createElement('style');
-          sheetEl.setAttribute('id', 'useAnimationsSheet');
-          sheetEl.appendChild(document.createTextNode(''));
-          document.head.appendChild(sheetEl);
-        }
 
-        var sheet = sheetEl ? sheetEl.sheet || sheetEl.styleSheet : null;
-        sheet.insertRule(css);
-      } catch (err) {
-        // eslint-disable-next-line
-        console.warn("There's been a problem with deleting a CSSRule, please report that issue in https://github.com/useAnimations/react-useanimations", err);
-      }
-    }
+  (0, _react.useEffect)(function () {
+    var animEffect = (0, _utils.getEffect)(animationKey);
 
     var defaultOptions = _objectSpread({
       container: ref.current,
@@ -115,8 +113,33 @@ var UseAnimations = function UseAnimations(_ref) {
     setAnimation(_lottieWeb["default"].loadAnimation(defaultOptions));
     return function () {
       animation === null || animation === void 0 ? void 0 : animation.destroy();
-      setAnimation(undefined); // DELETE CSS RULE
+      setAnimation(undefined);
+    };
+  }, []); // HANDLE STYLING FOR ANIMATION
 
+  (0, _react.useEffect)(function () {
+    if (strokeColor || fillColor || pathCss) {
+      try {
+        var css = "#".concat(animationId, " path { ").concat(strokeColor ? "stroke: ".concat(strokeColor, ";") : '', "  ").concat(fillColor ? "fill: ".concat(fillColor, ";") : '', " ").concat(pathCss || '', "}");
+        var sheetEl = document.getElementById('useAnimationsSheet'); // STYLESHEET HASN'T BEEN CREATED YET
+
+        if (!sheetEl) {
+          sheetEl = document.createElement('style');
+          sheetEl.setAttribute('id', 'useAnimationsSheet');
+          sheetEl.appendChild(document.createTextNode(''));
+          document.head.appendChild(sheetEl);
+        }
+
+        var sheet = sheetEl ? sheetEl.sheet || sheetEl.styleSheet : null;
+        sheet.insertRule(css);
+      } catch (err) {
+        // eslint-disable-next-line
+        console.warn("There's been a problem with deleting a CSSRule, please report that issue in https://github.com/useAnimations/react-useanimations", err);
+      }
+    }
+
+    return function () {
+      // DELETE CSS RULE
       try {
         var _sheetEl = document.getElementById('useAnimationsSheet');
 
@@ -136,26 +159,24 @@ var UseAnimations = function UseAnimations(_ref) {
         console.warn("There's been a problem with deleting a CSSRule, please report that issue in https://github.com/useAnimations/react-useanimations", err);
       }
     };
-  }, []);
+  }, [strokeColor, fillColor, pathCss]); // SET NAVIGATION EVENTS
+
+  (0, _react.useEffect)(function () {
+    // eslint-disable-next-line
+    var events = animation ? (0, _utils.getEvents)({
+      animation: animation,
+      reverse: reverse,
+      animEffect: (0, _utils.getEffect)(animationKey)
+    }) : undefined;
+    if (events) setEvents(events);
+  }, [animation, reverse]); // SET ANIMATION SPEED
+
   (0, _react.useEffect)(function () {
     if (animation) {
       animation.setSpeed(speed);
     }
   }, [animation, speed]);
 
-  var defaultStyles = _objectSpread({
-    overflow: 'hidden',
-    outline: 'none',
-    width: "".concat(size, "px"),
-    height: "".concat(size, "px")
-  }, wrapperStyle);
-
-  var events = animation ? (0, _utils.getEvents)({
-    animation: animation,
-    reverse: reverse,
-    animEffect: (0, _utils.getEffect)(animationKey)
-  }) : undefined;
-
   var eventProps = _objectSpread(_objectSpread({}, events), {}, {
     onClick: function onClick(e) {
       if (_onClick) _onClick(e);

package/lib/behance/behance.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":30,"ip":0,"op":45,"w":32,"h":32,"nm":"behance","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"behance Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[16.4,7.2],[21.2,7.2]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[18.793,7.26],"to":[0,0.5],"ti":[0,1]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":2,"s":[18.793,10.26],"to":[0,-1],"ti":[0,0.5]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[18.793,1.26],"to":[0,-0.5],"ti":[0,-1]},{"t":12,"s":[18.793,7.26]}],"ix":2},"a":{"a":0,"k":[18.793,7.26],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.7],"y":[1]},"o":{"x":[0.7],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.865],"y":[0.501]},"o":{"x":[0.7],"y":[0]},"t":2,"s":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.219],"y":[0.931]},"t":7.774,"s":[-110]},{"t":12,"s":[-180]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"-","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[3.2,0],[0,-2],[-2.9,0],[0,0]],"o":[[0,0],[0,0],[-3,0],[0,2],[3.1,0],[0,0]],"v":[[-2.925,-0.087],[3.5,-0.05],[0.3,-3.95],[-3.5,0.25],[0.3,3.95],[3.363,1.806]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[18.823,19.364],"ix":2},"a":{"a":0,"k":[0.023,5.014],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":0,"s":[100,100]},{"i":{"x":[0.364,0.364],"y":[7.564,1.366]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":3,"s":[100,82.067]},{"i":{"x":[0.833,0.833],"y":[1,1]},"o":{"x":[0.228,0.228],"y":[-4.871,-4.871]},"t":6,"s":[100,100]},{"t":12,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"e","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,1.9],[2,0],[0,0],[0,0],[0,1.9],[1.9,0],[0,0]],"o":[[0,0],[1.9,0],[0,-1.9],[0,0],[0,0],[1.9,0],[0,-1.9],[0,0],[0,0]],"v":[[-5.55,7],[2.05,7],[5.55,3.5],[1.95,0],[-5.05,0],[1.65,0],[5.15,-3.5],[1.65,-7],[-5.55,-7]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":3,"lj":1,"ml":4,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[7.25,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"B","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}],"markers":[]}

package/lib/behance/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/behance/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _behance = _interopRequireDefault(require("./behance.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _behance["default"],
+  animationKey: 'behance'
+};
+exports["default"] = _default;

package/lib/checkmark/checkmark.json

@@ -0,0 +1 @@
+{"v":"5.7.1","fr":30,"ip":0,"op":45,"w":32,"h":32,"nm":"checkMark","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"checkmark","sr":1,"ks":{"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[0]},{"t":5,"s":[100]}],"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[8,-5.5],[-3,5.5],[-8,0.5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.3],"y":[0]},"t":0,"s":[100]},{"t":45,"s":[0]}],"ix":1},"e":{"a":0,"k":100,"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":3,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"tr","p":{"a":0,"k":[12,11.5],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"checkmark","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45,"st":0,"bm":0}],"markers":[]}

package/lib/checkmark/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/checkmark/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _checkmark = _interopRequireDefault(require("./checkmark.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _checkmark["default"],
+  animationKey: 'checkmark'
+};
+exports["default"] = _default;

package/lib/dribbble/dribbble.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":30,"ip":0,"op":60,"w":32,"h":32,"nm":"dribbble","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"outline","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-5.523,0],[0,-5.523],[5.523,0],[0,5.523]],"o":[[5.523,0],[0,5.523],[-5.523,0],[0,-5.523]],"v":[[0,-10],[10,0],[0,10],[-10,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"ring","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"vertical lines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[3.624,0],[0,-5.298],[-3.754,0],[0,6.923]],"o":[[-5.626,0],[0,5.298],[3.999,0],[0,-6.577]],"v":[[11.876,2.055],[1.758,12.202],[12.251,22.225],[22.119,11.827]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.801,"y":1},"o":{"x":0.798,"y":0},"t":0,"s":[{"i":[[0,0],[-1.299,-1.614],[-1.748,-8.359],[0,-2.65]],"o":[[3.825,2.003],[4.669,5.802],[0.651,3.109],[0,0]],"v":[[-8.626,-16.523],[-2.066,-11.452],[5.964,6.268],[7.047,16.523]],"c":false}]},{"t":15,"s":[{"i":[[0,0],[-0.073,-2.071],[-6.3,-6.651],[-2.423,-2.6]],"o":[[-0.125,4.445],[0.315,9],[2.16,2.28],[0,0]],"v":[[-10.001,-16.148],[-10.316,-6.452],[-2.411,9.768],[5.547,16.898]],"c":false}]}],"ix":2},"nm":"vertical stripe","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":12.971,"s":[{"i":[[0,0],[-1.85,-0.933],[2.035,-7.845],[0,-2.65]],"o":[[3.825,2.003],[6.94,3.5],[-0.798,3.075],[0,0]],"v":[[-8.501,-15.648],[5.559,-12.327],[11.214,3.643],[4.172,15.648]],"c":false}]},{"t":24,"s":[{"i":[[0,0],[-0.073,-2.071],[-6.3,-6.651],[-2.423,-2.6]],"o":[[-0.125,4.445],[0.315,9],[2.16,2.28],[0,0]],"v":[[-10.001,-16.148],[-10.316,-6.452],[-2.411,9.768],[5.547,16.898]],"c":false}]}],"ix":2},"nm":"vertical stripe 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0,0],[-0.073,-2.071],[-6.3,-6.651],[-2.423,-2.6]],"o":[[-0.125,4.445],[0.315,9],[2.16,2.28],[0,0]],"v":[[-10.001,-16.148],[-10.316,-6.452],[-2.411,9.768],[5.547,16.898]],"c":false},"ix":2},"nm":"vertical stripe 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":1,"k":[{"i":{"x":0.146,"y":1},"o":{"x":0.179,"y":0},"t":24,"s":[{"i":[[0,0],[-1.85,-0.933],[2.035,-7.845],[0,-2.65]],"o":[[3.825,2.003],[6.94,3.5],[-0.798,3.075],[0,0]],"v":[[-8.501,-15.648],[5.559,-12.327],[11.214,3.643],[4.172,15.648]],"c":false}]},{"t":49,"s":[{"i":[[0,0],[-1.299,-1.614],[-1.748,-8.359],[0,-2.65]],"o":[[3.825,2.003],[4.669,5.802],[0.651,3.109],[0,0]],"v":[[-8.626,-16.523],[-2.066,-11.452],[5.964,6.268],[7.047,16.523]],"c":false}]}],"ix":2},"nm":"vertical stripe 4","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[10.626,14.202],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes","np":5,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"bottom line","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[3.624,0],[0,-5.298],[-3.754,0],[0,6.923]],"o":[[-5.626,0],[0,5.298],[3.999,0],[0,-6.577]],"v":[[11.876,2.055],[1.758,12.202],[12.251,22.225],[22.119,11.827]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.631,0.43],[2.31,-0.82],[1.93,-3.761],[2.944,-0.549]],"o":[[-3.014,0.933],[-3.502,-0.921],[-2.58,0.92],[-0.903,1.76],[0,0]],"v":[[17.868,-1.322],[11.124,-1.363],[2.184,-1.363],[-5.256,4.958],[-10.172,11.157]],"c":false},"ix":2},"nm":"bottom line","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.3,"y":0},"t":21,"s":[25.626,9.202],"to":[-2.5,0.833],"ti":[2.5,-0.833]},{"t":45,"s":[10.626,14.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.3],"y":[0]},"t":21,"s":[-19]},{"t":45,"s":[0]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.631,0.43],[2.31,-0.82],[1.93,-3.761],[2.944,-0.549]],"o":[[-3.014,0.933],[-3.502,-0.921],[-2.58,0.92],[-0.903,1.76],[0,0]],"v":[[17.868,-1.322],[11.124,-1.363],[2.184,-1.363],[-5.256,4.958],[-10.172,11.157]],"c":false},"ix":2},"nm":"bottom line","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":12,"s":[25.626,9.202],"to":[-5.167,1.5],"ti":[5.167,-1.5]},{"t":25,"s":[-5.374,18.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[-19]},{"t":25,"s":[30]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.631,0.43],[2.31,-0.82],[1.93,-3.761],[2.944,-0.549]],"o":[[-3.014,0.933],[-3.502,-0.921],[-2.58,0.92],[-0.903,1.76],[0,0]],"v":[[17.868,-1.322],[11.124,-1.363],[2.184,-1.363],[-5.256,4.958],[-10.172,11.157]],"c":false},"ix":2},"nm":"bottom line","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.7,"y":1},"o":{"x":0.7,"y":0},"t":1,"s":[10.626,14.202],"to":[-2.667,0.667],"ti":[2.667,-0.667]},{"t":17,"s":[-5.374,18.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.7],"y":[1]},"o":{"x":[0.7],"y":[0]},"t":1,"s":[0]},{"t":17,"s":[30]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"top lline","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"hasMask":true,"masksProperties":[{"inv":false,"mode":"a","pt":{"a":0,"k":{"i":[[3.624,0],[0,-5.298],[-3.754,0],[0,6.923]],"o":[[-5.626,0],[0,5.298],[3.999,0],[0,-6.577]],"v":[[11.876,2.055],[1.758,12.202],[12.251,22.225],[22.119,11.827]],"c":true},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.737,-1.941],[7.925,0.535],[2.925,-0.079]],"o":[[-5.496,1.767],[-3.816,4.266],[-2.38,-0.16],[0,0]],"v":[[17.409,-14.52],[8.504,-9.113],[-8.376,-3.262],[-17.868,-4.234]],"c":false},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.3,"y":0},"t":22,"s":[26.964,7.667],"to":[-2.723,1.089],"ti":[2.723,-1.089]},{"t":45,"s":[10.626,14.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.3],"y":[1]},"o":{"x":[0.3],"y":[0]},"t":22,"s":[18.757]},{"t":45,"s":[0]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes 3","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.737,-1.941],[7.925,0.535],[2.925,-0.079]],"o":[[-5.496,1.767],[-3.816,4.266],[-2.38,-0.16],[0,0]],"v":[[17.409,-14.52],[8.504,-9.113],[-8.376,-3.262],[-17.868,-4.234]],"c":false},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":12,"s":[29.964,5.667],"to":[-5.723,2.423],"ti":[5.723,-2.423]},{"t":25,"s":[-4.374,20.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[18.757]},{"t":25,"s":[-16]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[1.737,-1.941],[7.925,0.535],[2.925,-0.079]],"o":[[-5.496,1.767],[-3.816,4.266],[-2.38,-0.16],[0,0]],"v":[[17.409,-14.52],[8.504,-9.113],[-8.376,-3.262],[-17.868,-4.234]],"c":false},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.7,"y":1},"o":{"x":0.7,"y":0},"t":1,"s":[10.626,14.202],"to":[-2.5,1],"ti":[2.5,-1]},{"t":17,"s":[-4.374,20.202]}],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.7],"y":[1]},"o":{"x":[0.7],"y":[0]},"t":1,"s":[0]},{"t":17,"s":[-16]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"stripes","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60,"st":0,"bm":0}],"markers":[]}

package/lib/dribbble/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/dribbble/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _dribbble = _interopRequireDefault(require("./dribbble.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _dribbble["default"],
+  animationKey: 'dribbble'
+};
+exports["default"] = _default;

package/lib/error/error.json

@@ -0,0 +1 @@
+{"v":"5.7.1","fr":30,"ip":0,"op":45,"w":32,"h":32,"nm":"error","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"error","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2,"x":"var $bm_rt;\n$bm_rt = wiggle(15, 0.5);"},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-6,-6],[6,6]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[6,-6],[-6,6]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":45,"st":0,"bm":0}],"markers":[]}

package/lib/error/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/error/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _error = _interopRequireDefault(require("./error.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _error["default"],
+  animationKey: 'error'
+};
+exports["default"] = _default;

package/lib/folder/folder.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":30,"ip":0,"op":8,"w":32,"h":32,"nm":"Layer 1/folder","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Folder","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,11,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[{"i":[[0,0],[1.104,0],[0,0],[0,1.104],[0,0],[0,0],[-1.104,0],[0,0],[0,0],[0,0],[0,-1.104]],"o":[[0,1.104],[0,0],[-1.104,0],[0,0],[0,0],[0,-1.104],[0,0],[0,0],[0,0],[1.104,0],[0,0]],"v":[[10,7],[8,9],[-8,9],[-10,7],[-10,-3.788],[-10,-7],[-8,-9],[-3,-9],[-1,-6],[8,-6],[10,-4]],"c":true}]},{"t":7,"s":[{"i":[[0,0],[1.104,0],[0,0],[0,1.104],[0,0],[0,0],[-1.104,0],[0,0],[0,0],[0,0],[0,-1.104]],"o":[[0,1.104],[0,0],[-1.104,0],[0,0],[0,0],[0,-1.104],[0,0],[0,0],[0,0],[1.104,0],[0,0]],"v":[[10,7],[8,9],[-8,9],[-10,7],[-11.375,-0.1],[-11.875,-3.312],[-9.875,-5.312],[-3.625,-5.312],[-1.625,-2.312],[9.875,-2.312],[11.875,-0.312]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,11],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"folder front","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-1.104,0],[0,0],[0,0],[0,0],[0,-1.104],[0,0]],"o":[[0,0],[0,-1.104],[0,0],[0,0],[0,0],[1.104,0],[0,0],[0,0]],"v":[[-10,-5.25],[-10,-7],[-8,-9],[-3,-9],[-1,-6],[8,-6],[10,-4],[10,-2.188]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":2,"s":[9]},{"t":7,"s":[0]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":2,"s":[91]},{"t":7,"s":[100]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,11],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"folder behind","np":3,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":8,"st":0,"bm":0}],"markers":[]}

package/lib/folder/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/folder/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _folder = _interopRequireDefault(require("./folder.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _folder["default"],
+  animationKey: 'folder'
+};
+exports["default"] = _default;

package/lib/help/help.json

@@ -0,0 +1 @@
+{"v":"5.7.1","fr":30,"ip":0,"op":45,"w":32,"h":32,"nm":"helpMark","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"helpmark","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-5.523,0],[0,-5.523],[5.522,0],[0,5.522]],"o":[[5.522,0],[0,5.522],[-5.523,0],[0,-5.523]],"v":[[0,-10],[10,0],[0,10],[-10,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.333],"y":[0]},"t":35,"s":[1]},{"t":45,"s":[2]}],"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.667,0.667],"y":[1,1]},"o":{"x":[0.333,0.333],"y":[0,0]},"t":35,"s":[50,50]},{"t":45,"s":[85,85]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":35,"s":[0]},{"t":45,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"cyrcle 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-5.523,0],[0,-5.523],[5.522,0],[0,5.522]],"o":[[5.522,0],[0,5.522],[-5.523,0],[0,-5.523]],"v":[[0,-10],[10,0],[0,10],[-10,0]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833],"y":[0.833,0.833]},"o":{"x":[0.167,0.167],"y":[0.167,0.167]},"t":0,"s":[85,85]},{"t":42,"s":[104,104]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"t":42,"s":[0]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"cyrcle","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[12,17],[12.01,17]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-1.563,-0.55],[0.002,-1.275],[0,0]],"o":[[0.55,-1.563],[1.202,0.422],[0,2],[0,0]],"v":[[-2.916,-0.808],[0.91,-2.642],[2.914,0.192],[-0.086,3.192]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12.006,9.808],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":46,"st":0,"bm":0}],"markers":[]}

package/lib/help/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/help/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _help = _interopRequireDefault(require("./help.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _help["default"],
+  animationKey: 'help'
+};
+exports["default"] = _default;

package/lib/home/home.json

@@ -0,0 +1 @@
+{"v":"5.7.1","fr":60,"ip":0,"op":31,"w":32,"h":32,"nm":"home","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"home","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.3,"y":0},"t":0,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-3,5],[-3,-5],[3,-5],[3,5]],"c":false}]},{"t":31,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[5.75,5],[5.75,-6.875],[3,-5],[3,5]],"c":false}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,17],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"door open","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-3,5],[-3,-5],[3,-5],[3,5]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,17],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"door","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[1.104,0],[0,0],[0,1.104]],"o":[[0,0],[0,0],[0,0],[0,1.104],[0,0],[-1.104,0],[0,0]],"v":[[-9,-3],[0,-10],[9,-3],[9,8],[7,10],[-7,10],[-9,8]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,12],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"home","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":31,"st":0,"bm":0}],"markers":[]}

package/lib/home/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/home/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _home = _interopRequireDefault(require("./home.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _home["default"],
+  animationKey: 'home'
+};
+exports["default"] = _default;

package/lib/zoomIn/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/zoomIn/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _zoomIn = _interopRequireDefault(require("./zoomIn.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _zoomIn["default"],
+  animationKey: 'zoomIn'
+};
+exports["default"] = _default;

package/lib/zoomIn/zoomIn.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":29.9700012207031,"ip":0,"op":30.0000012219251,"w":32,"h":32,"nm":"zoom-in","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"plus","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"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},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[8,11],[14,11]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[11,8],[11,14]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[11,11],"ix":2},"a":{"a":0,"k":[11,11],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3],"y":[1,1]},"o":{"x":[0.3,0.3],"y":[0,0]},"t":0,"s":[100,100]},{"t":18.000000733155,"s":[570,570]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":8,"s":[100]},{"t":18.000000733155,"s":[0]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"plus","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0000012219251,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"zoom-in","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[8,11],[14,11]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[11,8],[11,14]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[11,11],"ix":2},"a":{"a":0,"k":[11,11],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3],"y":[1,1]},"o":{"x":[0.3,0.3],"y":[0,0]},"t":20,"s":[40,40]},{"t":28.0000011404634,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":20,"s":[0]},{"t":28.0000011404634,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"plus","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"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},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[18.825,18.825],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"handle","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"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},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[11,11],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"glass","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0000012219251,"st":0,"bm":0}],"markers":[]}

package/lib/zoomOut/index.d.ts

@@ -0,0 +1,3 @@
+import type { Animation } from '../../utils/constants';
+declare const _default: Animation;
+export default _default;

package/lib/zoomOut/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _zoomOut = _interopRequireDefault(require("./zoomOut.json"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  animationData: _zoomOut["default"],
+  animationKey: 'zoomOut'
+};
+exports["default"] = _default;

package/lib/zoomOut/zoomOut.json

@@ -0,0 +1 @@
+{"v":"5.6.5","fr":29.9700012207031,"ip":0,"op":30.0000012219251,"w":32,"h":32,"nm":"zoom-out","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"minus-out","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"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},"ix":1},"o":{"a":0,"k":100,"ix":3},"x":{"a":0,"k":0,"ix":4},"nm":"Mask 1"}],"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[8,11],[14,11]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[10.957,10.975],"ix":2},"a":{"a":0,"k":[10.957,10.975],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3],"y":[1,1]},"o":{"x":[0.3,0.3],"y":[0,0]},"t":12,"s":[800,800]},{"t":30.0000012219251,"s":[100,100]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":12,"s":[0]},{"t":18.000000733155,"s":[100]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"minus 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0000012219251,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"zoom-out Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[16,16,0],"ix":2},"a":{"a":0,"k":[12,12,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[8,11],[14,11]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[10.957,10.975],"ix":2},"a":{"a":0,"k":[10.957,10.975],"ix":1},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3],"y":[1,1]},"o":{"x":[0.3,0.3],"y":[0,0]},"t":0,"s":[100,100]},{"t":8.00000032584668,"s":[50,50]}],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":0,"s":[100]},{"t":8.00000032584668,"s":[0]}],"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"minus","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"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},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[18.825,18.825],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"handle","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"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},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0,0,0,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[11,11],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"glass","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0000012219251,"st":0,"bm":0}],"markers":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-useanimations",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Official React component for useanimations icons",
   "repository": {
     "type": "git",
@@ -27,8 +27,8 @@
     "postbuild": "npm run build:types",
     "build:watch": "npm run build --watch",
     "build:types": "tsc --emitDeclarationOnly",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
-    "lint:fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "lint": "npx eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint:fix": "npx eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
     "check-types": "tsc --noEmit",
     "check-types:watch": "npm run type-check -- --watch",
     "storybook": "start-storybook -p 6006",

package/stories/controlled.stories.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         animation: import("../utils").Animation;
         reverse?: boolean | undefined;
         strokeColor?: string | undefined;
+        fillColor?: string | undefined;
         pathCss?: string | undefined;
         options?: Partial<import("lottie-web").AnimationConfig> | undefined;
         size?: number | undefined;
@@ -14,6 +15,46 @@ declare const _default: {
         wrapperStyle?: React.CSSProperties | undefined;
         render?: ((eventProps: any, animationProps: any) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>) | undefined;
     } & React.HTMLProps<HTMLDivElement>>;
+    decorators: any[];
 };
 export default _default;
-export declare const RadioButton: () => JSX.Element;
+export declare const RadioButton: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            info: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const ChangingStrokeColor: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            info: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const ChangingFillColor: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            info: {
+                text: string;
+            };
+        };
+    };
+};
+export declare const ChangingPathCss: {
+    (): JSX.Element;
+    story: {
+        parameters: {
+            info: {
+                text: string;
+            };
+        };
+    };
+};