aliveicon 1.7.0 → 1.9.0

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

@@ -0,0 +1,36 @@
+'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 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 Flashlight = 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: "M12 13v1", variants: popVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M17 2a1 1 0 0 1 1 1v4a3 3 0 0 1-.6 1.8l-.6.8A4 4 0 0 0 16 12v8a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-8a4 4 0 0 0-.8-2.4l-.6-.8A3 3 0 0 1 6 7V3a1 1 0 0 1 1-1z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 6h12", variants: drawVariants, custom: [0.15, 0.5, 0.4], initial: "normal", animate: controls })] }) }));
+});
+Flashlight.displayName = 'Flashlight';
+
+exports.Flashlight = Flashlight;
+//# sourceMappingURL=Flashlight.js.map

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

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

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

@@ -0,0 +1,36 @@
+'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 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 FlashlightOff = 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: "M11.652 6H18", variants: drawVariants, custom: [0.15, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 13v1", variants: popVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-8a4 4 0 0 0-.8-2.4l-.6-.8A3 3 0 0 1 6 7V6" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 2 20 20", variants: drawVariants, custom: [0.4, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M7.649 2H17a1 1 0 0 1 1 1v4a3 3 0 0 1-.6 1.8l-.6.8a4 4 0 0 0-.55 1.007" })] }) }));
+});
+FlashlightOff.displayName = 'FlashlightOff';
+
+exports.FlashlightOff = FlashlightOff;
+//# sourceMappingURL=FlashlightOff.js.map

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

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

package/dist/cjs/icons/f/FlaskConical.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 sloshVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FlaskConical = 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: "M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.453 15h11.094", variants: sloshVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M8.5 2h7" })] }) }));
+});
+FlaskConical.displayName = 'FlaskConical';
+
+exports.FlaskConical = FlaskConical;
+//# sourceMappingURL=FlaskConical.js.map

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

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

package/dist/cjs/icons/f/FlaskConicalOff.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 sloshVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FlaskConicalOff = 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 2v2.343" }), jsxRuntime.jsx("path", { d: "M14 2v6.343" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m2 2 20 20", variants: drawVariants, custom: [0.4, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M20 20a2 2 0 0 1-2 2H6a2 2 0 0 1-1.755-2.96l5.227-9.563" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6.453 15H15", variants: sloshVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M8.5 2h7" })] }) }));
+});
+FlaskConicalOff.displayName = 'FlaskConicalOff';
+
+exports.FlaskConicalOff = FlaskConicalOff;
+//# sourceMappingURL=FlaskConicalOff.js.map

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

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

package/dist/cjs/icons/f/FlaskRound.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 sloshVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const FlaskRound = 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 2v6.292a7 7 0 1 0 4 0V2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M5 15h14", variants: sloshVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M8.5 2h7" })] }) }));
+});
+FlaskRound.displayName = 'FlaskRound';
+
+exports.FlaskRound = FlaskRound;
+//# sourceMappingURL=FlaskRound.js.map

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

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

package/dist/cjs/icons/f/Flower.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 bloomVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 0.85, 1.08, 1],
+        transition: { duration: 0.5, 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 Flower = 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: bloomVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "3" }), jsxRuntime.jsx("path", { d: "M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 7.5V9", variants: popVariants, custom: 0.1, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7.5 12H9", variants: popVariants, custom: 0.34, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16.5 12H15", variants: popVariants, custom: 0.18, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 16.5V15", variants: popVariants, custom: 0.26, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m8 8 1.88 1.88", variants: popVariants, custom: 0.38, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14.12 9.88 16 8", variants: popVariants, custom: 0.14, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m8 16 1.88-1.88", variants: popVariants, custom: 0.3, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14.12 14.12 16 16", variants: popVariants, custom: 0.22, initial: "normal", animate: controls })] }) }));
+});
+Flower.displayName = 'Flower';
+
+exports.Flower = Flower;
+//# sourceMappingURL=Flower.js.map

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

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

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

@@ -0,0 +1,40 @@
+'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 swayVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const leafRightVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -8, 6, -3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const leafLeftVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, 8, -6, 3, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Flower2 = 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: swayVariants, style: { originX: '50%', originY: '100%' }, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1" }), jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "2" })] }), jsxRuntime.jsx("path", { d: "M12 10v12" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z", variants: leafRightVariants, style: { originX: '0%', originY: '100%' }, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z", variants: leafLeftVariants, style: { originX: '100%', originY: '100%' }, initial: "normal", animate: controls })] }) }));
+});
+Flower2.displayName = 'Flower2';
+
+exports.Flower2 = Flower2;
+//# sourceMappingURL=Flower2.js.map

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

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

package/dist/cjs/icons/f/Focus.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 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 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 Focus = 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.circle, { cx: "12", cy: "12", r: "3", variants: popVariants, custom: 0.1, initial: "normal", animate: controls }), 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 })] }) }));
+});
+Focus.displayName = 'Focus';
+
+exports.Focus = Focus;
+//# sourceMappingURL=Focus.js.map

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

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

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

@@ -0,0 +1,33 @@
+'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 foldLeftVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const foldRightVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FoldHorizontal = 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: foldLeftVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M2 12h6" }), jsxRuntime.jsx("path", { d: "m5 15 3-3-3-3" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: foldRightVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M22 12h-6" }), jsxRuntime.jsx("path", { d: "m19 9-3 3 3 3" })] }), jsxRuntime.jsx("path", { d: "M12 2v2" }), jsxRuntime.jsx("path", { d: "M12 8v2" }), jsxRuntime.jsx("path", { d: "M12 14v2" }), jsxRuntime.jsx("path", { d: "M12 20v2" })] }) }));
+});
+FoldHorizontal.displayName = 'FoldHorizontal';
+
+exports.FoldHorizontal = FoldHorizontal;
+//# sourceMappingURL=FoldHorizontal.js.map

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

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

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

@@ -0,0 +1,33 @@
+'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 foldBottomVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const foldTopVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FoldVertical = 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: foldBottomVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12 22v-6" }), jsxRuntime.jsx("path", { d: "m15 19-3-3-3 3" })] }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: foldTopVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M12 8V2" }), jsxRuntime.jsx("path", { d: "m15 5-3 3-3-3" })] }), jsxRuntime.jsx("path", { d: "M4 12H2" }), jsxRuntime.jsx("path", { d: "M10 12H8" }), jsxRuntime.jsx("path", { d: "M16 12h-2" }), jsxRuntime.jsx("path", { d: "M22 12h-2" })] }) }));
+});
+FoldVertical.displayName = 'FoldVertical';
+
+exports.FoldVertical = FoldVertical;
+//# sourceMappingURL=FoldVertical.js.map

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

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

package/dist/cjs/icons/f/Folder.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 bounceVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 0.92, 1.04, 1],
+        transition: { duration: 0.45, ease: 'easeInOut' },
+    },
+};
+const Folder = 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: "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", variants: bounceVariants, initial: "normal", animate: controls }) }) }));
+});
+Folder.displayName = 'Folder';
+
+exports.Folder = Folder;
+//# sourceMappingURL=Folder.js.map

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

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

package/dist/cjs/icons/f/FolderArchive.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 tugVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        y: [0, 1, 0],
+        transition: { duration: 0.4, 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 FolderArchive = 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.circle, { cx: "15", cy: "19", r: "2", variants: tugVariants, custom: 0.25, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M20.9 19.8A2 2 0 0 0 22 18V8a2 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 2h5.1" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 11v-1", variants: popVariants, custom: 0, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 17v-2", variants: popVariants, custom: 0.1, initial: "normal", animate: controls })] }) }));
+});
+FolderArchive.displayName = 'FolderArchive';
+
+exports.FolderArchive = FolderArchive;
+//# sourceMappingURL=FolderArchive.js.map

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

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

package/dist/cjs/icons/f/FolderBookmark.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 ribbonVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 1.15, 1],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FolderBookmark = 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: "M12 6v7.751a.25.25 0 00.407.195l2.28-1.834a.5.5 0 01.627 0l2.28 1.834a.25.25 0 00.406-.195V6", variants: ribbonVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M20 20a2 2 0 002-2V8a2 2 0 00-2-2h-7.9a2 2 0 01-1.69-.9L9.6 3.9A2 2 0 007.93 3H4a2 2 0 00-2 2v13a2 2 0 002 2z" })] }) }));
+});
+FolderBookmark.displayName = 'FolderBookmark';
+
+exports.FolderBookmark = FolderBookmark;
+//# sourceMappingURL=FolderBookmark.js.map

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

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

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

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

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

package/dist/cjs/icons/f/FolderClock.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 spinVariants = {
+    normal: { rotate: 0, transition: { duration: 0 } },
+    animate: {
+        rotate: [0, 360],
+        transition: { duration: 0.8, ease: 'easeInOut' },
+    },
+};
+const FolderClock = 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: "M16 14v2.2l1.6 1", variants: spinVariants, style: { originX: '0%', originY: '62.5%' }, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M7 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 2" }), jsxRuntime.jsx("circle", { cx: "16", cy: "16", r: "6" })] }) }));
+});
+FolderClock.displayName = 'FolderClock';
+
+exports.FolderClock = FolderClock;
+//# sourceMappingURL=FolderClock.js.map

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

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

package/dist/cjs/icons/f/FolderClosed.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 FolderClosed = 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: "M2 10h20", variants: drawVariants, custom: [0, 0, 0.45], initial: "normal", animate: controls })] }) }));
+});
+FolderClosed.displayName = 'FolderClosed';
+
+exports.FolderClosed = FolderClosed;
+//# sourceMappingURL=FolderClosed.js.map

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

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

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

@@ -0,0 +1,33 @@
+'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 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 FolderCode = 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: "M10 10.5 8 13l2 2.5", variants: leftVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m14 10.5 2 2.5-2 2.5", variants: rightVariants, initial: "normal", animate: controls }), 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" })] }) }));
+});
+FolderCode.displayName = 'FolderCode';
+
+exports.FolderCode = FolderCode;
+//# sourceMappingURL=FolderCode.js.map