aliveicon 1.7.0 → 1.9.0

package/dist/esm/icons/f/FaceSlightlySmiling.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 blinkVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.15, 1],
+        transition: { duration: 0.4, ease: 'easeInOut' },
+    },
+};
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FaceSlightlySmiling = 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: [jsxs(motion.g, { variants: blinkVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M15 10V9" }), jsx("path", { d: "M9 10V9" })] }), jsx(motion.path, { d: "M16.472 15a6 6 0 01-8.943 0", variants: drawVariants, custom: [0.15, 0.5, 0.4], initial: "normal", animate: controls }), jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+FaceSlightlySmiling.displayName = 'FaceSlightlySmiling';
+
+export { FaceSlightlySmiling };
+//# sourceMappingURL=FaceSlightlySmiling.js.map

package/dist/esm/icons/f/FaceSlightlySmiling.js.map

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

package/dist/esm/icons/f/FaceSlightlySmilingPlus.js

@@ -0,0 +1,39 @@
+'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 blinkVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.15, 1],
+        transition: { duration: 0.4, ease: 'easeInOut' },
+    },
+};
+const popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FaceSlightlySmilingPlus = 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: "M13.267 2.08a10 10 0 108.653 8.653" }), jsxs(motion.g, { variants: blinkVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M15 10V9" }), jsx("path", { d: "M9 10V9" })] }), jsxs(motion.g, { variants: popVariants, custom: 0.3, initial: "normal", animate: controls, children: [jsx("path", { d: "M16 5h6" }), jsx("path", { d: "M19 2v6" })] }), jsx(motion.path, { d: "M16.472 15a6 6 0 01-8.943 0", variants: drawVariants, custom: [0.15, 0.5, 0.4], initial: "normal", animate: controls })] }) }));
+});
+FaceSlightlySmilingPlus.displayName = 'FaceSlightlySmilingPlus';
+
+export { FaceSlightlySmilingPlus };
+//# sourceMappingURL=FaceSlightlySmilingPlus.js.map

package/dist/esm/icons/f/FaceSlightlySmilingPlus.js.map

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

package/dist/esm/icons/f/Factory.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 popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const Factory = 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 16h.01", variants: popVariants, custom: 0.12, initial: "normal", animate: controls }), jsx(motion.path, { d: "M16 16h.01", variants: popVariants, custom: 0.24, initial: "normal", animate: controls }), jsx("path", { d: "M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z" }), jsx(motion.path, { d: "M8 16h.01", variants: popVariants, custom: 0, initial: "normal", animate: controls })] }) }));
+});
+Factory.displayName = 'Factory';
+
+export { Factory };
+//# sourceMappingURL=Factory.js.map

package/dist/esm/icons/f/Factory.js.map

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

package/dist/esm/icons/f/Fan.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 spinVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 360],
+        transition: { duration: 0.9, ease: 'easeInOut' },
+    },
+};
+const Fan = 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: "M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618l1.45-5.412Z", variants: spinVariants, initial: "normal", animate: controls }), jsx("path", { d: "M12 12v.01" })] }) }));
+});
+Fan.displayName = 'Fan';
+
+export { Fan };
+//# sourceMappingURL=Fan.js.map

package/dist/esm/icons/f/Fan.js.map

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

package/dist/esm/icons/f/FastForward.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 pushVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        x: [0, 2, 0],
+        transition: { duration: 0.5, delay, ease: 'easeInOut' },
+    }),
+};
+const FastForward = 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%", style: { overflow: 'visible' }, children: [jsx(motion.path, { d: "M12 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 12 18z", variants: pushVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 2 18z", variants: pushVariants, custom: 0.08, initial: "normal", animate: controls })] }) }));
+});
+FastForward.displayName = 'FastForward';
+
+export { FastForward };
+//# sourceMappingURL=FastForward.js.map

package/dist/esm/icons/f/FastForward.js.map

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

package/dist/esm/icons/f/Faucet.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 turnVariants = {
+    normal: { scaleX: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleX: [1, 0.3, 1, 0.3, 1],
+        transition: { duration: 0.8, ease: 'easeInOut' },
+    },
+};
+const Faucet = 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: [jsxs(motion.g, { variants: turnVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M10.083 5.428 5.57 4.083a2 2 0 10.001 3.834l4.512-1.345" }), jsx("path", { d: "m13.917 5.428 4.511-1.345a2 2 0 110 3.834l-4.51-1.345" }), jsx("circle", { cx: "12", cy: "6", r: "2" })] }), jsx("path", { d: "M12 8v3" }), jsx("path", { d: "M18 17v-4.006" }), jsx("path", { d: "M22 11v8" }), jsx("path", { d: "M22 12h-3a1 1 0 00-1 .994h-2.539a4 4 0 00-6.915-.012L7 13a5 5 0 00-5 5v1a1 1 0 001 1h2a1 1 0 001-1v-1a1 1 0 01.995-1l1.552.018a4 4 0 006.907 0L18 17a1 1 0 001 1h3" })] }) }));
+});
+Faucet.displayName = 'Faucet';
+
+export { Faucet };
+//# sourceMappingURL=Faucet.js.map

package/dist/esm/icons/f/Faucet.js.map

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

package/dist/esm/icons/f/Feather.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 swayVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Feather = 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: jsx("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%", style: { overflow: 'visible' }, children: jsxs(motion.g, { variants: swayVariants, style: { originX: '0%', originY: '100%' }, initial: "normal", animate: controls, children: [jsx("path", { d: "M14.086 18.412A2 2 0 0112.67 19H5v-7.672a2 2 0 01.586-1.414L11.75 3.75a6 6 0 118.49 8.49z" }), jsx("path", { d: "M16 8 2 22" }), jsx("path", { d: "M17.488 15H9" })] }) }) }));
+});
+Feather.displayName = 'Feather';
+
+export { Feather };
+//# sourceMappingURL=Feather.js.map

package/dist/esm/icons/f/Feather.js.map

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

package/dist/esm/icons/f/Fence.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const Fence = 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: "M4 3 2 5v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls }), jsx(motion.path, { d: "M6 8h4", variants: drawVariants, custom: [0.4, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "M6 18h4", variants: drawVariants, custom: [0.45, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "m12 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0.12, 0, 0.5], initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 8h4", variants: drawVariants, custom: [0.5, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 18h4", variants: drawVariants, custom: [0.55, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "m20 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0.24, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+Fence.displayName = 'Fence';
+
+export { Fence };
+//# sourceMappingURL=Fence.js.map

package/dist/esm/icons/f/Fence.js.map

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

package/dist/esm/icons/f/FerrisWheel.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 spinVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 360],
+        transition: { duration: 0.9, ease: 'easeInOut' },
+    },
+};
+const FerrisWheel = 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: [jsxs(motion.g, { variants: spinVariants, style: { originX: '50%', originY: '66.7%' }, initial: "normal", animate: controls, children: [jsx("circle", { cx: "12", cy: "12", r: "2" }), jsx("path", { d: "M12 2v4" }), jsx("path", { d: "m6.8 15-3.5 2" }), jsx("path", { d: "m20.7 7-3.5 2" }), jsx("path", { d: "M6.8 9 3.3 7" }), jsx("path", { d: "m20.7 17-3.5-2" })] }), jsx("path", { d: "m9 22 3-8 3 8" }), jsx("path", { d: "M8 22h8" }), jsx("path", { d: "M18 18.7a9 9 0 1 0-12 0" })] }) }));
+});
+FerrisWheel.displayName = 'FerrisWheel';
+
+export { FerrisWheel };
+//# sourceMappingURL=FerrisWheel.js.map

package/dist/esm/icons/f/FerrisWheel.js.map

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

package/dist/esm/icons/f/File.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const File = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx(motion.path, { d: "M14 2v5a1 1 0 0 0 1 1h5", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+File.displayName = 'File';
+
+export { File };
+//# sourceMappingURL=File.js.map

package/dist/esm/icons/f/File.js.map

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

package/dist/esm/icons/f/FileArchive.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 popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const tugVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        y: [0, 1, 0],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const FileArchive = 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: "M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M8 12v-1", variants: popVariants, custom: 0.1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M8 18v-2", variants: popVariants, custom: 0.2, initial: "normal", animate: controls }), jsx(motion.path, { d: "M8 7V6", variants: popVariants, custom: 0, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "8", cy: "20", r: "2", variants: tugVariants, custom: 0.3, initial: "normal", animate: controls })] }) }));
+});
+FileArchive.displayName = 'FileArchive';
+
+export { FileArchive };
+//# sourceMappingURL=FileArchive.js.map

package/dist/esm/icons/f/FileArchive.js.map

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

package/dist/esm/icons/f/FileAxis3d.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FileAxis3d = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "m8 18 4-4", variants: drawVariants, custom: [0.3, 0, 0.35], initial: "normal", animate: controls }), jsx(motion.path, { d: "M8 10v8h8", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+FileAxis3d.displayName = 'FileAxis3d';
+
+export { FileAxis3d };
+//# sourceMappingURL=FileAxis3d.js.map

package/dist/esm/icons/f/FileAxis3d.js.map

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

package/dist/esm/icons/f/FileBadge.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 swingVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -10, 8, -4, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FileBadge = 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: "M13 22h5a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v3.3" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsxs(motion.g, { variants: swingVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls, children: [jsx("path", { d: "m7.69 16.479 1.29 4.88a.5.5 0 0 1-.698.591l-1.843-.849a1 1 0 0 0-.879.001l-1.846.85a.5.5 0 0 1-.692-.593l1.29-4.88" }), jsx("circle", { cx: "6", cy: "14", r: "3" })] })] }) }));
+});
+FileBadge.displayName = 'FileBadge';
+
+export { FileBadge };
+//# sourceMappingURL=FileBadge.js.map

package/dist/esm/icons/f/FileBadge.js.map

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

package/dist/esm/icons/f/FileBox.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 bobVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0, -0.8, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const FileBox = 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: "M14 2v5a1 1 0 001 1h5" }), jsx("path", { d: "M14.692 22H18a2 2 0 002-2V8a2.4 2.4 0 00-.706-1.706l-3.588-3.588A2.4 2.4 0 0014 2H6a2 2 0 00-2 2v3.804" }), jsxs(motion.g, { variants: bobVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M2.264 13.752 7 16.5l4.737-2.748" }), jsx("path", { d: "M2.995 13.014A2 2 0 002 14.744v3.516a2 2 0 00.996 1.73l3 1.74a2 2 0 002.008 0l3-1.74A2 2 0 0012 18.26v-3.517a2 2 0 00-.995-1.73l-3-1.742a2 2 0 00-1.892-.064z" }), jsx("path", { d: "M7 16.5V22" })] })] }) }));
+});
+FileBox.displayName = 'FileBox';
+
+export { FileBox };
+//# sourceMappingURL=FileBox.js.map

package/dist/esm/icons/f/FileBox.js.map

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

package/dist/esm/icons/f/FileBraces.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 leftVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const rightVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileBraces = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1", variants: leftVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1", variants: rightVariants, initial: "normal", animate: controls })] }) }));
+});
+FileBraces.displayName = 'FileBraces';
+
+export { FileBraces };
+//# sourceMappingURL=FileBraces.js.map

package/dist/esm/icons/f/FileBraces.js.map

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

package/dist/esm/icons/f/FileBracesCorner.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 leftVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const rightVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileBracesCorner = 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: "M14 22h4a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v6" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M5 14a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1 1 1 0 0 1 1 1v2a1 1 0 0 0 1 1", variants: leftVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 22a1 1 0 0 0 1-1v-2a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-2a1 1 0 0 0-1-1", variants: rightVariants, initial: "normal", animate: controls })] }) }));
+});
+FileBracesCorner.displayName = 'FileBracesCorner';
+
+export { FileBracesCorner };
+//# sourceMappingURL=FileBracesCorner.js.map

package/dist/esm/icons/f/FileBracesCorner.js.map

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

package/dist/esm/icons/f/FileChartColumn.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FileChartColumn = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M8 18v-1", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 18v-6", variants: drawVariants, custom: [0.1, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.path, { d: "M16 18v-3", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls })] }) }));
+});
+FileChartColumn.displayName = 'FileChartColumn';
+
+export { FileChartColumn };
+//# sourceMappingURL=FileChartColumn.js.map

package/dist/esm/icons/f/FileChartColumn.js.map

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

package/dist/esm/icons/f/FileChartColumnIncreasing.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FileChartColumnIncreasing = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M8 18v-2", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 18v-4", variants: drawVariants, custom: [0.1, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.path, { d: "M16 18v-6", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls })] }) }));
+});
+FileChartColumnIncreasing.displayName = 'FileChartColumnIncreasing';
+
+export { FileChartColumnIncreasing };
+//# sourceMappingURL=FileChartColumnIncreasing.js.map

package/dist/esm/icons/f/FileChartColumnIncreasing.js.map

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

package/dist/esm/icons/f/FileChartLine.js

@@ -0,0 +1,24 @@
+'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, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const FileChartLine = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "m16 13-3.5 3.5-2-2L8 17", variants: drawVariants, custom: [0, 1, 0.6], initial: "normal", animate: controls })] }) }));
+});
+FileChartLine.displayName = 'FileChartLine';
+
+export { FileChartLine };
+//# sourceMappingURL=FileChartLine.js.map

package/dist/esm/icons/f/FileChartLine.js.map

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

package/dist/esm/icons/f/FileChartPie.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 sliceVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 0.8, 0],
+        y: [0, -0.8, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileChartPie = 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: "M15.941 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.704l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v3.512" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx("path", { d: "M4.017 11.512a6 6 0 1 0 8.466 8.475" }), jsx(motion.path, { d: "M9 16a1 1 0 0 1-1-1v-4c0-.552.45-1.008.995-.917a6 6 0 0 1 4.922 4.922c.091.544-.365.995-.917.995z", variants: sliceVariants, initial: "normal", animate: controls })] }) }));
+});
+FileChartPie.displayName = 'FileChartPie';
+
+export { FileChartPie };
+//# sourceMappingURL=FileChartPie.js.map

package/dist/esm/icons/f/FileChartPie.js.map

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