@animateicons/react 0.1.2 → 0.2.0

package/dist/huge.cjs

@@ -1,3682 +1,3 @@
 "use client";
-'use strict';
-
-var react$1 = require('motion/react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/lib/cn.ts
-var cn = (...inputs) => inputs.filter(Boolean).join(" ");
-var ActivityIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) {
-          controls.start("normal");
-        } else {
-          onMouseLeave?.(e);
-        }
-      },
-      [controls, onMouseLeave]
-    );
-    const activityVariants = {
-      normal: {
-        strokeDasharray: "none",
-        strokeDashoffset: 0,
-        opacity: 1
-      },
-      animate: {
-        strokeDasharray: "60 120",
-        strokeDashoffset: [0, -180],
-        transition: {
-          duration: 1.4 * duration,
-          ease: "linear",
-          repeat: Infinity
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                d: "M3.00012 12H7.34073C7.74075 12 8.10229 12.2384 8.25987 12.6061L10.8436 18.6348C10.9386 18.8563 11.1564 19 11.3975 19C11.7303 19 12.0001 18.7302 12.0001 18.3974V5.60262C12.0001 5.2698 12.2699 5 12.6027 5C12.8438 5 13.0617 5.14367 13.1566 5.36526L15.74 11.3939C15.8976 11.7616 16.2591 12 16.6592 12H20.9998",
-                variants: activityVariants
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-ActivityIcon.displayName = "ActivityIcon";
-var BookmarkCheckIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bookmarkVariants = {
-      normal: {
-        y: 0,
-        scaleX: 1,
-        scaleY: 1
-      },
-      animate: {
-        y: [0, -4, 0],
-        scaleY: [1, 1.1, 0.95, 1],
-        scaleX: [1, 0.97, 1.02, 1],
-        transition: {
-          duration: 0.45 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    const checkVariants = {
-      normal: { pathLength: 1, opacity: 1 },
-      animate: {
-        pathLength: [0, 1],
-        opacity: 1,
-        transition: { duration: 0.8 * duration, ease: "easeInOut" }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: bookmarkVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 17.9808V9.70753C4 6.07416 4 4.25748 5.17157 3.12874C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.12874C20 4.25748 20 6.07416 20 9.70753V17.9808C20 20.2867 20 21.4396 19.2272 21.8523C17.7305 22.6514 14.9232 19.9852 13.59 19.1824C12.8168 18.7168 12.4302 18.484 12 18.484C11.5698 18.484 11.1832 18.7168 10.41 19.1824C9.0768 19.9852 6.26947 22.6514 4.77285 21.8523C4 21.4396 4 20.2867 4 17.9808Z" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9 11.3333C9 11.3333 9.875 11.3333 10.75 13C10.75 13 13.5294 8.83333 16 8",
-                  variants: checkVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-BookmarkCheckIcon.displayName = "BookmarkCheckIcon";
-var BookmarkIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bookmarkVariants = {
-      normal: {
-        y: 0,
-        scaleX: 1,
-        scaleY: 1
-      },
-      animate: {
-        y: [0, -4, 0],
-        scaleY: [1, 1.1, 0.95, 1],
-        scaleX: [1, 0.97, 1.02, 1],
-        transition: {
-          duration: 0.45 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("relative inline-flex", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            variants: bookmarkVariants,
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 17.9808V9.70753C4 6.07416 4 4.25748 5.17157 3.12874C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.12874C20 4.25748 20 6.07416 20 9.70753V17.9808C20 20.2867 20 21.4396 19.2272 21.8523C17.7305 22.6514 14.9232 19.9852 13.59 19.1824C12.8168 18.7168 12.4302 18.484 12 18.484C11.5698 18.484 11.1832 18.7168 10.41 19.1824C9.0768 19.9852 6.26947 22.6514 4.77285 21.8523C4 21.4396 4 20.2867 4 17.9808Z" })
-          }
-        )
-      }
-    );
-  }
-);
-BookmarkIcon.displayName = "BookmarkIcon";
-var BookmarkMinusIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bookmarkVariants = {
-      normal: {
-        y: 0,
-        scaleX: 1,
-        scaleY: 1
-      },
-      animate: {
-        y: [0, -4, 0],
-        scaleY: [1, 1.1, 0.95, 1],
-        scaleX: [1, 0.97, 1.02, 1],
-        transition: {
-          duration: 0.45 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    const minusVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0, 1],
-        opacity: 1,
-        transition: {
-          duration: 0.5 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: bookmarkVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 2C7.22876 2 5.34315 2 4.17157 3.12874C3 4.25748 3 6.07416 3 9.70753V17.9808C3 20.2867 3 21.4396 3.77285 21.8523C5.26947 22.6514 8.0768 19.9852 9.41 19.1824C10.1832 18.7168 10.5698 18.484 11 18.484C11.4302 18.484 11.8168 18.7168 12.59 19.1824C13.9232 19.9852 16.7305 22.6514 18.2272 21.8523C19 21.4396 19 20.2867 19 17.9808V11" }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.path, { d: "M13 6L21 6", variants: minusVariants })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-BookmarkMinusIcon.displayName = "BookmarkMinusIcon";
-var BookmarkRemoveIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bookmarkVariants = {
-      normal: {
-        y: 0,
-        scaleX: 1,
-        scaleY: 1
-      },
-      animate: {
-        y: [0, -4, 0],
-        scaleY: [1, 1.1, 0.95, 1],
-        scaleX: [1, 0.97, 1.02, 1],
-        transition: {
-          duration: 0.45 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    const crossVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0, 1],
-        opacity: 1,
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: bookmarkVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 2C7.22876 2 5.34315 2 4.17157 3.12874C3 4.25748 3 6.07416 3 9.70753V17.9808C3 20.2867 3 21.4396 3.77285 21.8523C5.26947 22.6514 8.0768 19.9852 9.41 19.1824C10.1832 18.7168 10.5698 18.484 11 18.484C11.4302 18.484 11.8168 18.7168 12.59 19.1824C13.9232 19.9852 16.7305 22.6514 18.2272 21.8523C19 21.4396 19 20.2867 19 17.9808V12" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M21 2L14 8.99954M21 9L14 2.00046",
-                  variants: crossVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-BookmarkRemoveIcon.displayName = "BookmarkRemoveIcon";
-var CheckCheckIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const firstTick = {
-      normal: { strokeDashoffset: 0, scale: 1, opacity: 1 },
-      animate: {
-        strokeDashoffset: [26, 0],
-        scale: [1, 1.15, 1],
-        opacity: [0.5, 1],
-        transition: {
-          duration: 0.7 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const secondTick = {
-      normal: { opacity: 1, x: 0 },
-      animate: {
-        opacity: [0, 1],
-        x: [-6, 0],
-        transition: {
-          duration: 0.5 * duration,
-          ease: "easeOut",
-          delay: 0.35 * duration
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M3 13.3333C3 13.3333 4.5 14 6.5 17C6.5 17 6.78485 16.5192 7.32133 15.7526M17 6C14.7085 7.14577 12.3119 9.55181 10.3879 11.8223",
-                  strokeDasharray: "26",
-                  strokeDashoffset: "0",
-                  variants: firstTick,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M8 13.3333C8 13.3333 9.5 14 11.5 17C11.5 17 17 8.5 22 6",
-                  variants: secondTick,
-                  initial: "normal",
-                  animate: controls
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-CheckCheckIcon.displayName = "CheckCheckIcon";
-var CheckIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const tickVariants = {
-      normal: { strokeDashoffset: 0, scale: 1, opacity: 1 },
-      animate: {
-        strokeDashoffset: [24, 0],
-        scale: [1, 1.15, 1],
-        opacity: [0.5, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                d: "M5 14.5C5 14.5 6.5 14.5 8.5 18C8.5 18 14.0588 8.83333 19 7",
-                strokeDasharray: "24",
-                strokeDashoffset: "0",
-                variants: tickVariants,
-                initial: "normal",
-                animate: controls
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-CheckIcon.displayName = "CheckIcon";
-var ChevronRightIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const arrowVariants = {
-      normal: { x: 0, opacity: 1 },
-      animate: {
-        x: [0, 4, 0],
-        opacity: [1, 0.6, 1],
-        transition: {
-          duration: 0.8 * duration
-        }
-      }
-    };
-    const trailVariants = {
-      normal: { x: 0, opacity: 0 },
-      animate: {
-        x: [6, 10],
-        opacity: [0, 0.4, 0],
-        transition: {
-          duration: 0.8 * duration
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18",
-                  variants: trailVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18",
-                  variants: arrowVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-ChevronRightIcon.displayName = "ChevronRightIcon";
-var Compass01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const circleVariants = {
-      normal: { scale: 1 },
-      animate: {
-        scale: [1, 1.05, 0.98, 1],
-        transition: {
-          duration: 0.9 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const needleVariants = {
-      normal: { rotate: 0 },
-      animate: {
-        rotate: [0, 190, 175, 180],
-        transition: {
-          duration: 1 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            animate: controls,
-            initial: "normal",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",
-                  variants: circleVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                react$1.motion.g,
-                {
-                  variants: needleVariants,
-                  style: {
-                    transformBox: "fill-box",
-                    transformOrigin: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.4014 8.29796L15.3213 7.32465C16.2075 7.02924 16.6507 6.88153 16.8846 7.11544C17.1185 7.34935 16.9708 7.79247 16.6753 8.67871L15.702 11.5986C15.1986 13.1088 14.9469 13.8639 14.4054 14.4054C13.8639 14.9469 13.1088 15.1986 11.5986 15.702L8.67871 16.6753C7.79247 16.9708 7.34935 17.1185 7.11544 16.8846C6.88153 16.6507 7.02924 16.2075 7.32465 15.3213L8.29796 12.4014C8.80136 10.8912 9.05306 10.1361 9.59457 9.59457C10.1361 9.05306 10.8912 8.80136 12.4014 8.29796Z" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12L11.9936 12.0064", strokeWidth: "2", strokeLinecap: "round" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Compass01Icon.displayName = "Compass01Icon";
-var Compass02Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: { scale: 1 },
-      animate: {
-        scale: 1.02,
-        transition: {
-          duration: 0.25 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    const needleVariants = {
-      normal: { rotate: 0 },
-      animate: {
-        rotate: [0, 190, 175, 180],
-        transition: {
-          duration: 1 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z",
-                  variants: containerVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                react$1.motion.g,
-                {
-                  variants: needleVariants,
-                  style: {
-                    transformBox: "fill-box",
-                    transformOrigin: "center"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.4014 8.29796L15.3213 7.32465C16.2075 7.02924 16.6507 6.88153 16.8846 7.11544C17.1185 7.34935 16.9708 7.79247 16.6753 8.67871L15.702 11.5986C15.1986 13.1088 14.9469 13.8639 14.4054 14.4054C13.8639 14.9469 13.1088 15.1986 11.5986 15.702L8.67871 16.6753C7.79247 16.9708 7.34935 17.1185 7.11544 16.8846C6.88153 16.6507 7.02924 16.2075 7.32465 15.3213L8.29796 12.4014C8.80136 10.8912 9.05306 10.1361 9.59457 9.59457C10.1361 9.05306 10.8912 8.80136 12.4014 8.29796Z" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 12L11.9936 12.0064", strokeWidth: "2" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Compass02Icon.displayName = "Compass02Icon";
-var CopyIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const defaultTransition = {
-      type: "spring",
-      stiffness: 160,
-      damping: 17,
-      mass: 1
-    };
-    const boxVariants = {
-      normal: {
-        translateX: 0,
-        translateY: 0,
-        rotate: 0
-      },
-      animate: {
-        translateX: -3,
-        translateY: -3,
-        rotate: 360,
-        transition: {
-          ...defaultTransition,
-          duration: 0.7 * duration
-        }
-      }
-    };
-    const pathVariants = {
-      normal: { x: 0, y: 0, opacity: 1 },
-      animate: {
-        x: 3,
-        y: 3,
-        opacity: 0,
-        transition: defaultTransition
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("relative inline-flex", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9H16C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16V15Z",
-                  variants: boxVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M17 9C17 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 17",
-                  variants: pathVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-CopyIcon.displayName = "CopyIcon";
-var Dashboard01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 0.6,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const iconVariants = {
-      normal: { scale: 1, rotate: 0 },
-      animate: {
-        scale: [1, 1.06, 0.98, 1],
-        rotate: [0, -1.5, 1.5, 0],
-        transition: { duration: 1.1 * duration, ease: "easeInOut" }
-      }
-    };
-    const tileVariants = {
-      normal: { opacity: 1, scale: 1, y: 0 },
-      animate: (i) => ({
-        opacity: [0.6, 1],
-        scale: [0.94, 1.05, 1],
-        y: [4, -2, 0],
-        transition: {
-          duration,
-          ease: "easeInOut",
-          delay: i * 0.08
-        }
-      })
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinejoin: "round",
-            animate: controls,
-            initial: "normal",
-            variants: iconVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M10.5 8.75V6.75C10.5 5.10626 10.5 4.28439 10.046 3.73121C9.96291 3.62995 9.87005 3.53709 9.76879 3.45398C9.21561 3 8.39374 3 6.75 3C5.10626 3 4.28439 3 3.73121 3.45398C3.62995 3.53709 3.53709 3.62995 3.45398 3.73121C3 4.28439 3 5.10626 3 6.75V8.75C3 10.3937 3 11.2156 3.45398 11.7688C3.53709 11.8701 3.62995 11.9629 3.73121 12.046C4.28439 12.5 5.10626 12.5 6.75 12.5C8.39374 12.5 9.21561 12.5 9.76879 12.046C9.87005 11.9629 9.96291 11.8701 10.046 11.7688C10.5 11.2156 10.5 10.3937 10.5 8.75Z",
-                  variants: tileVariants,
-                  custom: 0,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M7.75 15.5H5.75C5.05222 15.5 4.70333 15.5 4.41943 15.5861C3.78023 15.78 3.28002 16.2802 3.08612 16.9194C3 17.2033 3 17.5522 3 18.25C3 18.9478 3 19.2967 3.08612 19.5806C3.28002 20.2198 3.78023 20.72 4.41943 20.9139C4.70333 21 5.05222 21 5.75 21H7.75C8.44778 21 8.79667 21 9.08057 20.9139C9.71977 20.72 10.22 20.2198 10.4139 19.5806C10.5 19.2967 10.5 18.9478 10.5 18.25C10.5 17.5522 10.5 17.2033 10.4139 16.9194C10.22 16.2802 9.71977 15.78 9.08057 15.5861C8.79667 15.5 8.44778 15.5 7.75 15.5Z",
-                  variants: tileVariants,
-                  custom: 1,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M21 17.25V15.25C21 13.6063 21 12.7844 20.546 12.2312C20.4629 12.1299 20.3701 12.0371 20.2688 11.954C19.7156 11.5 18.8937 11.5 17.25 11.5C15.6063 11.5 14.7844 11.5 14.2312 11.954C14.1299 12.0371 14.0371 12.1299 13.954 12.2312C13.5 12.7844 13.5 13.6063 13.5 15.25V17.25C13.5 18.8937 13.5 19.7156 13.954 20.2688C14.0371 20.3701 14.1299 20.4629 14.2312 20.546C14.7844 21 15.6063 21 17.25 21C18.8937 21 19.7156 21 20.2688 20.546C20.3701 20.4629 20.4629 20.3701 20.546 20.2688C21 19.7156 21 18.8937 21 17.25Z",
-                  variants: tileVariants,
-                  custom: 2,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M18.25 3H16.25C15.5522 3 15.2033 3 14.9194 3.08612C14.2802 3.28002 13.78 3.78023 13.5861 4.41943C13.5 4.70333 13.5 5.05222 13.5 5.75C13.5 6.44778 13.5 6.79667 13.5861 7.08057C13.78 7.71977 14.2802 8.21998 14.9194 8.41388C15.2033 8.5 15.5522 8.5 16.25 8.5H18.25C18.9478 8.5 19.2967 8.5 19.5806 8.41388C20.2198 8.21998 20.72 7.71977 20.9139 7.08057C21 6.79667 21 6.44778 21 5.75C21 5.05222 21 4.70333 20.9139 4.41943C20.72 3.78023 20.2198 3.28002 19.5806 3.08612C19.2967 3 18.9478 3 18.25 3Z",
-                  variants: tileVariants,
-                  custom: 3,
-                  initial: "normal",
-                  animate: controls
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Dashboard01Icon.displayName = "Dashboard01Icon";
-var Dashboard02Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const gridVariants = {
-      normal: { scale: 1, rotate: 0 },
-      animate: {
-        scale: [1, 1.04, 1],
-        rotate: [0, 1, 0],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const tileVariants = {
-      normal: { opacity: 1, scale: 1 },
-      animate: (i) => ({
-        opacity: [0.5, 1],
-        scale: [0.9, 1.08, 1],
-        transition: {
-          duration: 0.55 * duration,
-          delay: 0.08 * i,
-          ease: "easeOut"
-        }
-      })
-    };
-    const sweepVariants = {
-      normal: { x: -26, y: -26, opacity: 0 },
-      animate: {
-        x: [-26, 26],
-        y: [-26, 26],
-        opacity: [0, 0.25, 0],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut",
-          delay: 0.1
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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: "square",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "grid-sweep", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "currentColor", stopOpacity: "0.25" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(react$1.motion.g, { variants: gridVariants, initial: "normal", animate: controls, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 0,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.1903 8.95671C3 8.49728 3 7.91485 3 6.75C3 5.58515 3 5.00272 3.1903 4.54329C3.44404 3.93072 3.93072 3.44404 4.54329 3.1903C5.00272 3 5.58515 3 6.75 3C7.91485 3 8.49728 3 8.95671 3.1903C9.56928 3.44404 10.056 3.93072 10.3097 4.54329C10.5 5.00272 10.5 5.58515 10.5 6.75C10.5 7.91485 10.5 8.49728 10.3097 8.95671C10.056 9.56928 9.56928 10.056 8.95671 10.3097C8.49728 10.5 7.91485 10.5 6.75 10.5C5.58515 10.5 5.00272 10.5 4.54329 10.3097C3.93072 10.056 3.44404 9.56928 3.1903 8.95671Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 1,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.6903 8.95671C13.5 8.49728 13.5 7.91485 13.5 6.75C13.5 5.58515 13.5 5.00272 13.6903 4.54329C13.944 3.93072 14.4307 3.44404 15.0433 3.1903C15.5027 3 16.0851 3 17.25 3C18.4149 3 18.9973 3 19.4567 3.1903C20.0693 3.44404 20.556 3.93072 20.8097 4.54329C21 5.00272 21 5.58515 21 6.75C21 7.91485 21 8.49728 20.8097 8.95671C20.556 9.56928 20.0693 10.056 19.4567 10.3097C18.9973 10.5 18.4149 10.5 17.25 10.5C16.0851 10.5 15.5027 10.5 15.0433 10.3097C14.4307 10.056 13.944 9.56928 13.6903 8.95671Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 2,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.6903 19.4567C13.5 18.9973 13.5 18.4149 13.5 17.25C13.5 16.0851 13.5 15.5027 13.6903 15.0433C13.944 14.4307 14.4307 13.944 15.0433 13.6903C15.5027 13.5 16.0851 13.5 17.25 13.5C18.4149 13.5 18.9973 13.5 19.4567 13.6903C20.0693 13.944 20.556 14.4307 20.8097 15.0433C21 15.5027 21 16.0851 21 17.25C21 18.4149 21 18.9973 20.8097 19.4567C20.556 20.0693 20.0693 20.556 19.4567 20.8097C18.9973 21 18.4149 21 17.25 21C16.0851 21 15.5027 21 15.0433 20.8097C14.4307 20.556 13.944 20.0693 13.6903 19.4567Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 3,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.1903 19.4567C3 18.9973 3 18.4149 3 17.25C3 16.0851 3 15.5027 3.1903 15.0433C3.44404 14.4307 3.93072 13.944 4.54329 13.6903C5.00272 13.5 5.58515 13.5 6.75 13.5C7.91485 13.5 8.49728 13.5 8.95671 13.6903C9.56928 13.944 10.056 14.4307 10.3097 15.0433C10.5 15.5027 10.5 16.0851 10.5 17.25C10.5 18.4149 10.5 18.9973 10.3097 19.4567C10.056 20.0693 9.56928 20.556 8.95671 20.8097C8.49728 21 7.91485 21 6.75 21C5.58515 21 5.00272 21 4.54329 20.8097C3.93072 20.556 3.44404 20.0693 3.1903 19.4567Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.rect,
-                  {
-                    x: "2",
-                    y: "2",
-                    width: "20",
-                    height: "20",
-                    rx: "3",
-                    fill: "url(#grid-sweep)",
-                    variants: sweepVariants,
-                    initial: "normal",
-                    animate: controls,
-                    style: { pointerEvents: "none" }
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Dashboard02Icon.displayName = "Dashboard02Icon";
-var Dashboard03Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const gridVariants = {
-      normal: { scale: 1, rotate: 0 },
-      animate: {
-        scale: [1, 1.04, 1],
-        rotate: [0, 1, 0],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const tileVariants = {
-      normal: { opacity: 1, scale: 1 },
-      animate: (i) => ({
-        opacity: [0.5, 1],
-        scale: [0.9, 1.08, 1],
-        transition: {
-          duration: 0.55 * duration,
-          delay: 0.08 * i,
-          ease: "easeOut"
-        }
-      })
-    };
-    const sweepVariants = {
-      normal: { x: -26, y: -26, opacity: 0 },
-      animate: {
-        x: [-26, 26],
-        y: [-26, 26],
-        opacity: [0, 0.25, 0],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut",
-          delay: 0.1
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinejoin: "round",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: "dashboard03-sweep", x1: "0", y1: "0", x2: "1", y2: "1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "currentColor", stopOpacity: "0.25" }),
-                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(react$1.motion.g, { variants: gridVariants, initial: "normal", animate: controls, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 0,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 6.75C10.5 4.67893 8.82107 3 6.75 3C4.67893 3 3 4.67893 3 6.75C3 8.82107 4.67893 10.5 6.75 10.5C8.82107 10.5 10.5 8.82107 10.5 6.75Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 1,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 6.75C21 4.67893 19.3211 3 17.25 3C15.1789 3 13.5 4.67893 13.5 6.75C13.5 8.82107 15.1789 10.5 17.25 10.5C19.3211 10.5 21 8.82107 21 6.75Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 2,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 17.25C21 15.1789 19.3211 13.5 17.25 13.5C15.1789 13.5 13.5 15.1789 13.5 17.25C13.5 19.3211 15.1789 21 17.25 21C19.3211 21 21 19.3211 21 17.25Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.g,
-                  {
-                    variants: tileVariants,
-                    custom: 3,
-                    initial: "normal",
-                    animate: controls,
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 17.25C10.5 15.1789 8.82107 13.5 6.75 13.5C4.67893 13.5 3 15.1789 3 17.25C3 19.3211 4.67893 21 6.75 21C8.82107 21 10.5 19.3211 10.5 17.25Z" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react$1.motion.rect,
-                  {
-                    x: "2",
-                    y: "2",
-                    width: "20",
-                    height: "20",
-                    rx: "6",
-                    fill: "url(#dashboard03-sweep)",
-                    variants: sweepVariants,
-                    initial: "normal",
-                    animate: controls,
-                    style: { pointerEvents: "none" }
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Dashboard03Icon.displayName = "Dashboard03Icon";
-var DiscordIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        y: 0
-      },
-      animate: {
-        scale: [1, 1.04, 1],
-        y: [0, 1.2, 0],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const eyeVariants = {
-      normal: {
-        scaleY: 1
-      },
-      animate: {
-        scaleY: [1, 0.1, 1],
-        transition: {
-          duration: 0.4 * duration,
-          ease: "easeInOut",
-          times: [0, 0.5, 1]
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5008 17.75L16.7942 19.5205C16.9156 19.7127 17.1489 19.7985 17.3619 19.7224C18.1657 19.4353 20.158 18.6572 21.7984 17.4725C21.9263 17.3801 22.0002 17.2261 21.9992 17.0673C21.9992 8.25 19.5008 5.75 19.5008 5.75C19.5008 5.75 17.5008 4.60213 15.3547 4.25602C15.1436 4.22196 14.9368 4.33509 14.8429 4.52891L14.3979 5.44677C14.3979 5.44677 13.2853 5.21397 12 5.21397C10.7147 5.21397 9.6021 5.44677 9.6021 5.44677L9.15711 4.52891C9.06314 4.33509 8.85644 4.22196 8.64529 4.25602C6.50079 4.60187 4.50079 5.75 4.50079 5.75C4.50079 5.75 2.0008 8.25 2.0008 17.0673C1.9998 17.2261 2.07365 17.3801 2.20159 17.4725C3.84196 18.6572 5.8343 19.4353 6.63806 19.7224C6.85105 19.7985 7.08437 19.7127 7.20582 19.5205L8.50079 17.75" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.5008 16.75C17.5008 16.75 15.2057 18.25 12.0008 18.25C8.79587 18.25 6.50079 16.75 6.50079 16.75" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M17.2508 12.25C17.2508 13.3546 16.4673 14.25 15.5008 14.25C14.5343 14.25 13.7508 13.3546 13.7508 12.25C13.7508 11.1454 14.5343 10.25 15.5008 10.25C16.4673 10.25 17.2508 11.1454 17.2508 12.25Z",
-                  variants: eyeVariants,
-                  style: { transformOrigin: "center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M10.2508 12.25C10.2508 13.3546 9.46729 14.25 8.50079 14.25C7.5343 14.25 6.75079 13.3546 6.75079 12.25C6.75079 11.1454 7.5343 10.25 8.50079 10.25C9.46729 10.25 10.2508 11.1454 10.2508 12.25Z",
-                  variants: eyeVariants,
-                  style: { transformOrigin: "center" }
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-DiscordIcon.displayName = "DiscordIcon";
-var DownloadIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const shaftVariants = {
-      normal: { strokeDashoffset: 0, opacity: 1 },
-      animate: {
-        strokeDashoffset: [24, 0],
-        opacity: [0.4, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const headVariants = {
-      normal: { y: 0, scale: 1, opacity: 1 },
-      animate: {
-        y: [-2, 2, 0],
-        scale: [1, 1.05, 1],
-        opacity: [0.6, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut",
-          delay: 0.05 * duration
-        }
-      }
-    };
-    const trayVariants = {
-      normal: { strokeDashoffset: 0, opacity: 1 },
-      animate: {
-        strokeDashoffset: [40, 0],
-        opacity: [0.3, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut",
-          delay: 0.1 * duration
-        }
-      }
-    };
-    const groupPulse = {
-      normal: { scale: 1 },
-      animate: {
-        scale: [1, 1.02, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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: /* @__PURE__ */ jsxRuntime.jsxs(react$1.motion.g, { variants: groupPulse, initial: "normal", animate: controls, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M11.9997 15.0002V3.00016",
-                  strokeDasharray: "24",
-                  strokeDashoffset: "24",
-                  variants: shaftVariants,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002",
-                  variants: headVariants,
-                  initial: "normal",
-                  animate: controls
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002",
-                  strokeDasharray: "40",
-                  strokeDashoffset: "40",
-                  variants: trayVariants,
-                  initial: "normal",
-                  animate: controls
-                }
-              )
-            ] })
-          }
-        )
-      }
-    );
-  }
-);
-DownloadIcon.displayName = "DownloadIcon";
-var EyeIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const eyeControls = react$1.useAnimation();
-    const pupilControls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => {
-          if (reduced) {
-            eyeControls.start("open");
-            pupilControls.start("center");
-          } else {
-            eyeControls.start("blink");
-            pupilControls.start("scan");
-          }
-        },
-        stopAnimation: () => {
-          eyeControls.start("open");
-          pupilControls.start("center");
-        }
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) {
-          eyeControls.start("blink");
-          pupilControls.start("scan");
-        } else {
-          onMouseEnter?.(e);
-        }
-      },
-      [eyeControls, pupilControls, onMouseEnter, reduced, isAnimated]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) {
-          eyeControls.start("open");
-          pupilControls.start("center");
-        } else {
-          onMouseLeave?.(e);
-        }
-      },
-      [eyeControls, pupilControls, onMouseLeave]
-    );
-    const eyeVariants = {
-      open: { scaleY: 1 },
-      blink: {
-        scaleY: [1, 0.1, 1],
-        transition: {
-          duration: 0.25 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const pupilVariants = {
-      center: { x: 0 },
-      scan: {
-        x: [-2, 2, -1, 1, 0],
-        transition: {
-          duration: 1.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.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: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M21.544 11.045C21.848 11.4713 22 11.6845 22 12C22 12.3155 21.848 12.5287 21.544 12.955C20.1779 14.8706 16.6892 19 12 19C7.31078 19 3.8221 14.8706 2.45604 12.955C2.15201 12.5287 2 12.3155 2 12C2 11.6845 2.15201 11.4713 2.45604 11.045C3.8221 9.12944 7.31078 5 12 5C16.6892 5 20.1779 9.12944 21.544 11.045Z",
-                  animate: eyeControls,
-                  initial: "open",
-                  variants: eyeVariants,
-                  style: {
-                    transformBox: "fill-box",
-                    transformOrigin: "center"
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.circle,
-                {
-                  cx: "12",
-                  cy: "12",
-                  r: "3",
-                  animate: pupilControls,
-                  initial: "center",
-                  variants: pupilVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-EyeIcon.displayName = "EyeIcon";
-var FacebookIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        y: 0
-      },
-      animate: {
-        scale: [1, 1.035, 1],
-        y: [0, -1, 0],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const logoVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0, 1],
-        opacity: [0.4, 1],
-        transition: {
-          duration: 0.9 * duration,
-          ease: "easeInOut",
-          delay: 0.1
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.motion.svg,
-          {
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinejoin: "round",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                fillRule: "evenodd",
-                clipRule: "evenodd",
-                d: "M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z",
-                variants: logoVariants,
-                style: {
-                  transformBox: "fill-box",
-                  transformOrigin: "center"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-FacebookIcon.displayName = "FacebookIcon";
-var FigmaIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        y: 0
-      },
-      animate: {
-        scale: [1, 1.04, 1],
-        y: [0, -1, 0],
-        transition: {
-          duration: 0.7 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const segmentVariants = {
-      normal: {
-        opacity: 1,
-        y: 0
-      },
-      animate: (i) => ({
-        opacity: [0, 1],
-        y: [3, 0],
-        transition: {
-          duration: 0.45 * duration,
-          ease: "easeOut",
-          delay: i * 0.08
-        }
-      })
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinejoin: "round",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M12 3V9H9C7.34315 9 6 7.65685 6 6C6 4.34315 7.34315 3 9 3H12Z",
-                  variants: segmentVariants,
-                  custom: 0
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M12 3V9H15C16.6569 9 18 7.65685 18 6C18 4.34315 16.6569 3 15 3H12Z",
-                  variants: segmentVariants,
-                  custom: 1
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M12 9V15H9C7.34315 15 6 13.6569 6 12C6 10.3431 7.34315 9 9 9H12Z",
-                  variants: segmentVariants,
-                  custom: 2
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9 21C10.6569 21 12 19.6569 12 18V15H9C7.34315 15 6 16.3431 6 18C6 19.6569 7.34315 21 9 21Z",
-                  variants: segmentVariants,
-                  custom: 3
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.circle,
-                {
-                  cx: "15",
-                  cy: "12",
-                  r: "3",
-                  variants: segmentVariants,
-                  custom: 4
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-FigmaIcon.displayName = "FigmaIcon";
-var GithubIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        y: 0,
-        opacity: 1
-      },
-      animate: {
-        scale: [1, 1.06, 1],
-        y: [0, -2, 0],
-        opacity: [1, 0.9, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const pathVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0.6, 1],
-        opacity: [0.5, 1],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            style: { transformOrigin: "center" },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M10 20.5675C6.57143 21.7248 3.71429 20.5675 2 17",
-                  variants: pathVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M10 22V18.7579C10 18.1596 10.1839 17.6396 10.4804 17.1699C10.6838 16.8476 10.5445 16.3904 10.1771 16.2894C7.13394 15.4528 5 14.1077 5 9.64606C5 8.48611 5.38005 7.39556 6.04811 6.4464C6.21437 6.21018 6.29749 6.09208 6.31748 5.9851C6.33746 5.87813 6.30272 5.73852 6.23322 5.45932C5.95038 4.32292 5.96871 3.11619 6.39322 2.02823C6.39322 2.02823 7.27042 1.74242 9.26698 2.98969C9.72282 3.27447 9.95075 3.41686 10.1515 3.44871C10.3522 3.48056 10.6206 3.41384 11.1573 3.28041C11.8913 3.09795 12.6476 3 13.5 3C14.3524 3 15.1087 3.09795 15.8427 3.28041C16.3794 3.41384 16.6478 3.48056 16.8485 3.44871C17.0493 3.41686 17.2772 3.27447 17.733 2.98969C19.7296 1.74242 20.6068 2.02823 20.6068 2.02823C21.0313 3.11619 21.0496 4.32292 20.7668 5.45932C20.6973 5.73852 20.6625 5.87813 20.6825 5.9851C20.7025 6.09207 20.7856 6.21019 20.9519 6.4464C21.6199 7.39556 22 8.48611 22 9.64606C22 14.1077 19.8661 15.4528 16.8229 16.2894C16.4555 16.3904 16.3162 16.8476 16.5196 17.1699C16.8161 17.6396 17 18.1596 17 18.7579V22",
-                  variants: pathVariants
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-GithubIcon.displayName = "GithubIcon";
-var HeartIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const svgVariant = {
-      normal: { scale: 1 },
-      animate: {
-        scale: [1, 1.06, 1],
-        transition: {
-          duration: 0.3 * duration,
-          delay: 0.9 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const pathVariant = {
-      normal: {
-        pathLength: 1,
-        opacity: 1,
-        fillOpacity: 0
-      },
-      animate: {
-        pathLength: [0, 1],
-        fillOpacity: [0],
-        transition: {
-          pathLength: {
-            duration: 0.8 * duration,
-            ease: "easeInOut"
-          },
-          fillOpacity: {
-            duration: 0.3 * duration,
-            delay: 0.8 * duration,
-            ease: "easeInOut"
-          }
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "currentColor",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            animate: controls,
-            initial: "normal",
-            variants: svgVariant,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                d: "M10.4107 19.9677C7.58942 17.858 2 13.0348 2 8.69444C2 5.82563 4.10526 3.5 7 3.5C8.5 3.5 10 4 12 6C14 4 15.5 3.5 17 3.5C19.8947 3.5 22 5.82563 22 8.69444C22 13.0348 16.4106 17.858 13.5893 19.9677C12.6399 20.6776 11.3601 20.6776 10.4107 19.9677Z",
-                variants: pathVariant
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-HeartIcon.displayName = "HeartIcon";
-var Loading01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const loaderVariants = {
-      normal: { rotate: 0, scale: 1, transition: { duration: 0.3 * duration } },
-      animate: {
-        rotate: 360,
-        scale: [1, 1.1, 1],
-        transition: {
-          rotate: { duration: 1 * duration, ease: "linear", repeat: Infinity },
-          scale: {
-            duration: 0.6 * duration,
-            repeat: Infinity,
-            repeatType: "mirror"
-          }
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: loaderVariants,
-            style: { transformOrigin: "center" },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3V6" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 18V21" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12L18 12" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12L3 12" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.3635 5.63672L16.2422 7.75804" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.75804 16.2422L5.63672 18.3635" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.3635 18.3635L16.2422 16.2422" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.75804 7.75804L5.63672 5.63672" })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Loading01Icon.displayName = "Loading01Icon";
-var Loading02Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const loaderVariants = {
-      normal: { rotate: 0, scale: 1, transition: { duration: 0.3 * duration } },
-      animate: {
-        rotate: 360,
-        scale: [1, 1.1, 1],
-        transition: {
-          rotate: { duration: 1 * duration, ease: "linear", repeat: Infinity },
-          scale: {
-            duration: 0.6 * duration,
-            repeat: Infinity,
-            repeatType: "mirror"
-          }
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: loaderVariants,
-            style: { transformOrigin: "center" },
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.001 20C16.3295 21.2558 14.2516 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 12.8634 21.8906 13.7011 21.6849 14.5003C21.4617 15.3673 20.5145 15.77 19.6699 15.4728C18.9519 15.2201 18.6221 14.3997 18.802 13.66C18.9314 13.1279 19 12.572 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C13.3197 19 14.554 18.6348 15.6076 18" })
-          }
-        )
-      }
-    );
-  }
-);
-Loading02Icon.displayName = "Loading02Icon";
-var Menu01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const topVariants = {
-      normal: {
-        x: 0,
-        scaleX: 1
-      },
-      animate: {
-        x: 3,
-        scaleX: 0.85,
-        transition: {
-          duration: 0.25 * duration,
-          ease: "easeOut",
-          delay: 0
-        }
-      }
-    };
-    const middleVariants = {
-      normal: {
-        x: 0,
-        scaleX: 1
-      },
-      animate: {
-        x: 5,
-        scaleX: 0.7,
-        transition: {
-          duration: 0.25 * duration,
-          ease: "easeOut",
-          delay: 0.05 * duration
-        }
-      }
-    };
-    const bottomVariants = {
-      normal: {
-        x: 0,
-        scaleX: 1
-      },
-      animate: {
-        x: 7,
-        scaleX: 0.55,
-        transition: {
-          duration: 0.25 * duration,
-          ease: "easeOut",
-          delay: 0.1 * duration
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M4 5L20 5",
-                  variants: topVariants,
-                  style: { transformOrigin: "left center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M4 12L20 12",
-                  variants: middleVariants,
-                  style: { transformOrigin: "left center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M4 19L20 19",
-                  variants: bottomVariants,
-                  style: { transformOrigin: "left center" }
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Menu01Icon.displayName = "Menu01Icon";
-var Menu02Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const topVariants = {
-      normal: { x: 0 },
-      animate: {
-        x: 6,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 18,
-          delay: 0,
-          duration: 0.4 * duration
-        }
-      }
-    };
-    const middleVariants = {
-      normal: { x: 0 },
-      animate: {
-        x: 10,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 18,
-          delay: 0.05 * duration,
-          duration: 0.4 * duration
-        }
-      }
-    };
-    const bottomVariants = {
-      normal: { x: 0 },
-      animate: {
-        x: 6,
-        transition: {
-          type: "spring",
-          stiffness: 300,
-          damping: 18,
-          delay: 0.1 * duration,
-          duration: 0.4 * duration
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M20 5L4 5",
-                  variants: topVariants,
-                  style: { transformOrigin: "right center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M20 12L10 12",
-                  variants: middleVariants,
-                  style: { transformOrigin: "right center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M20 19L4 19",
-                  variants: bottomVariants,
-                  style: { transformOrigin: "right center" }
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Menu02Icon.displayName = "Menu02Icon";
-var MousePointerClick01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const pointerVariants = {
-      normal: {
-        scale: 1,
-        y: 0
-      },
-      animate: {
-        scale: [1, 0.95, 1],
-        y: [0, 1, 0],
-        transition: {
-          duration: 0.5 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const clickRayVariants = {
-      normal: {
-        opacity: 1,
-        scale: 1
-      },
-      animate: {
-        opacity: [0, 1, 0, 1],
-        scale: [0.6, 1.2, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M9 4V2",
-                  variants: clickRayVariants,
-                  style: { transformOrigin: "center" }
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.path, { d: "M5 5L3.5 3.5", variants: clickRayVariants }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.path, { d: "M4 9H2", variants: clickRayVariants }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.path, { d: "M5 13L3.5 14.5", variants: clickRayVariants }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.path, { d: "M14.5 3.5L13 5", variants: clickRayVariants }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M12.669 8.35811L17.6969 10.3256C20.5969 11.4604 22.0469 12.0277 21.9988 12.9278C21.9508 13.8278 20.4375 14.2405 17.4111 15.0659C16.5099 15.3117 16.0593 15.4346 15.7469 15.7469C15.4346 16.0593 15.3117 16.5099 15.0659 17.4111C14.2405 20.4375 13.8278 21.9508 12.9278 21.9988C12.0277 22.0469 11.4604 20.5969 10.3256 17.6969L8.35811 12.669C7.17004 9.63279 6.57601 8.1147 7.34535 7.34535C8.1147 6.57601 9.63279 7.17004 12.669 8.35811Z",
-                  variants: pointerVariants,
-                  style: {
-                    transformBox: "fill-box",
-                    transformOrigin: "center"
-                  }
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-MousePointerClick01Icon.displayName = "MousePointerClick01Icon";
-var NewTwitterIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        rotate: 0
-      },
-      animate: {
-        scale: [1, 1.04, 1],
-        rotate: [0, 2, -2, 0],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const pathVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0, 1],
-        opacity: [0.4, 1],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                d: "M3 21L10.5484 13.4516M21 3L13.4516 10.5484M13.4516 10.5484L8 3H3L10.5484 13.4516M13.4516 10.5484L21 21H16L10.5484 13.4516",
-                variants: pathVariants
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-NewTwitterIcon.displayName = "NewTwitterIcon";
-var NotificationIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bellVariants = {
-      normal: { rotate: 0 },
-      animate: {
-        rotate: [0, -18, 15, -10, 6, -3, 0],
-        transition: {
-          duration: 1.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const clapperVariants = {
-      normal: { x: 0 },
-      animate: {
-        x: [0, -4, 4, -2, 2, 0],
-        transition: {
-          duration: 1.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("relative inline-flex", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            variants: bellVariants,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M15.5 18C15.5 19.933 13.933 21.5 12 21.5C10.067 21.5 8.5 19.933 8.5 18",
-                  variants: clapperVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.2311 18H4.76887C3.79195 18 3 17.208 3 16.2311C3 15.762 3.18636 15.3121 3.51809 14.9803L4.12132 14.3771C4.68393 13.8145 5 13.0514 5 12.2558V9.5C5 5.63401 8.13401 2.5 12 2.5C15.866 2.5 19 5.634 19 9.5V12.2558C19 13.0514 19.3161 13.8145 19.8787 14.3771L20.4819 14.9803C20.8136 15.3121 21 15.762 21 16.2311C21 17.208 20.208 18 19.2311 18Z" })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-NotificationIcon.displayName = "NotificationIcon";
-var NotificationOffIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const bellVariants = {
-      normal: { rotate: 0 },
-      animate: {
-        rotate: [0, -10, 8, -5, 3, -1, 0],
-        transition: {
-          duration: 1.4 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const clapperVariants = {
-      normal: { x: 0 },
-      animate: {
-        x: [0, -2, 2, -1, 1, 0],
-        transition: {
-          duration: 1.4 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("relative inline-flex", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            variants: bellVariants,
-            style: { originX: 0.5, originY: 0.15 },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.path,
-                {
-                  d: "M15.5 18C15.5 19.933 13.933 21.5 12 21.5C10.067 21.5 8.5 19.933 8.5 18",
-                  variants: clapperVariants
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2L22 22" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 16.2311C21 15.762 20.8136 15.3121 20.4819 14.9803L19.8787 14.3771C19.3161 13.8145 19 13.0514 19 12.2558V9.5C19 5.634 15.866 2.5 12 2.5C10.4497 2.5 9.01706 3.00399 7.85707 3.85707M4.76887 18C3.79195 18 3 17.208 3 16.2311C3 15.762 3.18636 15.3121 3.51809 14.9803L4.12132 14.3771C4.68393 13.8145 5 13.0514 5 12.2558V9.5C5 8.20839 5.34981 6.99849 5.95987 5.95987L18 18H4.76887Z" })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-NotificationOffIcon.displayName = "NotificationOffIcon";
-var SearchIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const lensVariants = {
-      normal: { x: 0, y: 0, rotate: 0, opacity: 1 },
-      animate: {
-        x: [0, 2, -2, 1, 0],
-        y: [0, -1, 2, -1, 0],
-        rotate: [0, 6, -6, 4, 0],
-        transition: {
-          duration: 1.2 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.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",
-            animate: controls,
-            initial: "normal",
-            children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.motion.g, { variants: lensVariants, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.circle, { cx: "11", cy: "11", r: "8" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 17L21 21" })
-            ] })
-          }
-        )
-      }
-    );
-  }
-);
-SearchIcon.displayName = "SearchIcon";
-var Settings01Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const gearVariants = {
-      normal: {
-        rotate: 0,
-        scale: 1
-      },
-      animate: {
-        rotate: [0, 60],
-        scale: [1, 1.05, 1],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const coreVariants = {
-      normal: {
-        rotate: 0
-      },
-      animate: {
-        rotate: [0, -90],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.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",
-            initial: "normal",
-            animate: controls,
-            style: { transformOrigin: "center" },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.g, { variants: gearVariants, style: { transformOrigin: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.011 14.0965C21.5329 13.9558 21.7939 13.8854 21.8969 13.7508C22 13.6163 22 13.3998 22 12.9669V11.0332C22 10.6003 22 10.3838 21.8969 10.2493C21.7938 10.1147 21.5329 10.0443 21.011 9.90358C19.0606 9.37759 17.8399 7.33851 18.3433 5.40087C18.4817 4.86799 18.5509 4.60156 18.4848 4.44529C18.4187 4.28902 18.2291 4.18134 17.8497 3.96596L16.125 2.98673C15.7528 2.77539 15.5667 2.66972 15.3997 2.69222C15.2326 2.71472 15.0442 2.90273 14.6672 3.27873C13.208 4.73448 10.7936 4.73442 9.33434 3.27864C8.95743 2.90263 8.76898 2.71463 8.60193 2.69212C8.43489 2.66962 8.24877 2.77529 7.87653 2.98663L6.15184 3.96587C5.77253 4.18123 5.58287 4.28891 5.51678 4.44515C5.45068 4.6014 5.51987 4.86787 5.65825 5.4008C6.16137 7.3385 4.93972 9.37763 2.98902 9.9036C2.46712 10.0443 2.20617 10.1147 2.10308 10.2492C2 10.3838 2 10.6003 2 11.0332V12.9669C2 13.3998 2 13.6163 2.10308 13.7508C2.20615 13.8854 2.46711 13.9558 2.98902 14.0965C4.9394 14.6225 6.16008 16.6616 5.65672 18.5992C5.51829 19.1321 5.44907 19.3985 5.51516 19.5548C5.58126 19.7111 5.77092 19.8188 6.15025 20.0341L7.87495 21.0134C8.24721 21.2247 8.43334 21.3304 8.6004 21.3079C8.76746 21.2854 8.95588 21.0973 9.33271 20.7213C10.7927 19.2644 13.2088 19.2643 14.6689 20.7212C15.0457 21.0973 15.2341 21.2853 15.4012 21.3078C15.5682 21.3303 15.7544 21.2246 16.1266 21.0133L17.8513 20.034C18.2307 19.8187 18.4204 19.711 18.4864 19.5547C18.5525 19.3984 18.4833 19.132 18.3448 18.5991C17.8412 16.6616 19.0609 14.6226 21.011 14.0965Z" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.g, { variants: coreVariants, style: { transformOrigin: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z" }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Settings01Icon.displayName = "Settings01Icon";
-var Settings02Icon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        rotate: 0
-      },
-      animate: {
-        scale: [1, 1.04, 0.98, 1],
-        rotate: [0, -2, 2, 0],
-        transition: {
-          duration: 0.7 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const outerVariants = {
-      normal: {
-        rotate: 0
-      },
-      animate: {
-        rotate: [0, 18, 32, 28, 30],
-        transition: {
-          duration: 0.7 * duration,
-          ease: "easeOut"
-        }
-      }
-    };
-    const innerVariants = {
-      normal: {
-        scale: 1
-      },
-      animate: {
-        scale: [1, 0.85, 1.08, 1],
-        transition: {
-          duration: 0.55 * duration,
-          ease: "easeOut",
-          delay: 0.08
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            style: { transformOrigin: "center" },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.g, { variants: outerVariants, style: { transformOrigin: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.7906 9.15201C21.5969 10.5418 22 11.2366 22 12C22 12.7634 21.5969 13.4582 20.7906 14.848L18.8669 18.1638C18.0638 19.548 17.6623 20.2402 17.0019 20.6201C16.3416 21 15.5402 21 13.9373 21L10.0627 21C8.45982 21 7.6584 21 6.99807 20.6201C6.33774 20.2402 5.93619 19.548 5.13311 18.1638L3.20942 14.848C2.40314 13.4582 2 12.7634 2 12C2 11.2366 2.40314 10.5418 3.20942 9.152L5.13311 5.83621C5.93619 4.45196 6.33774 3.75984 6.99807 3.37992C7.6584 3 8.45982 3 10.0627 3L13.9373 3C15.5402 3 16.3416 3 17.0019 3.37992C17.6623 3.75984 18.0638 4.45197 18.8669 5.83622L20.7906 9.15201Z" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(react$1.motion.g, { variants: innerVariants, style: { transformOrigin: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z" }) })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Settings02Icon.displayName = "Settings02Icon";
-var TwitterIcon = react.forwardRef(
-  ({
-    onMouseEnter,
-    onMouseLeave,
-    className,
-    size = 24,
-    duration = 1,
-    isAnimated = true,
-    color,
-    ...props
-  }, ref) => {
-    const controls = react$1.useAnimation();
-    const reduced = react$1.useReducedMotion();
-    const isControlled = react.useRef(false);
-    react.useImperativeHandle(ref, () => {
-      isControlled.current = true;
-      return {
-        startAnimation: () => reduced ? controls.start("normal") : controls.start("animate"),
-        stopAnimation: () => controls.start("normal")
-      };
-    });
-    const handleEnter = react.useCallback(
-      (e) => {
-        if (!isAnimated || reduced) return;
-        if (!isControlled.current) controls.start("animate");
-        else onMouseEnter?.(e);
-      },
-      [controls, reduced, isAnimated, onMouseEnter]
-    );
-    const handleLeave = react.useCallback(
-      (e) => {
-        if (!isControlled.current) controls.start("normal");
-        else onMouseLeave?.(e);
-      },
-      [controls, onMouseLeave]
-    );
-    const containerVariants = {
-      normal: {
-        scale: 1,
-        y: 0
-      },
-      animate: {
-        scale: [1, 1.06, 1],
-        y: [0, -2, 0],
-        transition: {
-          duration: 0.6 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    const pathVariants = {
-      normal: {
-        pathLength: 1,
-        opacity: 1
-      },
-      animate: {
-        pathLength: [0.3, 1],
-        opacity: [0.5, 1],
-        transition: {
-          duration: 0.8 * duration,
-          ease: "easeInOut"
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react$1.motion.div,
-      {
-        className: cn("inline-flex items-center justify-center", className),
-        onMouseEnter: handleEnter,
-        onMouseLeave: handleLeave,
-        ...props,
-        style: { color, ...props.style },
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.motion.svg,
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: size,
-            height: size,
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinejoin: "round",
-            initial: "normal",
-            animate: controls,
-            variants: containerVariants,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.path,
-              {
-                d: "M2 18.5C3.76504 19.521 5.81428 20 8 20C14.4808 20 19.7617 14.8625 19.9922 8.43797L22 4.5L18.6458 5C17.9407 4.37764 17.0144 4 16 4C13.4276 4 11.5007 6.51734 12.1209 8.98003C8.56784 9.20927 5.34867 7.0213 3.48693 4.10523C2.25147 8.30185 3.39629 13.3561 6.5 16.4705C6.5 17.647 3.5 18.3488 2 18.5Z",
-                variants: pathVariants
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-TwitterIcon.displayName = "TwitterIcon";
-
-exports.ActivityIcon = ActivityIcon;
-exports.BookmarkCheckIcon = BookmarkCheckIcon;
-exports.BookmarkIcon = BookmarkIcon;
-exports.BookmarkMinusIcon = BookmarkMinusIcon;
-exports.BookmarkRemoveIcon = BookmarkRemoveIcon;
-exports.CheckCheckIcon = CheckCheckIcon;
-exports.CheckIcon = CheckIcon;
-exports.ChevronRightIcon = ChevronRightIcon;
-exports.Compass01Icon = Compass01Icon;
-exports.Compass02Icon = Compass02Icon;
-exports.CopyIcon = CopyIcon;
-exports.Dashboard01Icon = Dashboard01Icon;
-exports.Dashboard02Icon = Dashboard02Icon;
-exports.Dashboard03Icon = Dashboard03Icon;
-exports.DiscordIcon = DiscordIcon;
-exports.DownloadIcon = DownloadIcon;
-exports.EyeIcon = EyeIcon;
-exports.FacebookIcon = FacebookIcon;
-exports.FigmaIcon = FigmaIcon;
-exports.GithubIcon = GithubIcon;
-exports.HeartIcon = HeartIcon;
-exports.Loading01Icon = Loading01Icon;
-exports.Loading02Icon = Loading02Icon;
-exports.Menu01Icon = Menu01Icon;
-exports.Menu02Icon = Menu02Icon;
-exports.MousePointerClick01Icon = MousePointerClick01Icon;
-exports.NewTwitterIcon = NewTwitterIcon;
-exports.NotificationIcon = NotificationIcon;
-exports.NotificationOffIcon = NotificationOffIcon;
-exports.SearchIcon = SearchIcon;
-exports.Settings01Icon = Settings01Icon;
-exports.Settings02Icon = Settings02Icon;
-exports.TwitterIcon = TwitterIcon;
-//# sourceMappingURL=huge.cjs.map
-//# sourceMappingURL=huge.cjs.map
+'use strict';var react$1=require('motion/react'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var p=(...a)=>a.filter(Boolean).join(" ");var Tt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{strokeDasharray:"none",strokeDashoffset:0,opacity:1},animate:{strokeDasharray:"60 120",strokeDashoffset:[0,-180],transition:{duration:1.4*o,ease:"linear",repeat:1/0}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,children:jsxRuntime.jsx(react$1.motion.path,{d:"M3.00012 12H7.34073C7.74075 12 8.10229 12.2384 8.25987 12.6061L10.8436 18.6348C10.9386 18.8563 11.1564 19 11.3975 19C11.7303 19 12.0001 18.7302 12.0001 18.3974V5.60262C12.0001 5.2698 12.2699 5 12.6027 5C12.8438 5 13.0617 5.14367 13.1566 5.36526L15.74 11.3939C15.8976 11.7616 16.2591 12 16.6592 12H20.9998",variants:u})})})});Tt.displayName="ActivityIcon";var Dt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{y:0,scaleX:1,scaleY:1},animate:{y:[0,-4,0],scaleY:[1,1.1,.95,1],scaleX:[1,.97,1.02,1],transition:{duration:.45*o,ease:"easeOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[0,1],opacity:1,transition:{duration:.8*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:[jsxRuntime.jsx("path",{d:"M4 17.9808V9.70753C4 6.07416 4 4.25748 5.17157 3.12874C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.12874C20 4.25748 20 6.07416 20 9.70753V17.9808C20 20.2867 20 21.4396 19.2272 21.8523C17.7305 22.6514 14.9232 19.9852 13.59 19.1824C12.8168 18.7168 12.4302 18.484 12 18.484C11.5698 18.484 11.1832 18.7168 10.41 19.1824C9.0768 19.9852 6.26947 22.6514 4.77285 21.8523C4 21.4396 4 20.2867 4 17.9808Z"}),jsxRuntime.jsx(react$1.motion.path,{d:"M9 11.3333C9 11.3333 9.875 11.3333 10.75 13C10.75 13 13.5294 8.83333 16 8",variants:l})]})})});Dt.displayName="BookmarkCheckIcon";var Bt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{y:0,scaleX:1,scaleY:1},animate:{y:[0,-4,0],scaleY:[1,1.1,.95,1],scaleX:[1,.97,1.02,1],transition:{duration:.45*o,ease:"easeOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("relative inline-flex",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",variants:u,children:jsxRuntime.jsx("path",{d:"M4 17.9808V9.70753C4 6.07416 4 4.25748 5.17157 3.12874C6.34315 2 8.22876 2 12 2C15.7712 2 17.6569 2 18.8284 3.12874C20 4.25748 20 6.07416 20 9.70753V17.9808C20 20.2867 20 21.4396 19.2272 21.8523C17.7305 22.6514 14.9232 19.9852 13.59 19.1824C12.8168 18.7168 12.4302 18.484 12 18.484C11.5698 18.484 11.1832 18.7168 10.41 19.1824C9.0768 19.9852 6.26947 22.6514 4.77285 21.8523C4 21.4396 4 20.2867 4 17.9808Z"})})})});Bt.displayName="BookmarkIcon";var Wt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{y:0,scaleX:1,scaleY:1},animate:{y:[0,-4,0],scaleY:[1,1.1,.95,1],scaleX:[1,.97,1.02,1],transition:{duration:.45*o,ease:"easeOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[0,1],opacity:1,transition:{duration:.5*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:[jsxRuntime.jsx("path",{d:"M11 2C7.22876 2 5.34315 2 4.17157 3.12874C3 4.25748 3 6.07416 3 9.70753V17.9808C3 20.2867 3 21.4396 3.77285 21.8523C5.26947 22.6514 8.0768 19.9852 9.41 19.1824C10.1832 18.7168 10.5698 18.484 11 18.484C11.4302 18.484 11.8168 18.7168 12.59 19.1824C13.9232 19.9852 16.7305 22.6514 18.2272 21.8523C19 21.4396 19 20.2867 19 17.9808V11"}),jsxRuntime.jsx(react$1.motion.path,{d:"M13 6L21 6",variants:l})]})})});Wt.displayName="BookmarkMinusIcon";var St=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{y:0,scaleX:1,scaleY:1},animate:{y:[0,-4,0],scaleY:[1,1.1,.95,1],scaleX:[1,.97,1.02,1],transition:{duration:.45*o,ease:"easeOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[0,1],opacity:1,transition:{duration:.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:[jsxRuntime.jsx("path",{d:"M11 2C7.22876 2 5.34315 2 4.17157 3.12874C3 4.25748 3 6.07416 3 9.70753V17.9808C3 20.2867 3 21.4396 3.77285 21.8523C5.26947 22.6514 8.0768 19.9852 9.41 19.1824C10.1832 18.7168 10.5698 18.484 11 18.484C11.4302 18.484 11.8168 18.7168 12.59 19.1824C13.9232 19.9852 16.7305 22.6514 18.2272 21.8523C19 21.4396 19 20.2867 19 17.9808V12"}),jsxRuntime.jsx(react$1.motion.path,{d:"M21 2L14 8.99954M21 9L14 2.00046",variants:l})]})})});St.displayName="BookmarkRemoveIcon";var Ft=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{strokeDashoffset:0,scale:1,opacity:1},animate:{strokeDashoffset:[26,0],scale:[1,1.15,1],opacity:[.5,1],transition:{duration:.7*o,ease:"easeInOut"}}},l={normal:{opacity:1,x:0},animate:{opacity:[0,1],x:[-6,0],transition:{duration:.5*o,ease:"easeOut",delay:.35*o}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M3 13.3333C3 13.3333 4.5 14 6.5 17C6.5 17 6.78485 16.5192 7.32133 15.7526M17 6C14.7085 7.14577 12.3119 9.55181 10.3879 11.8223",strokeDasharray:"26",strokeDashoffset:"0",variants:u,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M8 13.3333C8 13.3333 9.5 14 11.5 17C11.5 17 17 8.5 22 6",variants:l,initial:"normal",animate:t})]})})});Ft.displayName="CheckCheckIcon";var Gt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{strokeDashoffset:0,scale:1,opacity:1},animate:{strokeDashoffset:[24,0],scale:[1,1.15,1],opacity:[.5,1],transition:{duration:.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx(react$1.motion.path,{d:"M5 14.5C5 14.5 6.5 14.5 8.5 18C8.5 18 14.0588 8.83333 19 7",strokeDasharray:"24",strokeDashoffset:"0",variants:u,initial:"normal",animate:t})})})});Gt.displayName="CheckIcon";var zt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{x:0,opacity:1},animate:{x:[0,4,0],opacity:[1,.6,1],transition:{duration:.8*o}}},l={normal:{x:0,opacity:0},animate:{x:[6,10],opacity:[0,.4,0],transition:{duration:.8*o}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18",variants:u})]})})});zt.displayName="ChevronRightIcon";var Qt=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1},animate:{scale:[1,1.05,.98,1],transition:{duration:.9*o,ease:"easeInOut"}}},l={normal:{rotate:0},animate:{rotate:[0,190,175,180],transition:{duration:1*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",animate:t,initial:"normal",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z",variants:u}),jsxRuntime.jsxs(react$1.motion.g,{variants:l,style:{transformBox:"fill-box",transformOrigin:"center"},children:[jsxRuntime.jsx("path",{d:"M12.4014 8.29796L15.3213 7.32465C16.2075 7.02924 16.6507 6.88153 16.8846 7.11544C17.1185 7.34935 16.9708 7.79247 16.6753 8.67871L15.702 11.5986C15.1986 13.1088 14.9469 13.8639 14.4054 14.4054C13.8639 14.9469 13.1088 15.1986 11.5986 15.702L8.67871 16.6753C7.79247 16.9708 7.34935 17.1185 7.11544 16.8846C6.88153 16.6507 7.02924 16.2075 7.32465 15.3213L8.29796 12.4014C8.80136 10.8912 9.05306 10.1361 9.59457 9.59457C10.1361 9.05306 10.8912 8.80136 12.4014 8.29796Z"}),jsxRuntime.jsx("path",{d:"M12 12L11.9936 12.0064",strokeWidth:"2",strokeLinecap:"round"})]})]})})});Qt.displayName="Compass01Icon";var $t=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1},animate:{scale:1.02,transition:{duration:.25*o,ease:"easeOut"}}},l={normal:{rotate:0},animate:{rotate:[0,190,175,180],transition:{duration:1*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z",variants:u}),jsxRuntime.jsxs(react$1.motion.g,{variants:l,style:{transformBox:"fill-box",transformOrigin:"center"},children:[jsxRuntime.jsx("path",{d:"M12.4014 8.29796L15.3213 7.32465C16.2075 7.02924 16.6507 6.88153 16.8846 7.11544C17.1185 7.34935 16.9708 7.79247 16.6753 8.67871L15.702 11.5986C15.1986 13.1088 14.9469 13.8639 14.4054 14.4054C13.8639 14.9469 13.1088 15.1986 11.5986 15.702L8.67871 16.6753C7.79247 16.9708 7.34935 17.1185 7.11544 16.8846C6.88153 16.6507 7.02924 16.2075 7.32465 15.3213L8.29796 12.4014C8.80136 10.8912 9.05306 10.1361 9.59457 9.59457C10.1361 9.05306 10.8912 8.80136 12.4014 8.29796Z"}),jsxRuntime.jsx("path",{d:"M12 12L11.9936 12.0064",strokeWidth:"2"})]})]})})});$t.displayName="Compass02Icon";var nn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={type:"spring",stiffness:160,damping:17,mass:1},l={normal:{translateX:0,translateY:0,rotate:0},animate:{translateX:-3,translateY:-3,rotate:360,transition:{...u,duration:.7*o}}},m={normal:{x:0,y:0,opacity:1},animate:{x:3,y:3,opacity:0,transition:u}};return jsxRuntime.jsx(react$1.motion.div,{className:p("relative inline-flex",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9H16C18.8284 9 20.2426 9 21.1213 9.87868C22 10.7574 22 12.1716 22 15V16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H15C12.1716 22 10.7574 22 9.87868 21.1213C9 20.2426 9 18.8284 9 16V15Z",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M17 9C17 6.04291 16.9528 4.51121 16.092 3.46243C15.9258 3.25989 15.7401 3.07418 15.5376 2.90796C14.4312 2 12.7875 2 9.5 2C6.21252 2 4.56878 2 3.46243 2.90796C3.25989 3.07417 3.07418 3.25989 2.90796 3.46243C2 4.56878 2 6.21252 2 9.5C2 12.7875 2 14.4312 2.90796 15.5376C3.07417 15.7401 3.25989 15.9258 3.46243 16.092C4.51121 16.9528 6.04291 16.9975 9 17",variants:m})]})})});nn.displayName="CopyIcon";var on=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=.6,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,rotate:0},animate:{scale:[1,1.06,.98,1],rotate:[0,-1.5,1.5,0],transition:{duration:1.1*o,ease:"easeInOut"}}},l={normal:{opacity:1,scale:1,y:0},animate:m=>({opacity:[.6,1],scale:[.94,1.05,1],y:[4,-2,0],transition:{duration:o,ease:"easeInOut",delay:m*.08}})};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinejoin:"round",animate:t,initial:"normal",variants:u,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M10.5 8.75V6.75C10.5 5.10626 10.5 4.28439 10.046 3.73121C9.96291 3.62995 9.87005 3.53709 9.76879 3.45398C9.21561 3 8.39374 3 6.75 3C5.10626 3 4.28439 3 3.73121 3.45398C3.62995 3.53709 3.53709 3.62995 3.45398 3.73121C3 4.28439 3 5.10626 3 6.75V8.75C3 10.3937 3 11.2156 3.45398 11.7688C3.53709 11.8701 3.62995 11.9629 3.73121 12.046C4.28439 12.5 5.10626 12.5 6.75 12.5C8.39374 12.5 9.21561 12.5 9.76879 12.046C9.87005 11.9629 9.96291 11.8701 10.046 11.7688C10.5 11.2156 10.5 10.3937 10.5 8.75Z",variants:l,custom:0,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M7.75 15.5H5.75C5.05222 15.5 4.70333 15.5 4.41943 15.5861C3.78023 15.78 3.28002 16.2802 3.08612 16.9194C3 17.2033 3 17.5522 3 18.25C3 18.9478 3 19.2967 3.08612 19.5806C3.28002 20.2198 3.78023 20.72 4.41943 20.9139C4.70333 21 5.05222 21 5.75 21H7.75C8.44778 21 8.79667 21 9.08057 20.9139C9.71977 20.72 10.22 20.2198 10.4139 19.5806C10.5 19.2967 10.5 18.9478 10.5 18.25C10.5 17.5522 10.5 17.2033 10.4139 16.9194C10.22 16.2802 9.71977 15.78 9.08057 15.5861C8.79667 15.5 8.44778 15.5 7.75 15.5Z",variants:l,custom:1,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M21 17.25V15.25C21 13.6063 21 12.7844 20.546 12.2312C20.4629 12.1299 20.3701 12.0371 20.2688 11.954C19.7156 11.5 18.8937 11.5 17.25 11.5C15.6063 11.5 14.7844 11.5 14.2312 11.954C14.1299 12.0371 14.0371 12.1299 13.954 12.2312C13.5 12.7844 13.5 13.6063 13.5 15.25V17.25C13.5 18.8937 13.5 19.7156 13.954 20.2688C14.0371 20.3701 14.1299 20.4629 14.2312 20.546C14.7844 21 15.6063 21 17.25 21C18.8937 21 19.7156 21 20.2688 20.546C20.3701 20.4629 20.4629 20.3701 20.546 20.2688C21 19.7156 21 18.8937 21 17.25Z",variants:l,custom:2,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M18.25 3H16.25C15.5522 3 15.2033 3 14.9194 3.08612C14.2802 3.28002 13.78 3.78023 13.5861 4.41943C13.5 4.70333 13.5 5.05222 13.5 5.75C13.5 6.44778 13.5 6.79667 13.5861 7.08057C13.78 7.71977 14.2802 8.21998 14.9194 8.41388C15.2033 8.5 15.5522 8.5 16.25 8.5H18.25C18.9478 8.5 19.2967 8.5 19.5806 8.41388C20.2198 8.21998 20.72 7.71977 20.9139 7.08057C21 6.79667 21 6.44778 21 5.75C21 5.05222 21 4.70333 20.9139 4.41943C20.72 3.78023 20.2198 3.28002 19.5806 3.08612C19.2967 3 18.9478 3 18.25 3Z",variants:l,custom:3,initial:"normal",animate:t})]})})});on.displayName="Dashboard01Icon";var rn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={normal:{scale:1,rotate:0},animate:{scale:[1,1.04,1],rotate:[0,1,0],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{opacity:1,scale:1},animate:y=>({opacity:[.5,1],scale:[.9,1.08,1],transition:{duration:.55*o,delay:.08*y,ease:"easeOut"}})},m={normal:{x:-26,y:-26,opacity:0},animate:{x:[-26,26],y:[-26,26],opacity:[0,.25,0],transition:{duration:.8*o,ease:"easeInOut",delay:.1}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square",strokeLinejoin:"round",children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"grid-sweep",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:"0"}),jsxRuntime.jsx("stop",{offset:"50%",stopColor:"currentColor",stopOpacity:"0.25"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0"})]})}),jsxRuntime.jsxs(react$1.motion.g,{variants:u,initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:0,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M3.1903 8.95671C3 8.49728 3 7.91485 3 6.75C3 5.58515 3 5.00272 3.1903 4.54329C3.44404 3.93072 3.93072 3.44404 4.54329 3.1903C5.00272 3 5.58515 3 6.75 3C7.91485 3 8.49728 3 8.95671 3.1903C9.56928 3.44404 10.056 3.93072 10.3097 4.54329C10.5 5.00272 10.5 5.58515 10.5 6.75C10.5 7.91485 10.5 8.49728 10.3097 8.95671C10.056 9.56928 9.56928 10.056 8.95671 10.3097C8.49728 10.5 7.91485 10.5 6.75 10.5C5.58515 10.5 5.00272 10.5 4.54329 10.3097C3.93072 10.056 3.44404 9.56928 3.1903 8.95671Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:1,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M13.6903 8.95671C13.5 8.49728 13.5 7.91485 13.5 6.75C13.5 5.58515 13.5 5.00272 13.6903 4.54329C13.944 3.93072 14.4307 3.44404 15.0433 3.1903C15.5027 3 16.0851 3 17.25 3C18.4149 3 18.9973 3 19.4567 3.1903C20.0693 3.44404 20.556 3.93072 20.8097 4.54329C21 5.00272 21 5.58515 21 6.75C21 7.91485 21 8.49728 20.8097 8.95671C20.556 9.56928 20.0693 10.056 19.4567 10.3097C18.9973 10.5 18.4149 10.5 17.25 10.5C16.0851 10.5 15.5027 10.5 15.0433 10.3097C14.4307 10.056 13.944 9.56928 13.6903 8.95671Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:2,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M13.6903 19.4567C13.5 18.9973 13.5 18.4149 13.5 17.25C13.5 16.0851 13.5 15.5027 13.6903 15.0433C13.944 14.4307 14.4307 13.944 15.0433 13.6903C15.5027 13.5 16.0851 13.5 17.25 13.5C18.4149 13.5 18.9973 13.5 19.4567 13.6903C20.0693 13.944 20.556 14.4307 20.8097 15.0433C21 15.5027 21 16.0851 21 17.25C21 18.4149 21 18.9973 20.8097 19.4567C20.556 20.0693 20.0693 20.556 19.4567 20.8097C18.9973 21 18.4149 21 17.25 21C16.0851 21 15.5027 21 15.0433 20.8097C14.4307 20.556 13.944 20.0693 13.6903 19.4567Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:3,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M3.1903 19.4567C3 18.9973 3 18.4149 3 17.25C3 16.0851 3 15.5027 3.1903 15.0433C3.44404 14.4307 3.93072 13.944 4.54329 13.6903C5.00272 13.5 5.58515 13.5 6.75 13.5C7.91485 13.5 8.49728 13.5 8.95671 13.6903C9.56928 13.944 10.056 14.4307 10.3097 15.0433C10.5 15.5027 10.5 16.0851 10.5 17.25C10.5 18.4149 10.5 18.9973 10.3097 19.4567C10.056 20.0693 9.56928 20.556 8.95671 20.8097C8.49728 21 7.91485 21 6.75 21C5.58515 21 5.00272 21 4.54329 20.8097C3.93072 20.556 3.44404 20.0693 3.1903 19.4567Z"})}),jsxRuntime.jsx(react$1.motion.rect,{x:"2",y:"2",width:"20",height:"20",rx:"3",fill:"url(#grid-sweep)",variants:m,initial:"normal",animate:t,style:{pointerEvents:"none"}})]})]})})});rn.displayName="Dashboard02Icon";var cn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={normal:{scale:1,rotate:0},animate:{scale:[1,1.04,1],rotate:[0,1,0],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{opacity:1,scale:1},animate:y=>({opacity:[.5,1],scale:[.9,1.08,1],transition:{duration:.55*o,delay:.08*y,ease:"easeOut"}})},m={normal:{x:-26,y:-26,opacity:0},animate:{x:[-26,26],y:[-26,26],opacity:[0,.25,0],transition:{duration:.8*o,ease:"easeInOut",delay:.1}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinejoin:"round",children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"dashboard03-sweep",x1:"0",y1:"0",x2:"1",y2:"1",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"currentColor",stopOpacity:"0"}),jsxRuntime.jsx("stop",{offset:"50%",stopColor:"currentColor",stopOpacity:"0.25"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"currentColor",stopOpacity:"0"})]})}),jsxRuntime.jsxs(react$1.motion.g,{variants:u,initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:0,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M10.5 6.75C10.5 4.67893 8.82107 3 6.75 3C4.67893 3 3 4.67893 3 6.75C3 8.82107 4.67893 10.5 6.75 10.5C8.82107 10.5 10.5 8.82107 10.5 6.75Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:1,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M21 6.75C21 4.67893 19.3211 3 17.25 3C15.1789 3 13.5 4.67893 13.5 6.75C13.5 8.82107 15.1789 10.5 17.25 10.5C19.3211 10.5 21 8.82107 21 6.75Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:2,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M21 17.25C21 15.1789 19.3211 13.5 17.25 13.5C15.1789 13.5 13.5 15.1789 13.5 17.25C13.5 19.3211 15.1789 21 17.25 21C19.3211 21 21 19.3211 21 17.25Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,custom:3,initial:"normal",animate:t,children:jsxRuntime.jsx("path",{d:"M10.5 17.25C10.5 15.1789 8.82107 13.5 6.75 13.5C4.67893 13.5 3 15.1789 3 17.25C3 19.3211 4.67893 21 6.75 21C8.82107 21 10.5 19.3211 10.5 17.25Z"})}),jsxRuntime.jsx(react$1.motion.rect,{x:"2",y:"2",width:"20",height:"20",rx:"6",fill:"url(#dashboard03-sweep)",variants:m,initial:"normal",animate:t,style:{pointerEvents:"none"}})]})]})})});cn.displayName="Dashboard03Icon";var mn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0},animate:{scale:[1,1.04,1],y:[0,1.2,0],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{scaleY:1},animate:{scaleY:[1,.1,1],transition:{duration:.4*o,ease:"easeInOut",times:[0,.5,1]}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:[jsxRuntime.jsx("path",{d:"M15.5008 17.75L16.7942 19.5205C16.9156 19.7127 17.1489 19.7985 17.3619 19.7224C18.1657 19.4353 20.158 18.6572 21.7984 17.4725C21.9263 17.3801 22.0002 17.2261 21.9992 17.0673C21.9992 8.25 19.5008 5.75 19.5008 5.75C19.5008 5.75 17.5008 4.60213 15.3547 4.25602C15.1436 4.22196 14.9368 4.33509 14.8429 4.52891L14.3979 5.44677C14.3979 5.44677 13.2853 5.21397 12 5.21397C10.7147 5.21397 9.6021 5.44677 9.6021 5.44677L9.15711 4.52891C9.06314 4.33509 8.85644 4.22196 8.64529 4.25602C6.50079 4.60187 4.50079 5.75 4.50079 5.75C4.50079 5.75 2.0008 8.25 2.0008 17.0673C1.9998 17.2261 2.07365 17.3801 2.20159 17.4725C3.84196 18.6572 5.8343 19.4353 6.63806 19.7224C6.85105 19.7985 7.08437 19.7127 7.20582 19.5205L8.50079 17.75"}),jsxRuntime.jsx("path",{d:"M17.5008 16.75C17.5008 16.75 15.2057 18.25 12.0008 18.25C8.79587 18.25 6.50079 16.75 6.50079 16.75"}),jsxRuntime.jsx(react$1.motion.path,{d:"M17.2508 12.25C17.2508 13.3546 16.4673 14.25 15.5008 14.25C14.5343 14.25 13.7508 13.3546 13.7508 12.25C13.7508 11.1454 14.5343 10.25 15.5008 10.25C16.4673 10.25 17.2508 11.1454 17.2508 12.25Z",variants:l,style:{transformOrigin:"center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M10.2508 12.25C10.2508 13.3546 9.46729 14.25 8.50079 14.25C7.5343 14.25 6.75079 13.3546 6.75079 12.25C6.75079 11.1454 7.5343 10.25 8.50079 10.25C9.46729 10.25 10.2508 11.1454 10.2508 12.25Z",variants:l,style:{transformOrigin:"center"}})]})})});mn.displayName="DiscordIcon";var un=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback($=>{!s||n||(e.current?a?.($):t.start("animate"));},[t,n,s,a]),h=react.useCallback($=>{e.current?r?.($):t.start("normal");},[t,r]),u={normal:{strokeDashoffset:0,opacity:1},animate:{strokeDashoffset:[24,0],opacity:[.4,1],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{y:0,scale:1,opacity:1},animate:{y:[-2,2,0],scale:[1,1.05,1],opacity:[.6,1],transition:{duration:.6*o,ease:"easeInOut",delay:.05*o}}},m={normal:{strokeDashoffset:0,opacity:1},animate:{strokeDashoffset:[40,0],opacity:[.3,1],transition:{duration:.6*o,ease:"easeInOut",delay:.1*o}}},y={normal:{scale:1},animate:{scale:[1,1.02,1],transition:{duration:.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsxs(react$1.motion.g,{variants:y,initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M11.9997 15.0002V3.00016",strokeDasharray:"24",strokeDashoffset:"24",variants:u,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M16.4998 11.5002C16.4998 11.5002 13.1856 16.0002 11.9997 16.0002C10.8139 16.0002 7.49976 11.5002 7.49976 11.5002",variants:l,initial:"normal",animate:t}),jsxRuntime.jsx(react$1.motion.path,{d:"M2.99969 17.0002C2.99969 17.9302 2.99969 18.3952 3.10192 18.7767C3.37932 19.8119 4.18796 20.6206 5.22324 20.898C5.60474 21.0002 6.06972 21.0002 6.99969 21.0002L16.9997 21.0002C17.9297 21.0002 18.3947 21.0002 18.7762 20.898C19.8114 20.6206 20.6201 19.8119 20.8975 18.7767C20.9997 18.3952 20.9997 17.9302 20.9997 17.0002",strokeDasharray:"40",strokeDashoffset:"40",variants:m,initial:"normal",animate:t})]})})})});un.displayName="DownloadIcon";var vn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useAnimation(),e=react$1.useReducedMotion(),d=react.useRef(false);react.useImperativeHandle(C,()=>(d.current=true,{startAnimation:()=>{e?(t.start("open"),n.start("center")):(t.start("blink"),n.start("scan"));},stopAnimation:()=>{t.start("open"),n.start("center");}}));let h=react.useCallback(y=>{!s||e||(d.current?a?.(y):(t.start("blink"),n.start("scan")));},[t,n,a,e,s]),u=react.useCallback(y=>{d.current?r?.(y):(t.start("open"),n.start("center"));},[t,n,r]),l={open:{scaleY:1},blink:{scaleY:[1,.1,1],transition:{duration:.25*o,ease:"easeInOut"}}},m={center:{x:0},scan:{x:[-2,2,-1,1,0],transition:{duration:1.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:h,onMouseLeave:u,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx(react$1.motion.path,{d:"M21.544 11.045C21.848 11.4713 22 11.6845 22 12C22 12.3155 21.848 12.5287 21.544 12.955C20.1779 14.8706 16.6892 19 12 19C7.31078 19 3.8221 14.8706 2.45604 12.955C2.15201 12.5287 2 12.3155 2 12C2 11.6845 2.15201 11.4713 2.45604 11.045C3.8221 9.12944 7.31078 5 12 5C16.6892 5 20.1779 9.12944 21.544 11.045Z",animate:t,initial:"open",variants:l,style:{transformBox:"fill-box",transformOrigin:"center"}}),jsxRuntime.jsx(react$1.motion.circle,{cx:"12",cy:"12",r:"3",animate:n,initial:"center",variants:m})]})})});vn.displayName="EyeIcon";var hn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0},animate:{scale:[1,1.035,1],y:[0,-1,0],transition:{duration:.8*o,ease:"easeInOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[0,1],opacity:[.4,1],transition:{duration:.9*o,ease:"easeInOut",delay:.1}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:jsxRuntime.jsx(react$1.motion.path,{fillRule:"evenodd",clipRule:"evenodd",d:"M6.18182 10.3333C5.20406 10.3333 5 10.5252 5 11.4444V13.1111C5 14.0304 5.20406 14.2222 6.18182 14.2222H8.54545V20.8889C8.54545 21.8081 8.74951 22 9.72727 22H12.0909C13.0687 22 13.2727 21.8081 13.2727 20.8889V14.2222H15.9267C16.6683 14.2222 16.8594 14.0867 17.0631 13.4164L17.5696 11.7497C17.9185 10.6014 17.7035 10.3333 16.4332 10.3333H13.2727V7.55556C13.2727 6.94191 13.8018 6.44444 14.4545 6.44444H17.8182C18.7959 6.44444 19 6.25259 19 5.33333V3.11111C19 2.19185 18.7959 2 17.8182 2H14.4545C11.191 2 8.54545 4.48731 8.54545 7.55556V10.3333H6.18182Z",variants:l,style:{transformBox:"fill-box",transformOrigin:"center"}})})})});hn.displayName="FacebookIcon";var Mn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0},animate:{scale:[1,1.04,1],y:[0,-1,0],transition:{duration:.7*o,ease:"easeInOut"}}},l={normal:{opacity:1,y:0},animate:m=>({opacity:[0,1],y:[3,0],transition:{duration:.45*o,ease:"easeOut",delay:m*.08}})};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M12 3V9H9C7.34315 9 6 7.65685 6 6C6 4.34315 7.34315 3 9 3H12Z",variants:l,custom:0}),jsxRuntime.jsx(react$1.motion.path,{d:"M12 3V9H15C16.6569 9 18 7.65685 18 6C18 4.34315 16.6569 3 15 3H12Z",variants:l,custom:1}),jsxRuntime.jsx(react$1.motion.path,{d:"M12 9V15H9C7.34315 15 6 13.6569 6 12C6 10.3431 7.34315 9 9 9H12Z",variants:l,custom:2}),jsxRuntime.jsx(react$1.motion.path,{d:"M9 21C10.6569 21 12 19.6569 12 18V15H9C7.34315 15 6 16.3431 6 18C6 19.6569 7.34315 21 9 21Z",variants:l,custom:3}),jsxRuntime.jsx(react$1.motion.circle,{cx:"15",cy:"12",r:"3",variants:l,custom:4})]})})});Mn.displayName="FigmaIcon";var In=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0,opacity:1},animate:{scale:[1,1.06,1],y:[0,-2,0],opacity:[1,.9,1],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[.6,1],opacity:[.5,1],transition:{duration:.8*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,style:{transformOrigin:"center"},children:[jsxRuntime.jsx(react$1.motion.path,{d:"M10 20.5675C6.57143 21.7248 3.71429 20.5675 2 17",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M10 22V18.7579C10 18.1596 10.1839 17.6396 10.4804 17.1699C10.6838 16.8476 10.5445 16.3904 10.1771 16.2894C7.13394 15.4528 5 14.1077 5 9.64606C5 8.48611 5.38005 7.39556 6.04811 6.4464C6.21437 6.21018 6.29749 6.09208 6.31748 5.9851C6.33746 5.87813 6.30272 5.73852 6.23322 5.45932C5.95038 4.32292 5.96871 3.11619 6.39322 2.02823C6.39322 2.02823 7.27042 1.74242 9.26698 2.98969C9.72282 3.27447 9.95075 3.41686 10.1515 3.44871C10.3522 3.48056 10.6206 3.41384 11.1573 3.28041C11.8913 3.09795 12.6476 3 13.5 3C14.3524 3 15.1087 3.09795 15.8427 3.28041C16.3794 3.41384 16.6478 3.48056 16.8485 3.44871C17.0493 3.41686 17.2772 3.27447 17.733 2.98969C19.7296 1.74242 20.6068 2.02823 20.6068 2.02823C21.0313 3.11619 21.0496 4.32292 20.7668 5.45932C20.6973 5.73852 20.6625 5.87813 20.6825 5.9851C20.7025 6.09207 20.7856 6.21019 20.9519 6.4464C21.6199 7.39556 22 8.48611 22 9.64606C22 14.1077 19.8661 15.4528 16.8229 16.2894C16.4555 16.3904 16.3162 16.8476 16.5196 17.1699C16.8161 17.6396 17 18.1596 17 18.7579V22",variants:l})]})})});In.displayName="GithubIcon";var Ln=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1},animate:{scale:[1,1.06,1],transition:{duration:.3*o,delay:.9*o,ease:"easeInOut"}}},l={normal:{pathLength:1,opacity:1,fillOpacity:0},animate:{pathLength:[0,1],fillOpacity:[0],transition:{pathLength:{duration:.8*o,ease:"easeInOut"},fillOpacity:{duration:.3*o,delay:.8*o,ease:"easeInOut"}}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"currentColor",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",variants:u,children:jsxRuntime.jsx(react$1.motion.path,{d:"M10.4107 19.9677C7.58942 17.858 2 13.0348 2 8.69444C2 5.82563 4.10526 3.5 7 3.5C8.5 3.5 10 4 12 6C14 4 15.5 3.5 17 3.5C19.8947 3.5 22 5.82563 22 8.69444C22 13.0348 16.4106 17.858 13.5893 19.9677C12.6399 20.6776 11.3601 20.6776 10.4107 19.9677Z",variants:l})})})});Ln.displayName="HeartIcon";var wn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{rotate:0,scale:1,transition:{duration:.3*o}},animate:{rotate:360,scale:[1,1.1,1],transition:{rotate:{duration:1*o,ease:"linear",repeat:1/0},scale:{duration:.6*o,repeat:1/0,repeatType:"mirror"}}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",initial:"normal",animate:t,variants:u,style:{transformOrigin:"center"},children:[jsxRuntime.jsx("path",{d:"M12 3V6"}),jsxRuntime.jsx("path",{d:"M12 18V21"}),jsxRuntime.jsx("path",{d:"M21 12L18 12"}),jsxRuntime.jsx("path",{d:"M6 12L3 12"}),jsxRuntime.jsx("path",{d:"M18.3635 5.63672L16.2422 7.75804"}),jsxRuntime.jsx("path",{d:"M7.75804 16.2422L5.63672 18.3635"}),jsxRuntime.jsx("path",{d:"M18.3635 18.3635L16.2422 16.2422"}),jsxRuntime.jsx("path",{d:"M7.75804 7.75804L5.63672 5.63672"})]})})});wn.displayName="Loading01Icon";var Rn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{rotate:0,scale:1,transition:{duration:.3*o}},animate:{rotate:360,scale:[1,1.1,1],transition:{rotate:{duration:1*o,ease:"linear",repeat:1/0},scale:{duration:.6*o,repeat:1/0,repeatType:"mirror"}}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",initial:"normal",animate:t,variants:u,style:{transformOrigin:"center"},children:jsxRuntime.jsx("path",{d:"M18.001 20C16.3295 21.2558 14.2516 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 12.8634 21.8906 13.7011 21.6849 14.5003C21.4617 15.3673 20.5145 15.77 19.6699 15.4728C18.9519 15.2201 18.6221 14.3997 18.802 13.66C18.9314 13.1279 19 12.572 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C13.3197 19 14.554 18.6348 15.6076 18"})})})});Rn.displayName="Loading02Icon";var An=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={normal:{x:0,scaleX:1},animate:{x:3,scaleX:.85,transition:{duration:.25*o,ease:"easeOut",delay:0}}},l={normal:{x:0,scaleX:1},animate:{x:5,scaleX:.7,transition:{duration:.25*o,ease:"easeOut",delay:.05*o}}},m={normal:{x:0,scaleX:1},animate:{x:7,scaleX:.55,transition:{duration:.25*o,ease:"easeOut",delay:.1*o}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M4 5L20 5",variants:u,style:{transformOrigin:"left center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M4 12L20 12",variants:l,style:{transformOrigin:"left center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M4 19L20 19",variants:m,style:{transformOrigin:"left center"}})]})})});An.displayName="Menu01Icon";var Pn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={normal:{x:0},animate:{x:6,transition:{type:"spring",stiffness:300,damping:18,delay:0,duration:.4*o}}},l={normal:{x:0},animate:{x:10,transition:{type:"spring",stiffness:300,damping:18,delay:.05*o,duration:.4*o}}},m={normal:{x:0},animate:{x:6,transition:{type:"spring",stiffness:300,damping:18,delay:.1*o,duration:.4*o}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M20 5L4 5",variants:u,style:{transformOrigin:"right center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M20 12L10 12",variants:l,style:{transformOrigin:"right center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M20 19L4 19",variants:m,style:{transformOrigin:"right center"}})]})})});Pn.displayName="Menu02Icon";var On=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0},animate:{scale:[1,.95,1],y:[0,1,0],transition:{duration:.5*o,ease:"easeInOut"}}},l={normal:{opacity:1,scale:1},animate:{opacity:[0,1,0,1],scale:[.6,1.2,1],transition:{duration:.6*o,ease:"easeOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M9 4V2",variants:l,style:{transformOrigin:"center"}}),jsxRuntime.jsx(react$1.motion.path,{d:"M5 5L3.5 3.5",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M4 9H2",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M5 13L3.5 14.5",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M14.5 3.5L13 5",variants:l}),jsxRuntime.jsx(react$1.motion.path,{d:"M12.669 8.35811L17.6969 10.3256C20.5969 11.4604 22.0469 12.0277 21.9988 12.9278C21.9508 13.8278 20.4375 14.2405 17.4111 15.0659C16.5099 15.3117 16.0593 15.4346 15.7469 15.7469C15.4346 16.0593 15.3117 16.5099 15.0659 17.4111C14.2405 20.4375 13.8278 21.9508 12.9278 21.9988C12.0277 22.0469 11.4604 20.5969 10.3256 17.6969L8.35811 12.669C7.17004 9.63279 6.57601 8.1147 7.34535 7.34535C8.1147 6.57601 9.63279 7.17004 12.669 8.35811Z",variants:u,style:{transformBox:"fill-box",transformOrigin:"center"}})]})})});On.displayName="MousePointerClick01Icon";var Bn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,rotate:0},animate:{scale:[1,1.04,1],rotate:[0,2,-2,0],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[0,1],opacity:[.4,1],transition:{duration:.8*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:jsxRuntime.jsx(react$1.motion.path,{d:"M3 21L10.5484 13.4516M21 3L13.4516 10.5484M13.4516 10.5484L8 3H3L10.5484 13.4516M13.4516 10.5484L21 21H16L10.5484 13.4516",variants:l})})})});Bn.displayName="NewTwitterIcon";var Wn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{rotate:0},animate:{rotate:[0,-18,15,-10,6,-3,0],transition:{duration:1.6*o,ease:"easeInOut"}}},l={normal:{x:0},animate:{x:[0,-4,4,-2,2,0],transition:{duration:1.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("relative inline-flex",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",variants:u,children:[jsxRuntime.jsx(react$1.motion.path,{d:"M15.5 18C15.5 19.933 13.933 21.5 12 21.5C10.067 21.5 8.5 19.933 8.5 18",variants:l}),jsxRuntime.jsx("path",{d:"M19.2311 18H4.76887C3.79195 18 3 17.208 3 16.2311C3 15.762 3.18636 15.3121 3.51809 14.9803L4.12132 14.3771C4.68393 13.8145 5 13.0514 5 12.2558V9.5C5 5.63401 8.13401 2.5 12 2.5C15.866 2.5 19 5.634 19 9.5V12.2558C19 13.0514 19.3161 13.8145 19.8787 14.3771L20.4819 14.9803C20.8136 15.3121 21 15.762 21 16.2311C21 17.208 20.208 18 19.2311 18Z"})]})})});Wn.displayName="NotificationIcon";var Sn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{rotate:0},animate:{rotate:[0,-10,8,-5,3,-1,0],transition:{duration:1.4*o,ease:"easeInOut"}}},l={normal:{x:0},animate:{x:[0,-2,2,-1,1,0],transition:{duration:1.4*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("relative inline-flex",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",variants:u,style:{originX:.5,originY:.15},children:[jsxRuntime.jsx(react$1.motion.path,{d:"M15.5 18C15.5 19.933 13.933 21.5 12 21.5C10.067 21.5 8.5 19.933 8.5 18",variants:l}),jsxRuntime.jsx("path",{d:"M2 2L22 22"}),jsxRuntime.jsx("path",{d:"M21 16.2311C21 15.762 20.8136 15.3121 20.4819 14.9803L19.8787 14.3771C19.3161 13.8145 19 13.0514 19 12.2558V9.5C19 5.634 15.866 2.5 12 2.5C10.4497 2.5 9.01706 3.00399 7.85707 3.85707M4.76887 18C3.79195 18 3 17.208 3 16.2311C3 15.762 3.18636 15.3121 3.51809 14.9803L4.12132 14.3771C4.68393 13.8145 5 13.0514 5 12.2558V9.5C5 8.20839 5.34981 6.99849 5.95987 5.95987L18 18H4.76887Z"})]})})});Sn.displayName="NotificationOffIcon";var Fn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(l=>{!s||n||(e.current?a?.(l):t.start("animate"));},[t,n,s,a]),h=react.useCallback(l=>{e.current?r?.(l):t.start("normal");},[t,r]),u={normal:{x:0,y:0,rotate:0,opacity:1},animate:{x:[0,2,-2,1,0],y:[0,-1,2,-1,0],rotate:[0,6,-6,4,0],transition:{duration:1.2*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",animate:t,initial:"normal",children:jsxRuntime.jsxs(react$1.motion.g,{variants:u,children:[jsxRuntime.jsx(react$1.motion.circle,{cx:"11",cy:"11",r:"8"}),jsxRuntime.jsx("path",{d:"M17 17L21 21"})]})})})});Fn.displayName="SearchIcon";var Gn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{rotate:0,scale:1},animate:{rotate:[0,60],scale:[1,1.05,1],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{rotate:0},animate:{rotate:[0,-90],transition:{duration:.6*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:"normal",animate:t,style:{transformOrigin:"center"},children:[jsxRuntime.jsx(react$1.motion.g,{variants:u,style:{transformOrigin:"center"},children:jsxRuntime.jsx("path",{d:"M21.011 14.0965C21.5329 13.9558 21.7939 13.8854 21.8969 13.7508C22 13.6163 22 13.3998 22 12.9669V11.0332C22 10.6003 22 10.3838 21.8969 10.2493C21.7938 10.1147 21.5329 10.0443 21.011 9.90358C19.0606 9.37759 17.8399 7.33851 18.3433 5.40087C18.4817 4.86799 18.5509 4.60156 18.4848 4.44529C18.4187 4.28902 18.2291 4.18134 17.8497 3.96596L16.125 2.98673C15.7528 2.77539 15.5667 2.66972 15.3997 2.69222C15.2326 2.71472 15.0442 2.90273 14.6672 3.27873C13.208 4.73448 10.7936 4.73442 9.33434 3.27864C8.95743 2.90263 8.76898 2.71463 8.60193 2.69212C8.43489 2.66962 8.24877 2.77529 7.87653 2.98663L6.15184 3.96587C5.77253 4.18123 5.58287 4.28891 5.51678 4.44515C5.45068 4.6014 5.51987 4.86787 5.65825 5.4008C6.16137 7.3385 4.93972 9.37763 2.98902 9.9036C2.46712 10.0443 2.20617 10.1147 2.10308 10.2492C2 10.3838 2 10.6003 2 11.0332V12.9669C2 13.3998 2 13.6163 2.10308 13.7508C2.20615 13.8854 2.46711 13.9558 2.98902 14.0965C4.9394 14.6225 6.16008 16.6616 5.65672 18.5992C5.51829 19.1321 5.44907 19.3985 5.51516 19.5548C5.58126 19.7111 5.77092 19.8188 6.15025 20.0341L7.87495 21.0134C8.24721 21.2247 8.43334 21.3304 8.6004 21.3079C8.76746 21.2854 8.95588 21.0973 9.33271 20.7213C10.7927 19.2644 13.2088 19.2643 14.6689 20.7212C15.0457 21.0973 15.2341 21.2853 15.4012 21.3078C15.5682 21.3303 15.7544 21.2246 16.1266 21.0133L17.8513 20.034C18.2307 19.8187 18.4204 19.711 18.4864 19.5547C18.5525 19.3984 18.4833 19.132 18.3448 18.5991C17.8412 16.6616 19.0609 14.6226 21.011 14.0965Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:l,style:{transformOrigin:"center"},children:jsxRuntime.jsx("path",{d:"M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z"})})]})})});Gn.displayName="Settings01Icon";var zn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(y=>{!s||n||(e.current?a?.(y):t.start("animate"));},[t,n,s,a]),h=react.useCallback(y=>{e.current?r?.(y):t.start("normal");},[t,r]),u={normal:{scale:1,rotate:0},animate:{scale:[1,1.04,.98,1],rotate:[0,-2,2,0],transition:{duration:.7*o,ease:"easeInOut"}}},l={normal:{rotate:0},animate:{rotate:[0,18,32,28,30],transition:{duration:.7*o,ease:"easeOut"}}},m={normal:{scale:1},animate:{scale:[1,.85,1.08,1],transition:{duration:.55*o,ease:"easeOut",delay:.08}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsxs(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",initial:"normal",animate:t,variants:u,style:{transformOrigin:"center"},children:[jsxRuntime.jsx(react$1.motion.g,{variants:l,style:{transformOrigin:"center"},children:jsxRuntime.jsx("path",{d:"M20.7906 9.15201C21.5969 10.5418 22 11.2366 22 12C22 12.7634 21.5969 13.4582 20.7906 14.848L18.8669 18.1638C18.0638 19.548 17.6623 20.2402 17.0019 20.6201C16.3416 21 15.5402 21 13.9373 21L10.0627 21C8.45982 21 7.6584 21 6.99807 20.6201C6.33774 20.2402 5.93619 19.548 5.13311 18.1638L3.20942 14.848C2.40314 13.4582 2 12.7634 2 12C2 11.2366 2.40314 10.5418 3.20942 9.152L5.13311 5.83621C5.93619 4.45196 6.33774 3.75984 6.99807 3.37992C7.6584 3 8.45982 3 10.0627 3L13.9373 3C15.5402 3 16.3416 3 17.0019 3.37992C17.6623 3.75984 18.0638 4.45197 18.8669 5.83622L20.7906 9.15201Z"})}),jsxRuntime.jsx(react$1.motion.g,{variants:m,style:{transformOrigin:"center"},children:jsxRuntime.jsx("path",{d:"M15.5 12C15.5 13.933 13.933 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.933 8.5 15.5 10.067 15.5 12Z"})})]})})});zn.displayName="Settings02Icon";var Kn=react.forwardRef(({onMouseEnter:a,onMouseLeave:r,className:f,size:i=24,duration:o=1,isAnimated:s=true,color:v,...c},C)=>{let t=react$1.useAnimation(),n=react$1.useReducedMotion(),e=react.useRef(false);react.useImperativeHandle(C,()=>(e.current=true,{startAnimation:()=>n?t.start("normal"):t.start("animate"),stopAnimation:()=>t.start("normal")}));let d=react.useCallback(m=>{!s||n||(e.current?a?.(m):t.start("animate"));},[t,n,s,a]),h=react.useCallback(m=>{e.current?r?.(m):t.start("normal");},[t,r]),u={normal:{scale:1,y:0},animate:{scale:[1,1.06,1],y:[0,-2,0],transition:{duration:.6*o,ease:"easeInOut"}}},l={normal:{pathLength:1,opacity:1},animate:{pathLength:[.3,1],opacity:[.5,1],transition:{duration:.8*o,ease:"easeInOut"}}};return jsxRuntime.jsx(react$1.motion.div,{className:p("inline-flex items-center justify-center",f),onMouseEnter:d,onMouseLeave:h,...c,style:{color:v,...c.style},children:jsxRuntime.jsx(react$1.motion.svg,{xmlns:"http://www.w3.org/2000/svg",width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinejoin:"round",initial:"normal",animate:t,variants:u,children:jsxRuntime.jsx(react$1.motion.path,{d:"M2 18.5C3.76504 19.521 5.81428 20 8 20C14.4808 20 19.7617 14.8625 19.9922 8.43797L22 4.5L18.6458 5C17.9407 4.37764 17.0144 4 16 4C13.4276 4 11.5007 6.51734 12.1209 8.98003C8.56784 9.20927 5.34867 7.0213 3.48693 4.10523C2.25147 8.30185 3.39629 13.3561 6.5 16.4705C6.5 17.647 3.5 18.3488 2 18.5Z",variants:l})})})});Kn.displayName="TwitterIcon";
+exports.ActivityIcon=Tt;exports.BookmarkCheckIcon=Dt;exports.BookmarkIcon=Bt;exports.BookmarkMinusIcon=Wt;exports.BookmarkRemoveIcon=St;exports.CheckCheckIcon=Ft;exports.CheckIcon=Gt;exports.ChevronRightIcon=zt;exports.Compass01Icon=Qt;exports.Compass02Icon=$t;exports.CopyIcon=nn;exports.Dashboard01Icon=on;exports.Dashboard02Icon=rn;exports.Dashboard03Icon=cn;exports.DiscordIcon=mn;exports.DownloadIcon=un;exports.EyeIcon=vn;exports.FacebookIcon=hn;exports.FigmaIcon=Mn;exports.GithubIcon=In;exports.HeartIcon=Ln;exports.Loading01Icon=wn;exports.Loading02Icon=Rn;exports.Menu01Icon=An;exports.Menu02Icon=Pn;exports.MousePointerClick01Icon=On;exports.NewTwitterIcon=Bn;exports.NotificationIcon=Wn;exports.NotificationOffIcon=Sn;exports.SearchIcon=Fn;exports.Settings01Icon=Gn;exports.Settings02Icon=zn;exports.TwitterIcon=Kn;