aliveicon 1.0.24 → 1.0.26

package/dist/esm/index.js

@@ -2960,7 +2960,7 @@ const getDefaultConfig = () => {
 };
 const twMerge = /*#__PURE__*/createTailwindMerge(getDefaultConfig);
 
-function cn$p(...inputs) {
+function cn$11(...inputs) {
     return twMerge(clsx(inputs));
 }
 const squareVariants$1 = {
@@ -2975,7 +2975,7 @@ const squareVariants$1 = {
         transition: { duration: 0.6, ease: 'easeInOut' },
     },
 };
-const pathVariants$k = {
+const pathVariants$C = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3028,15 +3028,15 @@ function SquareActivity({ size = 28, className, style, autoAnimateOnLoad = false
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$p('rounded-md', className), style: {
+    return (jsx("div", { className: cn$11('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", variants: squareVariants$1, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 12h-2l-2 5-2-10-2 5H7", variants: pathVariants$k, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", variants: squareVariants$1, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 12h-2l-2 5-2-10-2 5H7", variants: pathVariants$C, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
 }
 
-function cn$o(...inputs) {
+function cn$10(...inputs) {
     return twMerge(clsx(inputs));
 }
 const bounceVariant$1 = {
@@ -3057,7 +3057,7 @@ const bounceVariant$1 = {
         },
     },
 };
-const lineVariants$1 = {
+const lineVariants$4 = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3092,7 +3092,7 @@ const bouncePathVariants$1 = {
         },
     }),
 };
-function ArrowDown({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, isBounce = false, onMouseEnter, onMouseLeave, onClick, ...props }) {
+function AArrowDown({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, isBounce = false, onMouseEnter, onMouseLeave, onClick, ...props }) {
     const controls = useAnimation();
     const loopRef = useRef(loopOnHover);
     const triggerAnimation = useCallback(async () => {
@@ -3129,14 +3129,14 @@ function ArrowDown({ size = 28, className, style, autoAnimateOnLoad = false, hov
         "M18 7v9",
         "m14 12 4 4 4-4",
     ];
-    return (jsx("div", { className: cn$o('inline-block', className), style: {
+    return (jsx("div", { className: cn$10('inline-block', className), style: {
             width: size,
             height: size,
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx(motion.svg, { 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%", variants: isBounce ? bounceVariant$1 : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsx(motion.path, { d: d, variants: isBounce ? bouncePathVariants$1 : lineVariants$1, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx(motion.svg, { 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%", variants: isBounce ? bounceVariant$1 : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsx(motion.path, { d: d, variants: isBounce ? bouncePathVariants$1 : lineVariants$4, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
 }
 
-function cn$n(...inputs) {
+function cn$$(...inputs) {
     return twMerge(clsx(inputs));
 }
 const bounceVariant = {
@@ -3157,7 +3157,7 @@ const bounceVariant = {
         },
     },
 };
-const lineVariants = {
+const lineVariants$3 = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3192,7 +3192,7 @@ const bouncePathVariants = {
         },
     }),
 };
-function ArrowUp({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, isBounce = false, onMouseEnter, onMouseLeave, onClick, ...props }) {
+function AArrowUp({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, isBounce = false, onMouseEnter, onMouseLeave, onClick, ...props }) {
     const controls = useAnimation();
     const loopRef = useRef(loopOnHover);
     const triggerAnimation = useCallback(async () => {
@@ -3229,17 +3229,17 @@ function ArrowUp({ size = 28, className, style, autoAnimateOnLoad = false, hover
         "M18 16V7", // arrow line, now reversed (was 7→16, now 16→7)
         "m22 12-4-4-4 4", // arrow head pointing upward
     ];
-    return (jsx("div", { className: cn$n('inline-block', className), style: {
+    return (jsx("div", { className: cn$$('inline-block', className), style: {
             width: size,
             height: size,
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx(motion.svg, { 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%", variants: isBounce ? bounceVariant : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsx(motion.path, { d: d, variants: isBounce ? bouncePathVariants : lineVariants, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx(motion.svg, { 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%", variants: isBounce ? bounceVariant : undefined, animate: isBounce ? controls : undefined, initial: isBounce ? 'normal' : undefined, children: paths.map((d, i) => (jsx(motion.path, { d: d, variants: isBounce ? bouncePathVariants : lineVariants$3, initial: isBounce ? 'hidden' : 'normal', animate: isBounce ? 'visible' : controls, custom: i }, i))) }) }));
 }
 
-function cn$m(...inputs) {
+function cn$_(...inputs) {
     return twMerge(clsx(inputs));
 }
-const circleVariants = {
+const circleVariants$1 = {
     normal: {
         scale: 1,
         opacity: 1,
@@ -3255,7 +3255,7 @@ const circleVariants = {
         },
     },
 };
-const pathVariants$j = {
+const pathVariants$B = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3307,18 +3307,18 @@ function AccessibilityActivity({ size = 28, className, style, autoAnimateOnLoad
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$m('rounded-md', className), style: {
+    return (jsx("div", { className: cn$_('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.circle, { cx: "16", cy: "4", r: "1", variants: circleVariants, animate: controls, initial: "normal" }), jsx(motion.path, { d: "m18 19 1-7-6 1", variants: pathVariants$j, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "m5 8 3-3 5.5 3-2.36 3.5", variants: pathVariants$j, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "M4.24 14.5a5 5 0 0 0 6.88 6", variants: pathVariants$j, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "M13.76 17.5a5 5 0 0 0-6.88-6", variants: pathVariants$j, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.circle, { cx: "16", cy: "4", r: "1", variants: circleVariants$1, animate: controls, initial: "normal" }), jsx(motion.path, { d: "m18 19 1-7-6 1", variants: pathVariants$B, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "m5 8 3-3 5.5 3-2.36 3.5", variants: pathVariants$B, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "M4.24 14.5a5 5 0 0 0 6.88 6", variants: pathVariants$B, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }), jsx(motion.path, { d: "M13.76 17.5a5 5 0 0 0-6.88-6", variants: pathVariants$B, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
 }
 
-function cn$l(...inputs) {
+function cn$Z(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$i = {
+const pathVariants$A = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3371,15 +3371,15 @@ function Activity({ size = 28, className, style, autoAnimateOnLoad = false, hove
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$l('rounded-md', className), style: {
+    return (jsx("div", { className: cn$Z('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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: "M17 12h-2l-2 5-2-10-2 5H7", variants: pathVariants$i, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }) }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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: "M17 12h-2l-2 5-2-10-2 5H7", variants: pathVariants$A, animate: controls, initial: "normal", style: { strokeDasharray: 1 } }) }) }));
 }
 
-function cn$k(...inputs) {
+function cn$Y(...inputs) {
     return twMerge(clsx(inputs));
 }
 const windVariants = {
@@ -3430,11 +3430,11 @@ const AirVent = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 28,
             onMouseLeave?.(e);
         }
     }, [controls, onMouseLeave]);
-    return (jsx("div", { className: cn$k(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("path", { d: "M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }), jsx(motion.path, { d: "M6 8h12", variants: windVariants, initial: "normal", animate: controls, custom: 0.1 }), jsx(motion.path, { d: "M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12", variants: windVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M6.6 15.6A2 2 0 1 0 10 17v-5", variants: windVariants, initial: "normal", animate: controls, custom: 0.2 })] }) }));
+    return (jsx("div", { className: cn$Y(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("path", { d: "M6 12H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" }), jsx(motion.path, { d: "M6 8h12", variants: windVariants, initial: "normal", animate: controls, custom: 0.1 }), jsx(motion.path, { d: "M18.3 17.7a2.5 2.5 0 0 1-3.16 3.83 2.53 2.53 0 0 1-1.14-2V12", variants: windVariants, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M6.6 15.6A2 2 0 1 0 10 17v-5", variants: windVariants, initial: "normal", animate: controls, custom: 0.2 })] }) }));
 });
 AirVent.displayName = 'AirVent';
 
-function cn$j(...inputs) {
+function cn$X(...inputs) {
     return twMerge(clsx(inputs));
 }
 const screenVariants = {
@@ -3502,7 +3502,7 @@ function Airplay({ size = 28, className, style, autoAnimateOnLoad = false, hover
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$j(className), style: {
+    return (jsx("div", { className: cn$X(className), style: {
             width: size,
             height: size,
             display: 'inline-block',
@@ -3510,7 +3510,7 @@ function Airplay({ size = 28, className, style, autoAnimateOnLoad = false, hover
         }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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: "M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1", variants: screenVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 15l5 6H7z", variants: triangleVariants, initial: "normal", animate: controls })] }) }));
 }
 
-function cn$i(...inputs) {
+function cn$W(...inputs) {
     return twMerge(clsx(inputs));
 }
 const squareVariants = {
@@ -3525,7 +3525,7 @@ const squareVariants = {
         transition: { duration: 0.6, ease: 'easeInOut' },
     },
 };
-const pathVariants$h = {
+const pathVariants$z = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -3577,18 +3577,18 @@ const Album = ({ size = 28, className, style, autoAnimateOnLoad = false, hoverab
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$i('rounded-md', className), style: {
+    return (jsx("div", { className: cn$W('rounded-md', className), style: {
             width: size,
             height: size,
             display: 'inline-block',
             ...style,
-        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", variants: squareVariants, animate: controls, initial: "normal" }), jsx(motion.polyline, { points: "11 3 11 11 14 8 17 11 17 3", variants: pathVariants$h, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", variants: squareVariants, animate: controls, initial: "normal" }), jsx(motion.polyline, { points: "11 3 11 11 14 8 17 11 17 3", variants: pathVariants$z, animate: controls, initial: "normal", style: { strokeDasharray: 1 } })] }) }));
 };
 
-function cn$h(...inputs) {
+function cn$V(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$g = {
+const pathVariants$y = {
     normal: {
         y: 0,
         x: 0,
@@ -3677,14 +3677,14 @@ const AlarmClock = forwardRef(({ className, size = 28, autoAnimateOnLoad = false
                 clearTimeout(timeoutRef.current);
         };
     }, [autoAnimateOnLoad, startOnce]);
-    return (jsx("div", { className: cn$h(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.path, { variants: pathVariants$g, initial: "normal", animate: controls, d: "M18 20.5L19.5 22" }), jsx(motion.path, { variants: pathVariants$g, initial: "normal", animate: controls, d: "M6 20.5L4.5 22" }), jsx(motion.path, { variants: pathVariants$g, initial: "normal", animate: controls, d: "M21 13C21 17.968 16.968 22 12 22C7.032 22 3 17.968 3 13C3 8.032 7.032 4 12 4C16.968 4 21 8.032 21 13Z" }), jsx(motion.path, { variants: pathVariants$g, initial: "normal", animate: controls, d: "M15.339 15.862L12.549 14.197C12.063 13.909 11.667 13.216 11.667 12.649V8.95898" }), jsx(motion.path, { variants: secondaryPathVariants$3, initial: "normal", animate: controls, d: "M18 2L21.747 5.31064" }), jsx(motion.path, { variants: secondaryPathVariants$3, initial: "normal", animate: controls, d: "M6 2L2.25304 5.31064" })] }) }));
+    return (jsx("div", { className: cn$V(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.path, { variants: pathVariants$y, initial: "normal", animate: controls, d: "M18 20.5L19.5 22" }), jsx(motion.path, { variants: pathVariants$y, initial: "normal", animate: controls, d: "M6 20.5L4.5 22" }), jsx(motion.path, { variants: pathVariants$y, initial: "normal", animate: controls, d: "M21 13C21 17.968 16.968 22 12 22C7.032 22 3 17.968 3 13C3 8.032 7.032 4 12 4C16.968 4 21 8.032 21 13Z" }), jsx(motion.path, { variants: pathVariants$y, initial: "normal", animate: controls, d: "M15.339 15.862L12.549 14.197C12.063 13.909 11.667 13.216 11.667 12.649V8.95898" }), jsx(motion.path, { variants: secondaryPathVariants$3, initial: "normal", animate: controls, d: "M18 2L21.747 5.31064" }), jsx(motion.path, { variants: secondaryPathVariants$3, initial: "normal", animate: controls, d: "M6 2L2.25304 5.31064" })] }) }));
 });
 AlarmClock.displayName = 'AlarmClock';
 
-function cn$g(...inputs) {
+function cn$U(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$f = {
+const pathVariants$x = {
     normal: {
         y: 0,
         x: 0,
@@ -3771,14 +3771,14 @@ const AlarmClockCheck = forwardRef(({ className, size = 28, autoAnimateOnLoad =
                 clearTimeout(timeoutRef.current);
         };
     }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsx("div", { className: cn$g(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$f, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants$2, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants$2, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$f, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$f, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.path, { variants: pathVariants$f, initial: "normal", animate: controls, d: "m9 13 2 2 4-4" })] }) }));
+    return (jsx("div", { className: cn$U(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$x, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants$2, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants$2, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$x, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$x, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.path, { variants: pathVariants$x, initial: "normal", animate: controls, d: "m9 13 2 2 4-4" })] }) }));
 });
 AlarmClockCheck.displayName = 'AlarmClockCheck';
 
-function cn$f(...inputs) {
+function cn$T(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$e = {
+const pathVariants$w = {
     normal: {
         y: 0,
         x: 0,
@@ -3865,14 +3865,14 @@ const AlarmClockMinus = forwardRef(({ className, size = 28, autoAnimateOnLoad =
                 clearTimeout(timeoutRef.current);
         };
     }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsx("div", { className: cn$f(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$e, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants$1, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants$1, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$e, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$e, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.line, { variants: pathVariants$e, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" })] }) }));
+    return (jsx("div", { className: cn$T(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$w, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants$1, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants$1, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$w, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$w, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.line, { variants: pathVariants$w, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" })] }) }));
 });
 AlarmClockMinus.displayName = 'AlarmClockMinus';
 
-function cn$e(...inputs) {
+function cn$S(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$d = {
+const pathVariants$v = {
     normal: {
         y: 0,
         x: 0,
@@ -3959,11 +3959,11 @@ const AlarmClockPlus = forwardRef(({ className, size = 28, autoAnimateOnLoad = f
                 clearTimeout(timeoutRef.current);
         };
     }, [autoAnimateOnLoad, startTimedAnimation]);
-    return (jsx("div", { className: cn$e(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$d, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$d, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$d, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.line, { variants: pathVariants$d, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" }), jsx(motion.line, { variants: pathVariants$d, initial: "normal", animate: controls, y1: "10", x1: "12", y2: "16", x2: "12" })] }) }));
+    return (jsx("div", { className: cn$S(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { overflow: 'visible' }, children: [jsx(motion.circle, { variants: pathVariants$v, initial: "normal", animate: controls, cx: "12", cy: "13", r: "8" }), jsx(motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "M5 3 2 6" }), jsx(motion.path, { variants: secondaryPathVariants, initial: "normal", animate: controls, d: "m22 6-3-3" }), jsx(motion.path, { variants: pathVariants$v, initial: "normal", animate: controls, d: "M6.38 18.7 4 21" }), jsx(motion.path, { variants: pathVariants$v, initial: "normal", animate: controls, d: "M17.64 18.67 20 21" }), jsx(motion.line, { variants: pathVariants$v, initial: "normal", animate: controls, x1: "9", y1: "13", x2: "15", y2: "13" }), jsx(motion.line, { variants: pathVariants$v, initial: "normal", animate: controls, y1: "10", x1: "12", y2: "16", x2: "12" })] }) }));
 });
 AlarmClockPlus.displayName = 'AlarmClockPlus';
 
-function cn$d(...inputs) {
+function cn$R(...inputs) {
     return twMerge(clsx(inputs));
 }
 const pathMotion = {
@@ -4021,14 +4021,14 @@ const AlignCenter = React.forwardRef(({ size = 28, className, style, onMouseEnte
         }
         onClick?.(e);
     }, [triggerAnimation, onClick, animateOnClick]);
-    return (jsx("div", { className: cn$d("inline-block", className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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: "M17 12H7", variants: pathMotion, initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 18H5", animate: controls, initial: "normal" }), jsx(motion.path, { d: "M21 6H3", animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$R("inline-block", className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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: "M17 12H7", variants: pathMotion, initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 18H5", animate: controls, initial: "normal" }), jsx(motion.path, { d: "M21 6H3", animate: controls, initial: "normal" })] }) }));
 });
 AlignCenter.displayName = "AlignCenter";
 
-function cn$c(...inputs) {
+function cn$Q(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$c = {
+const pathVariants$u = {
     normal: {
         pathLength: 1,
         pathOffset: 0,
@@ -4086,14 +4086,14 @@ const AlignCenterHorizontal = forwardRef(({ size = 28, className, style, autoAni
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$c('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 12h20", variants: pathVariants$c, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4", variants: pathVariants$c, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4", variants: pathVariants$c, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1", variants: pathVariants$c, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1", variants: pathVariants$c, animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$Q('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 12h20", variants: pathVariants$u, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4", variants: pathVariants$u, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4", variants: pathVariants$u, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1", variants: pathVariants$u, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1", variants: pathVariants$u, animate: controls, initial: "normal" })] }) }));
 });
 AlignCenterHorizontal.displayName = 'AlignCenterHorizontal';
 
-function cn$b(...inputs) {
+function cn$P(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$b = {
+const pathVariants$t = {
     normal: {
         pathLength: 1,
         pathOffset: 0,
@@ -4149,14 +4149,14 @@ const AlignCenterVertical = forwardRef(({ size = 28, className, style, autoAnima
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$b('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 2v20", variants: pathVariants$b, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4", variants: pathVariants$b, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4", variants: pathVariants$b, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1", variants: pathVariants$b, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1", variants: pathVariants$b, animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$P('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 2v20", variants: pathVariants$t, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4", variants: pathVariants$t, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4", variants: pathVariants$t, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1", variants: pathVariants$t, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1", variants: pathVariants$t, animate: controls, initial: "normal" })] }) }));
 });
 AlignCenterVertical.displayName = 'AlignCenterVertical';
 
-function cn$a(...inputs) {
+function cn$O(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$a = {
+const pathVariants$s = {
     normal: {
         pathLength: 1,
         pathOffset: 0,
@@ -4212,14 +4212,14 @@ const AlignEndHorizontal = forwardRef(({ size = 28, className, style, autoAnimat
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$a('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "6", height: "16", x: "4", y: "2", rx: "2", variants: pathVariants$a, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "9", x: "14", y: "9", rx: "2", variants: pathVariants$a, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 22H2", variants: pathVariants$a, animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$O('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "6", height: "16", x: "4", y: "2", rx: "2", variants: pathVariants$s, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "9", x: "14", y: "9", rx: "2", variants: pathVariants$s, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 22H2", variants: pathVariants$s, animate: controls, initial: "normal" })] }) }));
 });
 AlignEndHorizontal.displayName = 'AlignEndHorizontal';
 
-function cn$9(...inputs) {
+function cn$N(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$9 = {
+const pathVariants$r = {
     normal: {
         pathLength: 1,
         pathOffset: 0,
@@ -4275,14 +4275,14 @@ const AlignEndVertical = forwardRef(({ size = 28, className, style, autoAnimateO
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$9('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "16", height: "6", x: "2", y: "4", rx: "2", variants: pathVariants$9, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "9", height: "6", x: "9", y: "14", rx: "2", variants: pathVariants$9, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 22V2", variants: pathVariants$9, animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$N('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "16", height: "6", x: "2", y: "4", rx: "2", variants: pathVariants$r, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "9", height: "6", x: "9", y: "14", rx: "2", variants: pathVariants$r, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 22V2", variants: pathVariants$r, animate: controls, initial: "normal" })] }) }));
 });
 AlignEndVertical.displayName = 'AlignEndVertical';
 
-function cn$8(...inputs) {
+function cn$M(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$8 = {
+const pathVariants$q = {
     normal: {
         pathLength: 1,
         pathOffset: 0,
@@ -4338,14 +4338,14 @@ const AlignHorizontalDistributeCenter = forwardRef(({ size = 28, className, styl
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$8('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 22v-5", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 7V2", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 22v-3", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 5V2", variants: pathVariants$8, animate: controls, initial: "normal" })] }) }));
+    return (jsx("div", { className: cn$M('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$q, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$q, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 22v-5", variants: pathVariants$q, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 7V2", variants: pathVariants$q, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 22v-3", variants: pathVariants$q, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 5V2", variants: pathVariants$q, animate: controls, initial: "normal" })] }) }));
 });
 AlignHorizontalDistributeCenter.displayName = 'AlignHorizontalDistributeCenter';
 
-function cn$7(...inputs) {
+function cn$L(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$7 = {
+const pathVariants$p = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4401,14 +4401,14 @@ const AlignHorizontalDistributeEnd = forwardRef(({ size = 28, className, style,
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$7('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M10 2v20", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 2v20", variants: pathVariants$7, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$L('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$p, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$p, initial: "normal", animate: controls }), jsx(motion.path, { d: "M10 2v20", variants: pathVariants$p, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 2v20", variants: pathVariants$p, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalDistributeEnd.displayName = 'AlignHorizontalDistributeEnd';
 
-function cn$6(...inputs) {
+function cn$K(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$6 = {
+const pathVariants$o = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4464,14 +4464,14 @@ const AlignHorizontalDistributeStart = forwardRef(({ size = 28, className, style
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$6('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$6, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$6, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 2v20", variants: pathVariants$6, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 2v20", variants: pathVariants$6, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$K('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "4", y: "5", rx: "2", variants: pathVariants$o, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "14", y: "7", rx: "2", variants: pathVariants$o, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 2v20", variants: pathVariants$o, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 2v20", variants: pathVariants$o, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalDistributeStart.displayName = 'AlignHorizontalDistributeStart';
 
-function cn$5(...inputs) {
+function cn$J(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$5 = {
+const pathVariants$n = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4527,14 +4527,14 @@ const AlignHorizontalJustifyCenter = forwardRef(({ size = 28, className, style,
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$5('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "2", y: "5", rx: "2", variants: pathVariants$5, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "16", y: "7", rx: "2", variants: pathVariants$5, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 2v20", variants: pathVariants$5, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$J('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "2", y: "5", rx: "2", variants: pathVariants$n, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "16", y: "7", rx: "2", variants: pathVariants$n, initial: "normal", animate: controls }), jsx(motion.path, { d: "M12 2v20", variants: pathVariants$n, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalJustifyCenter.displayName = 'AlignHorizontalJustifyCenter';
 
-function cn$4(...inputs) {
+function cn$I(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$4 = {
+const pathVariants$m = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4590,14 +4590,14 @@ const AlignHorizontalJustifyEnd = forwardRef(({ size = 28, className, style, aut
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$4('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "2", y: "5", rx: "2", variants: pathVariants$4, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "12", y: "7", rx: "2", variants: pathVariants$4, initial: "normal", animate: controls }), jsx(motion.path, { d: "M22 2v20", variants: pathVariants$4, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$I('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "2", y: "5", rx: "2", variants: pathVariants$m, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "12", y: "7", rx: "2", variants: pathVariants$m, initial: "normal", animate: controls }), jsx(motion.path, { d: "M22 2v20", variants: pathVariants$m, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalJustifyEnd.displayName = 'AlignHorizontalJustifyEnd';
 
-function cn$3(...inputs) {
+function cn$H(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$3 = {
+const pathVariants$l = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4653,14 +4653,14 @@ const AlignHorizontalJustifyStart = forwardRef(({ size = 28, className, style, a
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$3('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "6", y: "5", rx: "2", variants: pathVariants$3, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "16", y: "7", rx: "2", variants: pathVariants$3, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 2v20", variants: pathVariants$3, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$H('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "6", y: "5", rx: "2", variants: pathVariants$l, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "16", y: "7", rx: "2", variants: pathVariants$l, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 2v20", variants: pathVariants$l, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalJustifyStart.displayName = 'AlignHorizontalJustifyStart';
 
-function cn$2(...inputs) {
+function cn$G(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$2 = {
+const pathVariants$k = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4716,14 +4716,14 @@ const AlignHorizontalSpaceAround = forwardRef(({ size = 28, className, style, au
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$2('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "10", x: "9", y: "7", rx: "2", variants: pathVariants$2, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 22V2", variants: pathVariants$2, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 22V2", variants: pathVariants$2, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$G('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "10", x: "9", y: "7", rx: "2", variants: pathVariants$k, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 22V2", variants: pathVariants$k, initial: "normal", animate: controls }), jsx(motion.path, { d: "M20 22V2", variants: pathVariants$k, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalSpaceAround.displayName = 'AlignHorizontalSpaceAround';
 
-function cn$1(...inputs) {
+function cn$F(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants$1 = {
+const pathVariants$j = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4779,14 +4779,14 @@ const AlignHorizontalSpaceBetween = forwardRef(({ size = 28, className, style, a
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn$1('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "3", y: "5", rx: "2", variants: pathVariants$1, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "15", y: "7", rx: "2", variants: pathVariants$1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 2v20", variants: pathVariants$1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M21 2v20", variants: pathVariants$1, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$F('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "6", height: "14", x: "3", y: "5", rx: "2", variants: pathVariants$j, initial: "normal", animate: controls }), jsx(motion.rect, { width: "6", height: "10", x: "15", y: "7", rx: "2", variants: pathVariants$j, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 2v20", variants: pathVariants$j, initial: "normal", animate: controls }), jsx(motion.path, { d: "M21 2v20", variants: pathVariants$j, initial: "normal", animate: controls })] }) }));
 });
 AlignHorizontalSpaceBetween.displayName = 'AlignHorizontalSpaceBetween';
 
-function cn(...inputs) {
+function cn$E(...inputs) {
     return twMerge(clsx(inputs));
 }
-const pathVariants = {
+const pathVariants$i = {
     normal: {
         opacity: 1,
         pathLength: 1,
@@ -4842,9 +4842,2835 @@ const AlignJustify = forwardRef(({ size = 28, className, style, autoAnimateOnLoa
             triggerAnimation();
         onClick?.(e);
     };
-    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M3 12h18", variants: pathVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 18h18", variants: pathVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 6h18", variants: pathVariants, initial: "normal", animate: controls })] }) }));
+    return (jsx("div", { className: cn$E('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M3 12h18", variants: pathVariants$i, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 18h18", variants: pathVariants$i, initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 6h18", variants: pathVariants$i, initial: "normal", animate: controls })] }) }));
 });
 AlignJustify.displayName = 'AlignJustify';
 
-export { AccessibilityActivity, Activity, AirVent, Airplay, AlarmClock, AlarmClockCheck, AlarmClockMinus, AlarmClockPlus, Album, AlignCenter, AlignCenterHorizontal, AlignCenterVertical, AlignEndHorizontal, AlignEndVertical, AlignHorizontalDistributeCenter, AlignHorizontalDistributeEnd, AlignHorizontalDistributeStart, AlignHorizontalJustifyCenter, AlignHorizontalJustifyEnd, AlignHorizontalJustifyStart, AlignHorizontalSpaceAround, AlignHorizontalSpaceBetween, AlignJustify, ArrowDown, ArrowUp, SquareActivity };
+function cn$D(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$h = {
+    normal: (i) => ({
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+        transition: {
+            duration: 0.4,
+            delay: i * 0.2,
+        },
+    }),
+    animate: (i) => ({
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+            delay: i * 0.2,
+        },
+    }),
+};
+const AlignLeft = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start((i) => pathVariants$h.animate(i));
+        await controls.start((i) => pathVariants$h.normal(i));
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start((i) => pathVariants$h.animate(i)),
+            stopAnimation: () => controls.start((i) => pathVariants$h.normal(i)),
+        };
+    }, [controls]);
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start((i) => pathVariants$h.normal(i));
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$D('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 6H3", variants: pathVariants$h, custom: 0, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M15 12H3", variants: pathVariants$h, custom: 1, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M17 18H3", variants: pathVariants$h, custom: 2, animate: controls, initial: "normal" })] }) }));
+});
+AlignLeft.displayName = 'AlignLeft';
+
+function cn$C(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$g = {
+    normal: (i) => ({
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+        transition: {
+            duration: 0.3,
+            delay: i * 0.16,
+        },
+    }),
+    animate: (i) => ({
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.2,
+            ease: 'easeInOut',
+            delay: i * 0.16
+        },
+    }),
+};
+const AlignRight = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    }, [controls]);
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$C('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 6H21", variants: pathVariants$g, custom: 0, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M9 12H21", variants: pathVariants$g, custom: 1, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 18H21", variants: pathVariants$g, custom: 2, animate: controls, initial: "normal" })] }) }));
+});
+AlignRight.displayName = 'AlignRight';
+
+function cn$B(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$f = {
+    normal: (i) => ({
+        pathLength: 1,
+        opacity: 1,
+        transition: {
+            duration: 0.4,
+            delay: i * 0.3,
+        },
+    }),
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+            delay: i * 0.3,
+        },
+    }),
+};
+const rectVariants$5 = {
+    normal: (i) => ({
+        scaleY: 1,
+        opacity: 1,
+        transition: {
+            duration: 0.3,
+            delay: i * 0.3 + 0.3,
+        },
+    }),
+    animate: (i) => ({
+        scaleY: [0, 1],
+        opacity: [0, 1],
+        originY: 0,
+        transition: {
+            duration: 0.6,
+            ease: 'easeOut',
+            delay: i * 0.4 + 0.1,
+        },
+    }),
+};
+const AlignStartHorizontal = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start((i) => i < 1 ? pathVariants$f.animate(i) : rectVariants$5.animate(i - 1));
+        await controls.start((i) => i < 1 ? pathVariants$f.normal(i) : rectVariants$5.normal(i - 1));
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start((i) => i < 1 ? pathVariants$f.animate(i) : rectVariants$5.animate(i - 1)),
+            stopAnimation: () => controls.start((i) => i < 1 ? pathVariants$f.normal(i) : rectVariants$5.normal(i - 1)),
+        };
+    }, [controls]);
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start((i) => i < 1 ? pathVariants$f.normal(i) : rectVariants$5.normal(i - 1));
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$B('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 2H2", variants: pathVariants$f, custom: 0, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "16", x: "4", y: "6", rx: "2", variants: rectVariants$5, custom: 0, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "6", height: "9", x: "14", y: "6", rx: "2", variants: rectVariants$5, custom: 1, animate: controls, initial: "normal" })] }) }));
+});
+AlignStartHorizontal.displayName = 'AlignStartHorizontal';
+
+function cn$A(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$e = {
+    normal: (i) => ({
+        pathLength: 1,
+        opacity: 1,
+        transition: {
+            duration: 0.4,
+            delay: i * 0.3,
+        },
+    }),
+    animate: (i) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+            delay: i * 0.3,
+        },
+    }),
+};
+const rectVariants$4 = {
+    normal: (i) => ({
+        scaleX: 1,
+        opacity: 1,
+        transition: {
+            duration: 0.3,
+            delay: i * 0.3 + 0.3,
+        },
+    }),
+    animate: (i) => ({
+        scaleX: [0, 1],
+        opacity: [0, 1],
+        originX: 0,
+        transition: {
+            duration: 0.6,
+            ease: 'easeOut',
+            delay: i * 0.4 + 0.1,
+        },
+    }),
+};
+const AlignStartVertical = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start((i) => i < 1 ? pathVariants$e.animate(i) : rectVariants$4.animate(i - 1));
+        await controls.start((i) => i < 1 ? pathVariants$e.normal(i) : rectVariants$4.normal(i - 1));
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start((i) => i < 1 ? pathVariants$e.animate(i) : rectVariants$4.animate(i - 1)),
+            stopAnimation: () => controls.start((i) => i < 1 ? pathVariants$e.normal(i) : rectVariants$4.normal(i - 1)),
+        };
+    }, [controls]);
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start((i) => i < 1 ? pathVariants$e.normal(i) : rectVariants$4.normal(i - 1));
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$A('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 2v20", variants: pathVariants$e, custom: 0, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "16", height: "6", x: "6", y: "4", rx: "2", variants: rectVariants$4, custom: 0, animate: controls, initial: "normal" }), jsx(motion.rect, { width: "9", height: "6", x: "6", y: "14", rx: "2", variants: rectVariants$4, custom: 1, animate: controls, initial: "normal" })] }) }));
+});
+AlignStartVertical.displayName = 'AlignStartVertical';
+
+function cn$z(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$d = {
+    normal: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+        transition: {
+            duration: 0.4,
+        },
+    },
+    animate: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const rectVariants$3 = {
+    normal: {
+        opacity: 1,
+        scale: 1,
+        transition: {
+            duration: 0.4,
+        },
+    },
+    animate: {
+        opacity: [0, 1],
+        scale: [0.8, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const AlignVerticalDistributeCenter = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$z('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 17h-3", variants: pathVariants$d, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 7h-5", variants: pathVariants$d, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M5 17H2", variants: pathVariants$d, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M7 7H2", variants: pathVariants$d, animate: controls, initial: "normal" }), jsx(motion.rect, { x: "5", y: "14", width: "14", height: "6", rx: "2", variants: rectVariants$3, animate: controls, initial: "normal" }), jsx(motion.rect, { x: "7", y: "4", width: "10", height: "6", rx: "2", variants: rectVariants$3, animate: controls, initial: "normal" })] }) }));
+});
+AlignVerticalDistributeCenter.displayName = 'AlignVerticalDistributeCenter';
+
+function cn$y(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$c = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const AlignVerticalDistributeEnd = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$y('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "14", height: "6", x: "5", y: "14", rx: "2", variants: pathVariants$c, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "4", rx: "2", variants: pathVariants$c, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 20h20", variants: pathVariants$c, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 10h20", variants: pathVariants$c, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalDistributeEnd.displayName = 'AlignVerticalDistributeEnd';
+
+function cn$x(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$b = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const AlignVerticalDistributeStart = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$x('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { width: "14", height: "6", x: "5", y: "14", rx: "2", variants: pathVariants$b, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "4", rx: "2", variants: pathVariants$b, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 14h20", variants: pathVariants$b, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 4h20", variants: pathVariants$b, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalDistributeStart.displayName = 'AlignVerticalDistributeStart';
+
+function cn$w(...inputs) {
+    return twMerge(clsx(inputs));
+}
+// The line will animate first
+const lineVariants$2 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.3,
+            ease: 'easeInOut',
+        },
+    },
+};
+// Rectangles will animate after the line
+const rectVariants$2 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+            delay: 0.3,
+        },
+    },
+};
+const AlignVerticalJustifyCenter = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$w('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M2 12h20", variants: lineVariants$2, initial: "normal", animate: controls }), jsx(motion.rect, { width: "14", height: "6", x: "5", y: "16", rx: "2", variants: rectVariants$2, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "2", rx: "2", variants: rectVariants$2, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalJustifyCenter.displayName = 'AlignVerticalJustifyCenter';
+
+function cn$v(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const lineVariants$1 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.18,
+            ease: 'easeInOut',
+        },
+    },
+};
+const middleRectVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.3,
+            ease: 'easeInOut',
+            delay: 0.2,
+        },
+    },
+};
+const topRectVariants$1 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.2,
+            ease: 'easeInOut',
+            delay: 0.4,
+        },
+    },
+};
+const AlignVerticalJustifyEnd = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$v('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M2 22h20", variants: lineVariants$1, initial: "normal", animate: controls }), jsx(motion.rect, { width: "14", height: "6", x: "5", y: "12", rx: "2", variants: middleRectVariants, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "2", rx: "2", variants: topRectVariants$1, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalJustifyEnd.displayName = 'AlignVerticalJustifyEnd';
+
+function cn$u(...inputs) {
+    return twMerge(clsx(inputs));
+}
+// Top line will animate first - 0.25 seconds
+const lineVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.3 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.25,
+            ease: 'easeOut',
+        },
+    },
+};
+// Middle rectangle animates second - 0.25 seconds (starting at 0.2s)
+const topRectVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.3 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.25,
+            ease: 'easeOut',
+            delay: 0.2, // Slight overlap with first animation
+        },
+    },
+};
+// Bottom rectangle animates last - 0.25 seconds (starting at 0.45s)
+const bottomRectVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.3 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.25,
+            ease: 'easeOut',
+            delay: 0.45, // Starts when middle rectangle is mostly done
+        },
+    },
+};
+const AlignVerticalJustifyStart = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$u('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M2 2h20", variants: lineVariants, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "6", rx: "2", variants: topRectVariants, initial: "normal", animate: controls }), jsx(motion.rect, { width: "14", height: "6", x: "5", y: "16", rx: "2", variants: bottomRectVariants, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalJustifyStart.displayName = 'AlignVerticalJustifyStart';
+
+function cn$t(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const linesVariants$1 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.37,
+            ease: 'easeInOut',
+        },
+    },
+};
+const rectVariants$1 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.2,
+            ease: 'easeInOut',
+            delay: 0.33,
+        },
+    },
+};
+const AlignVerticalSpaceAround = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$t('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M22 4H2", variants: linesVariants$1, initial: "normal", animate: controls }), jsx(motion.path, { d: "M22 20H2", variants: linesVariants$1, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "9", rx: "2", variants: rectVariants$1, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalSpaceAround.displayName = 'AlignVerticalSpaceAround';
+
+function cn$s(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const linesVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.37,
+            ease: 'easeInOut',
+        },
+    },
+};
+const rectVariants = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.2,
+            ease: 'easeInOut',
+            delay: 0.33,
+        },
+    },
+};
+const AlignVerticalSpaceBetween = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$s('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M2 21h20", variants: linesVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 3h20", variants: linesVariants, initial: "normal", animate: controls }), jsx(motion.rect, { width: "14", height: "6", x: "5", y: "15", rx: "2", variants: rectVariants, initial: "normal", animate: controls }), jsx(motion.rect, { width: "10", height: "6", x: "7", y: "3", rx: "2", variants: rectVariants, initial: "normal", animate: controls })] }) }));
+});
+AlignVerticalSpaceBetween.displayName = 'AlignVerticalSpaceBetween';
+
+function cn$r(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$a = {
+    normal: (custom) => ({
+        pathLength: 1,
+        opacity: 1,
+        pathOffset: 0,
+        transition: {
+            duration: 0.3,
+            ease: 'easeInOut',
+            delay: custom,
+        },
+    }),
+    animate: (custom) => ({
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+            delay: custom,
+        },
+    }),
+};
+const Ampersand = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    // Imperative handle for external control
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    // Loop animation if loopOnHover is true
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad) {
+            triggerAnimation();
+        }
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    const handleMouseEnter = useCallback((e) => {
+        if (hoverable && !isControlledRef.current) {
+            triggerAnimation();
+        }
+        onMouseEnter?.(e);
+    }, [hoverable, onMouseEnter, triggerAnimation]);
+    const handleMouseLeave = useCallback((e) => {
+        if (hoverable && !isControlledRef.current) {
+            controls.start('normal');
+        }
+        onMouseLeave?.(e);
+    }, [hoverable, onMouseLeave, controls]);
+    const handleClick = useCallback((e) => {
+        if (animateOnClick && !isControlledRef.current) {
+            triggerAnimation();
+        }
+        onClick?.(e);
+    }, [animateOnClick, onClick, triggerAnimation]);
+    return (jsx("div", { className: cn$r(className), style: {
+            width: size,
+            height: size,
+            display: 'inline-block',
+            ...style,
+        }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M17.5 12c0 4.4-3.6 8-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13", variants: pathVariants$a, initial: "normal", animate: controls, custom: 0 }), jsx(motion.path, { d: "M16 12h3", variants: pathVariants$a, initial: "normal", animate: controls, custom: 0.2 })] }) }));
+});
+Ampersand.displayName = 'Ampersand';
+
+function cn$q(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$9 = {
+    normal: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const Ampersands = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$q('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M10 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5", variants: pathVariants$9, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M22 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5", variants: pathVariants$9, animate: controls, initial: "normal" })] }) }));
+});
+Ampersands.displayName = 'Ampersands';
+
+function cn$p(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$8 = {
+    normal: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const Apple = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$p('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z", variants: pathVariants$8, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M10 2c1 .5 2 2 2 5", variants: pathVariants$8, animate: controls, initial: "normal" })] }) }));
+});
+Apple.displayName = 'Apple';
+
+function cn$o(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const draw = {
+    normal: { pathLength: 1, opacity: 1, transition: { duration: 0.4 } },
+    animate: {
+        pathLength: [0, 1],
+        opacity: [0, 1],
+        transition: { duration: 0.8, ease: 'easeInOut' },
+    },
+};
+const Ambulance = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$o('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 10H6", variants: draw, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", variants: draw, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M19 18h2a1 1 0 0 0 1-1v-3.28a1 1 0 0 0-.684-.948l-1.923-.641a1 1 0 0 1-.578-.502l-1.539-3.076A1 1 0 0 0 16.382 8H14", variants: draw, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M8 8v4", variants: draw, animate: controls, initial: "normal" }), jsx(motion.path, { d: "M9 18h6", variants: draw, animate: controls, initial: "normal" }), jsx(motion.circle, { cx: "17", cy: "18", r: "2", animate: { scale: [1, 1.2, 1], fill: ['#000', '#000', '#000'] }, transition: { repeat: Infinity, duration: 1 } }), jsx(motion.circle, { cx: "7", cy: "18", r: "2", animate: { scale: [1, 1.2, 1], fill: ['#000', '#000', '#000'] }, transition: { repeat: Infinity, duration: 1, delay: 0.3 } })] }) }));
+});
+Ambulance.displayName = 'Ambulance';
+
+function cn$n(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const DURATION$2 = 0.7;
+const faceVariants$1 = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.1, 0.95, 1.1, 1],
+        transition: { duration: DURATION$2, ease: 'easeInOut' },
+    },
+};
+const eyebrowVariants = {
+    normal: { y: 0 },
+    animate: {
+        y: [-1, -3, -1],
+        transition: { duration: DURATION$2, ease: 'easeOut' },
+    },
+};
+const eyeVariants = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 0.6, 1.2, 1],
+        transition: { duration: DURATION$2, ease: 'easeInOut' },
+    },
+};
+const mouthVariants$1 = {
+    normal: { x: 0 },
+    animate: {
+        x: [-0.5, 0.5, -0.3, 0],
+        transition: { duration: DURATION$2, ease: 'easeInOut' },
+    },
+};
+const Angry = forwardRef(({ className, size = 28, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, style, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$n('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", initial: "normal", animate: controls, children: [jsx(motion.circle, { cx: "12", cy: "12", r: "10", variants: faceVariants$1 }), jsx(motion.path, { d: "M16 16s-1.5-2-4-2-4 2-4 2", variants: mouthVariants$1 }), jsx(motion.path, { d: "M7.5 8 10 9", variants: eyebrowVariants }), jsx(motion.path, { d: "m14 9 2.5-1", variants: eyebrowVariants }), jsx(motion.path, { d: "M9 10h.01", variants: eyeVariants }), jsx(motion.path, { d: "M15 10h.01", variants: eyeVariants })] }) }));
+});
+Angry.displayName = 'Angry';
+
+function cn$m(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$7 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const Amphora = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$m('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M10 2v5.632c0 .424-.272.795-.653.982A6 6 0 0 0 6 14c.006 4 3 7 5 8", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M10 5H8a2 2 0 0 0 0 4h.68", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 2v5.632c0 .424.272.795.652.982A6 6 0 0 1 18 14c0 4-3 7-5 8", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 5h2a2 2 0 0 1 0 4h-.68", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M18 22H6", variants: pathVariants$7, initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 2h6", variants: pathVariants$7, initial: "normal", animate: controls })] }) }));
+});
+Amphora.displayName = 'Amphora';
+
+function cn$l(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const Anchor = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate1');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => triggerAnimation(),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    const pathVariants = {
+        normal: {
+            opacity: 1,
+            pathLength: 1,
+            pathOffset: 0,
+            transition: { duration: 0.1 },
+        },
+        animate1: {
+            opacity: [0, 1],
+            pathLength: [0, 1],
+            pathOffset: [1, 0],
+            transition: {
+                duration: 0.3,
+                ease: 'linear',
+            },
+        }
+    };
+    return (jsx("div", { className: cn$l('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M12 22V8", variants: pathVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M5 12H2a10 10 0 0 0 20 0h-3", variants: pathVariants, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "12", cy: "5", r: "3", variants: pathVariants, initial: "normal", animate: controls })] }) }));
+});
+Anchor.displayName = 'Anchor';
+
+function cn$k(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const DURATION$1 = 0.7;
+const faceVariants = {
+    normal: { scale: 1 },
+    animate: {
+        scale: [1, 1.1, 0.95, 1.1, 1],
+        transition: { duration: DURATION$1, ease: 'easeInOut' },
+    },
+};
+const mouthVariants = {
+    normal: { x: 0 },
+    animate: {
+        x: [-1, 1, -0.5, 0],
+        transition: { duration: DURATION$1, ease: 'easeInOut' },
+    },
+};
+const leftEyeVariants = {
+    normal: { y: 0 },
+    animate: {
+        y: [-1, -3, -1],
+        transition: { duration: DURATION$1, ease: 'easeOut' },
+    },
+};
+const rightEyeVariants = {
+    normal: { y: 0 },
+    animate: {
+        y: [-1, -2, -1],
+        transition: { duration: DURATION$1, ease: 'easeOut' },
+    },
+};
+const Annoyed = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, animationTrigger = 'hover', delay = 0, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const timeoutRef = useRef(null);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (!loopRef.current) {
+            await controls.start('normal');
+        }
+        else {
+            // If looping, recursively call
+            triggerAnimation();
+        }
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad || animationTrigger === 'load') {
+            timeoutRef.current = setTimeout(() => {
+                triggerAnimation();
+            }, delay);
+        }
+        return () => {
+            if (timeoutRef.current)
+                clearTimeout(timeoutRef.current);
+        };
+    }, [autoAnimateOnLoad, animationTrigger, delay, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable && animationTrigger === 'hover') {
+            triggerAnimation();
+        }
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable && animationTrigger === 'hover' && !loopOnHover) {
+            controls.start('normal');
+        }
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if ((!isControlledRef.current && animateOnClick) || animationTrigger === 'click') {
+            triggerAnimation();
+        }
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$k('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", animate: controls, initial: "normal", children: [jsx(motion.circle, { cx: "12", cy: "12", r: "10", variants: faceVariants }), jsx(motion.path, { d: "M8 15h8", variants: mouthVariants }), jsx(motion.path, { d: "M8 9h2", variants: leftEyeVariants }), jsx(motion.path, { d: "M14 9h2", variants: rightEyeVariants })] }) }));
+});
+Annoyed.displayName = 'Annoyed';
+
+function cn$j(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const DURATION = 1.2;
+// Animate the antenna lines "wiggle" side to side
+const pathVariants$6 = {
+    normal: { rotate: 0, originX: '50%', originY: '100%' },
+    animate: {
+        rotate: [0, 10, -10, 10, 0],
+        transition: { duration: DURATION, ease: 'easeInOut', repeat: Infinity },
+    },
+};
+// Animate the horizontal line scaling left and right subtly
+const horizontalLineVariants = {
+    normal: { scaleX: 1, originX: 0 },
+    animate: {
+        scaleX: [1, 1.1, 0.9, 1.1, 1],
+        transition: { duration: DURATION, ease: 'easeInOut', repeat: Infinity },
+    },
+};
+// Animate the vertical line pulsing scaleY
+const verticalLineVariants = {
+    normal: { scaleY: 1, originY: '100%' },
+    animate: {
+        scaleY: [1, 1.2, 0.8, 1.2, 1],
+        transition: { duration: DURATION, ease: 'easeInOut', repeat: Infinity },
+    },
+};
+const Antenna = forwardRef(({ className, size = 28, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, animationTrigger = 'hover', delay = 0, ...props }, ref) => {
+    const controls = useAnimation();
+    const timeoutRef = useRef(null);
+    const startAnimation = useCallback(() => {
+        // Start infinite animation immediately
+        controls.start('animate');
+    }, [controls]);
+    const stopAnimation = useCallback(() => {
+        controls.start('normal');
+    }, [controls]);
+    useImperativeHandle(ref, () => ({
+        startAnimation,
+        stopAnimation,
+    }));
+    // Effect to handle auto animation or load-triggered animation with delay
+    useEffect(() => {
+        if (animationTrigger === 'manual')
+            return; // do nothing automatically
+        if (autoAnimateOnLoad || animationTrigger === 'load') {
+            timeoutRef.current = setTimeout(() => {
+                startAnimation();
+            }, delay);
+        }
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+        };
+    }, [autoAnimateOnLoad, animationTrigger, delay, startAnimation]);
+    // Handlers for hover and click depending on trigger type and loop setting
+    const handleMouseEnter = useCallback(() => {
+        if (animationTrigger !== 'hover' || !hoverable)
+            return;
+        startAnimation();
+    }, [animationTrigger, hoverable, startAnimation]);
+    const handleMouseLeave = useCallback(() => {
+        if (animationTrigger !== 'hover' || !hoverable)
+            return;
+        if (!loopOnHover) {
+            stopAnimation();
+        }
+    }, [animationTrigger, hoverable, loopOnHover, stopAnimation]);
+    const handleClick = useCallback(() => {
+        if (animationTrigger !== 'click' && !animateOnClick)
+            return;
+        startAnimation();
+    }, [animationTrigger, animateOnClick, startAnimation]);
+    return (jsx("div", { className: cn$j('inline-block', className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, style: { width: size, height: size, ...props.style }, children: jsxs(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.path, { d: "M2 12 7 2", variants: pathVariants$6, animate: controls, style: { originX: '50%', originY: '100%' } }), jsx(motion.path, { d: "m7 12 5-10", variants: pathVariants$6, animate: controls, style: { originX: '50%', originY: '100%' } }), jsx(motion.path, { d: "m12 12 5-10", variants: pathVariants$6, animate: controls, style: { originX: '50%', originY: '100%' } }), jsx(motion.path, { d: "m17 12 5-10", variants: pathVariants$6, animate: controls, style: { originX: '50%', originY: '100%' } }), jsx(motion.path, { d: "M4.5 7h15", variants: horizontalLineVariants, animate: controls }), jsx(motion.path, { d: "M12 16v6", variants: verticalLineVariants, animate: controls })] }) }));
+});
+Antenna.displayName = 'Antenna';
+
+function cn$i(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const circleVariants = {
+    normal: {
+        rotate: 0,
+        originX: '50%',
+        originY: '50%',
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        rotate: [0, 15, -15, 0],
+        transition: { duration: 1.2, ease: 'easeInOut' },
+    },
+};
+const bladeVariants = {
+    normal: {
+        rotate: 0,
+        scale: 1,
+        opacity: 1,
+        originX: '50%',
+        originY: '50%',
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        rotate: [0, 10, -10, 0],
+        scale: [1, 1.1, 0.9, 1],
+        opacity: [1, 0.85, 1, 1],
+        transition: { duration: 1.2, ease: 'easeInOut' },
+    },
+};
+const Aperture = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const isMounted = useRef(true);
+    // Recursive animation loop with proper async handling
+    const triggerAnimation = useCallback(async () => {
+        if (!isMounted.current)
+            return;
+        await controls.start('animate');
+        if (!isMounted.current)
+            return;
+        await controls.start('normal');
+        if (loopRef.current && isMounted.current) {
+            triggerAnimation();
+        }
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad) {
+            triggerAnimation();
+        }
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useEffect(() => {
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    }, [controls]);
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable) {
+            if (loopOnHover) {
+                loopRef.current = true;
+                triggerAnimation();
+            }
+            else {
+                controls.start('animate');
+            }
+        }
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable) {
+            loopRef.current = false;
+            controls.start('normal');
+        }
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (!isControlledRef.current && animateOnClick) {
+            triggerAnimation();
+        }
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$i('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.circle, { cx: "12", cy: "12", r: "10", variants: circleVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m14.31 8 5.74 9.94", variants: bladeVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M9.69 8h11.48", variants: bladeVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m7.38 12 5.74-9.94", variants: bladeVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M9.69 16 3.95 6.06", variants: bladeVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "M14.31 16H2.83", variants: bladeVariants, initial: "normal", animate: controls }), jsx(motion.path, { d: "m16.62 12-5.74 9.94", variants: bladeVariants, initial: "normal", animate: controls })] }) }));
+});
+Aperture.displayName = 'Aperture';
+
+function cn$h(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$5 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const AppWindow = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$h('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { x: "2", y: "4", width: "20", height: "16", rx: "2", variants: pathVariants$5, initial: "normal", animate: controls }), jsx(motion.path, { d: "M10 4v4", variants: pathVariants$5, initial: "normal", animate: controls }), jsx(motion.path, { d: "M2 8h20", variants: pathVariants$5, initial: "normal", animate: controls }), jsx(motion.path, { d: "M6 4v4", variants: pathVariants$5, initial: "normal", animate: controls })] }) }));
+});
+AppWindow.displayName = 'AppWindow';
+
+function cn$g(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$4 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const blinkTransition = {
+    opacity: {
+        repeat: 1,
+        repeatType: "loopRef",
+        duration: 1,
+        ease: 'easeInOut',
+    },
+};
+const AppWindowMac = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$g('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { x: "2", y: "4", width: "20", height: "16", rx: "2", variants: pathVariants$4, initial: "normal", animate: controls }), jsx(motion.path, { d: "M6 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0 } }), jsx(motion.path, { d: "M10 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 0.5 } }), jsx(motion.path, { d: "M14 8h.01", initial: { opacity: 1 }, animate: { opacity: [1, 0, 1] }, transition: { ...blinkTransition, delay: 1 } })] }) }));
+});
+AppWindowMac.displayName = 'AppWindowMac';
+
+function cn$f(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$3 = {
+    normal: {
+        opacity: 1,
+        pathLength: 1,
+        pathOffset: 0,
+        transition: { duration: 0.4 },
+    },
+    animate: {
+        opacity: [0, 1],
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        transition: {
+            duration: 0.6,
+            ease: 'linear',
+        },
+    },
+};
+const Archive = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        await controls.start('normal');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.start('normal'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('normal');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$f('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx(motion.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants$3, initial: "normal", animate: controls }), jsx(motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", variants: pathVariants$3, initial: "normal", animate: controls }), jsx("path", { d: "M10 12h4" })] }) }));
+});
+Archive.displayName = 'Archive';
+
+function cn$e(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$2 = {
+    initial: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+    },
+    draw: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArchiveRestore = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('draw');
+        await controls.start('initial');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('draw'),
+            stopAnimation: () => controls.start('initial'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('initial');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$e('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h2", variants: pathVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "M20 8v11a2 2 0 0 1-2 2h-2", variants: pathVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9 15 3-3 3 3", variants: pathVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "M12 12v9", variants: pathVariants$2, initial: "initial", animate: controls })] }) }));
+});
+ArchiveRestore.displayName = 'ArchiveRestore';
+
+function cn$d(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants$1 = {
+    initial: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+    },
+    draw: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArchiveX = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('draw');
+        await controls.start('initial');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('draw'),
+            stopAnimation: () => controls.start('initial'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('initial');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$d('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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.rect, { x: "2", y: "3", width: "20", height: "5", rx: "1", variants: pathVariants$1, initial: "initial", animate: controls }), jsx(motion.path, { d: "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8", variants: pathVariants$1, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9.5 17 5-5", variants: pathVariants$1, initial: "initial", animate: controls }), jsx(motion.path, { d: "m9.5 12 5 5", variants: pathVariants$1, initial: "initial", animate: controls })] }) }));
+});
+ArchiveX.displayName = 'ArchiveX';
+
+function cn$c(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const pathVariants = {
+    initial: {
+        pathLength: 1,
+        pathOffset: 0,
+        opacity: 1,
+    },
+    draw: {
+        pathLength: [0, 1],
+        pathOffset: [1, 0],
+        opacity: [0, 1],
+        transition: {
+            duration: 0.7,
+            ease: 'easeInOut',
+        },
+    },
+};
+const Armchair = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('draw');
+        await controls.start('initial');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('draw'),
+            stopAnimation: () => controls.start('initial'),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.start('initial');
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$c('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V11a2 2 0 0 0-4 0z", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M5 18v2", variants: pathVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M19 18v2", variants: pathVariants, initial: "initial", animate: controls })] }) }));
+});
+Armchair.displayName = 'Armchair';
+
+function cn$b(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const groupVariants$2 = {
+    initial: { y: 0, scale: 1, opacity: 1 },
+    animate: {
+        y: [0, 4, 0],
+        scale: [1, 1.1, 1],
+        opacity: [1, 1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigDown = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$b('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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.g, { variants: groupVariants$2, initial: "initial", animate: controls, children: jsx("path", { d: "M15 6v6h4l-7 7-7-7h4V6h6z" }) }) }) }));
+});
+ArrowBigDown.displayName = 'ArrowBigDown';
+
+function cn$a(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const groupVariants$1 = {
+    initial: { y: 0, scale: 1, opacity: 1 },
+    animate: {
+        y: [0, -4, 0],
+        scale: [1, 1.1, 1],
+        opacity: [1, 1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigUp = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$a('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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.g, { variants: groupVariants$1, initial: "initial", animate: controls, children: jsx("path", { d: "M9 18V12H5l7-7 7 7h-4v6H9z" }) }) }) }));
+});
+ArrowBigUp.displayName = 'ArrowBigUp';
+
+function cn$9(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowVariants$4 = {
+    initial: { x: 0, scale: 1 },
+    animate: {
+        x: [0, -4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigLeft = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$9('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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, { variants: arrowVariants$4, initial: "initial", animate: controls, d: "M18 15h-6v4l-7-7 7-7v4h6v6z" }) }) }));
+});
+ArrowBigLeft.displayName = 'ArrowBigLeft';
+
+function cn$8(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const groupVariants = {
+    initial: { x: 0, scale: 1 },
+    animate: {
+        x: [0, 4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigRight = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$8('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsx("svg", { 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, { variants: groupVariants, initial: "initial", animate: controls, d: "M6 9h6V5l7 7-7 7v-4H6V9z" }) }) }));
+});
+ArrowBigRight.displayName = 'ArrowBigRight';
+
+function cn$7(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowVariants$3 = {
+    initial: { y: 0, scale: 1 },
+    animate: {
+        y: [0, 4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const dashVariants$3 = {
+    initial: { x: 0, scale: 1 },
+    animate: {
+        y: [0, 2, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigDownDash = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$7('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 5H9", variants: dashVariants$3, initial: "initial", animate: controls }), jsx(motion.path, { d: "M15 9v3h4l-7 7-7-7h4V9z", variants: arrowVariants$3, initial: "initial", animate: controls })] }) }));
+});
+ArrowBigDownDash.displayName = 'ArrowBigDownDash';
+
+function cn$6(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowVariants$2 = {
+    initial: { x: 0, scale: 1 },
+    animate: {
+        x: [0, -4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const dashVariants$2 = {
+    initial: { y: 0, scale: 1 },
+    animate: {
+        x: [0, -2, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigLeftDash = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$6('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 15V9", variants: dashVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "M15 15H12v4l-7-7 7-7v4h3v6z", variants: arrowVariants$2, initial: "initial", animate: controls })] }) }));
+});
+ArrowBigLeftDash.displayName = 'ArrowBigLeftDash';
+
+function cn$5(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowVariants$1 = {
+    initial: { x: 0, scale: 1 },
+    animate: {
+        x: [0, 4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const dashVariants$1 = {
+    initial: { y: 0, scale: 1 },
+    animate: {
+        x: [0, 2, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigRightDash = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$5('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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: "M5 9v6", variants: dashVariants$1, initial: "initial", animate: controls }), jsx(motion.path, { d: "M9 9h3V5l7 7-7 7v-4H9V9z", variants: arrowVariants$1, initial: "initial", animate: controls })] }) }));
+});
+ArrowBigRightDash.displayName = 'ArrowBigRightDash';
+
+function cn$4(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowVariants = {
+    initial: { y: 0, scale: 1 },
+    animate: {
+        y: [0, -4, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const dashVariants = {
+    initial: { y: 0, scale: 1 },
+    animate: {
+        y: [0, -2, 0],
+        scale: [1, 1.1, 1],
+        transition: {
+            duration: 0.6,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowBigUpDash = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$4('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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: "M9 19h6", variants: dashVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M9 15v-3H5l7-7 7 7h-4v3H9z", variants: arrowVariants, initial: "initial", animate: controls })] }) }));
+});
+ArrowBigUpDash.displayName = 'ArrowBigUpDash';
+
+function cn$3(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowHeadVariants$3 = {
+    normal: { d: 'm19 12-7 7-7-7', translateY: 0 },
+    animate: {
+        d: 'm19 12-7 7-7-7',
+        translateY: [0, -3, 0],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const arrowLineVariants$3 = {
+    normal: { d: 'M12 5v14' },
+    animate: {
+        d: ['M12 5v14', 'M12 5v9', 'M12 5v14'],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowDown = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$3('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 5v14", variants: arrowLineVariants$3, initial: "initial", animate: controls }), jsx(motion.path, { d: "m19 12-7 7-7-7", variants: arrowHeadVariants$3, initial: "initial", animate: controls })] }) }));
+});
+ArrowDown.displayName = 'ArrowDown';
+
+function cn$2(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowHeadVariants$2 = {
+    normal: { d: 'm5 12 7-7 7 7', translateY: 0 },
+    animate: {
+        d: 'm5 12 7-7 7 7',
+        translateY: [0, 3, 0],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const arrowLineVariants$2 = {
+    normal: { d: 'M12 19V5' },
+    animate: {
+        d: ['M12 19V5', 'M12 19V10', 'M12 19V5'],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowUp = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$2('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 19V5", variants: arrowLineVariants$2, initial: "initial", animate: controls }), jsx(motion.path, { d: "m5 12 7-7 7 7", variants: arrowHeadVariants$2, initial: "initial", animate: controls })] }) }));
+});
+ArrowUp.displayName = 'ArrowUp';
+
+function cn$1(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowHeadVariants$1 = {
+    normal: { d: 'm12 5-7 7 7 7', translateX: 0 },
+    animate: {
+        d: 'm12 5-7 7 7 7',
+        translateX: [0, 3, 0],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const arrowLineVariants$1 = {
+    normal: { d: 'M19 12H5' },
+    animate: {
+        d: ['M19 12H5', 'M19 12H8.4', 'M19 12H5'],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowLeft = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn$1('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 5-7 7 7 7", variants: arrowHeadVariants$1, initial: "initial", animate: controls }), jsx(motion.path, { d: "M19 12H5", variants: arrowLineVariants$1, initial: "initial", animate: controls })] }) }));
+});
+ArrowLeft.displayName = 'ArrowLeft';
+
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+const arrowHeadVariants = {
+    normal: { d: 'm12 5 7 7-7 7', translateX: 0 },
+    animate: {
+        d: 'm12 5 7 7-7 7',
+        translateX: [0, -3, 0],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const arrowLineVariants = {
+    normal: { d: 'M5 12h14' },
+    animate: {
+        d: ['M5 12h14', 'M5 12h10.6', 'M5 12h14'],
+        transition: {
+            duration: 0.4,
+            ease: 'easeInOut',
+        },
+    },
+};
+const ArrowRight = forwardRef(({ size = 28, className, style, autoAnimateOnLoad = false, hoverable = true, loopOnHover = false, animateOnClick = false, onMouseEnter, onMouseLeave, onClick, ...props }, ref) => {
+    const controls = useAnimation();
+    const loopRef = useRef(loopOnHover);
+    const isControlledRef = useRef(false);
+    const triggerAnimation = useCallback(async () => {
+        await controls.start('animate');
+        if (loopRef.current)
+            triggerAnimation();
+    }, [controls]);
+    useEffect(() => {
+        loopRef.current = loopOnHover;
+    }, [loopOnHover]);
+    useEffect(() => {
+        if (autoAnimateOnLoad)
+            triggerAnimation();
+    }, [autoAnimateOnLoad, triggerAnimation]);
+    useImperativeHandle(ref, () => {
+        isControlledRef.current = true;
+        return {
+            startAnimation: () => controls.start('animate'),
+            stopAnimation: () => controls.stop(),
+        };
+    });
+    const handleMouseEnter = (e) => {
+        if (!isControlledRef.current && hoverable)
+            triggerAnimation();
+        onMouseEnter?.(e);
+    };
+    const handleMouseLeave = (e) => {
+        if (!isControlledRef.current && hoverable)
+            controls.stop();
+        onMouseLeave?.(e);
+    };
+    const handleClick = (e) => {
+        if (animateOnClick)
+            triggerAnimation();
+        onClick?.(e);
+    };
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, ...props, children: jsxs("svg", { 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 5 7 7-7 7", variants: arrowHeadVariants, initial: "initial", animate: controls }), jsx(motion.path, { d: "M5 12h14", variants: arrowLineVariants, initial: "initial", animate: controls })] }) }));
+});
+ArrowRight.displayName = 'ArrowRight';
+
+export { AArrowDown, AArrowUp, AccessibilityActivity, Activity, AirVent, Airplay, AlarmClock, AlarmClockCheck, AlarmClockMinus, AlarmClockPlus, Album, AlignCenter, AlignCenterHorizontal, AlignCenterVertical, AlignEndHorizontal, AlignEndVertical, AlignHorizontalDistributeCenter, AlignHorizontalDistributeEnd, AlignHorizontalDistributeStart, AlignHorizontalJustifyCenter, AlignHorizontalJustifyEnd, AlignHorizontalJustifyStart, AlignHorizontalSpaceAround, AlignHorizontalSpaceBetween, AlignJustify, AlignLeft, AlignRight, AlignStartHorizontal, AlignStartVertical, AlignVerticalDistributeCenter, AlignVerticalDistributeEnd, AlignVerticalDistributeStart, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, AlignVerticalSpaceAround, AlignVerticalSpaceBetween, Ambulance, Ampersand, Ampersands, Amphora, Anchor, Angry, Annoyed, Antenna, Aperture, AppWindow, AppWindowMac, Apple, Archive, ArchiveRestore, ArchiveX, Armchair, ArrowBigDown, ArrowBigDownDash, ArrowBigLeft, ArrowBigLeftDash, ArrowBigRight, ArrowBigRightDash, ArrowBigUp, ArrowBigUpDash, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, SquareActivity };
 //# sourceMappingURL=index.js.map