aliveicon 1.7.0 → 1.9.0

package/dist/cjs/icons/f/FolderSearch2.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const scanVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 0, 1, 0],
+        y: [0, -0.8, 0, -0.8, 0],
+        transition: { duration: 0.8, ease: 'easeInOut' },
+    },
+};
+const FolderSearch2 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsxs(framerMotion.motion.g, { variants: scanVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("circle", { cx: "11.5", cy: "12.5", r: "2.5" }), jsxRuntime.jsx("path", { d: "M13.3 14.3 15 16" })] }), jsxRuntime.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" })] }) }));
+});
+FolderSearch2.displayName = 'FolderSearch2';
+
+exports.FolderSearch2 = FolderSearch2;
+//# sourceMappingURL=FolderSearch2.js.map

package/dist/cjs/icons/f/FolderSearch2.js.map

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

package/dist/cjs/icons/f/FolderSymlink.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FolderSymlink = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "M2 9.35V5a2 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 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h7" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m8 16 3-3-3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+FolderSymlink.displayName = 'FolderSymlink';
+
+exports.FolderSymlink = FolderSymlink;
+//# sourceMappingURL=FolderSymlink.js.map

package/dist/cjs/icons/f/FolderSymlink.js.map

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

package/dist/cjs/icons/f/FolderSync.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const syncVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 180],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FolderSync = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "M9 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 2v.5" }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: syncVariants, style: { originX: '50%', originY: '50%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12 10v4h4" }), jsxRuntime.jsx("path", { d: "m12 14 1.535-1.605a5 5 0 0 1 8 1.5" }), jsxRuntime.jsx("path", { d: "M22 22v-4h-4" }), jsxRuntime.jsx("path", { d: "m22 18-1.535 1.605a5 5 0 0 1-8-1.5" })] })] }) }));
+});
+FolderSync.displayName = 'FolderSync';
+
+exports.FolderSync = FolderSync;
+//# sourceMappingURL=FolderSync.js.map

package/dist/cjs/icons/f/FolderSync.js.map

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

package/dist/cjs/icons/f/FolderTree.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "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 }), jsxRuntime.jsx(framerMotion.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 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 5a2 2 0 0 0 2 2h3", variants: drawVariants, custom: [0.05, 0, 0.5], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.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';
+
+exports.FolderTree = FolderTree;
+//# sourceMappingURL=FolderTree.js.map

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

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

package/dist/cjs/icons/f/FolderUp.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FolderUp = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "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" }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: nudgeVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12 10v6" }), jsxRuntime.jsx("path", { d: "m9 13 3-3 3 3" })] })] }) }));
+});
+FolderUp.displayName = 'FolderUp';
+
+exports.FolderUp = FolderUp;
+//# sourceMappingURL=FolderUp.js.map

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

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

package/dist/cjs/icons/f/FolderUser.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "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" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M22 22a4 4 0 0 0-8 0", variants: drawVariants, custom: [0.1, 0.5, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "18", cy: "15", r: "3", variants: nodVariants, initial: "normal", animate: controls })] }) }));
+});
+FolderUser.displayName = 'FolderUser';
+
+exports.FolderUser = FolderUser;
+//# sourceMappingURL=FolderUser.js.map

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

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

package/dist/cjs/icons/f/FolderUsers.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "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" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "13", cy: "15", r: "3", variants: nodVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 22a4 4 0 0 0-8 0", variants: drawVariants, custom: [0.1, 0.5, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.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';
+
+exports.FolderUsers = FolderUsers;
+//# sourceMappingURL=FolderUsers.js.map

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

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

package/dist/cjs/icons/f/FolderX.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "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" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9.5 10.5 5 5", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m14.5 10.5-5 5", variants: drawVariants, custom: [0.15, 0, 0.35], initial: "normal", animate: controls })] }) }));
+});
+FolderX.displayName = 'FolderX';
+
+exports.FolderX = FolderX;
+//# sourceMappingURL=FolderX.js.map

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

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

package/dist/cjs/icons/f/Folders.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", style: { overflow: 'visible' }, children: [jsxRuntime.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" }), jsxRuntime.jsx(framerMotion.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';
+
+exports.Folders = Folders;
+//# sourceMappingURL=Folders.js.map

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

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

package/dist/cjs/icons/f/Footprints.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const stepVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        y: [0, -1, 0],
+        transition: { duration: 0.45, delay, ease: 'easeInOut' },
+    }),
+};
+const Footprints = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsxs(framerMotion.motion.g, { variants: stepVariants, custom: 0, initial: "normal", animate: controls, children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { d: "M4 13h4" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: stepVariants, custom: 0.25, initial: "normal", animate: controls, children: [jsxRuntime.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" }), jsxRuntime.jsx("path", { d: "M16 17h4" })] })] }) }));
+});
+Footprints.displayName = 'Footprints';
+
+exports.Footprints = Footprints;
+//# sourceMappingURL=Footprints.js.map

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

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

package/dist/cjs/icons/f/Forklift.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const forkVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Forklift = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("path", { d: "M12 12H5a2 2 0 0 0-2 2v5" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 19h7", variants: forkVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M16 19V2" }), jsxRuntime.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" }), jsxRuntime.jsx("path", { d: "M7 19h4" }), jsxRuntime.jsx("circle", { cx: "13", cy: "19", r: "2" }), jsxRuntime.jsx("circle", { cx: "5", cy: "19", r: "2" })] }) }));
+});
+Forklift.displayName = 'Forklift';
+
+exports.Forklift = Forklift;
+//# sourceMappingURL=Forklift.js.map

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

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

package/dist/cjs/icons/f/Form.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 14h6", variants: drawVariants, custom: [0.25, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M4 2h10", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { x: "4", y: "18", width: "16", height: "4", rx: "1", variants: drawVariants, custom: [0.35, 0, 0.45], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.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';
+
+exports.Form = Form;
+//# sourceMappingURL=Form.js.map

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

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

package/dist/cjs/icons/f/Forward.js

@@ -0,0 +1,35 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "m15 17 5-5-5-5", variants: nudgeVariants, custom: 0.25, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.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';
+
+exports.Forward = Forward;
+//# sourceMappingURL=Forward.js.map

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

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

package/dist/cjs/icons/f/Frame.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", x2: "2", y1: "6", y2: "6", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "22", x2: "2", y1: "18", y2: "18", variants: drawVariants, custom: [0.1, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "6", x2: "6", y1: "2", y2: "22", variants: drawVariants, custom: [0.2, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.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';
+
+exports.Frame = Frame;
+//# sourceMappingURL=Frame.js.map

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

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

package/dist/cjs/icons/f/Fuel.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "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 }), jsxRuntime.jsx("path", { d: "M14 21V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16" }), jsxRuntime.jsx("path", { d: "M2 21h13" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h11", variants: drawVariants, custom: [0.3, 0, 0.35], initial: "normal", animate: controls })] }) }));
+});
+Fuel.displayName = 'Fuel';
+
+exports.Fuel = Fuel;
+//# sourceMappingURL=Fuel.js.map

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

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

package/dist/cjs/icons/f/Fullscreen.js

@@ -0,0 +1,34 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const 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 = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 7V5a2 2 0 0 1 2-2h2", variants: cornerVariants, custom: [-0.8, -0.8], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 3h2a2 2 0 0 1 2 2v2", variants: cornerVariants, custom: [0.8, -0.8], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 17v2a2 2 0 0 1-2 2h-2", variants: cornerVariants, custom: [0.8, 0.8], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 21H5a2 2 0 0 1-2-2v-2", variants: cornerVariants, custom: [-0.8, 0.8], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.rect, { width: "10", height: "8", x: "7", y: "8", rx: "1", variants: growVariants, initial: "normal", animate: controls })] }) }));
+});
+Fullscreen.displayName = 'Fullscreen';
+
+exports.Fullscreen = Fullscreen;
+//# sourceMappingURL=Fullscreen.js.map

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

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

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

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const squeezeVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.88, 1.05, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const Funnel = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.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: jsxRuntime.jsx(framerMotion.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';
+
+exports.Funnel = Funnel;
+//# sourceMappingURL=Funnel.js.map

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

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