aliveicon 1.2.0 → 1.2.1

package/dist/cjs/icons/a/Anchor.js

@@ -10,7 +10,7 @@ var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const Anchor = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { animate: 'animate1' });
     const pathVariants = {
         normal: {
             opacity: 1,

package/dist/cjs/icons/a/ArchiveRestore.js

@@ -26,7 +26,10 @@ const pathVariants = {
     },
 };
 const ArchiveRestore = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h2", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M20 8v11a2 2 0 0 1-2 2h-2", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9 15 3-3 3 3", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 12v9", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 ArchiveRestore.displayName = 'ArchiveRestore';

package/dist/cjs/icons/a/ArchiveRestore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveRestore.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArchiveRestore.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/a/ArchiveX.js

@@ -26,7 +26,10 @@ const pathVariants = {
     },
 };
 const ArchiveX = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9.5 17 5-5", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9.5 12 5 5", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 ArchiveX.displayName = 'ArchiveX';

package/dist/cjs/icons/a/ArchiveX.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArchiveX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/a/Armchair.js

@@ -26,7 +26,10 @@ const pathVariants = {
     },
 };
 const Armchair = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 18v2", variants: pathVariants, initial: "initial", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 18v2", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 Armchair.displayName = 'Armchair';

package/dist/cjs/icons/a/Armchair.js.map

@@ -1 +1 @@
-{"version":3,"file":"Armchair.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Armchair.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/b/Bicep.js

@@ -10,7 +10,7 @@ var cn = require('../../lib/cn.js');
 var useAnimatedIcon = require('../../lib/use-animated-icon.js');
 
 const Bicep = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { rest: 'relax' });
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { rest: 'relax', animate: 'flex' });
     const pathVariants = {
         relax: { pathLength: 1, opacity: 1, rotate: 0 },
         flex: {

package/dist/cjs/icons/b/BoomBox.js

@@ -111,7 +111,10 @@ const bodyVariants = {
     },
 };
 const BoomBox = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, { cycleMs: 1000 });
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props, {
+        animate: 'playing',
+        cycleMs: 1000,
+    });
     return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs(framerMotion.motion.svg, { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", variants: boomBoxVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 9V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4", variants: {
                         normal: { opacity: 1 },
                         playing: { opacity: 1 },

package/dist/cjs/icons/b/BoomBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoomBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BoomBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/icons/a/Anchor.js

@@ -6,7 +6,7 @@ import { cn } from '../../lib/cn.js';
 import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
 
 const Anchor = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    const { controls, iconProps } = useAnimatedIcon(ref, props, { animate: 'animate1' });
     const pathVariants = {
         normal: {
             opacity: 1,

package/dist/esm/icons/a/ArchiveRestore.js

@@ -22,7 +22,10 @@ const pathVariants = {
     },
 };
 const ArchiveRestore = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h2", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M20 8v11a2 2 0 0 1-2 2h-2", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9 15 3-3 3 3", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M12 12v9", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 ArchiveRestore.displayName = 'ArchiveRestore';

package/dist/esm/icons/a/ArchiveRestore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveRestore.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArchiveRestore.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/icons/a/ArchiveX.js

@@ -22,7 +22,10 @@ const pathVariants = {
     },
 };
 const ArchiveX = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9.5 17 5-5", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9.5 12 5 5", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 ArchiveX.displayName = 'ArchiveX';

package/dist/esm/icons/a/ArchiveX.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchiveX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ArchiveX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/icons/a/Armchair.js

@@ -22,7 +22,10 @@ const pathVariants = {
     },
 };
 const Armchair = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props, { rest: 'initial' });
+    const { controls, iconProps } = useAnimatedIcon(ref, props, {
+        rest: 'initial',
+        animate: 'draw',
+    });
     return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M5 18v2", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M19 18v2", variants: pathVariants, initial: "initial", animate: controls })] }) }));
 });
 Armchair.displayName = 'Armchair';

package/dist/esm/icons/a/Armchair.js.map

@@ -1 +1 @@
-{"version":3,"file":"Armchair.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Armchair.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/icons/b/Bicep.js

@@ -6,7 +6,7 @@ import { cn } from '../../lib/cn.js';
 import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
 
 const Bicep = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props, { rest: 'relax' });
+    const { controls, iconProps } = useAnimatedIcon(ref, props, { rest: 'relax', animate: 'flex' });
     const pathVariants = {
         relax: { pathLength: 1, opacity: 1, rotate: 0 },
         flex: {

package/dist/esm/icons/b/BoomBox.js

@@ -107,7 +107,10 @@ const bodyVariants = {
     },
 };
 const BoomBox = forwardRef(({ className, size = 28, style, ...props }, ref) => {
-    const { controls, iconProps } = useAnimatedIcon(ref, props, { cycleMs: 1000 });
+    const { controls, iconProps } = useAnimatedIcon(ref, props, {
+        animate: 'playing',
+        cycleMs: 1000,
+    });
     return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs(motion.svg, { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", variants: boomBoxVariants, initial: "normal", animate: controls, children: [jsx(motion.path, { d: "M4 9V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v4", variants: {
                         normal: { opacity: 1 },
                         playing: { opacity: 1 },

package/dist/esm/icons/b/BoomBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoomBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"BoomBox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aliveicon",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "500+ animated SVG icons for React that draw themselves on hover, click, or load.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",