aliveicon 1.2.1 → 1.3.0

package/dist/esm/icons/h/Hd.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Hd = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M10 12H6", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "M10 15V9", variants: drawVariants, initial: "normal", animate: controls, custom: 2 }), jsx(motion.path, { d: "M14 14.5a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-1A2.5 2.5 0 0 0 15.5 9h-1a.5.5 0 0 0-.5.5z", variants: drawVariants, initial: "normal", animate: controls, custom: 3 }), jsx(motion.path, { d: "M6 15V9", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" })] }) }));
+});
+Hd.displayName = 'Hd';
+
+export { Hd };
+//# sourceMappingURL=Hd.js.map

package/dist/esm/icons/h/Hd.js.map

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

package/dist/esm/icons/h/HdmiPort.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 HdmiPort = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M22 9a1 1 0 00-1-1H3a1 1 0 00-1 1v4a1 1 0 001 1h.5a2 2 0 011.6.8l.3.4A2 2 0 007 16h10a2 2 0 001.6-.8l.3-.4a2 2 0 011.6-.8h.5a1 1 0 001-1z", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M8 12h8", variants: drawVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+HdmiPort.displayName = 'HdmiPort';
+
+export { HdmiPort };
+//# sourceMappingURL=HdmiPort.js.map

package/dist/esm/icons/h/HdmiPort.js.map

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

package/dist/esm/icons/h/Heading.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M6 12h12", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M6 20V4", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "M18 20V4", variants: drawVariants, initial: "normal", animate: controls, custom: 2 })] }) }));
+});
+Heading.displayName = 'Heading';
+
+export { Heading };
+//# sourceMappingURL=Heading.js.map

package/dist/esm/icons/h/Heading.js.map

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

package/dist/esm/icons/h/Heading1.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading1 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" }), jsx("path", { d: "M12 18V6" }), jsx(motion.path, { d: "m17 12 3-2v8", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+Heading1.displayName = 'Heading1';
+
+export { Heading1 };
+//# sourceMappingURL=Heading1.js.map

package/dist/esm/icons/h/Heading1.js.map

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

package/dist/esm/icons/h/Heading2.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading2 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" }), jsx("path", { d: "M12 18V6" }), jsx(motion.path, { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+Heading2.displayName = 'Heading2';
+
+export { Heading2 };
+//# sourceMappingURL=Heading2.js.map

package/dist/esm/icons/h/Heading2.js.map

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

package/dist/esm/icons/h/Heading3.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading3 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" }), jsx("path", { d: "M12 18V6" }), jsx(motion.path, { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", variants: drawVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+Heading3.displayName = 'Heading3';
+
+export { Heading3 };
+//# sourceMappingURL=Heading3.js.map

package/dist/esm/icons/h/Heading3.js.map

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

package/dist/esm/icons/h/Heading4.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading4 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M12 18V6" }), jsx(motion.path, { d: "M17 10v3a1 1 0 0 0 1 1h3", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M21 10v8", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" })] }) }));
+});
+Heading4.displayName = 'Heading4';
+
+export { Heading4 };
+//# sourceMappingURL=Heading4.js.map

package/dist/esm/icons/h/Heading4.js.map

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

package/dist/esm/icons/h/Heading5.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading5 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" }), jsx("path", { d: "M12 18V6" }), jsx(motion.path, { d: "M17 13v-3h4", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17", variants: drawVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+Heading5.displayName = 'Heading5';
+
+export { Heading5 };
+//# sourceMappingURL=Heading5.js.map

package/dist/esm/icons/h/Heading5.js.map

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

package/dist/esm/icons/h/Heading6.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 Heading6 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx("path", { d: "M4 12h8" }), jsx("path", { d: "M4 18V6" }), jsx("path", { d: "M12 18V6" }), jsx(motion.circle, { cx: "19", cy: "16", r: "2", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "M20 10c-2 2-3 3.5-3 6", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+Heading6.displayName = 'Heading6';
+
+export { Heading6 };
+//# sourceMappingURL=Heading6.js.map

package/dist/esm/icons/h/Heading6.js.map

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

package/dist/esm/icons/h/HeadphoneOff.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 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 HeadphoneOff = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M21 14h-1.343", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M9.128 3.47A9 9 0 0 1 21 12v3.343", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "m2 2 20 20", variants: slashVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20.414 20.414A2 2 0 0 1 19 21h-1a2 2 0 0 1-2-2v-3", variants: drawVariants, initial: "normal", animate: controls, custom: 2 }), jsx(motion.path, { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 2.636-6.364", variants: drawVariants, initial: "normal", animate: controls, custom: 3 })] }) }));
+});
+HeadphoneOff.displayName = 'HeadphoneOff';
+
+export { HeadphoneOff };
+//# sourceMappingURL=HeadphoneOff.js.map

package/dist/esm/icons/h/HeadphoneOff.js.map

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

package/dist/esm/icons/h/Headphones.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const bobVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0, -0.8, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const Headphones = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: jsx(motion.path, { d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3", variants: bobVariants, initial: "normal", animate: controls }) }) }));
+});
+Headphones.displayName = 'Headphones';
+
+export { Headphones };
+//# sourceMappingURL=Headphones.js.map

package/dist/esm/icons/h/Headphones.js.map

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

package/dist/esm/icons/h/Headset.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const bobVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0, -0.8, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const Headset = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z", variants: bobVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M21 16v2a4 4 0 0 1-4 4h-5", variants: bobVariants, initial: "normal", animate: controls })] }) }));
+});
+Headset.displayName = 'Headset';
+
+export { Headset };
+//# sourceMappingURL=Headset.js.map

package/dist/esm/icons/h/Headset.js.map

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

package/dist/esm/icons/h/Heart.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const Heart = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: jsx(motion.path, { d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5", variants: beatVariants, initial: "normal", animate: controls }) }) }));
+});
+Heart.displayName = 'Heart';
+
+export { Heart };
+//# sourceMappingURL=Heart.js.map

package/dist/esm/icons/h/Heart.js.map

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

package/dist/esm/icons/h/HeartCrack.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const HeartCrack = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M12.409 5.824c-.702.792-1.15 1.496-1.415 2.166l2.153 2.156a.5.5 0 0 1 0 .707l-2.293 2.293a.5.5 0 0 0 0 .707L12 15", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M13.508 20.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.677.6.6 0 0 0 .818.001A5.5 5.5 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5z", variants: beatVariants, initial: "normal", animate: controls })] }) }));
+});
+HeartCrack.displayName = 'HeartCrack';
+
+export { HeartCrack };
+//# sourceMappingURL=HeartCrack.js.map

package/dist/esm/icons/h/HeartCrack.js.map

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

package/dist/esm/icons/h/HeartHandshake.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const HeartHandshake = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsx("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: jsx(motion.path, { d: "M19.414 14.414C21 12.828 22 11.5 22 9.5a5.5 5.5 0 0 0-9.591-3.676.6.6 0 0 1-.818.001A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.535 5.362a2 2 0 0 0 2.879.052 2.12 2.12 0 0 0-.004-3 2.124 2.124 0 1 0 3-3 2.124 2.124 0 0 0 3.004 0 2 2 0 0 0 0-2.828l-1.881-1.882a2.41 2.41 0 0 0-3.409 0l-1.71 1.71a2 2 0 0 1-2.828 0 2 2 0 0 1 0-2.828l2.823-2.762", variants: beatVariants, initial: "normal", animate: controls }) }) }));
+});
+HeartHandshake.displayName = 'HeartHandshake';
+
+export { HeartHandshake };
+//# sourceMappingURL=HeartHandshake.js.map

package/dist/esm/icons/h/HeartHandshake.js.map

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

package/dist/esm/icons/h/HeartMinus.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, 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 HeartMinus = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "m14.876 18.99-1.368 1.323a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.244 1.572", variants: beatVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 15h6", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+HeartMinus.displayName = 'HeartMinus';
+
+export { HeartMinus };
+//# sourceMappingURL=HeartMinus.js.map

package/dist/esm/icons/h/HeartMinus.js.map

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

package/dist/esm/icons/h/HeartOff.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const drawVariants = {
+    normal: { pathLength: 1, 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 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 HeartOff = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M10.5 4.893a5.5 5.5 0 0 1 1.091.931.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 1.872-1.002 3.356-2.187 4.655", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "m16.967 16.967-3.459 3.346a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 2.747-4.761", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "m2 2 20 20", variants: slashVariants, initial: "normal", animate: controls })] }) }));
+});
+HeartOff.displayName = 'HeartOff';
+
+export { HeartOff };
+//# sourceMappingURL=HeartOff.js.map

package/dist/esm/icons/h/HeartOff.js.map

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

package/dist/esm/icons/h/HeartPlus.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, 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 HeartPlus = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49", variants: beatVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 15h6", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M18 12v6", variants: drawVariants, initial: "normal", animate: controls, custom: 1 })] }) }));
+});
+HeartPlus.displayName = 'HeartPlus';
+
+export { HeartPlus };
+//# sourceMappingURL=HeartPlus.js.map

package/dist/esm/icons/h/HeartPlus.js.map

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

package/dist/esm/icons/h/HeartPulse.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, 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 HeartPulse = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5", variants: beatVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27", variants: drawVariants, initial: "normal", animate: controls, custom: 0 })] }) }));
+});
+HeartPulse.displayName = 'HeartPulse';
+
+export { HeartPulse };
+//# sourceMappingURL=HeartPulse.js.map

package/dist/esm/icons/h/HeartPulse.js.map

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

package/dist/esm/icons/h/HeartX.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const 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 beatVariants = {
+    normal: { scale: 1, transition: { duration: 0.2 } },
+    animate: {
+        scale: [1, 1.2, 1, 1.12, 1],
+        transition: { duration: 0.7, ease: 'easeInOut' },
+    },
+};
+const HeartX = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsx(motion.path, { d: "m15.5 12.5 5 5", variants: drawVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "m20.5 12.5-5 5", variants: drawVariants, initial: "normal", animate: controls, custom: 1 }), jsx(motion.path, { d: "M21.955 8.774a5.5 5.5 0 0 0-9.546-2.95.6.6 0 0 1-.818 0A5.5 5.5 0 0 0 2 9.5c0 2.3 1.5 4 3 5.5l5.508 5.332a2 2 0 0 0 2.57.352", variants: beatVariants, initial: "normal", animate: controls })] }) }));
+});
+HeartX.displayName = 'HeartX';
+
+export { HeartX };
+//# sourceMappingURL=HeartX.js.map

package/dist/esm/icons/h/HeartX.js.map

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