aliveicon 1.2.1 → 1.3.0

package/dist/cjs/icons/h/HouseWifi.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const HouseWifi = 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: "M9.5 13.866a4 4 0 0 1 5 .01", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12 17h.01", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("path", { d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7 10.754a8 8 0 0 1 10 0", variants: drawVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+HouseWifi.displayName = 'HouseWifi';
+
+exports.HouseWifi = HouseWifi;
+//# sourceMappingURL=HouseWifi.js.map

package/dist/cjs/icons/h/HouseWifi.js.map

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

package/dist/cjs/icons/h/Houses.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const Houses = 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.681 4.24.834-.715a1.45 1.45 0 011.88 0l5.09 4.364A1.45 1.45 0 0121 9v6.546a1.45 1.45 0 01-1 1.381", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15.485 11.889A1.45 1.45 0 0116 13v6.546A1.454 1.454 0 0114.546 21H4.364a1.454 1.454 0 01-1.454-1.454V13a1.45 1.45 0 01.515-1.111l5.09-4.364a1.45 1.45 0 011.88 0z", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M7.41 20.546v-4a1 1 0 011-1h2a1 1 0 011 1v4", variants: drawVariants, initial: "normal", animate: controls, custom: 2 })] }) }));
+});
+Houses.displayName = 'Houses';
+
+exports.Houses = Houses;
+//# sourceMappingURL=Houses.js.map

package/dist/cjs/icons/h/Houses.js.map

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

package/dist/cjs/icons/i/IceCreamBowl.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const IceCreamBowl = 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 17c5 0 8-2.69 8-6H4c0 3.31 3 6 8 6m-4 4h8m-4-3v3M5.14 11a3.5 3.5 0 1 1 6.71 0", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M12.14 11a3.5 3.5 0 1 1 6.71 0", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15.5 6.5a3.5 3.5 0 1 0-7 0", variants: drawVariants, initial: "normal", animate: controls, custom: 2 })] }) }));
+});
+IceCreamBowl.displayName = 'IceCreamBowl';
+
+exports.IceCreamBowl = IceCreamBowl;
+//# sourceMappingURL=IceCreamBowl.js.map

package/dist/cjs/icons/i/IceCreamBowl.js.map

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

package/dist/cjs/icons/i/IceCreamCone.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 upVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const IceCreamCone = 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: "m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 7A5 5 0 0 0 7 7", variants: upVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4", variants: upVariants, initial: "normal", animate: controls })] }) }));
+});
+IceCreamCone.displayName = 'IceCreamCone';
+
+exports.IceCreamCone = IceCreamCone;
+//# sourceMappingURL=IceCreamCone.js.map

package/dist/cjs/icons/i/IceCreamCone.js.map

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

package/dist/cjs/icons/i/IdCard.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const IdCard = 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: "M13 19a4 4 0 00-8 0", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 10h2", variants: drawVariants, initial: "normal", animate: controls, custom: 2 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M16 14h2", variants: drawVariants, initial: "normal", animate: controls, custom: 2 }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "9", cy: "12", r: "3", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }) }));
+});
+IdCard.displayName = 'IdCard';
+
+exports.IdCard = IdCard;
+//# sourceMappingURL=IdCard.js.map

package/dist/cjs/icons/i/IdCard.js.map

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

package/dist/cjs/icons/i/IdCardLanyard.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 swingVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, 0],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const IdCardLanyard = 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.jsxs(framerMotion.motion.g, { variants: swingVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '0%' }, children: [jsxRuntime.jsx("path", { d: "M13.5 8h-3" }), jsxRuntime.jsx("path", { d: "m15 2-1 2h3a2 2 0 012 2v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6a2 2 0 012-2h3" }), jsxRuntime.jsx("path", { d: "M16 22a4 4 0 00-8 0" }), jsxRuntime.jsx("path", { d: "m9 2 3 6" }), jsxRuntime.jsx("circle", { cx: "12", cy: "15", r: "3" })] }) }) }));
+});
+IdCardLanyard.displayName = 'IdCardLanyard';
+
+exports.IdCardLanyard = IdCardLanyard;
+//# sourceMappingURL=IdCardLanyard.js.map

package/dist/cjs/icons/i/IdCardLanyard.js.map

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

package/dist/cjs/icons/i/Image.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 popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const Image = 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("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "9", cy: "9", r: "2", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+Image.displayName = 'Image';
+
+exports.Image = Image;
+//# sourceMappingURL=Image.js.map

package/dist/cjs/icons/i/Image.js.map

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

package/dist/cjs/icons/i/ImageDown.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 downVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ImageDown = 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.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m14 19 3 3v-5.5", variants: downVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m17 22 3-3", variants: downVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "9", cy: "9", r: "2" })] }) }));
+});
+ImageDown.displayName = 'ImageDown';
+
+exports.ImageDown = ImageDown;
+//# sourceMappingURL=ImageDown.js.map

package/dist/cjs/icons/i/ImageDown.js.map

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

package/dist/cjs/icons/i/ImageMinus.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const ImageMinus = 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: "M21 9v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7" }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "16", x2: "22", y1: "5", y2: "5", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "9", cy: "9", r: "2", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })] }) }));
+});
+ImageMinus.displayName = 'ImageMinus';
+
+exports.ImageMinus = ImageMinus;
+//# sourceMappingURL=ImageMinus.js.map

package/dist/cjs/icons/i/ImageMinus.js.map

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

package/dist/cjs/icons/i/ImageOff.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 slashVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.4, delay: 0.3, ease: 'easeInOut' },
+    },
+};
+const drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const ImageOff = 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: "2", x2: "22", y1: "2", y2: "22", variants: slashVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "13.5", x2: "6", y1: "13.5", y2: "21", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsxRuntime.jsx(framerMotion.motion.line, { x1: "18", x2: "21", y1: "12", y2: "15", variants: drawVariants, initial: "normal", animate: controls, custom: 2 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59", variants: drawVariants, initial: "normal", animate: controls, custom: 3 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M21 15V5a2 2 0 0 0-2-2H9", variants: drawVariants, initial: "normal", animate: controls, custom: 4 })] }) }));
+});
+ImageOff.displayName = 'ImageOff';
+
+exports.ImageOff = ImageOff;
+//# sourceMappingURL=ImageOff.js.map

package/dist/cjs/icons/i/ImageOff.js.map

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

package/dist/cjs/icons/i/ImagePlay.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 popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const ImagePlay = 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 15.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997a1 1 0 0 1-1.517-.86z", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("path", { d: "M21 12.17V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6" }), jsxRuntime.jsx("path", { d: "m6 21 5-5" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "9", cy: "9", r: "2", variants: popVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+ImagePlay.displayName = 'ImagePlay';
+
+exports.ImagePlay = ImagePlay;
+//# sourceMappingURL=ImagePlay.js.map

package/dist/cjs/icons/i/ImagePlay.js.map

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

package/dist/cjs/icons/i/ImagePlus.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 popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const ImagePlus = 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 5h6", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 2v6", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("path", { d: "M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5" }), jsxRuntime.jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "9", cy: "9", r: "2", variants: popVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+ImagePlus.displayName = 'ImagePlus';
+
+exports.ImagePlus = ImagePlus;
+//# sourceMappingURL=ImagePlus.js.map

package/dist/cjs/icons/i/ImagePlus.js.map

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

package/dist/cjs/icons/i/ImageUp.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 upVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const ImageUp = 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.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m14 19.5 3-3 3 3", variants: upVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M17 22v-5.5", variants: upVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("circle", { cx: "9", cy: "9", r: "2" })] }) }));
+});
+ImageUp.displayName = 'ImageUp';
+
+exports.ImageUp = ImageUp;
+//# sourceMappingURL=ImageUp.js.map

package/dist/cjs/icons/i/ImageUp.js.map

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

package/dist/cjs/icons/i/ImageUpscale.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 nudgeVariants = {
+    normal: { x: 0, y: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1, 0],
+        y: [0, -1, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const squareVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.1, 1],
+        transition: { duration: 0.45, ease: 'easeInOut' },
+    },
+};
+const ImageUpscale = 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 3h5v5", variants: nudgeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M17 21h2a2 2 0 0 0 2-2" }), jsxRuntime.jsx("path", { d: "M21 12v3" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m21 3-5 5", variants: nudgeVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2" }), jsxRuntime.jsxs(framerMotion.motion.g, { variants: squareVariants, initial: "normal", animate: controls, style: { originX: '50%', originY: '50%' }, children: [jsxRuntime.jsx("path", { d: "m5 21 4.144-4.144a1.21 1.21 0 0 1 1.712 0L13 19" }), jsxRuntime.jsx("rect", { x: "3", y: "11", width: "10", height: "10", rx: "1" })] }), jsxRuntime.jsx("path", { d: "M9 3h3" })] }) }));
+});
+ImageUpscale.displayName = 'ImageUpscale';
+
+exports.ImageUpscale = ImageUpscale;
+//# sourceMappingURL=ImageUpscale.js.map

package/dist/cjs/icons/i/ImageUpscale.js.map

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

package/dist/cjs/icons/i/Images.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 drawVariants = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.5, delay: i * 0.1, ease: 'easeInOut' },
+    }),
+};
+const popVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: (i) => ({
+        scale: [1, 1.35, 1],
+        transition: { duration: 0.4, delay: i * 0.08, ease: 'easeInOut' },
+    }),
+};
+const Images = 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: "m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("path", { d: "M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2" }), jsxRuntime.jsx(framerMotion.motion.circle, { cx: "13", cy: "7", r: "1", fill: "currentColor", variants: popVariants, initial: "normal", animate: controls, custom: 0 }), jsxRuntime.jsx("rect", { x: "8", y: "2", width: "14", height: "14", rx: "2" })] }) }));
+});
+Images.displayName = 'Images';
+
+exports.Images = Images;
+//# sourceMappingURL=Images.js.map

package/dist/cjs/icons/i/Images.js.map

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

package/dist/cjs/icons/i/Import.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 downVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const Import = 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 3v12", variants: downVariants, initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m8 11 4 4 4-4", variants: downVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M8 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-4" })] }) }));
+});
+Import.displayName = 'Import';
+
+exports.Import = Import;
+//# sourceMappingURL=Import.js.map

package/dist/cjs/icons/i/Import.js.map

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

package/dist/cjs/icons/i/Inbox.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 downVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 2, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const Inbox = 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.polyline, { points: "22 12 16 12 14 15 10 15 8 12 2 12", variants: downVariants, initial: "normal", animate: controls }), jsxRuntime.jsx("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })] }) }));
+});
+Inbox.displayName = 'Inbox';
+
+exports.Inbox = Inbox;
+//# sourceMappingURL=Inbox.js.map

package/dist/cjs/icons/i/Inbox.js.map

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