react-useanimations 2.10.0 → 3.0.0-beta.2

package/lib/volume/volume.json

@@ -1 +0,0 @@
-{"v":"5.6.5","fr":30,"ip":0,"op":30,"w":32,"h":32,"nm":"volume-001","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"cross 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,"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":[[-10,-9.75],[10,9.75]],"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":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[12,11.75],"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":[[-10,-9.75],[10,9.75]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":2,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[13,10.75],"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":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.223],"y":[1]},"o":{"x":[0.588],"y":[0]},"t":14,"s":[0]},{"t":29,"s":[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.5,11.25],"ix":2},"a":{"a":0,"k":[12.5,11.25],"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":"Line","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":14,"op":30,"st":4,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"wave 2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":0,"s":[16,16,0],"to":[0.833,0,0],"ti":[-0.833,0,0]},{"t":20,"s":[21,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],[3.904,-3.905]],"o":[[3.904,3.905],[0,0]],"v":[[-0.187,-7.07],[-0.187,7.07]],"c":false},"ix":2},"nm":"wave 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":0,"k":[19.257,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":"wave 2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.497],"y":[1]},"o":{"x":[0.494],"y":[0]},"t":0,"s":[0]},{"t":7,"s":[50]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.497],"y":[1]},"o":{"x":[0.494],"y":[0]},"t":0,"s":[100]},{"t":7,"s":[50]}],"ix":2},"o":{"a":0,"k":0,"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false}],"ip":0,"op":30,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"wave 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.491,"y":0},"t":0,"s":[16,16,0],"to":[0.833,0,0],"ti":[-0.833,0,0]},{"t":20,"s":[21,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],[1.952,-1.953]],"o":[[1.952,1.953],[0,0]],"v":[[-3.717,-3.54],[-3.717,3.53]],"c":false},"ix":2},"nm":"wave 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tm","s":{"a":1,"k":[{"i":{"x":[0.496],"y":[1]},"o":{"x":[0.503],"y":[0]},"t":7,"s":[0]},{"t":14,"s":[50]}],"ix":1},"e":{"a":1,"k":[{"i":{"x":[0.496],"y":[1]},"o":{"x":[0.503],"y":[0]},"t":7,"s":[100]},{"t":14,"s":[50]}],"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":[19.257,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":"wave 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"speaker","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.491,"y":1},"o":{"x":0.5,"y":0},"t":0,"s":[16,16,0],"to":[0.833,0,0],"ti":[-0.833,0,0]},{"t":20,"s":[21,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],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[4.5,-7],[-0.5,-3],[-4.5,-3],[-4.5,3],[-0.5,3],[4.5,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":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[6.5,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":"speaker","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30,"st":0,"bm":0}],"markers":[]}

package/lib/youtube/youtube.json

@@ -1 +0,0 @@
-{"v":"5.6.5","fr":30.0003051757812,"ip":0,"op":30.0003051757812,"w":32,"h":32,"nm":"youtube","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"arrow","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":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[2.562,3.96],[2.562,19.42],[23.688,19.46],[23.688,4]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[3.437,4],[3.437,19.46],[23.688,19.46],[23.688,4]],"c":true}]},{"t":20.0002034505208,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[1.937,3.96],[1.937,19.42],[23.688,19.46],[23.688,4]],"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],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-2.875,3.27],[2.875,0],[-2.875,-3.27]],"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":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.3,"y":0},"t":15,"s":[-2.375,11.75],"to":[2.5,0],"ti":[-2.5,0]},{"t":30.0003051757812,"s":[12.625,11.75]}],"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":"arrowLeft","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]],"o":[[0,0],[0,0],[0,0]],"v":[[-2.875,3.27],[2.875,0],[-2.875,-3.27]],"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":1,"k":[{"i":{"x":0.7,"y":1},"o":{"x":0.7,"y":0},"t":0,"s":[12.625,11.75],"to":[2.5,0],"ti":[-2.5,0]},{"t":15.0001525878906,"s":[27.625,11.75]}],"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":"arrowRight","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0003051757812,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"youtube","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.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[1.085,1.455],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[1.335,-2.25],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[12.25,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[10.375,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.29,-5.27],[-9.125,0.02],[-10.29,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.312,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.406,-1.783],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.447,1.802],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-9.998,-5.27],[-8,0.02],[-9.998,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.208,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.585,-1.83],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.71,1.915],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11.375,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.415,-5.27],[-10.5,0.02],[-10.415,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"t":26.0002644856771,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"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.73],"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":"youtube","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0003051757812,"st":0,"bm":0}],"markers":[]}

package/lib/youtube2/youtube2.json

@@ -1 +0,0 @@
-{"v":"5.6.5","fr":30.0003051757812,"ip":0,"op":30.0003051757812,"w":32,"h":32,"nm":"youtube-2","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"arrow","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":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[2.562,3.96],[2.562,19.42],[23.688,19.46],[23.688,4]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[3.437,4],[3.437,19.46],[23.688,19.46],[23.688,4]],"c":true}]},{"t":20.0002034505208,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[1.937,3.96],[1.937,19.42],[23.688,19.46],[23.688,4]],"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],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[-2.875,3.27],[2.875,0],[-2.875,-3.27]],"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":1,"k":[{"i":{"x":0.3,"y":1},"o":{"x":0.3,"y":0},"t":15,"s":[-2.375,11.75],"to":[2.5,0],"ti":[-2.5,0]},{"t":30.0003051757812,"s":[12.625,11.75]}],"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":"arrowLeft","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]],"o":[[0,0],[0,0],[0,0]],"v":[[-2.875,3.27],[2.875,0],[-2.875,-3.27]],"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":1,"k":[{"i":{"x":0.7,"y":1},"o":{"x":0.7,"y":0},"t":0,"s":[12.625,11.75],"to":[2.5,0],"ti":[-2.5,0]},{"t":15.0001525878906,"s":[27.625,11.75]}],"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":"arrowRight","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0003051757812,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"youtube","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.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[1.085,1.455],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[1.335,-2.25],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[12.25,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[10.375,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.29,-5.27],[-9.125,0.02],[-10.29,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.312,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.406,-1.783],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.447,1.802],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-9.998,-5.27],[-8,0.02],[-9.998,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.208,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.585,-1.83],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.71,1.915],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11.375,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.415,-5.27],[-10.5,0.02],[-10.415,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"t":26.0002644856771,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"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.73],"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":"youtube","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0003051757812,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"youtubeBackground","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":true,"mode":"a","pt":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[7.812,9],[7.687,14.585],[15.126,11.71]],"c":true}]},{"t":28.0002848307292,"s":[{"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[9.687,9],[9.562,14.585],[15.126,11.71]],"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.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":8,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":10,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[{"i":[[1.085,1.455],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[1.335,-2.25],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[12.25,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":13,"s":[{"i":[[0.835,1.58],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.835,-2.125],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.625,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":15,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[10.375,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":18,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.29,-5.27],[-9.125,0.02],[-10.29,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.312,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":19,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.406,-1.783],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.447,1.802],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-9.998,-5.27],[-8,0.02],[-9.998,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11.208,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":21,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.585,-1.83],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.71,1.915],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11.375,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.415,-5.27],[-10.5,0.02],[-10.415,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]},{"t":26.0002644856771,"s":[{"i":[[0.317,1.759],[0.959,0.271],[0,0],[1.72,-0.46],[0.242,-0.966],[-0.009,-1.774],[-0.317,-1.759],[-0.938,-0.257],[0,0],[-1.72,0.46],[-0.242,0.966],[0.006,1.761]],"o":[[-0.242,-0.966],[-1.72,-0.42],[0,0],[-0.958,0.271],[-0.315,1.746],[-0.011,1.787],[0.267,0.936],[1.72,0.46],[0,0],[0.959,-0.271],[0.312,-1.732],[0.011,-1.787]],"v":[[10.54,-5.31],[8.6,-7.31],[0,-7.73],[-8.6,-7.27],[-10.54,-5.27],[-11,0.02],[-10.54,5.35],[-8.6,7.27],[0,7.73],[8.6,7.27],[10.54,5.27],[11,0.02]],"c":true}]}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0,0,0,1],"ix":4},"o":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"t":23,"s":[0]},{"t":29.0002950032552,"s":[100]}],"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[12,11.73],"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":"youtube","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":30.0003051757812,"st":0,"bm":0}],"markers":[]}

package/lib/zoomIn/zoomIn.json

@@ -1 +0,0 @@
-{"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/zoomOut.json

@@ -1 +0,0 @@
-{"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/stories/controlled.stories.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<{
-        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;
-        loop?: number | boolean | undefined;
-        autoplay?: boolean | undefined;
-        speed?: number | undefined;
-        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;
-    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;
-            };
-        };
-    };
-};

package/stories/controlled.stories.js

@@ -1,231 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChangingPathCss = exports.ChangingFillColor = exports.ChangingStrokeColor = exports.RadioButton = exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _addonInfo = require("@storybook/addon-info");
-
-var _radioButton = _interopRequireDefault(require("../lib/radioButton"));
-
-var _star = _interopRequireDefault(require("../lib/star"));
-
-var _ = _interopRequireDefault(require(".."));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-// ANIMATIONS WITH CLICK PLAY & BACKWARDS WILL HAVE REVERSE FUNCITONALITY FOR STATE MNG
-var _default = {
-  title: 'Controlled State',
-  component: _["default"],
-  decorators: [_addonInfo.withInfo]
-};
-exports["default"] = _default;
-
-var RadioButton = function RadioButton() {
-  var _useState = (0, _react.useState)(true),
-      _useState2 = _slicedToArray(_useState, 2),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "radioButton"), /*#__PURE__*/_react["default"].createElement(_["default"], {
-    reverse: checked,
-    onClick: function onClick() {
-      setChecked(!checked);
-    },
-    size: 40,
-    wrapperStyle: {
-      marginTop: '5px'
-    },
-    animation: _radioButton["default"]
-  })));
-};
-
-exports.RadioButton = RadioButton;
-RadioButton.story = {
-  parameters: {
-    info: {
-      text: "\n      ~~~js\n      export const RadioButton = () => {\n        const [checked, setChecked] = useState(true);\n      \n        return (\n          <div style={{ display: 'flex', flexWrap: 'wrap' }}>\n            <div style={{ padding: '20px' }}>\n              <span>radioButton</span>\n              <UseAnimation\n                reverse={checked}\n                onClick={() => {\n                  setChecked(!checked);\n                }}\n                size={40}\n                wrapperStyle={{ marginTop: '5px' }}\n                animation={radioButton}\n              />\n            </div>\n          </div>\n        );\n      };\n      ~~~\n    "
-    }
-  }
-};
-
-var ChangingStrokeColor = function ChangingStrokeColor() {
-  var _useState3 = (0, _react.useState)('black'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      strokeColor = _useState4[0],
-      setStrokeColor = _useState4[1];
-
-  var handleButtonOnClick = function handleButtonOnClick() {
-    return strokeColor === 'black' ? setStrokeColor('red') : setStrokeColor('black');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      flexDirection: 'column'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: handleButtonOnClick,
-    style: {
-      width: 100,
-      height: 50
-    }
-  }, "Change Stroke Color"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "star"), /*#__PURE__*/_react["default"].createElement(_["default"], {
-    pathCss: "fill: pink",
-    strokeColor: strokeColor,
-    size: 40,
-    wrapperStyle: {
-      marginTop: '5px'
-    },
-    animation: _star["default"]
-  })));
-};
-
-exports.ChangingStrokeColor = ChangingStrokeColor;
-ChangingStrokeColor.story = {
-  parameters: {
-    info: {
-      text: "\n      ~~~js\n      export const ChangingStrokeColor = () => {\n        const [strokeColor, setStrokeColor] = useState('black');\n      \n        const handleButtonOnClick = () =>\n          strokeColor === 'black' ? setStrokeColor('red') : setStrokeColor('black');\n      \n        return (\n          <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column' }}>\n            <button type=\"button\" onClick={handleButtonOnClick} style={{ width: 100, height: 50 }}>\n              Change Stroke Color\n            </button>\n            <div style={{ padding: '20px' }}>\n              <span>star</span>\n              <UseAnimation\n                strokeColor={strokeColor}\n                size={40}\n                wrapperStyle={{ marginTop: '5px' }}\n                animation={star}\n              />\n            </div>\n          </div>\n        );\n      };\n      ~~~\n    "
-    }
-  }
-};
-
-var ChangingFillColor = function ChangingFillColor() {
-  var _useState5 = (0, _react.useState)('black'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      fillColor = _useState6[0],
-      setFillColor = _useState6[1];
-
-  var handleButtonOnClick = function handleButtonOnClick() {
-    return fillColor === 'black' ? setFillColor('red') : setFillColor('black');
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      flexDirection: 'column'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: handleButtonOnClick,
-    style: {
-      width: 100,
-      height: 50
-    }
-  }, "Change Fill Color"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "star"), /*#__PURE__*/_react["default"].createElement(_["default"], {
-    fillColor: fillColor,
-    size: 40,
-    wrapperStyle: {
-      marginTop: '5px'
-    },
-    animation: _star["default"]
-  })));
-};
-
-exports.ChangingFillColor = ChangingFillColor;
-ChangingFillColor.story = {
-  parameters: {
-    info: {
-      text: "\n      ~~~js\n      export const ChangingFillColor = () => {\n        const [fillColor, setFillColor] = useState('black');\n      \n        const handleButtonOnClick = () =>\n          fillColor === 'black' ? setFillColor('red') : setFillColor('black');\n      \n        return (\n          <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column' }}>\n            <button type=\"button\" onClick={handleButtonOnClick} style={{ width: 100, height: 50 }}>\n              Change Fill Color\n            </button>\n            <div style={{ padding: '20px' }}>\n              <span>star</span>\n              <UseAnimation\n                fillColor={fillColor}\n                size={40}\n                wrapperStyle={{ marginTop: '5px' }}\n                animation={star}\n              />\n            </div>\n          </div>\n        );\n      };\n      ~~~\n    "
-    }
-  }
-};
-
-var ChangingPathCss = function ChangingPathCss() {
-  var defaultCssPath = 'fill: red; stroke: blue;';
-
-  var _useState7 = (0, _react.useState)(defaultCssPath),
-      _useState8 = _slicedToArray(_useState7, 2),
-      pathCss = _useState8[0],
-      setPathCss = _useState8[1];
-
-  var handleButtonOnClick = function handleButtonOnClick() {
-    return pathCss === defaultCssPath ? setPathCss('fill: blue; stroke: red;') : setPathCss(defaultCssPath);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      flexWrap: 'wrap',
-      flexDirection: 'column'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: handleButtonOnClick,
-    style: {
-      width: 100,
-      height: 50
-    }
-  }, "Change Path Css"), /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      marginLeft: '20px'
-    }
-  }, "After changing, click the star back & forth to see the fill & stroke change taking an effect")), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      padding: '20px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "star"), /*#__PURE__*/_react["default"].createElement(_["default"], {
-    pathCss: pathCss,
-    size: 40,
-    wrapperStyle: {
-      marginTop: '5px'
-    },
-    animation: _star["default"]
-  })));
-};
-
-exports.ChangingPathCss = ChangingPathCss;
-ChangingPathCss.story = {
-  parameters: {
-    info: {
-      text: "\n      ~~~js\n      export const ChangingPathCss = () => {\n        const defaultCssPath = 'fill: red; stroke: blue;';\n        const [pathCss, setPathCss] = useState(defaultCssPath);\n      \n        const handleButtonOnClick = () =>\n          pathCss === defaultCssPath\n            ? setPathCss('fill: blue; stroke: red;')\n            : setPathCss(defaultCssPath);\n      \n        return (\n          <div style={{ display: 'flex', flexWrap: 'wrap', flexDirection: 'column' }}>\n            <div style={{ display: 'flex', alignItems: 'center' }}>\n              <button type=\"button\" onClick={handleButtonOnClick} style={{ width: 100, height: 50 }}>\n                Change Path Css\n              </button>\n              <span style={{ marginLeft: '20px' }}>\n                After changing, click the star back & forth to see the fill & stroke change taking an\n                effect\n              </span>\n            </div>\n            <div style={{ padding: '20px' }}>\n              <span>star</span>\n              <UseAnimation\n                pathCss={pathCss}\n                size={40}\n                wrapperStyle={{ marginTop: '5px' }}\n                animation={star}\n              />\n            </div>\n          </div>\n        );\n      };\n      ~~~\n    "
-    }
-  }
-};

package/stories/generated.stories.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: React.FC<{
-        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;
-        loop?: number | boolean | undefined;
-        autoplay?: boolean | undefined;
-        speed?: number | undefined;
-        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>>;
-};
-export default _default;
-export declare const All: () => JSX.Element;