aliveicon 1.1.1 → 1.2.0

package/README.md

@@ -6,11 +6,11 @@
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/v/aliveicon.svg?color=blue" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/dm/aliveicon.svg?color=blue" alt="npm downloads" /></a>
   <a href="https://github.com/Hemang-patel-9/aliveicon/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/aliveicon.svg?color=green" alt="license" /></a>
-  <img src="https://img.shields.io/badge/icons-520-orange" alt="icon count" />
+  <img src="https://img.shields.io/badge/icons-556-orange" alt="icon count" />
   <img src="https://img.shields.io/badge/types-included-blue" alt="typescript" />
 </p>
 
-`aliveicon` is a set of **520 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
+`aliveicon` is a set of **556 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
 
 ---
 
@@ -148,7 +148,7 @@ The SVG inside each icon has `aria-hidden="true"`, so screen readers skip decora
 
 ## 📚 Available icons
 
-`aliveicon` ships **520 icons**, and more are being added. Import any icon by its PascalCase name:
+`aliveicon` ships **556 icons**, and more are being added. Import any icon by its PascalCase name:
 
 ```tsx
 import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
@@ -156,7 +156,7 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 
 | Group | Count | Examples |
 | ----- | ----- | -------- |
-| **A** | 78 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `ArrowRight`, `Atom`, `Award` |
+| **A** | 114 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
 | **B** | 128 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Bug`, `Building` |
 | **C** | 140 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `ChevronDown`, `Circle`, `Clock` |
 | **N** | 16 | `Navigation`, `Network`, `Newspaper`, `Notebook`, `Nut` |

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
+    }),
+};
+const ALargeSmall = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "m15 16 2.536-7.328a1.02 1.02 1 0 1 1.928 0L22 16", variants: drawVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15.697 14h5.606", variants: drawVariants, custom: 3, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3.304 13h6.392", variants: drawVariants, custom: 1, initial: "normal", animate: controls })] }) }));
+});
+ALargeSmall.displayName = 'ALargeSmall';
+
+exports.ALargeSmall = ALargeSmall;
+//# sourceMappingURL=ALargeSmall.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
+    }),
+};
+const Ad = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M10 13H6", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10 15v-4a2 2 0 0 0-4 0v4", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 14.5a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-1A2.5 2.5 0 0 0 15.5 9h-1a.5.5 0 0 0-.5.5z", variants: drawVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }) }));
+});
+Ad.displayName = 'Ad';
+
+exports.Ad = Ad;
+//# sourceMappingURL=Ad.js.map

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

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

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

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const shakeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 1, -1, 1, 0],
+        transition: { duration: 0.5, ease: 'linear' },
+    },
+};
+const slashVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: 0.3, ease: 'easeInOut' },
+    },
+};
+const AlarmClockOff = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M6.87 6.87a8 8 0 1 0 11.26 11.26", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19.9 14.25a8 8 0 0 0-9.15-9.15", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m22 6-3-3", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.26 18.67 4 21", variants: shakeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 2 20 20", variants: slashVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 4 2 6", variants: shakeVariants, initial: "normal", animate: controls })] }) }));
+});
+AlarmClockOff.displayName = 'AlarmClockOff';
+
+exports.AlarmClockOff = AlarmClockOff;
+//# sourceMappingURL=AlarmClockOff.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const smokeVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: i * 0.15, ease: 'easeOut' },
+    }),
+};
+const AlarmSmoke = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M11 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "m19 8-.8 3a1.25 1.25 0 0 1-1.2 1H7a1.25 1.25 0 0 1-1.2-1L5 8" }), jsxRuntime.jsx("path", { d: "M21 3a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a1 1 0 0 1 1-1z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 21c0-2.5 2-2.5 2-5", variants: smokeVariants, custom: 0, initial: "normal", animate: controls })] }) }));
+});
+AlarmSmoke.displayName = 'AlarmSmoke';
+
+exports.AlarmSmoke = AlarmSmoke;
+//# sourceMappingURL=AlarmSmoke.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arcVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const Angle = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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("path", { d: "M3 3v16a2 2 0 0 0 2 2h16" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 11a10 10 0 0 1 10 10", variants: arcVariants, initial: "normal", animate: controls })] }) }));
+});
+Angle.displayName = 'Angle';
+
+exports.Angle = Angle;
+//# sourceMappingURL=Angle.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const dropVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -3, 0, -1, 0],
+        transition: { duration: 0.6, times: [0, 0.35, 0.6, 0.8, 1], ease: 'easeInOut' },
+    },
+};
+const Anvil = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M7 10H6a4 4 0 0 1-4-4 1 1 0 0 1 1-1h4", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1 7 7 0 0 1-7 7H8a1 1 0 0 1-1-1z", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 12v5", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 12v5", variants: dropVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 20a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3 1 1 0 0 1-1 1H6a1 1 0 0 1-1-1", variants: dropVariants, initial: "normal", animate: controls })] }) }));
+});
+Anvil.displayName = 'Anvil';
+
+exports.Anvil = Anvil;
+//# sourceMappingURL=Anvil.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: i * 0.15, ease: 'easeInOut' },
+    }),
+};
+const ArmenianDram = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M11 10h8", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 14h8", variants: drawVariants, custom: 2, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 20V10a6 6 0 0 0-12 0", variants: drawVariants, custom: 0, initial: "normal", animate: controls })] }) }));
+});
+ArmenianDram.displayName = 'ArmenianDram';
+
+exports.ArmenianDram = ArmenianDram;
+//# sourceMappingURL=ArmenianDram.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowDownFromLine = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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("path", { d: "M19 3H5" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 21V7", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m6 15 6 6 6-6", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownFromLine.displayName = 'ArrowDownFromLine';
+
+exports.ArrowDownFromLine = ArrowDownFromLine;
+//# sourceMappingURL=ArrowDownFromLine.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowDownLeft = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M17 7 7 17", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 17H7V7", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownLeft.displayName = 'ArrowDownLeft';
+
+exports.ArrowDownLeft = ArrowDownLeft;
+//# sourceMappingURL=ArrowDownLeft.js.map

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

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

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

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 3, 0],
+        transition: { duration: 0.4, ease: 'easeInOut' },
+    },
+};
+const barVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.3, delay: i * 0.1, ease: 'easeOut' },
+    }),
+};
+const ArrowDownNarrowWide = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "m3 16 4 4 4-4", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M7 20V4" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 4h4", variants: barVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 8h7", variants: barVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 12h10", variants: barVariants, custom: 2, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownNarrowWide.displayName = 'ArrowDownNarrowWide';
+
+exports.ArrowDownNarrowWide = ArrowDownNarrowWide;
+//# sourceMappingURL=ArrowDownNarrowWide.js.map

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

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

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 2, 0],
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowDownRight = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "m7 7 10 10", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 7v10H7", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownRight.displayName = 'ArrowDownRight';
+
+exports.ArrowDownRight = ArrowDownRight;
+//# sourceMappingURL=ArrowDownRight.js.map

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

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

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

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.35, delay: i * 0.2, ease: 'easeInOut' },
+    }),
+};
+const dotVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.35, delay: 0.45, ease: 'easeOut' },
+    },
+};
+const ArrowDownToDot = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M12 2v14", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m19 9-7 7-7-7", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "12", cy: "21", r: "1", variants: dotVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownToDot.displayName = 'ArrowDownToDot';
+
+exports.ArrowDownToDot = ArrowDownToDot;
+//# sourceMappingURL=ArrowDownToDot.js.map

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

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

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

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 3, 0],
+        transition: { duration: 0.4, ease: 'easeInOut' },
+    },
+};
+const barVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.3 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.3, delay: i * 0.1, ease: 'easeOut' },
+    }),
+};
+const ArrowDownWideNarrow = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "m3 16 4 4 4-4", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M7 20V4" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 4h10", variants: barVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 8h7", variants: barVariants, custom: 1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M11 12h4", variants: barVariants, custom: 2, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownWideNarrow.displayName = 'ArrowDownWideNarrow';
+
+exports.ArrowDownWideNarrow = ArrowDownWideNarrow;
+//# sourceMappingURL=ArrowDownWideNarrow.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowLeftFromLine = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "m9 6-6 6 6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 12h14", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M21 19V5" })] }) }));
+});
+ArrowLeftFromLine.displayName = 'ArrowLeftFromLine';
+
+exports.ArrowLeftFromLine = ArrowLeftFromLine;
+//# sourceMappingURL=ArrowLeftFromLine.js.map

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

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

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

@@ -0,0 +1,33 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const leftArrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const rightArrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowLeftRight = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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: "M8 3 4 7l4 4", variants: leftArrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 7h16", variants: leftArrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m16 21 4-4-4-4", variants: rightArrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M20 17H4", variants: rightArrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowLeftRight.displayName = 'ArrowLeftRight';
+
+exports.ArrowLeftRight = ArrowLeftRight;
+//# sourceMappingURL=ArrowLeftRight.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowLeftToLine = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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("path", { d: "M3 19V5" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m13 6-6 6 6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 12h14", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowLeftToLine.displayName = 'ArrowLeftToLine';
+
+exports.ArrowLeftToLine = ArrowLeftToLine;
+//# sourceMappingURL=ArrowLeftToLine.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var React = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const arrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowRightFromLine = React.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    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("path", { d: "M3 5v14" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 12H7", variants: arrowVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m15 18 6-6-6-6", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowRightFromLine.displayName = 'ArrowRightFromLine';
+
+exports.ArrowRightFromLine = ArrowRightFromLine;
+//# sourceMappingURL=ArrowRightFromLine.js.map

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

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