aliveicon 1.7.0 → 1.9.0

package/dist/esm/icons/f/FileCheck.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 FileCheck = 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: "m9 15 2 2 4-4", variants: drawVariants, custom: [0, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+FileCheck.displayName = 'FileCheck';
+
+export { FileCheck };
+//# sourceMappingURL=FileCheck.js.map

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

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

package/dist/esm/icons/f/FileCheckCorner.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 FileCheckCorner = 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: "M10.5 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v6" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "m14 20 2 2 4-4", variants: drawVariants, custom: [0, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+FileCheckCorner.displayName = 'FileCheckCorner';
+
+export { FileCheckCorner };
+//# sourceMappingURL=FileCheckCorner.js.map

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

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

package/dist/esm/icons/f/FileClock.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.8, ease: 'easeInOut' },
+    },
+};
+const FileClock = 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: "M16 22h2a2 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 2v2.85" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M8 14v2.2l1.6 1", variants: spinVariants, style: { originX: '0%', originY: '62.5%' }, initial: "normal", animate: controls }), jsx("circle", { cx: "8", cy: "16", r: "6" })] }) }));
+});
+FileClock.displayName = 'FileClock';
+
+export { FileClock };
+//# sourceMappingURL=FileClock.js.map

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

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

package/dist/esm/icons/f/FileCode.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 FileCode = 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 12.5 8 15l2 2.5", variants: leftVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m14 12.5 2 2.5-2 2.5", variants: rightVariants, initial: "normal", animate: controls })] }) }));
+});
+FileCode.displayName = 'FileCode';
+
+export { FileCode };
+//# sourceMappingURL=FileCode.js.map

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

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

package/dist/esm/icons/f/FileCodeCorner.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 FileCodeCorner = 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: "M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "m5 16-3 3 3 3", variants: leftVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m9 22 3-3-3-3", variants: rightVariants, initial: "normal", animate: controls })] }) }));
+});
+FileCodeCorner.displayName = 'FileCodeCorner';
+
+export { FileCodeCorner };
+//# sourceMappingURL=FileCodeCorner.js.map

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

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

package/dist/esm/icons/f/FileCog.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 gearVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 90],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FileCog = 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 8a1 1 0 0 1-1-1V2a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8z" }), jsx("path", { d: "M20 8v12a2 2 0 0 1-2 2h-4.182" }), jsxs(motion.g, { variants: gearVariants, style: { originX: '50%', originY: '50%' }, initial: "normal", animate: controls, children: [jsx("path", { d: "m3.305 19.53.923-.382" }), jsx("path", { d: "m4.228 16.852-.924-.383" }), jsx("path", { d: "m5.852 15.228-.383-.923" }), jsx("path", { d: "m5.852 20.772-.383.924" }), jsx("path", { d: "m8.148 15.228.383-.923" }), jsx("path", { d: "m8.53 21.696-.382-.924" }), jsx("path", { d: "m9.773 16.852.922-.383" }), jsx("path", { d: "m9.773 19.148.922.383" }), jsx("circle", { cx: "7", cy: "18", r: "3" })] }), jsx("path", { d: "M4 10.592V4a2 2 0 0 1 2-2h8" })] }) }));
+});
+FileCog.displayName = 'FileCog';
+
+export { FileCog };
+//# sourceMappingURL=FileCog.js.map

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

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

package/dist/esm/icons/f/FileDatabase.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 FileDatabase = 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 12v8a5 2 0 01-10 0v-8", variants: drawVariants, custom: [0.2, 0, 0.45], initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 16a5 2 0 01-10 0", variants: drawVariants, custom: [0.1, 0, 0.45], initial: "normal", animate: controls }), jsx("path", { d: "M14 2v5a1 1 0 001 1h5" }), jsx("path", { d: "M4 6.3V4a2 2 0 012-2h8a2.4 2.4 0 011.706.706l3.588 3.588A2.4 2.4 0 0120 8v12a2 2 0 01-2 2h-2.43" }), jsx(motion.ellipse, { cx: "7", cy: "12", rx: "5", ry: "2", variants: drawVariants, custom: [0, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+FileDatabase.displayName = 'FileDatabase';
+
+export { FileDatabase };
+//# sourceMappingURL=FileDatabase.js.map

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

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

package/dist/esm/icons/f/FileDiff.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 FileDiff = 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: "M9 10h6", variants: drawVariants, custom: [0, 0.5, 0.35], initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 13V7", variants: drawVariants, custom: [0.08, 0.5, 0.35], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 17h6", variants: drawVariants, custom: [0.25, 0.5, 0.35], initial: "normal", animate: controls })] }) }));
+});
+FileDiff.displayName = 'FileDiff';
+
+export { FileDiff };
+//# sourceMappingURL=FileDiff.js.map

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

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

package/dist/esm/icons/f/FileDigit.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 tickVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        y: [0, -1.5, 0],
+        transition: { duration: 0.45, delay, ease: 'easeInOut' },
+    }),
+};
+const FileDigit = 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: "M4 12V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsxs(motion.g, { variants: tickVariants, custom: 0.12, initial: "normal", animate: controls, children: [jsx("path", { d: "M10 16h2v6" }), jsx("path", { d: "M10 22h4" })] }), jsx(motion.rect, { x: "2", y: "16", width: "4", height: "6", rx: "2", variants: tickVariants, custom: 0, initial: "normal", animate: controls })] }) }));
+});
+FileDigit.displayName = 'FileDigit';
+
+export { FileDigit };
+//# sourceMappingURL=FileDigit.js.map

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

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

package/dist/esm/icons/f/FileDown.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 nudgeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileDown = 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" }), jsxs(motion.g, { variants: nudgeVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M12 18v-6" }), jsx("path", { d: "m9 15 3 3 3-3" })] })] }) }));
+});
+FileDown.displayName = 'FileDown';
+
+export { FileDown };
+//# sourceMappingURL=FileDown.js.map

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

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

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

@@ -0,0 +1,32 @@
+'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 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 FileExclamationPoint = 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: "M12 9v4", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 17h.01", variants: popVariants, custom: 0.3, initial: "normal", animate: controls })] }) }));
+});
+FileExclamationPoint.displayName = 'FileExclamationPoint';
+
+export { FileExclamationPoint };
+//# sourceMappingURL=FileExclamationPoint.js.map

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

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

package/dist/esm/icons/f/FileHeadphone.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 FileHeadphone = 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: "M4 6.835V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-.343" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M2 19a2 2 0 0 1 4 0v1a2 2 0 0 1-4 0v-4a6 6 0 0 1 12 0v4a2 2 0 0 1-4 0v-1a2 2 0 0 1 4 0", variants: bobVariants, initial: "normal", animate: controls })] }) }));
+});
+FileHeadphone.displayName = 'FileHeadphone';
+
+export { FileHeadphone };
+//# sourceMappingURL=FileHeadphone.js.map

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

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

package/dist/esm/icons/f/FileHeart.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 beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FileHeart = 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 2v7" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M3.62 18.8A2.25 2.25 0 1 1 7 15.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a1 1 0 0 1-1.507 0z", variants: beatVariants, initial: "normal", animate: controls })] }) }));
+});
+FileHeart.displayName = 'FileHeart';
+
+export { FileHeart };
+//# sourceMappingURL=FileHeart.js.map

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

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

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

@@ -0,0 +1,32 @@
+'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 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 FileImage = 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.circle, { cx: "10", cy: "12", r: "2", variants: popVariants, custom: 0.25, initial: "normal", animate: controls }), jsx(motion.path, { d: "m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22", variants: drawVariants, custom: [0, 1, 0.5], initial: "normal", animate: controls })] }) }));
+});
+FileImage.displayName = 'FileImage';
+
+export { FileImage };
+//# sourceMappingURL=FileImage.js.map

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

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

package/dist/esm/icons/f/FileInput.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: {
+        x: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileInput = 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("path", { d: "M4 11V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsxs(motion.g, { variants: pushVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M2 15h10" }), jsx("path", { d: "m9 18 3-3-3-3" })] })] }) }));
+});
+FileInput.displayName = 'FileInput';
+
+export { FileInput };
+//# sourceMappingURL=FileInput.js.map

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

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

package/dist/esm/icons/f/FileKey.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: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -12, 10, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const FileKey = 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("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsxs(motion.g, { variants: turnVariants, style: { originX: '50%', originY: '80%' }, initial: "normal", animate: controls, children: [jsx("path", { d: "M4 12v6" }), jsx("path", { d: "M4 14h2" }), jsx("circle", { cx: "4", cy: "20", r: "2" })] }), jsx("path", { d: "M9.65 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 2v4" })] }) }));
+});
+FileKey.displayName = 'FileKey';
+
+export { FileKey };
+//# sourceMappingURL=FileKey.js.map

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

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

package/dist/esm/icons/f/FileLock.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 liftVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FileLock = 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: "M4 9.8V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M9 17v-2a2 2 0 0 0-4 0v2", variants: liftVariants, initial: "normal", animate: controls }), jsx("rect", { width: "8", height: "5", x: "3", y: "17", rx: "1" })] }) }));
+});
+FileLock.displayName = 'FileLock';
+
+export { FileLock };
+//# sourceMappingURL=FileLock.js.map

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

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

package/dist/esm/icons/f/FileMinus.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 FileMinus = 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: "M9 15h6", variants: drawVariants, custom: [0, 0.5, 0.4], initial: "normal", animate: controls })] }) }));
+});
+FileMinus.displayName = 'FileMinus';
+
+export { FileMinus };
+//# sourceMappingURL=FileMinus.js.map

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

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

package/dist/esm/icons/f/FileMinusCorner.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 FileMinusCorner = 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: "M20 14V8a2.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 2v16a2 2 0 0 0 2 2h12" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsx(motion.path, { d: "M14 18h6", variants: drawVariants, custom: [0, 0.5, 0.4], initial: "normal", animate: controls })] }) }));
+});
+FileMinusCorner.displayName = 'FileMinusCorner';
+
+export { FileMinusCorner };
+//# sourceMappingURL=FileMinusCorner.js.map

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

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

package/dist/esm/icons/f/FileMusic.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 FileMusic = 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: "M11.65 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 2v10.35" }), jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }), jsxs(motion.g, { variants: bobVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M8 20v-7l3 1.474" }), jsx("circle", { cx: "6", cy: "20", r: "2" })] })] }) }));
+});
+FileMusic.displayName = 'FileMusic';
+
+export { FileMusic };
+//# sourceMappingURL=FileMusic.js.map

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

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