aliveicon 1.7.0 → 1.9.0

package/README.md

@@ -6,11 +6,11 @@
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/v/aliveicon.svg?color=blue" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/aliveicon"><img src="https://img.shields.io/npm/dm/aliveicon.svg?color=blue" alt="npm downloads" /></a>
   <a href="https://github.com/Hemang-patel-9/aliveicon/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/aliveicon.svg?color=green" alt="license" /></a>
-  <img src="https://img.shields.io/badge/icons-1324-orange" alt="icon count" />
+  <img src="https://img.shields.io/badge/icons-1464-orange" alt="icon count" />
   <img src="https://img.shields.io/badge/types-included-blue" alt="typescript" />
 </p>
 
-`aliveicon` is a set of **1324 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
+`aliveicon` is a set of **1464 animated SVG icons** for React. Each icon is a component that animates its strokes with [Framer Motion](https://motion.dev). Drop one in and it comes alive on hover, on click, or as soon as it mounts.
 
 ---
 
@@ -148,7 +148,7 @@ The SVG inside each icon has `aria-hidden="true"`, so screen readers skip decora
 
 ## 📚 Available icons
 
-`aliveicon` ships **1324 icons**, and more are being added. Import any icon by its PascalCase name:
+`aliveicon` ships **1464 icons**, and more are being added. Import any icon by its PascalCase name:
 
 ```tsx
 import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
@@ -158,9 +158,10 @@ import { CircleCheck, ChartLine, Wifi } from 'aliveicon';
 | ----- | ----- | -------- |
 | **A** | 118 | `Activity`, `Airplay`, `AlarmClock`, `Anchor`, `Anvil`, `ArrowRight`, `ArrowUpRight`, `Atom`, `Award` |
 | **B** | 163 | `Battery`, `Bell`, `Bluetooth`, `Book`, `Bot`, `Brain`, `Broom`, `Bug`, `Building` |
-| **C** | 319 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `Circle`, `Clock`, `Cloud`, `Cog`, `Copy` |
+| **C** | 320 | `Calendar`, `Camera`, `Car`, `ChartLine`, `Check`, `Circle`, `Clock`, `Cloud`, `Cog`, `Copy` |
 | **D** | 59 | `Database`, `Dice1`, `Diamond`, `Disc`, `DoorOpen`, `Download`, `Droplet`, `Dumbbell` |
 | **E** | 32 | `Earth`, `Egg`, `Eject`, `Ellipsis`, `Eraser`, `Euro`, `Expand`, `Eye` |
+| **F** | 139 | `Factory`, `Fan`, `Feather`, `File`, `Film`, `Fish`, `Flag`, `Flame`, `Flower`, `Folder`, `Forklift`, `Funnel` |
 | **G** | 63 | `Gamepad`, `Gauge`, `Gem`, `Ghost`, `Gift`, `GitBranch`, `Globe`, `Grid3x3`, `Guitar` |
 | **H** | 62 | `Hammer`, `Hand`, `Hash`, `Headphones`, `Heart`, `Hourglass`, `House` |
 | **I** | 23 | `IceCreamCone`, `IdCard`, `Image`, `Import`, `Inbox`, `Info`, `Italic` |

package/dist/cjs/icons/c/ChartBellCurve.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 ChartBellCurve = 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 3v16a2 2 0 0 0 2 2h16", variants: drawVariants, custom: [0, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 16c3.5 0 2.5-10 6-10s2.5 10 6 10", variants: drawVariants, custom: [0.2, 0.5, 0.6], initial: "normal", animate: controls })] }) }));
+});
+ChartBellCurve.displayName = 'ChartBellCurve';
+
+exports.ChartBellCurve = ChartBellCurve;
+//# sourceMappingURL=ChartBellCurve.js.map

package/dist/cjs/icons/c/ChartBellCurve.js.map

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

package/dist/cjs/icons/f/FaceAngry.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 shakeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -0.8, 0.8, -0.6, 0.6, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const browVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -0.8, 0.8, -0.6, 0.6, 0],
+        y: [0, 0.8, 0.8, 0.8, 0.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const FaceAngry = 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: shakeVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 12v-1.584" }), jsxRuntime.jsx("path", { d: "M9 12v-1.584" }), jsxRuntime.jsx("path", { d: "M9 17a5 5 0 016.001 0" }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 10a5 5 0 00-3 1", variants: browVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 10a5 5 0 013 1", variants: browVariants, initial: "normal", animate: controls })] }) }));
+});
+FaceAngry.displayName = 'FaceAngry';
+
+exports.FaceAngry = FaceAngry;
+//# sourceMappingURL=FaceAngry.js.map

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

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

package/dist/cjs/icons/f/FaceExpressionless.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 glanceVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 1, 0],
+        transition: { duration: 0.7, 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 FaceExpressionless = 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: glanceVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M14 10h2" }), jsxRuntime.jsx("path", { d: "M8 10h2" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 16h8", variants: drawVariants, custom: [0.2, 0.5, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+FaceExpressionless.displayName = 'FaceExpressionless';
+
+exports.FaceExpressionless = FaceExpressionless;
+//# sourceMappingURL=FaceExpressionless.js.map

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

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

package/dist/cjs/icons/f/FaceGrinning.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 hopVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0, -0.4, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const mouthVariants = {
+    normal: { y: 0, scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0, -0.4, 0],
+        scale: [1, 1.1, 1, 1.05, 1],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const FaceGrinning = 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: hopVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 10V9" }), jsxRuntime.jsx("path", { d: "M9 10V9" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7.084 14.302a5.12 5.12 0 009.833 0 .24.24 0 00-.235-.302H7.32a.24.24 0 00-.235.302", variants: mouthVariants, style: { originX: '50%', originY: '0%' }, initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+FaceGrinning.displayName = 'FaceGrinning';
+
+exports.FaceGrinning = FaceGrinning;
+//# sourceMappingURL=FaceGrinning.js.map

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

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

package/dist/cjs/icons/f/FaceNeutral.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 blinkVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.15, 1],
+        transition: { duration: 0.35, 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 FaceNeutral = 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: blinkVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 10V9" }), jsxRuntime.jsx("path", { d: "M9 10V9" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M8 16h8", variants: drawVariants, custom: [0.2, 0.5, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+FaceNeutral.displayName = 'FaceNeutral';
+
+exports.FaceNeutral = FaceNeutral;
+//# sourceMappingURL=FaceNeutral.js.map

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

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

package/dist/cjs/icons/f/FaceSlightlyFrowning.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 blinkVariants = {
+    normal: { scaleY: 1, transition: { duration: 0.2 } },
+    animate: {
+        scaleY: [1, 0.15, 1],
+        transition: { duration: 0.55, ease: 'easeInOut' },
+    },
+};
+const droopVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 0.8, 0],
+        transition: { duration: 0.55, ease: 'easeInOut' },
+    },
+};
+const FaceSlightlyFrowning = 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: blinkVariants, initial: "normal", animate: controls, children: [jsxRuntime.jsx("path", { d: "M15 10V9" }), jsxRuntime.jsx("path", { d: "M9 10V9" })] }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 16a5 5 0 016 0", variants: droopVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" })] }) }));
+});
+FaceSlightlyFrowning.displayName = 'FaceSlightlyFrowning';
+
+exports.FaceSlightlyFrowning = FaceSlightlyFrowning;
+//# sourceMappingURL=FaceSlightlyFrowning.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/icons/f/Fence.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 Fence = 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 3 2 5v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 8h4", variants: drawVariants, custom: [0.4, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M6 18h4", variants: drawVariants, custom: [0.45, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m12 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0.12, 0, 0.5], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 8h4", variants: drawVariants, custom: [0.5, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 18h4", variants: drawVariants, custom: [0.55, 0, 0.3], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m20 3-2 2v15c0 .6.4 1 1 1h2c.6 0 1-.4 1-1V5Z", variants: drawVariants, custom: [0.24, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+Fence.displayName = 'Fence';
+
+exports.Fence = Fence;
+//# sourceMappingURL=Fence.js.map

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

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

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

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

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

package/dist/cjs/icons/f/File.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 File = 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: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 2v5a1 1 0 0 0 1 1h5", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls })] }) }));
+});
+File.displayName = 'File';
+
+exports.File = File;
+//# sourceMappingURL=File.js.map

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

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