aliveicon 1.1.0 → 1.2.0

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m7 7 10 10", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M17 7v10H7", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownRight.displayName = 'ArrowDownRight';
+
+export { ArrowDownRight };
+//# sourceMappingURL=ArrowDownRight.js.map

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

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

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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "M12 2v14", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.path, { d: "m19 9-7 7-7-7", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "12", cy: "21", r: "1", variants: dotVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownToDot.displayName = 'ArrowDownToDot';
+
+export { ArrowDownToDot };
+//# sourceMappingURL=ArrowDownToDot.js.map

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

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

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

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m3 16 4 4 4-4", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 20V4" }), jsx(motion.path, { d: "M11 4h10", variants: barVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.path, { d: "M11 8h7", variants: barVariants, custom: 1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M11 12h4", variants: barVariants, custom: 2, initial: "normal", animate: controls })] }) }));
+});
+ArrowDownWideNarrow.displayName = 'ArrowDownWideNarrow';
+
+export { ArrowDownWideNarrow };
+//# sourceMappingURL=ArrowDownWideNarrow.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m9 6-6 6 6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 12h14", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M21 19V5" })] }) }));
+});
+ArrowLeftFromLine.displayName = 'ArrowLeftFromLine';
+
+export { ArrowLeftFromLine };
+//# sourceMappingURL=ArrowLeftFromLine.js.map

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

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

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

@@ -0,0 +1,29 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "M8 3 4 7l4 4", variants: leftArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 7h16", variants: leftArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m16 21 4-4-4-4", variants: rightArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 17H4", variants: rightArrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowLeftRight.displayName = 'ArrowLeftRight';
+
+export { ArrowLeftRight };
+//# sourceMappingURL=ArrowLeftRight.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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("path", { d: "M3 19V5" }), jsx(motion.path, { d: "m13 6-6 6 6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M7 12h14", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowLeftToLine.displayName = 'ArrowLeftToLine';
+
+export { ArrowLeftToLine };
+//# sourceMappingURL=ArrowLeftToLine.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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("path", { d: "M3 5v14" }), jsx(motion.path, { d: "M21 12H7", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m15 18 6-6-6-6", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowRightFromLine.displayName = 'ArrowRightFromLine';
+
+export { ArrowRightFromLine };
+//# sourceMappingURL=ArrowRightFromLine.js.map

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

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

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

@@ -0,0 +1,29 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const rightArrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const leftArrowVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowRightLeft = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m16 3 4 4-4 4", variants: rightArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 7H4", variants: rightArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m8 21-4-4 4-4", variants: leftArrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 17h16", variants: leftArrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowRightLeft.displayName = 'ArrowRightLeft';
+
+export { ArrowRightLeft };
+//# sourceMappingURL=ArrowRightLeft.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowRightToLine = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "M17 12H3", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m11 18 6-6-6-6", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M21 5v14" })] }) }));
+});
+ArrowRightToLine.displayName = 'ArrowRightToLine';
+
+export { ArrowRightToLine };
+//# sourceMappingURL=ArrowRightToLine.js.map

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

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

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 topVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const bottomVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const ArrowUp01 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m3 8 4-4 4 4", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 4v16" }), jsx(motion.rect, { x: "15", y: "4", width: "4", height: "6", ry: "2", variants: topVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M17 20v-6h-2", variants: bottomVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 20h4", variants: bottomVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUp01.displayName = 'ArrowUp01';
+
+export { ArrowUp01 };
+//# sourceMappingURL=ArrowUp01.js.map

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

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

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 topVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const bottomVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const ArrowUp10 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m3 8 4-4 4 4", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 4v16" }), jsx(motion.path, { d: "M17 10V4h-2", variants: topVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 10h4", variants: topVariants, initial: "normal", animate: controls }), jsx(motion.rect, { x: "15", y: "14", width: "4", height: "6", ry: "2", variants: bottomVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUp10.displayName = 'ArrowUp10';
+
+export { ArrowUp10 };
+//# sourceMappingURL=ArrowUp10.js.map

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

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

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

@@ -0,0 +1,36 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 topVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const bottomVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const ArrowUpAZ = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m3 8 4-4 4 4", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 4v16" }), jsx(motion.path, { d: "M20 8h-5", variants: topVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 10V6.5a2.5 2.5 0 0 1 5 0V10", variants: topVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 14h5l-5 6h5", variants: bottomVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpAZ.displayName = 'ArrowUpAZ';
+
+export { ArrowUpAZ };
+//# sourceMappingURL=ArrowUpAZ.js.map

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

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

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

@@ -0,0 +1,29 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const downArrowVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 3, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const upArrowVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -3, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ArrowUpDown = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m21 16-4 4-4-4", variants: downArrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M17 20V4" }), jsx(motion.path, { d: "m3 8 4-4 4 4", variants: upArrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 4v16" })] }) }));
+});
+ArrowUpDown.displayName = 'ArrowUpDown';
+
+export { ArrowUpDown };
+//# sourceMappingURL=ArrowUpDown.js.map

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

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

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

@@ -0,0 +1,31 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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: 0.15 + 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.3, ease: 'easeOut' },
+    },
+};
+const ArrowUpFromDot = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m5 9 7-7 7 7", variants: drawVariants, custom: 1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 16V2", variants: drawVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "12", cy: "21", r: "1", variants: dotVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpFromDot.displayName = 'ArrowUpFromDot';
+
+export { ArrowUpFromDot };
+//# sourceMappingURL=ArrowUpFromDot.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowUpFromLine = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m18 9-6-6-6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 3v14", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M5 21h14" })] }) }));
+});
+ArrowUpFromLine.displayName = 'ArrowUpFromLine';
+
+export { ArrowUpFromLine };
+//# sourceMappingURL=ArrowUpFromLine.js.map

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowUpLeft = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "M7 17V7h10", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M17 17 7 7", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpLeft.displayName = 'ArrowUpLeft';
+
+export { ArrowUpLeft };
+//# sourceMappingURL=ArrowUpLeft.js.map

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

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

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

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowUpNarrowWide = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "m3 8 4-4 4 4", variants: arrowVariants, initial: "normal", animate: controls }), jsx("path", { d: "M7 4v16" }), jsx(motion.path, { d: "M11 12h4", variants: barVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.path, { d: "M11 16h7", variants: barVariants, custom: 1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M11 20h10", variants: barVariants, custom: 2, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpNarrowWide.displayName = 'ArrowUpNarrowWide';
+
+export { ArrowUpNarrowWide };
+//# sourceMappingURL=ArrowUpNarrowWide.js.map

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowUpRight = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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: "M7 7h10v10", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M7 17 17 7", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpRight.displayName = 'ArrowUpRight';
+
+export { ArrowUpRight };
+//# sourceMappingURL=ArrowUpRight.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 ArrowUpToLine = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    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("path", { d: "M5 3h14" }), jsx(motion.path, { d: "m18 13-6-6-6 6", variants: arrowVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 7v14", variants: arrowVariants, initial: "normal", animate: controls })] }) }));
+});
+ArrowUpToLine.displayName = 'ArrowUpToLine';
+
+export { ArrowUpToLine };
+//# sourceMappingURL=ArrowUpToLine.js.map

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

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