aliveicon 1.7.0 → 1.9.0

package/dist/esm/icons/f/FolderTree.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 bumpVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [1, 0.85, 1.06, 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 FolderTree = 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: "M20 10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2.5a1 1 0 0 1-.8-.4l-.9-1.2A1 1 0 0 0 15 3h-2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z", variants: bumpVariants, custom: 0.2, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 21a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-2.9a1 1 0 0 1-.88-.55l-.42-.85a1 1 0 0 0-.92-.6H13a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1Z", variants: bumpVariants, custom: 0.35, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 5a2 2 0 0 0 2 2h3", variants: drawVariants, custom: [0.05, 0, 0.5], initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 3v13a2 2 0 0 0 2 2h3", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+FolderTree.displayName = 'FolderTree';
+
+export { FolderTree };
+//# sourceMappingURL=FolderTree.js.map

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

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

package/dist/esm/icons/f/FolderUp.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 FolderUp = 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 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }), jsxs(motion.g, { variants: nudgeVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M12 10v6" }), jsx("path", { d: "m9 13 3-3 3 3" })] })] }) }));
+});
+FolderUp.displayName = 'FolderUp';
+
+export { FolderUp };
+//# sourceMappingURL=FolderUp.js.map

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

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

package/dist/esm/icons/f/FolderUser.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, 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 nodVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0],
+        transition: { duration: 0.45, ease: 'easeInOut' },
+    },
+};
+const FolderUser = 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.254 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2V9.255" }), jsx(motion.path, { d: "M22 22a4 4 0 0 0-8 0", variants: drawVariants, custom: [0.1, 0.5, 0.4], initial: "normal", animate: controls }), jsx(motion.circle, { cx: "18", cy: "15", r: "3", variants: nodVariants, initial: "normal", animate: controls })] }) }));
+});
+FolderUser.displayName = 'FolderUser';
+
+export { FolderUser };
+//# sourceMappingURL=FolderUser.js.map

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

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

package/dist/esm/icons/f/FolderUsers.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 nodVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0],
+        transition: { duration: 0.45, 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 FolderUsers = 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.254 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2V9.255" }), jsx(motion.circle, { cx: "13", cy: "15", r: "3", variants: nodVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M17 22a4 4 0 0 0-8 0", variants: drawVariants, custom: [0.1, 0.5, 0.4], initial: "normal", animate: controls }), jsx(motion.path, { d: "M22 22A4 4 0 0 0 20.24 18.686 1 1 0 0 1 20.1 17.143 3 3 0 0 0 19.5 12.402", variants: drawVariants, custom: [0.2, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+FolderUsers.displayName = 'FolderUsers';
+
+export { FolderUsers };
+//# sourceMappingURL=FolderUsers.js.map

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

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

package/dist/esm/icons/f/FolderX.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 FolderX = 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 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }), jsx(motion.path, { d: "m9.5 10.5 5 5", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsx(motion.path, { d: "m14.5 10.5-5 5", variants: drawVariants, custom: [0.15, 0, 0.35], initial: "normal", animate: controls })] }) }));
+});
+FolderX.displayName = 'FolderX';
+
+export { FolderX };
+//# sourceMappingURL=FolderX.js.map

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

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

package/dist/esm/icons/f/Folders.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 cornerVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: ([x, y]) => ({
+        x: [0, x, 0],
+        y: [0, y, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    }),
+};
+const Folders = 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: "M20 5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h2.5a1.5 1.5 0 0 1 1.2.6l.6.8a1.5 1.5 0 0 0 1.2.6z" }), jsx(motion.path, { d: "M3 8.268a2 2 0 0 0-1 1.738V19a2 2 0 0 0 2 2h11a2 2 0 0 0 1.732-1", variants: cornerVariants, custom: [-1, 0.8], initial: "normal", animate: controls })] }) }));
+});
+Folders.displayName = 'Folders';
+
+export { Folders };
+//# sourceMappingURL=Folders.js.map

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

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

package/dist/esm/icons/f/Footprints.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 stepVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        y: [0, -1, 0],
+        transition: { duration: 0.45, delay, ease: 'easeInOut' },
+    }),
+};
+const Footprints = 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: stepVariants, custom: 0, initial: "normal", animate: controls, children: [jsx("path", { d: "M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z" }), jsx("path", { d: "M4 13h4" })] }), jsxs(motion.g, { variants: stepVariants, custom: 0.25, initial: "normal", animate: controls, children: [jsx("path", { d: "M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z" }), jsx("path", { d: "M16 17h4" })] })] }) }));
+});
+Footprints.displayName = 'Footprints';
+
+export { Footprints };
+//# sourceMappingURL=Footprints.js.map

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

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

package/dist/esm/icons/f/Forklift.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 forkVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Forklift = 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: "M12 12H5a2 2 0 0 0-2 2v5" }), jsx(motion.path, { d: "M15 19h7", variants: forkVariants, initial: "normal", animate: controls }), jsx("path", { d: "M16 19V2" }), jsx("path", { d: "M6 12V7a2 2 0 0 1 2-2h2.172a2 2 0 0 1 1.414.586l3.828 3.828A2 2 0 0 1 16 10.828" }), jsx("path", { d: "M7 19h4" }), jsx("circle", { cx: "13", cy: "19", r: "2" }), jsx("circle", { cx: "5", cy: "19", r: "2" })] }) }));
+});
+Forklift.displayName = 'Forklift';
+
+export { Forklift };
+//# sourceMappingURL=Forklift.js.map

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

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

package/dist/esm/icons/f/Form.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 Form = 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 14h6", variants: drawVariants, custom: [0.25, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 2h10", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsx(motion.rect, { x: "4", y: "18", width: "16", height: "4", rx: "1", variants: drawVariants, custom: [0.35, 0, 0.45], initial: "normal", animate: controls }), jsx(motion.rect, { x: "4", y: "6", width: "16", height: "4", rx: "1", variants: drawVariants, custom: [0.1, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+Form.displayName = 'Form';
+
+export { Form };
+//# sourceMappingURL=Form.js.map

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

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

package/dist/esm/icons/f/Forward.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 nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        x: [0, 1.5, 0],
+        transition: { duration: 0.45, 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 Forward = 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: "m15 17 5-5-5-5", variants: nudgeVariants, custom: 0.25, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 18v-2a4 4 0 0 1 4-4h12", variants: drawVariants, custom: [0, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+Forward.displayName = 'Forward';
+
+export { Forward };
+//# sourceMappingURL=Forward.js.map

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

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

package/dist/esm/icons/f/Frame.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 Frame = 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.line, { x1: "22", x2: "2", y1: "6", y2: "6", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.line, { x1: "22", x2: "2", y1: "18", y2: "18", variants: drawVariants, custom: [0.1, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.line, { x1: "6", x2: "6", y1: "2", y2: "22", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls }), jsx(motion.line, { x1: "18", x2: "18", y1: "2", y2: "22", variants: drawVariants, custom: [0.3, 0, 0.4], initial: "normal", animate: controls })] }) }));
+});
+Frame.displayName = 'Frame';
+
+export { Frame };
+//# sourceMappingURL=Frame.js.map

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

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

package/dist/esm/icons/f/Fuel.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 Fuel = 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: "M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5", variants: drawVariants, custom: [0, 0, 0.6], initial: "normal", animate: controls }), jsx("path", { d: "M14 21V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16" }), jsx("path", { d: "M2 21h13" }), jsx(motion.path, { d: "M3 9h11", variants: drawVariants, custom: [0.3, 0, 0.35], initial: "normal", animate: controls })] }) }));
+});
+Fuel.displayName = 'Fuel';
+
+export { Fuel };
+//# sourceMappingURL=Fuel.js.map

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

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

package/dist/esm/icons/f/Fullscreen.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 cornerVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: ([x, y]) => ({
+        x: [0, x, 0],
+        y: [0, y, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    }),
+};
+const growVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.08, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const Fullscreen = 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 7V5a2 2 0 0 1 2-2h2", variants: cornerVariants, custom: [-0.8, -0.8], initial: "normal", animate: controls }), jsx(motion.path, { d: "M17 3h2a2 2 0 0 1 2 2v2", variants: cornerVariants, custom: [0.8, -0.8], initial: "normal", animate: controls }), jsx(motion.path, { d: "M21 17v2a2 2 0 0 1-2 2h-2", variants: cornerVariants, custom: [0.8, 0.8], initial: "normal", animate: controls }), jsx(motion.path, { d: "M7 21H5a2 2 0 0 1-2-2v-2", variants: cornerVariants, custom: [-0.8, 0.8], initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "8", x: "7", y: "8", rx: "1", variants: growVariants, initial: "normal", animate: controls })] }) }));
+});
+Fullscreen.displayName = 'Fullscreen';
+
+export { Fullscreen };
+//# sourceMappingURL=Fullscreen.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } 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 squeezeVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.88, 1.05, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const Funnel = 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%", children: jsx(motion.path, { d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z", variants: squeezeVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls }) }) }));
+});
+Funnel.displayName = 'Funnel';
+
+export { Funnel };
+//# sourceMappingURL=Funnel.js.map

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

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

package/dist/esm/icons/f/FunnelPlus.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 squeezeVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.88, 1.05, 1],
+        transition: { duration: 0.5, 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 FunnelPlus = 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: "M13.354 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14v6a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341l1.218-1.348", variants: squeezeVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls }), jsx(motion.path, { d: "M16 6h6", variants: drawVariants, custom: [0.2, 0.5, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 3v6", variants: drawVariants, custom: [0.3, 0.5, 0.3], initial: "normal", animate: controls })] }) }));
+});
+FunnelPlus.displayName = 'FunnelPlus';
+
+export { FunnelPlus };
+//# sourceMappingURL=FunnelPlus.js.map

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

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

package/dist/esm/icons/f/FunnelX.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 squeezeVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.88, 1.05, 1],
+        transition: { duration: 0.5, 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 FunnelX = 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.531 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14v6a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341l.427-.473", variants: squeezeVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls }), jsx(motion.path, { d: "m16.5 3.5 5 5", variants: drawVariants, custom: [0.2, 0, 0.3], initial: "normal", animate: controls }), jsx(motion.path, { d: "m21.5 3.5-5 5", variants: drawVariants, custom: [0.3, 0, 0.3], initial: "normal", animate: controls })] }) }));
+});
+FunnelX.displayName = 'FunnelX';
+
+export { FunnelX };
+//# sourceMappingURL=FunnelX.js.map

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

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