@q9labsai/chalk-react 4.1.15 → 4.1.16

package/dist/chunk-S6OVGZD5.js

@@ -0,0 +1,3164 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/animated-icons/copy-01.tsx
+import { motion, useAnimation } from "motion/react";
+import { forwardRef, useId } from "react";
+
+// src/utils/animated-icon-runtime.ts
+import { useReducedMotion } from "motion/react";
+import { useCallback, useEffect, useImperativeHandle, useRef } from "react";
+var INTERACTIVE_CONTROL_SELECTOR = 'button, a, [role="button"], [role="link"]';
+var ANIMATED_ICON_SELECTOR = '[data-hugeicons-animated="true"]';
+var parentHoverBridgeInstalled = false;
+var dispatchingParentHover = false;
+function dispatchAnimatedIconEvent(control, type) {
+  const animatedIcons = control.querySelectorAll(ANIMATED_ICON_SELECTOR);
+  if (animatedIcons.length === 0) return;
+  dispatchingParentHover = true;
+  try {
+    animatedIcons.forEach((icon) => {
+      icon.dispatchEvent(new MouseEvent(type, { bubbles: true, view: window }));
+      icon.querySelectorAll("svg").forEach((svg) => {
+        svg.dispatchEvent(new MouseEvent(type, { bubbles: true, view: window }));
+      });
+    });
+  } finally {
+    dispatchingParentHover = false;
+  }
+}
+function installParentHoverBridge() {
+  if (parentHoverBridgeInstalled || typeof document === "undefined") return;
+  parentHoverBridgeInstalled = true;
+  document.addEventListener(
+    "mouseover",
+    (event) => {
+      if (dispatchingParentHover || !(event.target instanceof Element)) return;
+      const control = event.target.closest(INTERACTIVE_CONTROL_SELECTOR);
+      if (!control || event.relatedTarget instanceof Node && control.contains(event.relatedTarget)) return;
+      dispatchAnimatedIconEvent(control, "mouseover");
+    },
+    true
+  );
+  document.addEventListener(
+    "mouseout",
+    (event) => {
+      if (dispatchingParentHover || !(event.target instanceof Element)) return;
+      const control = event.target.closest(INTERACTIVE_CONTROL_SELECTOR);
+      if (!control || event.relatedTarget instanceof Node && control.contains(event.relatedTarget)) return;
+      dispatchAnimatedIconEvent(control, "mouseout");
+    },
+    true
+  );
+  document.addEventListener(
+    "focusin",
+    (event) => {
+      if (dispatchingParentHover || !(event.target instanceof Element)) return;
+      const control = event.target.closest(INTERACTIVE_CONTROL_SELECTOR);
+      if (control) dispatchAnimatedIconEvent(control, "mouseover");
+    },
+    true
+  );
+  document.addEventListener(
+    "focusout",
+    (event) => {
+      if (dispatchingParentHover || !(event.target instanceof Element)) return;
+      const control = event.target.closest(INTERACTIVE_CONTROL_SELECTOR);
+      if (!control || event.relatedTarget instanceof Node && control.contains(event.relatedTarget)) return;
+      dispatchAnimatedIconEvent(control, "mouseout");
+    },
+    true
+  );
+}
+function useIconAnimation({ controls, loops = false, onMouseEnter, onMouseLeave, ref }) {
+  useEffect(() => {
+    installParentHoverBridge();
+  }, []);
+  const shouldReduceMotion = useReducedMotion();
+  const isControlledRef = useRef(false);
+  const isPlayingRef = useRef(false);
+  const runRef = useRef(0);
+  const startAnimation = useCallback(() => {
+    if (shouldReduceMotion || isPlayingRef.current) return;
+    isPlayingRef.current = true;
+    const run = ++runRef.current;
+    controls.set("normal");
+    void controls.start("animate").then(() => {
+      if (runRef.current === run) isPlayingRef.current = false;
+    });
+  }, [controls, shouldReduceMotion]);
+  const stopAnimation = useCallback(() => {
+    if (!loops) return;
+    runRef.current++;
+    isPlayingRef.current = false;
+    void controls.start("normal");
+  }, [controls, loops]);
+  useImperativeHandle(ref, () => {
+    isControlledRef.current = true;
+    return { startAnimation, stopAnimation };
+  }, [startAnimation, stopAnimation]);
+  const handleMouseEnter = useCallback(
+    (event) => {
+      onMouseEnter?.(event);
+      if (!isControlledRef.current) startAnimation();
+    },
+    [onMouseEnter, startAnimation]
+  );
+  const handleMouseLeave = useCallback(
+    (event) => {
+      onMouseLeave?.(event);
+      if (!isControlledRef.current) stopAnimation();
+    },
+    [onMouseLeave, stopAnimation]
+  );
+  return { handleMouseEnter, handleMouseLeave };
+}
+
+// src/utils/animated-icons/copy-01.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FRONT_PATH = "M9 15C9 12.1716 9 10.7574 9.87868 9.87868C10.7574 9 12.1716 9 15 9L16 9C18.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 16L9 15Z";
+var COPY_DURATION = 0.86;
+var COPY_TIMES = [0, 0.1, 0.34, 0.46, 0.56, 0.76, 0.88, 1];
+var COPY_EASING = [[0.23, 1, 0.32, 1], [0.77, 0, 0.175, 1], [0.23, 1, 0.32, 1], "linear", [0.77, 0, 0.175, 1], [0.23, 1, 0.32, 1], [0.23, 1, 0.32, 1]];
+var frontVariants = {
+  normal: {
+    transform: "translate(0px, 0px) scale(1)",
+    strokeWidth: 1.5,
+    visibility: "visible"
+  },
+  animate: {
+    transform: [
+      "translate(0px, 0px) scale(1)",
+      "translate(0.45px, 0.45px) scale(0.97)",
+      "translate(-6.2px, -6.2px) scale(1.2)",
+      "translate(-6px, -6px) scale(1.14)",
+      "translate(-6px, -6px) scale(1.14)",
+      "translate(0.65px, 0.65px) scale(0.96)",
+      "translate(-0.25px, -0.25px) scale(1.03)",
+      "translate(0px, 0px) scale(1)"
+    ],
+    strokeWidth: [1.5, 1.5 / 0.97, 1.5 / 1.2, 1.5 / 1.14, 1.5 / 1.14, 1.5 / 0.96, 1.5 / 1.03, 1.5],
+    visibility: "visible",
+    transition: {
+      duration: COPY_DURATION,
+      ease: COPY_EASING,
+      times: COPY_TIMES
+    }
+  }
+};
+var occlusionVariants = {
+  normal: { transform: "translate(0px, 0px) scale(1)" },
+  animate: {
+    transform: [
+      "translate(0px, 0px) scale(1)",
+      "translate(0.45px, 0.45px) scale(0.97)",
+      "translate(-6.2px, -6.2px) scale(1.24)",
+      "translate(-6px, -6px) scale(1.18)",
+      "translate(-6px, -6px) scale(1.18)",
+      "translate(0.65px, 0.65px) scale(1.06)",
+      "translate(-0.25px, -0.25px) scale(1.03)",
+      "translate(0px, 0px) scale(1)"
+    ],
+    transition: {
+      duration: COPY_DURATION,
+      ease: COPY_EASING,
+      times: COPY_TIMES
+    }
+  }
+};
+var generatedGeometryVariants = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0 } }
+};
+var Copy01Icon = forwardRef(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const occlusionMaskId = useId();
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", { id: occlusionMaskId, maskUnits: "userSpaceOnUse", x: "-4", y: "-4", width: "32", height: "32", children: [
+      /* @__PURE__ */ jsx("rect", { x: "-4", y: "-4", width: "32", height: "32", fill: "white" }),
+      /* @__PURE__ */ jsx(motion.g, { variants: generatedGeometryVariants, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx(motion.path, { d: FRONT_PATH, fill: "black", stroke: "black", strokeLinejoin: "round", strokeWidth: "2.5", variants: occlusionVariants, animate: controls, initial: "normal", style: { transformOrigin: "15.5px 15.5px" } }) })
+    ] }) }),
+    /* @__PURE__ */ jsx(motion.path, { d: FRONT_PATH, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: frontVariants, animate: controls, initial: "normal", style: { transformOrigin: "15.5px 15.5px" } }),
+    /* @__PURE__ */ jsx(
+      motion.path,
+      {
+        d: "M16.9999 9C16.9975 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 16.9999",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        mask: `url(#${occlusionMaskId})`
+      }
+    )
+  ] }) });
+});
+Copy01Icon.displayName = "Copy01Icon";
+
+// src/utils/animated-icons/arrow-left-02.tsx
+import { motion as motion2, useAnimation as useAnimation2 } from "motion/react";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var arrowVariants = {
+  normal: { transform: "translateX(0px) scaleY(1)" },
+  animate: {
+    transform: ["translateX(0px) scaleY(1)", "translateX(-2.6px) scaleY(0.94)", "translateX(0.3px) scaleY(1.02)", "translateX(-0.45px) scaleY(0.99)", "translateX(0px) scaleY(1)"],
+    transition: { duration: 0.5, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var ArrowLeft02Icon = forwardRef2(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation2();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx2("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx2("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs2(motion2.g, { variants: arrowVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M5.5 12.002H19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10.9999 18.002C10.9999 18.002 4.99998 13.583 4.99997 12.0019C4.99996 10.4208 11 6.00195 11 6.00195", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" })
+  ] }) }) });
+});
+ArrowLeft02Icon.displayName = "ArrowLeft02Icon";
+
+// src/utils/animated-icons/cancel-01.tsx
+import { motion as motion3, useAnimation as useAnimation3 } from "motion/react";
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var FIRST_PATH = "M18 6L6.00081 17.9992";
+var SECOND_PATH = "M6 6.00085L17.9992 18";
+var impactVariants = {
+  normal: { transform: "translateY(0px) rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["translateY(0px) rotate(0deg) scale(1)", "translateY(0px) rotate(0deg) scale(1)", "translateY(-0.35px) rotate(0.8deg) scale(1.08)", "translateY(0px) rotate(0deg) scale(1)"],
+    transition: {
+      duration: 1.04,
+      ease: ["linear", [0.23, 1, 0.32, 1], [0.23, 1, 0.32, 1]],
+      times: [0, 0.78, 0.9, 1]
+    }
+  }
+};
+var firstEndFlourishVariants = {
+  normal: {
+    pathLength: 0,
+    opacity: 0,
+    visibility: "hidden"
+  },
+  animate: {
+    pathLength: [0, 0, 1, 1],
+    opacity: [0, 0, 1, 0],
+    visibility: ["hidden", "hidden", "visible", "hidden"],
+    transition: {
+      duration: 0.76,
+      ease: ["linear", [0.23, 1, 0.32, 1], [0.23, 1, 0.32, 1]],
+      times: [0, 0.69, 0.84, 1]
+    }
+  }
+};
+var secondEndFlourishVariants = {
+  normal: {
+    pathLength: 0,
+    opacity: 0,
+    visibility: "hidden"
+  },
+  animate: {
+    pathLength: [0, 0, 1, 1],
+    opacity: [0, 0, 1, 0],
+    visibility: ["hidden", "hidden", "visible", "hidden"],
+    transition: {
+      duration: 1.06,
+      ease: ["linear", [0.23, 1, 0.32, 1], [0.23, 1, 0.32, 1]],
+      times: [0, 0.77, 0.88, 1]
+    }
+  }
+};
+var generatedGeometryVariants2 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0 } }
+};
+var firstStrikeVariants = {
+  normal: { pathLength: 1, pathOffset: 0, visibility: "visible" },
+  animate: {
+    pathLength: [1, 1, 0.12, 0, 0, 0.12, 1, 1],
+    pathOffset: [0, 0, 0.88, 1, 0, 0, 0, 0],
+    visibility: ["visible", "visible", "hidden", "hidden", "hidden", "hidden", "visible", "visible"],
+    transition: {
+      duration: 0.9,
+      ease: ["linear", [0.77, 0, 0.175, 1], "linear", "linear", "linear", [0.77, 0, 0.175, 1], "linear"],
+      times: [0, 0.05, 0.22, 0.25, 0.34, 0.38, 0.58, 1]
+    }
+  }
+};
+var secondStrikeVariants = {
+  normal: { pathLength: 1, pathOffset: 0, visibility: "visible" },
+  animate: {
+    pathLength: [1, 1, 0.12, 0, 0, 0.12, 1, 1],
+    pathOffset: [0, 0, 0.88, 1, 0, 0, 0, 0],
+    visibility: ["visible", "visible", "hidden", "hidden", "hidden", "hidden", "visible", "visible"],
+    transition: {
+      duration: 0.9,
+      ease: ["linear", [0.77, 0, 0.175, 1], "linear", "linear", "linear", [0.77, 0, 0.175, 1], "linear"],
+      times: [0, 0.1, 0.27, 0.3, 0.64, 0.7, 0.9, 1]
+    }
+  }
+};
+var Cancel01Icon = forwardRef3(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation3();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx3("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx3("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs3(motion3.g, { variants: impactVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+    /* @__PURE__ */ jsx3(motion3.path, { d: FIRST_PATH, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: firstStrikeVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx3(motion3.path, { d: SECOND_PATH, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: secondStrikeVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsxs3(motion3.g, { variants: generatedGeometryVariants2, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx3(motion3.path, { d: "M6.00081 17.9992L5.1 18.9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: firstEndFlourishVariants, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx3(motion3.path, { d: "M17.9992 18L18.9 18.9008", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: secondEndFlourishVariants, animate: controls, initial: "normal" })
+    ] })
+  ] }) }) });
+});
+Cancel01Icon.displayName = "Cancel01Icon";
+
+// src/utils/animated-icons/clock-01.tsx
+import { motion as motion4, useAnimation as useAnimation4 } from "motion/react";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CLOCK_REST = "M12 8L12 12L14 14";
+var handsVariants = {
+  normal: { d: CLOCK_REST },
+  animate: {
+    d: [
+      CLOCK_REST,
+      "M15.464 10L12 12L12.732 14.732",
+      "M15.464 14L12 12L11.268 14.732",
+      "M12 16L12 12L10 14",
+      "M8.536 14L12 12L9.268 12.732",
+      "M8.536 10L12 12L9.268 11.268",
+      "M12 8L12 12L10 10",
+      "M15.464 10L12 12L11.268 9.268",
+      "M15.464 14L12 12L12.732 9.268",
+      "M12 16L12 12L14 10",
+      "M8.536 14L12 12L14.732 11.268",
+      "M8.536 10L12 12L14.732 12.732",
+      CLOCK_REST
+    ],
+    transition: {
+      duration: 1.04,
+      ease: "linear",
+      times: [0, 0.12, 0.22, 0.3, 0.37, 0.43, 0.49, 0.55, 0.61, 0.68, 0.76, 0.86, 1]
+    }
+  }
+};
+var Clock01Icon = forwardRef4(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation4();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx4("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs4("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx4(motion4.path, { d: "M12 8V12L14 14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: handsVariants, animate: controls, initial: "normal" })
+  ] }) });
+});
+Clock01Icon.displayName = "Clock01Icon";
+
+// src/utils/animated-icons/crown.tsx
+import { motion as motion5, useAnimation as useAnimation5 } from "motion/react";
+import { forwardRef as forwardRef5 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var crownBodyVariants = {
+  normal: {
+    transform: "translateY(0px) scale(1)",
+    transition: { duration: 0.18, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    transform: ["translateY(0px) scale(1)", "translateY(0.35px) scale(0.992)", "translateY(-0.45px) scale(1.018)", "translateY(-0.1px) scale(1.006)", "translateY(0px) scale(1)"],
+    transition: {
+      duration: 0.78,
+      ease: [0.77, 0, 0.175, 1],
+      times: [0, 0.2, 0.52, 0.78, 1]
+    }
+  }
+};
+var glintVariants = {
+  normal: {
+    opacity: 0,
+    visibility: "hidden",
+    transform: "scale(0.75)",
+    transition: { duration: 0.12, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: (i) => ({
+    opacity: [0, 0, 1, 0.7, 0],
+    visibility: ["hidden", "hidden", "visible", "visible", "hidden"],
+    transform: ["scale(0.75)", "scale(0.75)", "scale(1)", "scale(0.94)", "scale(0.8)"],
+    transition: {
+      duration: 0.82,
+      ease: [0.23, 1, 0.32, 1],
+      repeat: Infinity,
+      repeatDelay: 0.28,
+      delay: 0.16 + i * 0.34,
+      times: [0, 0.2, 0.42, 0.7, 1]
+    }
+  })
+};
+var generatedGeometryVariants3 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var CrownIcon = forwardRef5(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation5();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: true,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx5("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs5("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx5("path", { d: "M5 21H19", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx5("path", { d: "M12.125 12.75H12M12.25 12.75C12.25 12.8881 12.1381 13 12 13C11.8619 13 11.75 12.8881 11.75 12.75C11.75 12.6119 11.8619 12.5 12 12.5C12.1381 12.5 12.25 12.6119 12.25 12.75Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx5(
+      motion5.path,
+      {
+        d: "M14.9152 7.61089L13.8078 5.38179C13.019 3.79393 12.6246 3 12 3C11.3754 3 10.981 3.79393 10.1922 5.38179L9.08483 7.61089C8.58107 8.62494 8.32919 9.13197 7.87976 9.24608C7.8485 9.25401 7.81689 9.26043 7.78503 9.26533C7.32682 9.3357 6.89919 8.96678 6.04393 8.22895C4.0124 6.47635 2.99663 5.60004 2.38034 5.94899C2.34045 5.97157 2.30213 5.99686 2.26565 6.02467C1.70197 6.45439 2.09541 7.74136 2.88229 10.3153L4.04783 14.1279C4.47098 15.5121 4.68255 16.2042 5.21787 16.6021C5.75318 17 6.47261 17 7.91147 17L16.0886 16.9999C17.5274 16.9999 18.2468 16.9999 18.7821 16.602C19.3175 16.2041 19.529 15.512 19.9522 14.1279L21.1177 10.3153C21.9046 7.74137 22.298 6.4544 21.7344 6.02468C21.6979 5.99687 21.6595 5.97158 21.6197 5.94899C21.0034 5.60006 19.9876 6.47636 17.9561 8.22896C17.1008 8.96679 16.6732 9.3357 16.215 9.26533C16.1831 9.26043 16.1515 9.25401 16.1202 9.24607C15.6708 9.13197 15.4189 8.62494 14.9152 7.61089Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: crownBodyVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "12px 12.75px" }
+      }
+    ),
+    /* @__PURE__ */ jsxs5(motion5.g, { variants: generatedGeometryVariants3, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx5(motion5.path, { d: "M7.3 11.6V12.8M6.7 12.2H7.9", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: glintVariants, custom: 0, animate: controls, initial: "normal", style: { transformOrigin: "7.3px 12.2px" } }),
+      /* @__PURE__ */ jsx5(motion5.path, { d: "M16.7 11.2V12.4M16.1 11.8H17.3", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: glintVariants, custom: 1, animate: controls, initial: "normal", style: { transformOrigin: "16.7px 11.8px" } })
+    ] })
+  ] }) });
+});
+CrownIcon.displayName = "CrownIcon";
+
+// src/utils/animated-icons/download-01.tsx
+import { motion as motion6, useAnimation as useAnimation6 } from "motion/react";
+import { forwardRef as forwardRef6 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var arrowVariants2 = {
+  normal: { translateY: 0, visibility: "visible" },
+  animate: {
+    translateY: [0, 5, -5, 0],
+    visibility: ["visible", "hidden", "hidden", "visible"],
+    transition: {
+      duration: 0.7,
+      times: [0, 0.42, 0.5, 1],
+      ease: ["easeIn", "linear", "easeOut"]
+    }
+  }
+};
+var trayVariants = {
+  normal: { translateY: 0 },
+  animate: {
+    translateY: [0, 1.2, 0],
+    transition: { duration: 0.3, ease: "easeOut", delay: 0.32 }
+  }
+};
+var Download01Icon = forwardRef6(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation6();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx6("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs6("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx6(
+      motion6.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",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: trayVariants,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      motion6.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.5002M11.9997 15.0002V3.00016",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: arrowVariants2,
+        animate: controls,
+        initial: "normal"
+      }
+    )
+  ] }) });
+});
+Download01Icon.displayName = "Download01Icon";
+
+// src/utils/animated-icons/edit-02.tsx
+import { motion as motion7, useAnimation as useAnimation7 } from "motion/react";
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var pencilVariants = {
+  normal: { rotate: 0, translateX: 0 },
+  animate: {
+    rotate: [0, -5, 3, -2, 0],
+    translateX: [0, -1.5, 1, -0.5, 0],
+    transition: { duration: 0.65, ease: "easeInOut" }
+  }
+};
+var lineVariants = {
+  normal: { pathLength: 1, visibility: "visible" },
+  animate: {
+    pathLength: [0, 1],
+    visibility: "visible",
+    transition: { duration: 0.5, ease: "easeOut", delay: 0.1 }
+  }
+};
+var Edit02Icon = forwardRef7(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation7();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx7("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs7("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx7(
+      motion7.path,
+      {
+        d: "M14.0737 3.88545C14.8189 3.07808 15.1915 2.6744 15.5874 2.43893C16.5427 1.87076 17.7191 1.85309 18.6904 2.39232C19.0929 2.6158 19.4769 3.00812 20.245 3.79276C21.0131 4.5774 21.3972 4.96972 21.6159 5.38093C22.1438 6.37312 22.1265 7.57479 21.5703 8.5507C21.3398 8.95516 20.9446 9.33578 20.1543 10.097L10.7506 19.1543C9.25288 20.5969 8.504 21.3182 7.56806 21.6837C6.63212 22.0493 5.6032 22.0224 3.54536 21.9686L3.26538 21.9613C2.63891 21.9449 2.32567 21.9367 2.14359 21.73C1.9615 21.5234 1.98636 21.2043 2.03608 20.5662L2.06308 20.2197C2.20301 18.4235 2.27297 17.5255 2.62371 16.7182C2.97444 15.9109 3.57944 15.2555 4.78943 13.9445L14.0737 3.88545Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: pencilVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformBox: "view-box", transformOrigin: "2px 21px" }
+      }
+    ),
+    /* @__PURE__ */ jsx7(motion7.path, { d: "M13 4L20 11", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "inherit", variants: pencilVariants, animate: controls, initial: "normal", style: { transformBox: "view-box", transformOrigin: "2px 21px" } }),
+    /* @__PURE__ */ jsx7(motion7.path, { d: "M14 22L22 22", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: lineVariants, animate: controls, initial: "normal" })
+  ] }) });
+});
+Edit02Icon.displayName = "Edit02Icon";
+
+// src/utils/animated-icons/home-01.tsx
+import { motion as motion8, useAnimation as useAnimation8 } from "motion/react";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var svgVariants = {
+  normal: { translateY: 0 },
+  animate: {
+    translateY: [0, -2, 0],
+    transition: { duration: 0.5, ease: "easeInOut", times: [0, 0.35, 1] }
+  }
+};
+var smileVariants = {
+  normal: { pathLength: 1, visibility: "visible" },
+  animate: {
+    pathLength: [0, 1],
+    visibility: ["hidden", "visible"],
+    transition: { duration: 0.4, ease: "easeOut", delay: 0.2 }
+  }
+};
+var Home01Icon = forwardRef8(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation8();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx8("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx8("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs8(motion8.g, { variants: svgVariants, animate: controls, initial: "normal", children: [
+    /* @__PURE__ */ jsx8(
+      "path",
+      {
+        d: "M3 11.9896V14.5C3 17.7998 3 19.4497 4.02513 20.4749C5.05025 21.5 6.70017 21.5 10 21.5H14C17.2998 21.5 18.9497 21.5 19.9749 20.4749C21 19.4497 21 17.7998 21 14.5V11.9896C21 10.3083 21 9.46773 20.6441 8.74005C20.2882 8.01237 19.6247 7.49628 18.2976 6.46411L16.2976 4.90855C14.2331 3.30285 13.2009 2.5 12 2.5C10.7991 2.5 9.76689 3.30285 7.70242 4.90855L5.70241 6.46411C4.37533 7.49628 3.71179 8.01237 3.3559 8.74005C3 9.46773 3 10.3083 3 11.9896Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit"
+      }
+    ),
+    /* @__PURE__ */ jsx8(motion8.path, { d: "M15.0002 17C14.2007 17.6224 13.1504 18 12.0002 18C10.8499 18 9.79971 17.6224 9.00018 17", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: smileVariants, animate: controls, initial: "normal" })
+  ] }) }) });
+});
+Home01Icon.displayName = "Home01Icon";
+
+// src/utils/animated-icons/image-01.tsx
+import { motion as motion9, useAnimation as useAnimation9 } from "motion/react";
+import { forwardRef as forwardRef9 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var PHOTO_DURATION = 0.58;
+var PHOTO_TIMES = [0, 0.28, 0.68, 1];
+var PHOTO_EASE = [0.23, 1, 0.32, 1];
+var photoVariants = {
+  normal: { transform: "translateY(0px) rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["translateY(0px) rotate(0deg) scale(1)", "translateY(-0.75px) rotate(-2deg) scale(1.03)", "translateY(0.2px) rotate(0.55deg) scale(0.992)", "translateY(0px) rotate(0deg) scale(1)"],
+    transition: {
+      duration: PHOTO_DURATION,
+      ease: PHOTO_EASE,
+      times: PHOTO_TIMES
+    }
+  }
+};
+var sunVariants = {
+  normal: { transform: "translate(0px, 0px) scale(1)" },
+  animate: {
+    transform: ["translate(0px, 0px) scale(1)", "translate(0.75px, -0.9px) scale(0.96)", "translate(-0.15px, 0.2px) scale(1.06)", "translate(0px, 0px) scale(1)"],
+    transition: {
+      duration: PHOTO_DURATION,
+      ease: PHOTO_EASE,
+      times: [0, 0.34, 0.74, 1]
+    }
+  }
+};
+var landscapeVariants = {
+  normal: { transform: "translateY(0px) scaleY(1)" },
+  animate: {
+    transform: ["translateY(0px) scaleY(1)", "translateY(1.05px) scaleY(0.97)", "translateY(-0.3px) scaleY(1.015)", "translateY(0px) scaleY(1)"],
+    transition: {
+      duration: PHOTO_DURATION,
+      ease: PHOTO_EASE,
+      times: [0, 0.38, 0.76, 1]
+    }
+  }
+};
+var Image01Icon = forwardRef9(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation9();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx9("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx9("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs9(motion9.g, { variants: photoVariants, animate: controls, initial: "normal", style: { transformOrigin: "50% 50%" }, children: [
+    /* @__PURE__ */ jsx9(
+      motion9.circle,
+      {
+        cx: "7.5",
+        cy: "7.5",
+        r: "1.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: sunVariants,
+        animate: controls,
+        initial: "normal",
+        style: {
+          transformBox: "view-box",
+          transformOrigin: "7.5px 7.5px"
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      "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",
+        stroke: "currentColor",
+        strokeWidth: "inherit"
+      }
+    ),
+    /* @__PURE__ */ jsx9(motion9.path, { d: "M5 21C9.37246 15.775 14.2741 8.88406 21.4975 13.5424", stroke: "currentColor", strokeWidth: "inherit", variants: landscapeVariants, animate: controls, initial: "normal" })
+  ] }) }) });
+});
+Image01Icon.displayName = "Image01Icon";
+
+// src/utils/animated-icons/information-circle.tsx
+import { motion as motion10, useAnimation as useAnimation10 } from "motion/react";
+import { forwardRef as forwardRef10 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var circleVariants = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(0.975)", "scale(1.02)", "scale(0.996)", "scale(1)"],
+    transition: {
+      duration: 0.56,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.2, 0.5, 0.76, 1]
+    }
+  }
+};
+var stemVariants = {
+  normal: { transform: "translateY(0px) scaleY(1)" },
+  animate: {
+    transform: ["translateY(0px) scaleY(1)", "translateY(0.5px) scaleY(0.78)", "translateY(-0.7px) scaleY(1.08)", "translateY(0.18px) scaleY(0.98)", "translateY(0px) scaleY(1)"],
+    transition: {
+      duration: 0.56,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.2, 0.5, 0.76, 1]
+    }
+  }
+};
+var dotVariants = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["translateY(0px) scale(1)", "translateY(0.6px) scale(0.9)", "translateY(-1.4px) scale(1.16)", "translateY(0.2px) scale(0.94)", "translateY(0px) scale(1)"],
+    transition: {
+      duration: 0.56,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.2, 0.5, 0.76, 1]
+    }
+  }
+};
+var InformationCircleIcon = forwardRef10(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation10();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx10("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs10("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx10(motion10.circle, { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: circleVariants, style: { transformOrigin: "12px 12px" }, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx10(motion10.path, { d: "M12 12V16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: stemVariants, style: { transformOrigin: "12px 16px" }, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx10(
+      motion10.path,
+      {
+        d: "M12.125 8.25H12M12.25 8.25C12.25 8.11193 12.1381 8 12 8C11.8619 8 11.75 8.11193 11.75 8.25C11.75 8.38807 11.8619 8.5 12 8.5C12.1381 8.5 12.25 8.38807 12.25 8.25Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: dotVariants,
+        style: { transformOrigin: "12px 8.25px" },
+        animate: controls,
+        initial: "normal"
+      }
+    )
+  ] }) });
+});
+InformationCircleIcon.displayName = "InformationCircleIcon";
+
+// src/utils/animated-icons/link-01.tsx
+import { motion as motion11, useAnimation as useAnimation11 } from "motion/react";
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var linkVariants = {
+  normal: { transform: "rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["rotate(0deg) scale(1)", "rotate(-3deg) scale(0.97)", "rotate(2deg) scale(1.02)", "rotate(0deg) scale(1)"],
+    transition: { duration: 0.5, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var Link01Icon = forwardRef11(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation11();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx11("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx11("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs11(motion11.g, { variants: linkVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+    /* @__PURE__ */ jsx11(
+      "path",
+      {
+        d: "M9.14339 10.691L9.35031 10.4841C11.329 8.50532 14.5372 8.50532 16.5159 10.4841C18.4947 12.4628 18.4947 15.671 16.5159 17.6497L13.6497 20.5159C11.671 22.4947 8.46279 22.4947 6.48405 20.5159C4.50532 18.5372 4.50532 15.329 6.48405 13.3503L6.9484 12.886",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "inherit"
+      }
+    ),
+    /* @__PURE__ */ jsx11(
+      "path",
+      {
+        d: "M17.0516 11.114L17.5159 10.6497C19.4947 8.67095 19.4947 5.46279 17.5159 3.48405C15.5372 1.50532 12.329 1.50532 10.3503 3.48405L7.48405 6.35031C5.50532 8.32904 5.50532 11.5372 7.48405 13.5159C9.46279 15.4947 12.671 15.4947 14.6497 13.5159L14.8566 13.309",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "inherit"
+      }
+    )
+  ] }) }) });
+});
+Link01Icon.displayName = "Link01Icon";
+
+// src/utils/animated-icons/mail-01.tsx
+import { motion as motion12, useAnimation as useAnimation12 } from "motion/react";
+import { forwardRef as forwardRef12, useId as useId2 } from "react";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var MAIL_CLOSED = "M2 6L8.91302 9.91697C11.4616 11.361 12.5384 11.361 15.087 9.91697L22 6";
+var MAIL_EDGE_ON = "M2 6L8.91302 6.55C11.4616 6.8 12.5384 6.8 15.087 6.55L22 6";
+var MAIL_OPEN = "M2 6L8.91302 1.6C11.4616 -0.05 12.5384 -0.05 15.087 1.6L22 6";
+var MAIL_OPEN_OVERSHOOT = "M2 6L8.91302 1.25C11.4616 -0.45 12.5384 -0.45 15.087 1.25L22 6";
+var MAIL_CLOSED_OVERSHOOT = "M2 6L8.91302 10.15C11.4616 11.65 12.5384 11.65 15.087 10.15L22 6";
+var MAIL_REAR_EDGE = "M3.24496 4.79066C4.37608 3.65523 5.95033 3.61568 9.09882 3.53656C11.0393 3.48781 12.9607 3.48781 14.9012 3.53657C18.0497 3.61568 19.6239 3.65523 20.7551 4.79066";
+var MAIL_ENTRY_LINE = "M5.2 7.4C8.7 9.1 15.3 9.1 18.8 7.4";
+var flapVariants = {
+  normal: { d: MAIL_CLOSED },
+  animate: {
+    d: [MAIL_CLOSED, MAIL_EDGE_ON, MAIL_OPEN, MAIL_OPEN_OVERSHOOT, MAIL_OPEN, MAIL_OPEN, MAIL_EDGE_ON, MAIL_CLOSED_OVERSHOOT, MAIL_CLOSED],
+    transition: {
+      duration: 0.94,
+      ease: [0.77, 0, 0.175, 1],
+      times: [0, 0.13, 0.28, 0.38, 0.5, 0.62, 0.76, 0.9, 1]
+    }
+  }
+};
+var bodyVariants = {
+  normal: { transform: "translateY(0px) scaleX(1) scaleY(1)" },
+  animate: {
+    transform: [
+      "translateY(0px) scaleX(1) scaleY(1)",
+      "translateY(0px) scaleX(1) scaleY(1)",
+      "translateY(0.12px) scaleX(1.008) scaleY(0.992)",
+      "translateY(0.45px) scaleX(1.035) scaleY(0.958)",
+      "translateY(-0.32px) scaleX(0.985) scaleY(1.022)",
+      "translateY(0.12px) scaleX(1.008) scaleY(0.994)",
+      "translateY(0px) scaleX(1) scaleY(1)"
+    ],
+    transition: {
+      duration: 0.94,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.28, 0.38, 0.5, 0.68, 0.84, 1]
+    }
+  }
+};
+var generatedGeometryVariants4 = {
+  normal: { visibility: "hidden" },
+  animate: {
+    visibility: ["hidden", "hidden", "visible", "visible", "hidden", "hidden"],
+    transition: {
+      duration: 0.94,
+      ease: "linear",
+      times: [0, 0.26, 0.27, 0.66, 0.67, 1]
+    }
+  }
+};
+var Mail01Icon = forwardRef12(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation12();
+  const maskId = `mail-rear-edge-${useId2().replaceAll(":", "")}`;
+  const flapMaskId = `mail-flap-${useId2().replaceAll(":", "")}`;
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx12("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs12("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsxs12("defs", { children: [
+      /* @__PURE__ */ jsxs12("mask", { id: maskId, x: "0", y: "0", width: "24", height: "24", maskUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx12("rect", { width: "24", height: "24", fill: "white" }),
+        /* @__PURE__ */ jsx12(motion12.g, { variants: generatedGeometryVariants4, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx12("path", { d: MAIL_REAR_EDGE, stroke: "black", strokeLinecap: "round", strokeWidth: "2.2" }) })
+      ] }),
+      /* @__PURE__ */ jsxs12("mask", { id: flapMaskId, x: "0", y: "0", width: "24", height: "24", maskUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ jsx12("rect", { width: "24", height: "24", fill: "white" }),
+        /* @__PURE__ */ jsx12(motion12.path, { d: MAIL_CLOSED, fill: "black", variants: flapVariants, animate: controls, initial: "normal" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12(motion12.path, { d: "M2 6L8.91302 9.91697C11.4616 11.361 12.5384 11.361 15.087 9.91697L22 6", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "inherit", variants: flapVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsxs12(motion12.g, { variants: bodyVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+      /* @__PURE__ */ jsx12(
+        "path",
+        {
+          d: "M2.01577 13.4756C2.08114 16.5412 2.11383 18.0739 3.24496 19.2094C4.37608 20.3448 5.95033 20.3843 9.09883 20.4634C11.0393 20.5122 12.9607 20.5122 14.9012 20.4634C18.0497 20.3843 19.6239 20.3448 20.7551 19.2094C21.8862 18.0739 21.9189 16.5412 21.9842 13.4756C22.0053 12.4899 22.0053 11.5101 21.9842 10.5244C21.9189 7.45886 21.8862 5.92609 20.7551 4.79066C19.6239 3.65523 18.0497 3.61568 14.9012 3.53657C12.9607 3.48781 11.0393 3.48781 9.09882 3.53656C5.95033 3.61566 4.37608 3.65521 3.24495 4.79065C2.11382 5.92608 2.08114 7.45885 2.01576 10.5244C1.99474 11.5101 1.99475 12.4899 2.01577 13.4756Z",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "inherit",
+          mask: `url(#${maskId})`
+        }
+      ),
+      /* @__PURE__ */ jsx12("path", { d: MAIL_ENTRY_LINE, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", mask: `url(#${flapMaskId})` })
+    ] })
+  ] }) });
+});
+Mail01Icon.displayName = "Mail01Icon";
+
+// src/utils/animated-icons/message-01.tsx
+import { motion as motion13, useAnimation as useAnimation13 } from "motion/react";
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var bubbleVariants = {
+  normal: { scale: 1, transition: { duration: 0.3, ease: "easeOut" } },
+  animate: {
+    scale: [0.85, 1.04, 1],
+    transition: { duration: 0.4, ease: "easeOut", times: [0, 0.7, 1] }
+  }
+};
+var textVariants = {
+  normal: { pathLength: 1, visibility: "visible" },
+  animate: {
+    pathLength: [0, 1],
+    visibility: "visible",
+    transition: { duration: 0.4, ease: "easeOut", delay: 0.3 }
+  }
+};
+var Message01Icon = forwardRef13(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation13();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx13("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs13("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx13(motion13.path, { d: "M8.5 14.5H15.5M8.5 9.5H12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: textVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx13(
+      motion13.path,
+      {
+        d: "M14.1706 20.8905C18.3536 20.6125 21.6856 17.2332 21.9598 12.9909C22.0134 12.1607 22.0134 11.3009 21.9598 10.4707C21.6856 6.22838 18.3536 2.84913 14.1706 2.57107C12.7435 2.47621 11.2536 2.47641 9.8294 2.57107C5.64639 2.84913 2.31441 6.22838 2.04024 10.4707C1.98659 11.3009 1.98659 12.1607 2.04024 12.9909C2.1401 14.536 2.82343 15.9666 3.62791 17.1746C4.09501 18.0203 3.78674 19.0758 3.30021 19.9978C2.94941 20.6626 2.77401 20.995 2.91484 21.2351C3.05568 21.4752 3.37026 21.4829 3.99943 21.4982C5.24367 21.5285 6.08268 21.1757 6.74868 20.6846C7.1264 20.4061 7.31527 20.2668 7.44544 20.2508C7.5756 20.2348 7.83177 20.3403 8.34401 20.5513C8.8044 20.7409 9.33896 20.8579 9.8294 20.8905C11.2536 20.9852 12.7435 20.9854 14.1706 20.8905Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: bubbleVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformBox: "fill-box", transformOrigin: "10% 97%" }
+      }
+    )
+  ] }) });
+});
+Message01Icon.displayName = "Message01Icon";
+
+// src/utils/animated-icons/mic-01.tsx
+import { motion as motion14, useAnimation as useAnimation14 } from "motion/react";
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var grilleBaseVariants = {
+  normal: { visibility: "visible", transition: { duration: 0.3, delay: 0.1 } },
+  animate: { visibility: "hidden", transition: { duration: 0.15 } }
+};
+var grilleBarVariants = {
+  normal: { pathLength: 1, visibility: "hidden", transition: { duration: 0.15 } },
+  animate: (i) => ({
+    visibility: "visible",
+    pathLength: [1, 0.3, 1],
+    transition: {
+      duration: 1 + i * 0.2,
+      ease: "easeInOut",
+      repeat: Infinity,
+      delay: i * 0.25
+    }
+  })
+};
+var waveVariants = {
+  normal: { visibility: "hidden", transition: { duration: 0.15 } },
+  animate: (c) => ({
+    visibility: ["hidden", "visible", "hidden"],
+    translateX: [0, c[0] * 1.6],
+    transition: {
+      duration: 1.2,
+      ease: "easeOut",
+      repeat: Infinity,
+      delay: c[1]
+    }
+  })
+};
+var generatedGeometryVariants5 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var Mic01Icon = forwardRef14(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation14();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: true,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx14("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs14("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx14("path", { d: "M17 7V11C17 13.7614 14.7614 16 12 16C9.23858 16 7 13.7614 7 11V7C7 4.23858 9.23858 2 12 2C14.7614 2 17 4.23858 17 7Z", stroke: "currentColor", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx14(motion14.path, { d: "M17 7H14M17 11H14", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: grilleBaseVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx14("path", { d: "M20 11C20 15.4183 16.4183 19 12 19M12 19C7.58172 19 4 15.4183 4 11M12 19V22M12 22H15M12 22H9", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsxs14(motion14.g, { variants: generatedGeometryVariants5, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M17 7H14", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: grilleBarVariants, custom: 0, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M17 11H14", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: grilleBarVariants, custom: 1, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M4.8 3.2C3.9 4.4 3.4 5.9 3.4 7.5", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: waveVariants, custom: [-1, 0], animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M19.2 3.2C20.1 4.4 20.6 5.9 20.6 7.5", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: waveVariants, custom: [1, 0], animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M2.6 1.4C1.5 2.9 0.9 4.9 0.9 7", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: waveVariants, custom: [-1, 0.35], animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx14(motion14.path, { d: "M21.4 1.4C22.5 2.9 23.1 4.9 23.1 7", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: waveVariants, custom: [1, 0.35], animate: controls, initial: "normal" })
+    ] })
+  ] }) });
+});
+Mic01Icon.displayName = "Mic01Icon";
+
+// src/utils/animated-icons/moon-02.tsx
+import { motion as motion15, useAnimation as useAnimation15 } from "motion/react";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var starVariants = {
+  normal: {
+    visibility: "hidden",
+    transform: "scale(0.55)",
+    transition: { duration: 0.12, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: (i) => ({
+    visibility: ["hidden", "visible", "visible", "visible", "hidden"],
+    transform: ["scale(0.55)", "scale(1)", "scale(0.78)", "scale(1)", "scale(0.55)"],
+    transition: {
+      duration: 1.3,
+      ease: [0.77, 0, 0.175, 1],
+      repeat: Infinity,
+      delay: i * 0.24
+    }
+  })
+};
+var generatedGeometryVariants6 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var Moon02Icon = forwardRef15(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation15();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: true,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx15("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs15("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx15(
+      "path",
+      {
+        d: "M21.5 14.0784C20.3003 14.7189 18.9301 15.0821 17.4751 15.0821C12.7491 15.0821 8.91792 11.2509 8.91792 6.52485C8.91792 5.06986 9.28105 3.69968 9.92163 2.5C5.66765 3.49698 2.5 7.31513 2.5 11.8731C2.5 17.1899 6.8101 21.5 12.1269 21.5C16.6849 21.5 20.503 18.3324 21.5 14.0784Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit"
+      }
+    ),
+    /* @__PURE__ */ jsxs15(motion15.g, { variants: generatedGeometryVariants6, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx15(motion15.path, { d: "M17.5 4.2V6.2M16.5 5.2H18.5", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1", variants: starVariants, custom: 0, animate: controls, initial: "normal", style: { transformOrigin: "17.5px 5.2px" } }),
+      /* @__PURE__ */ jsx15(motion15.circle, { cx: "14.5", cy: "8.5", r: "0.6", fill: "currentColor", variants: starVariants, custom: 1, animate: controls, initial: "normal", style: { transformOrigin: "14.5px 8.5px" } }),
+      /* @__PURE__ */ jsx15(motion15.path, { d: "M19.3 8.25V9.75M18.55 9H20.05", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "0.9", variants: starVariants, custom: 2, animate: controls, initial: "normal", style: { transformOrigin: "19.3px 9px" } })
+    ] })
+  ] }) });
+});
+Moon02Icon.displayName = "Moon02Icon";
+
+// src/utils/animated-icons/more-horizontal.tsx
+import { motion as motion16, useAnimation as useAnimation16 } from "motion/react";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var dotVariants2 = {
+  normal: { translateY: 0, scale: 1 },
+  animate: (i) => ({
+    translateY: [0, -1.5, 0.35, 0],
+    scale: [1, 1.2, 0.95, 1],
+    transition: { duration: 0.42, ease: "easeOut", delay: i * 0.08 }
+  })
+};
+var DOT_CENTERS = [6, 12, 18];
+var MoreHorizontalIcon = forwardRef16(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation16();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx16("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx16("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: DOT_CENTERS.map((cx, index) => /* @__PURE__ */ jsx16(motion16.circle, { cx, cy: "12", r: "1.25", fill: "currentColor", variants: dotVariants2, custom: index, animate: controls, initial: "normal", style: { transformOrigin: `${cx}px 12px` } }, cx)) }) });
+});
+MoreHorizontalIcon.displayName = "MoreHorizontalIcon";
+
+// src/utils/animated-icons/more-vertical.tsx
+import { motion as motion17, useAnimation as useAnimation17 } from "motion/react";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var dotVariants3 = {
+  normal: { translateX: 0, scale: 1 },
+  animate: (i) => ({
+    translateX: [0, 1.5, -0.35, 0],
+    scale: [1, 1.2, 0.95, 1],
+    transition: { duration: 0.42, ease: "easeOut", delay: i * 0.08 }
+  })
+};
+var DOT_CENTERS2 = [6, 12, 18];
+var MoreVerticalIcon = forwardRef17(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation17();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx17("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx17("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: DOT_CENTERS2.map((cy, index) => /* @__PURE__ */ jsx17(motion17.circle, { cx: "12", cy, r: "1.25", fill: "currentColor", variants: dotVariants3, custom: index, animate: controls, initial: "normal", style: { transformOrigin: `12px ${cy}px` } }, cy)) }) });
+});
+MoreVerticalIcon.displayName = "MoreVerticalIcon";
+
+// src/utils/animated-icons/pause.tsx
+import { motion as motion18, useAnimation as useAnimation18 } from "motion/react";
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+var PAUSE_DURATION = 0.52;
+var PAUSE_TIMES = [0, 0.22, 0.5, 0.76, 1];
+var pauseBarVariants = {
+  normal: {
+    transform: "translate(0px, 0px) scaleY(1)",
+    transition: { duration: 0.18, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: (i) => {
+    const direction = i === 0 ? 1 : -1;
+    return {
+      transform: ["translate(0px, 0px) scaleY(1)", `translate(${direction * 0.8}px, 0.65px) scaleY(0.91)`, `translate(${direction * -0.55}px, -0.35px) scaleY(1.045)`, `translate(${direction * 0.14}px, 0px) scaleY(0.99)`, "translate(0px, 0px) scaleY(1)"],
+      transition: {
+        duration: PAUSE_DURATION,
+        times: PAUSE_TIMES,
+        ease: [0.77, 0, 0.175, 1]
+      }
+    };
+  }
+};
+var PauseIcon = forwardRef18(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation18();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx18("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs16("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx18(
+      motion18.path,
+      {
+        d: "M4 7C4 5.58579 4 4.87868 4.43934 4.43934C4.87868 4 5.58579 4 7 4C8.41421 4 9.12132 4 9.56066 4.43934C10 4.87868 10 5.58579 10 7V17C10 18.4142 10 19.1213 9.56066 19.5607C9.12132 20 8.41421 20 7 20C5.58579 20 4.87868 20 4.43934 19.5607C4 19.1213 4 18.4142 4 17V7Z",
+        stroke: "currentColor",
+        strokeWidth: "inherit",
+        variants: pauseBarVariants,
+        custom: 0,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "7px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      motion18.path,
+      {
+        d: "M14 7C14 5.58579 14 4.87868 14.4393 4.43934C14.8787 4 15.5858 4 17 4C18.4142 4 19.1213 4 19.5607 4.43934C20 4.87868 20 5.58579 20 7V17C20 18.4142 20 19.1213 19.5607 19.5607C19.1213 20 18.4142 20 17 20C15.5858 20 14.8787 20 14.4393 19.5607C14 19.1213 14 18.4142 14 17V7Z",
+        stroke: "currentColor",
+        strokeWidth: "inherit",
+        variants: pauseBarVariants,
+        custom: 1,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "17px 12px" }
+      }
+    )
+  ] }) });
+});
+PauseIcon.displayName = "PauseIcon";
+
+// src/utils/animated-icons/pin.tsx
+import { motion as motion19, useAnimation as useAnimation19 } from "motion/react";
+import { forwardRef as forwardRef19 } from "react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var pinVariants = {
+  normal: { transform: "translate(0px, 0px) rotate(0deg)" },
+  animate: {
+    transform: ["translate(0px, 0px) rotate(0deg)", "translate(-0.8px, 0.8px) rotate(-2deg)", "translate(0.3px, -0.3px) rotate(0.8deg)", "translate(0px, 0px) rotate(0deg)"],
+    transition: { duration: 0.5, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var PinIcon = forwardRef19(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation19();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx19("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx19("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs17(motion19.g, { variants: pinVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+    /* @__PURE__ */ jsx19("path", { d: "M3 21L8 16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx19(
+      "path",
+      {
+        d: "M13.2585 18.8714C9.51516 18.0215 5.97844 14.4848 5.12853 10.7415C4.99399 10.1489 4.92672 9.85266 5.12161 9.37197C5.3165 8.89129 5.55457 8.74255 6.03071 8.44509C7.10705 7.77265 8.27254 7.55888 9.48209 7.66586C11.1793 7.81598 12.0279 7.89104 12.4512 7.67048C12.8746 7.44991 13.1622 6.93417 13.7376 5.90269L14.4664 4.59604C14.9465 3.73528 15.1866 3.3049 15.7513 3.10202C16.316 2.89913 16.6558 3.02199 17.3355 3.26771C18.9249 3.84236 20.1576 5.07505 20.7323 6.66449C20.978 7.34417 21.1009 7.68401 20.898 8.2487C20.6951 8.8134 20.2647 9.05346 19.4039 9.53358L18.0672 10.2792C17.0376 10.8534 16.5229 11.1406 16.3024 11.568C16.0819 11.9955 16.162 12.8256 16.3221 14.4859C16.4399 15.7068 16.2369 16.88 15.5555 17.9697C15.2577 18.4458 15.1088 18.6839 14.6283 18.8786C14.1477 19.0733 13.8513 19.006 13.2585 18.8714Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit"
+      }
+    )
+  ] }) }) });
+});
+PinIcon.displayName = "PinIcon";
+
+// src/utils/animated-icons/play.tsx
+import { motion as motion20, useAnimation as useAnimation20 } from "motion/react";
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var playVariants = {
+  normal: { transform: "translateX(0px) scaleX(1) scaleY(1)" },
+  animate: {
+    transform: ["translateX(0px) scaleX(1) scaleY(1)", "translateX(-0.8px) scaleX(0.9) scaleY(1.04)", "translateX(2px) scaleX(1.1) scaleY(0.97)", "translateX(-0.2px) scaleX(0.99) scaleY(1.005)", "translateX(0px) scaleX(1) scaleY(1)"],
+    transition: { duration: 0.52, times: [0, 0.2, 0.52, 0.78, 1], ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var PlayIcon = forwardRef20(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation20();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx20("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx20("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsx20(
+    motion20.path,
+    {
+      d: "M18.8906 12.846C18.5371 14.189 16.8667 15.138 13.5257 17.0361C10.296 18.8709 8.6812 19.7884 7.37983 19.4196C6.8418 19.2671 6.35159 18.9776 5.95624 18.5787C5 17.6139 5 15.7426 5 12C5 8.2574 5 6.3861 5.95624 5.42132C6.35159 5.02245 6.8418 4.73288 7.37983 4.58042C8.6812 4.21165 10.296 5.12907 13.5257 6.96393C16.8667 8.86197 18.5371 9.811 18.8906 11.154C19.0365 11.7084 19.0365 12.2916 18.8906 12.846Z",
+      stroke: "currentColor",
+      strokeLinejoin: "round",
+      strokeWidth: "inherit",
+      variants: playVariants,
+      animate: controls,
+      initial: "normal",
+      style: { transformOrigin: "10px 12px" }
+    }
+  ) }) });
+});
+PlayIcon.displayName = "PlayIcon";
+
+// src/utils/animated-icons/plus-sign.tsx
+import { motion as motion21, useAnimation as useAnimation21 } from "motion/react";
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
+var plusBaseVariants = {
+  normal: { visibility: "visible", transition: { duration: 0.2, delay: 0.05 } },
+  animate: { visibility: "hidden", transition: { duration: 0.08 } }
+};
+var stemVariants2 = {
+  normal: { d: "M12 4V20", visibility: "hidden", transition: { duration: 0.15 } },
+  animate: {
+    d: ["M12 4V20", "M12 2.6V21.4", "M12 4.6V19.4", "M12 4V20"],
+    visibility: "visible",
+    transition: {
+      d: { duration: 0.5, ease: "easeInOut", times: [0, 0.32, 0.68, 1] }
+    }
+  }
+};
+var armVariants = {
+  normal: { d: "M20 12H4", visibility: "hidden", transition: { duration: 0.15 } },
+  animate: {
+    d: ["M20 12H4", "M21.4 12H2.6", "M19.4 12H4.6", "M20 12H4"],
+    visibility: "visible",
+    transition: {
+      d: { duration: 0.5, ease: "easeInOut", times: [0, 0.32, 0.68, 1], delay: 0.05 }
+    }
+  }
+};
+var generatedGeometryVariants7 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var PlusSignIcon = forwardRef21(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation21();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx21("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs18("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx21(motion21.path, { d: "M12 4V20M20 12H4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: plusBaseVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsxs18(motion21.g, { variants: generatedGeometryVariants7, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx21(motion21.path, { d: "M12 4V20", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: stemVariants2, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx21(motion21.path, { d: "M20 12H4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: armVariants, animate: controls, initial: "normal" })
+    ] })
+  ] }) });
+});
+PlusSignIcon.displayName = "PlusSignIcon";
+
+// src/utils/animated-icons/qr-code-01.tsx
+import { motion as motion22, useAnimation as useAnimation22 } from "motion/react";
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+var qrCellVariants = {
+  normal: { visibility: "visible", scale: 1 },
+  animate: (i) => ({
+    visibility: ["visible", "visible", "visible"],
+    scale: [1, 0.82, 1],
+    transition: { duration: 0.42, delay: 0.12 + i * 0.07, ease: "easeOut" }
+  })
+};
+var qrFrameVariants = {
+  normal: { scale: 1, transition: { type: "spring", duration: 0.4, bounce: 0 } },
+  animate: {
+    scale: [1, 1.03, 1],
+    transition: { duration: 0.75, ease: "easeOut" }
+  }
+};
+var scannerVariants = {
+  normal: { visibility: "hidden", translateY: -7 },
+  animate: {
+    visibility: ["hidden", "visible", "visible", "hidden"],
+    translateY: [-7, 7],
+    transition: { duration: 1, times: [0, 0.12, 0.88, 1], ease: "easeInOut" }
+  }
+};
+var generatedGeometryVariants8 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var QrCode01Icon = forwardRef22(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation22();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx22("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs19("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx22(
+      motion22.path,
+      {
+        d: "M6.79289 6.79289C6.5 7.08579 6.5 7.55719 6.5 8.5C6.5 9.44281 6.5 9.91421 6.79289 10.2071C7.08579 10.5 7.55719 10.5 8.5 10.5C9.44281 10.5 9.91421 10.5 10.2071 10.2071C10.5 9.91421 10.5 9.44281 10.5 8.5C10.5 7.55719 10.5 7.08579 10.2071 6.79289C9.91421 6.5 9.44281 6.5 8.5 6.5C7.55719 6.5 7.08579 6.5 6.79289 6.79289Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: qrCellVariants,
+        custom: 0,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "8.5px 8.5px" }
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      motion22.path,
+      {
+        d: "M13.5 10.5C14.4428 10.5 14.9142 10.5 15.2071 10.2071C15.5 9.91421 15.5 9.44281 15.5 8.5C15.5 7.55719 15.5 7.08579 15.7929 6.79289C16.0858 6.5 16.5572 6.5 17.5 6.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: qrCellVariants,
+        custom: 1,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx22(motion22.path, { d: "M6.5 13.5H8.5C9.44281 13.5 9.91421 13.5 10.2071 13.7929C10.5 14.0858 10.5 14.5572 10.5 15.5V17.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: qrCellVariants, custom: 2, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx22(
+      motion22.path,
+      {
+        d: "M6.875 17.25H6.75M7 17.25C7 17.3881 6.88807 17.5 6.75 17.5C6.61193 17.5 6.5 17.3881 6.5 17.25C6.5 17.1119 6.61193 17 6.75 17C6.88807 17 7 17.1119 7 17.25Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: qrCellVariants,
+        custom: 3,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      motion22.path,
+      {
+        d: "M13.7929 13.7929C13.5 14.0858 13.5 14.5572 13.5 15.5C13.5 16.4428 13.5 16.9142 13.7929 17.2071C14.0858 17.5 14.5572 17.5 15.5 17.5C16.4428 17.5 16.9142 17.5 17.2071 17.2071C17.5 16.9142 17.5 16.4428 17.5 15.5C17.5 14.5572 17.5 14.0858 17.2071 13.7929C16.9142 13.5 16.4428 13.5 15.5 13.5C14.5572 13.5 14.0858 13.5 13.7929 13.7929Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: qrCellVariants,
+        custom: 4,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "15.5px 15.5px" }
+      }
+    ),
+    /* @__PURE__ */ jsx22(
+      motion22.path,
+      {
+        d: "M6.5 21.5C6.03563 21.5 5.80344 21.5 5.60812 21.478C3.98545 21.2952 2.70484 20.0145 2.52201 18.3919C2.5 18.1966 2.5 17.9644 2.5 17.5M17.5 21.5C17.9644 21.5 18.1966 21.5 18.3919 21.478C20.0145 21.2952 21.2952 20.0145 21.478 18.3919C21.5 18.1966 21.5 17.9644 21.5 17.5M6.5 2.5C6.03563 2.5 5.80344 2.5 5.60812 2.52201C3.98545 2.70484 2.70484 3.98545 2.52201 5.60812C2.5 5.80344 2.5 6.03563 2.5 6.5M17.5 2.5C17.9644 2.5 18.1966 2.5 18.3919 2.52201C20.0145 2.70484 21.2952 3.98545 21.478 5.60812C21.5 5.80344 21.5 6.03563 21.5 6.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: qrFrameVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "12px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx22(motion22.g, { variants: generatedGeometryVariants8, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx22(motion22.path, { d: "M4 12H20", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1", variants: scannerVariants, animate: controls, initial: "normal" }) })
+  ] }) });
+});
+QrCode01Icon.displayName = "QrCode01Icon";
+
+// src/utils/animated-icons/refresh.tsx
+import { motion as motion23, useAnimation as useAnimation23 } from "motion/react";
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var svgVariants2 = {
+  normal: { rotate: 0, transition: { duration: 0.15, ease: "easeOut" } },
+  animate: {
+    rotate: [0, -25, 360],
+    transition: { duration: 0.9, times: [0, 0.2, 1], ease: ["easeIn", "easeOut"] }
+  }
+};
+var RefreshIcon = forwardRef23(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation23();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx23("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx23("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsx23(motion23.g, { variants: svgVariants2, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx23("path", { d: "M20.0092 2V5.13219C20.0092 5.42605 19.6418 5.55908 19.4537 5.33333C17.6226 3.2875 14.9617 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }) }) }) });
+});
+RefreshIcon.displayName = "RefreshIcon";
+
+// src/utils/animated-icons/search-01.tsx
+import { useAnimate, useReducedMotion as useReducedMotion2 } from "motion/react";
+import { forwardRef as forwardRef24, useCallback as useCallback2, useImperativeHandle as useImperativeHandle2, useRef as useRef2 } from "react";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+var Search01Icon = forwardRef24(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const [scope, animate] = useAnimate();
+  const shouldReduceMotion = useReducedMotion2();
+  const isControlledRef = useRef2(false);
+  const isPlayingRef = useRef2(false);
+  const startAnimation = useCallback2(() => {
+    if (shouldReduceMotion || isPlayingRef.current) return;
+    const target = scope.current?.querySelector("[data-search-icon]");
+    if (!target) return;
+    isPlayingRef.current = true;
+    void (async () => {
+      await animate(
+        target,
+        {
+          transform: [
+            "translate(0px, 0px) rotate(0deg) scale(1)",
+            "translate(1.25px, -0.55px) rotate(14deg) scale(0.78)",
+            "translate(0.4px, -0.8px) rotate(6deg) scale(0.76)",
+            "translate(-0.65px, 0.25px) rotate(-8deg) scale(0.8)",
+            "translate(-0.15px, 0.1px) rotate(-2.5deg) scale(1.08)",
+            "translate(0px, 0px) rotate(0deg) scale(1)"
+          ]
+        },
+        {
+          duration: 1.24,
+          times: [0, 0.32, 0.48, 0.64, 0.84, 1],
+          ease: [[0.77, 0, 0.175, 1], "linear", "linear", [0.77, 0, 0.175, 1], [0.23, 1, 0.32, 1]]
+        }
+      );
+      isPlayingRef.current = false;
+    })();
+  }, [animate, scope, shouldReduceMotion]);
+  const stopAnimation = useCallback2(() => {
+  }, []);
+  useImperativeHandle2(ref, () => {
+    isControlledRef.current = true;
+    return { startAnimation, stopAnimation };
+  }, [startAnimation, stopAnimation]);
+  const handleMouseEnter = useCallback2(
+    (event) => {
+      onMouseEnter?.(event);
+      if (!isControlledRef.current) startAnimation();
+    },
+    [onMouseEnter, startAnimation]
+  );
+  const handleMouseLeave = useCallback2(
+    (event) => {
+      onMouseLeave?.(event);
+    },
+    [onMouseLeave]
+  );
+  return /* @__PURE__ */ jsx24("div", { ref: scope, "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx24("span", { "data-search-icon": true, className: "h-full w-full", style: { display: "inline-flex", transformOrigin: "11px 11px" }, children: /* @__PURE__ */ jsxs20("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx24("path", { d: "M17 17L21 21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx24("path", { d: "M19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19C15.4183 19 19 15.4183 19 11Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" })
+  ] }) }) });
+});
+Search01Icon.displayName = "Search01Icon";
+
+// src/utils/animated-icons/sent.tsx
+import { motion as motion24, useAnimation as useAnimation24 } from "motion/react";
+import { forwardRef as forwardRef25 } from "react";
+import { Fragment, jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+var SENT_PLANE = "M21.0477 3.05293C18.8697 0.707363 2.48648 6.4532 2.50001 8.551C2.51535 10.9299 8.89809 11.6617 10.6672 12.1581C11.7311 12.4565 12.016 12.7625 12.2613 13.8781C13.3723 18.9305 13.9301 21.4435 15.2014 21.4996C17.2278 21.5892 23.1733 5.342 21.0477 3.05293Z";
+var SENT_DURATION = 0.92;
+var SENT_TIMES = [0, 0.07, 0.14, 0.22, 0.32, 0.43, 0.5, 0.54, 0.62, 0.71, 0.8, 0.88, 0.95, 1];
+var departingPlaneVariants = {
+  normal: {
+    transform: "translate(0%, 0%) rotate(0deg)",
+    transition: { duration: 0.16, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    transform: [
+      "translate(0%, 0%) rotate(0deg)",
+      "translate(-3%, 3%) rotate(2.2deg)",
+      "translate(-1%, 1.5%) rotate(1.2deg)",
+      "translate(7%, -5%) rotate(-1deg)",
+      "translate(22%, -16%) rotate(-3.2deg)",
+      "translate(48%, -38%) rotate(-5.5deg)",
+      "translate(82%, -68%) rotate(-5deg)",
+      "translate(118%, -100%) rotate(-3.5deg)",
+      "translate(145%, -125%) rotate(-2deg)",
+      "translate(145%, -125%) rotate(-2deg)",
+      "translate(145%, -125%) rotate(-2deg)",
+      "translate(145%, -125%) rotate(-2deg)",
+      "translate(145%, -125%) rotate(-2deg)",
+      "translate(145%, -125%) rotate(-2deg)"
+    ],
+    transition: {
+      duration: SENT_DURATION,
+      ease: "linear",
+      times: SENT_TIMES
+    }
+  }
+};
+var arrivingPlaneVariants = {
+  normal: {
+    transform: "translate(-145%, 125%) rotate(-6deg)",
+    transition: { duration: 0.16, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    transform: [
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-145%, 125%) rotate(-6deg)",
+      "translate(-118%, 102%) rotate(-6deg)",
+      "translate(-82%, 70%) rotate(-5deg)",
+      "translate(-50%, 41%) rotate(-4deg)",
+      "translate(-24%, 19%) rotate(-2.5deg)",
+      "translate(-7%, 4%) rotate(-0.8deg)",
+      "translate(-1%, 1%) rotate(0.8deg)",
+      "translate(0%, 0%) rotate(0deg)"
+    ],
+    transition: {
+      duration: SENT_DURATION,
+      ease: "linear",
+      times: SENT_TIMES
+    }
+  }
+};
+var generatedGeometryVariants9 = {
+  normal: { visibility: "hidden", transition: { duration: 0 } },
+  animate: { visibility: "visible", transition: { duration: 0 } }
+};
+var trailVariants = {
+  normal: { pathLength: 0, pathOffset: 0, visibility: "hidden" },
+  animate: (i) => ({
+    pathLength: [0, 0.25, 1, 0.34, 0, 0],
+    pathOffset: [0, 0, 0, 0.66, 1, 1],
+    visibility: ["hidden", "visible", "visible", "visible", "hidden", "hidden"],
+    transition: {
+      duration: 0.38,
+      delay: 0.06 + i * 0.028,
+      ease: "linear",
+      times: [0, 0.14, 0.34, 0.58, 0.8, 1]
+    }
+  })
+};
+function PlaneGeometry() {
+  return /* @__PURE__ */ jsxs21(Fragment, { children: [
+    /* @__PURE__ */ jsx25("path", { d: SENT_PLANE, stroke: "currentColor", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx25("path", { d: "M11.4999 12.5L14.9999 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" })
+  ] });
+}
+var SentIcon = forwardRef25(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation24();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx25("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs21("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "hidden", children: [
+    /* @__PURE__ */ jsxs21(motion24.g, { variants: generatedGeometryVariants9, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx25(motion24.path, { d: "M7.2 14.8L2.2 19.8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: trailVariants, custom: 0, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx25(motion24.path, { d: "M10.2 17.6L6.6 21.2", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: trailVariants, custom: 1, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx25(motion24.path, { d: "M5.2 12.6L2 15.8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: trailVariants, custom: 2, animate: controls, initial: "normal" })
+    ] }),
+    /* @__PURE__ */ jsx25(motion24.g, { variants: departingPlaneVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: /* @__PURE__ */ jsx25(PlaneGeometry, {}) }),
+    /* @__PURE__ */ jsx25(motion24.g, { variants: generatedGeometryVariants9, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx25(motion24.g, { variants: arrivingPlaneVariants, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: /* @__PURE__ */ jsx25(PlaneGeometry, {}) }) })
+  ] }) });
+});
+SentIcon.displayName = "SentIcon";
+
+// src/utils/animated-icons/settings-01.tsx
+import { motion as motion25, useAnimation as useAnimation25 } from "motion/react";
+import { forwardRef as forwardRef26 } from "react";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+var gearVariants = {
+  normal: {
+    transform: "rotate(0deg)",
+    transition: { type: "spring", duration: 0.6, bounce: 0 }
+  },
+  animate: {
+    transform: ["rotate(0deg)", "rotate(202deg)", "rotate(177.5deg)", "rotate(180deg)"],
+    transition: {
+      duration: 0.92,
+      times: [0, 0.72, 0.9, 1],
+      ease: [
+        [0.77, 0, 0.175, 1],
+        [0.23, 1, 0.32, 1],
+        [0.23, 1, 0.32, 1]
+      ]
+    }
+  }
+};
+var Settings01Icon = forwardRef26(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation25();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx26("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs22("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx26(
+      motion25.path,
+      {
+        d: "M21.3175 7.14139L20.8239 6.28479C20.4506 5.63696 20.264 5.31305 19.9464 5.18388C19.6288 5.05472 19.2696 5.15664 18.5513 5.36048L17.3311 5.70418C16.8725 5.80994 16.3913 5.74994 15.9726 5.53479L15.6357 5.34042C15.2766 5.11043 15.0004 4.77133 14.8475 4.37274L14.5136 3.37536C14.294 2.71534 14.1842 2.38533 13.9228 2.19657C13.6615 2.00781 13.3143 2.00781 12.6199 2.00781H11.5051C10.8108 2.00781 10.4636 2.00781 10.2022 2.19657C9.94085 2.38533 9.83106 2.71534 9.61149 3.37536L9.27753 4.37274C9.12465 4.77133 8.84845 5.11043 8.48937 5.34042L8.15249 5.53479C7.73374 5.74994 7.25259 5.80994 6.79398 5.70418L5.57375 5.36048C4.85541 5.15664 4.49625 5.05472 4.17867 5.18388C3.86109 5.31305 3.67445 5.63696 3.30115 6.28479L2.80757 7.14139C2.45766 7.74864 2.2827 8.05227 2.31666 8.37549C2.35061 8.69871 2.58483 8.95918 3.05326 9.48012L4.0843 10.6328C4.3363 10.9518 4.51521 11.5078 4.51521 12.0077C4.51521 12.5078 4.33636 13.0636 4.08433 13.3827L3.05326 14.5354C2.58483 15.0564 2.35062 15.3168 2.31666 15.6401C2.2827 15.9633 2.45766 16.2669 2.80757 16.8741L3.30114 17.7307C3.67443 18.3785 3.86109 18.7025 4.17867 18.8316C4.49625 18.9608 4.85542 18.8589 5.57377 18.655L6.79394 18.3113C7.25263 18.2055 7.73387 18.2656 8.15267 18.4808L8.4895 18.6752C8.84851 18.9052 9.12464 19.2442 9.2775 19.6428L9.61149 20.6403C9.83106 21.3003 9.94085 21.6303 10.2022 21.8191C10.4636 22.0078 10.8108 22.0078 11.5051 22.0078H12.6199C13.3143 22.0078 13.6615 22.0078 13.9228 21.8191C14.1842 21.6303 14.294 21.3003 14.5136 20.6403L14.8476 19.6428C15.0004 19.2442 15.2765 18.9052 15.6356 18.6752L15.9724 18.4808C16.3912 18.2656 16.8724 18.2055 17.3311 18.3113L18.5513 18.655C19.2696 18.8589 19.6288 18.9608 19.9464 18.8316C20.264 18.7025 20.4506 18.3785 20.8239 17.7307L21.3175 16.8741C21.6674 16.2669 21.8423 15.9633 21.8084 15.6401C21.7744 15.3168 21.5402 15.0564 21.0718 14.5354L20.0407 13.3827C19.7887 13.0636 19.6098 12.5078 19.6098 12.0077C19.6098 11.5078 19.7888 10.9518 20.0407 10.6328L21.0718 9.48012C21.5402 8.95918 21.7744 8.69871 21.8084 8.37549C21.8423 8.05227 21.6674 7.74864 21.3175 7.14139Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "inherit",
+        variants: gearVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformBox: "view-box", transformOrigin: "12px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx26("path", { d: "M15.5195 12C15.5195 13.933 13.9525 15.5 12.0195 15.5C10.0865 15.5 8.51953 13.933 8.51953 12C8.51953 10.067 10.0865 8.5 12.0195 8.5C13.9525 8.5 15.5195 10.067 15.5195 12Z", stroke: "currentColor", strokeWidth: "inherit" })
+  ] }) });
+});
+Settings01Icon.displayName = "Settings01Icon";
+
+// src/utils/animated-icons/share-08.tsx
+import { motion as motion26, useAnimation as useAnimation26 } from "motion/react";
+import { forwardRef as forwardRef27 } from "react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+var nodeVariants = {
+  normal: { scale: 1 },
+  animate: (i) => ({
+    scale: [1, 1.25, 1],
+    transition: { duration: 0.45, ease: "easeInOut", delay: i * 0.12 }
+  })
+};
+var wireVariants = {
+  normal: { pathLength: 1, visibility: "visible" },
+  animate: {
+    pathLength: [0, 1],
+    visibility: "visible",
+    transition: { duration: 0.45, ease: "easeOut" }
+  }
+};
+var Share08Icon = forwardRef27(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation26();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx27("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs23("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx27(motion26.path, { d: "M21 6.5C21 8.15685 19.6569 9.5 18 9.5C16.3431 9.5 15 8.15685 15 6.5C15 4.84315 16.3431 3.5 18 3.5C19.6569 3.5 21 4.84315 21 6.5Z", stroke: "currentColor", strokeWidth: "inherit", variants: nodeVariants, custom: 1, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx27(motion26.path, { d: "M9 12C9 13.6569 7.65685 15 6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12Z", stroke: "currentColor", strokeWidth: "inherit", variants: nodeVariants, custom: 0, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx27(motion26.path, { d: "M21 17.5C21 19.1569 19.6569 20.5 18 20.5C16.3431 20.5 15 19.1569 15 17.5C15 15.8431 16.3431 14.5 18 14.5C19.6569 14.5 21 15.8431 21 17.5Z", stroke: "currentColor", strokeWidth: "inherit", variants: nodeVariants, custom: 2, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx27(motion26.path, { d: "M8.72852 10.7495L15.2285 7.75M8.72852 13.25L15.2285 16.2495", stroke: "currentColor", strokeWidth: "inherit", variants: wireVariants, animate: controls, initial: "normal" })
+  ] }) });
+});
+Share08Icon.displayName = "Share08Icon";
+
+// src/utils/animated-icons/shield-02.tsx
+import { motion as motion27, useAnimation as useAnimation27 } from "motion/react";
+import { forwardRef as forwardRef28 } from "react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+var shieldVariants = {
+  normal: { transform: "translateY(0px) scale(1)" },
+  animate: {
+    transform: ["translateY(0px) scale(1)", "translateY(0.7px) scale(0.94)", "translateY(-0.25px) scale(1.05)", "translateY(0px) scale(1)"],
+    transition: { duration: 0.54, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var shieldCoreVariants = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(0.72)", "scale(1.2)", "scale(1)"],
+    transition: { duration: 0.5, delay: 0.05, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var Shield02Icon = forwardRef28(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation27();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx28("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs24("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx28(
+      motion27.path,
+      {
+        d: "M18.7088 3.49534C16.8165 2.55382 14.5009 2 12 2C9.4991 2 7.1835 2.55382 5.29116 3.49534C4.36318 3.95706 3.89919 4.18792 3.4496 4.91378C3 5.63965 3 6.34248 3 7.74814V11.2371C3 16.9205 7.54236 20.0804 10.173 21.4338C10.9067 21.8113 11.2735 22 12 22C12.7265 22 13.0933 21.8113 13.8269 21.4338C16.4576 20.0804 21 16.9205 21 11.2371L21 7.74814C21 6.34249 21 5.63966 20.5504 4.91378C20.1008 4.18791 19.6368 3.95706 18.7088 3.49534Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: shieldVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "12px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx28(
+      motion27.path,
+      {
+        d: "M15 11C15 12.6568 13.6569 14 12 14C10.3431 14 9 12.6568 9 11C9 9.34314 10.3431 8 12 8C13.6569 8 15 9.34314 15 11Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: shieldCoreVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "12px 11px" }
+      }
+    )
+  ] }) });
+});
+Shield02Icon.displayName = "Shield02Icon";
+
+// src/utils/animated-icons/smile.tsx
+import { motion as motion28, useAnimation as useAnimation28 } from "motion/react";
+import { forwardRef as forwardRef29 } from "react";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+var svgVariants3 = {
+  normal: { rotate: 0, transition: { duration: 0.3 } },
+  animate: {
+    rotate: [0, -6, -6, 0],
+    transition: { duration: 1.1, ease: "easeInOut", times: [0, 0.25, 0.75, 1] }
+  }
+};
+var mouthVariants = {
+  normal: {
+    d: "M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15",
+    transition: { duration: 0.3, ease: "easeOut" }
+  },
+  animate: {
+    d: [
+      "M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15",
+      "M7.6 14.6C8.7 16.6 10.3 17.7 12 17.7C13.7 17.7 15.3 16.6 16.4 14.6",
+      "M7.8 14.8C8.8 16.45 10.35 17.35 12 17.35C13.65 17.35 15.2 16.45 16.2 14.8",
+      "M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15"
+    ],
+    transition: {
+      duration: 1.1,
+      times: [0, 0.36, 0.76, 1],
+      ease: [0.23, 1, 0.32, 1]
+    }
+  }
+};
+var eyeVariants = {
+  normal: { scaleY: 1, transition: { duration: 0.2 } },
+  animate: {
+    scaleY: [1, 0.15, 1, 1, 0.15, 1],
+    transition: {
+      duration: 1.1,
+      times: [0, 0.12, 0.24, 0.5, 0.62, 0.74],
+      ease: "easeInOut"
+    }
+  }
+};
+var SmileIcon = forwardRef29(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation28();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx29("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx29("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs25(motion28.g, { variants: svgVariants3, animate: controls, initial: "normal", style: { transformOrigin: "12px 12px" }, children: [
+    /* @__PURE__ */ jsx29("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx29(motion28.path, { d: "M8 15C8.91212 16.2144 10.3643 17 12 17C13.6357 17 15.0879 16.2144 16 15", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: mouthVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx29(
+      motion28.path,
+      {
+        d: "M15.625 8.387V8.91649M8.375 8.387V8.91649M8.75 8.75C8.75 8.33579 8.58211 8 8.375 8C8.16789 8 8 8.33579 8 8.75C8 9.16421 8.16789 9.5 8.375 9.5C8.58211 9.5 8.75 9.16421 8.75 8.75ZM16 8.75C16 8.33579 15.8321 8 15.625 8C15.4179 8 15.25 8.33579 15.25 8.75C15.25 9.16421 15.4179 9.5 15.625 9.5C15.8321 9.5 16 9.16421 16 8.75Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: eyeVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "12px 8.7px" }
+      }
+    )
+  ] }) }) });
+});
+SmileIcon.displayName = "SmileIcon";
+
+// src/utils/animated-icons/sparkles.tsx
+import { motion as motion29, useAnimation as useAnimation29 } from "motion/react";
+import { forwardRef as forwardRef30 } from "react";
+import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+var sparkleVariants = {
+  normal: { scale: 1, rotate: 0, visibility: "visible", transition: { type: "spring", duration: 0.45, bounce: 0 } },
+  animate: (i) => ({
+    scale: [1, i === 0 ? 1.18 : 0.72, i === 0 ? 0.78 : 1.2, 1],
+    rotate: [0, i === 0 ? 8 : -10, 0],
+    transition: { duration: 1, times: [0, 0.32, 0.7, 1], ease: "easeInOut" }
+  })
+};
+var glintVariants2 = {
+  normal: { visibility: "hidden", scale: 0.25 },
+  animate: (i) => ({
+    visibility: ["hidden", "visible", "hidden"],
+    scale: [0.25, 1.1],
+    transition: { duration: 0.45, delay: 0.18 + i * 0.16, ease: "easeOut" }
+  })
+};
+var generatedGeometryVariants10 = {
+  normal: { visibility: "hidden", transition: { duration: 0.08 } },
+  animate: { visibility: "visible", transition: { duration: 0.08 } }
+};
+var SparklesIcon = forwardRef30(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation29();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx30("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs26("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx30(
+      motion29.path,
+      {
+        d: "M15 2L15.5387 4.39157C15.9957 6.42015 17.5798 8.00431 19.6084 8.46127L22 9L19.6084 9.53873C17.5798 9.99569 15.9957 11.5798 15.5387 13.6084L15 16L14.4613 13.6084C14.0043 11.5798 12.4202 9.99569 10.3916 9.53873L8 9L10.3916 8.46127C12.4201 8.00431 14.0043 6.42015 14.4613 4.39158L15 2Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: sparkleVariants,
+        custom: 0,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "15px 9px" }
+      }
+    ),
+    /* @__PURE__ */ jsx30(
+      motion29.path,
+      {
+        d: "M7 12L7.38481 13.7083C7.71121 15.1572 8.84275 16.2888 10.2917 16.6152L12 17L10.2917 17.3848C8.84275 17.7112 7.71121 18.8427 7.38481 20.2917L7 22L6.61519 20.2917C6.28879 18.8427 5.15725 17.7112 3.70827 17.3848L2 17L3.70827 16.6152C5.15725 16.2888 6.28879 15.1573 6.61519 13.7083L7 12Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: sparkleVariants,
+        custom: 1,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "7px 17px" }
+      }
+    ),
+    /* @__PURE__ */ jsxs26(motion29.g, { variants: generatedGeometryVariants10, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx30(motion29.path, { d: "M5 4V2.4M4.2 3.2H5.8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.1", variants: glintVariants2, custom: 0, animate: controls, initial: "normal", style: { transformOrigin: "5px 3.2px" } }),
+      /* @__PURE__ */ jsx30(motion29.path, { d: "M19.5 19.5V17.9M18.7 18.7H20.3", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.1", variants: glintVariants2, custom: 1, animate: controls, initial: "normal", style: { transformOrigin: "19.5px 18.7px" } })
+    ] })
+  ] }) });
+});
+SparklesIcon.displayName = "SparklesIcon";
+
+// src/utils/animated-icons/star.tsx
+import { motion as motion30, useAnimation as useAnimation30 } from "motion/react";
+import { forwardRef as forwardRef31 } from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var STAR_REST = "M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z";
+var STAR_STRETCH = "M13.745 3.356L15.204 7.409C15.392 7.903 15.987 8.322 16.538 8.357L20.176 8.551C22.877 8.696 23.439 10.289 21.339 11.888L18.321 14.274C17.871 14.653 17.689 15.441 17.901 16.053L19.192 19.665C20.362 22.993 18.923 24.087 16.198 21.947L12.955 19.397C12.427 18.992 11.578 18.992 11.041 19.397L7.796 21.949C5.082 24.087 3.632 22.980 4.801 19.666L6.093 16.054C6.306 15.442 6.123 14.654 5.673 14.275L2.654 11.888C0.567 10.289 1.115 8.695 3.817 8.550L7.457 8.356C7.998 8.320 8.594 7.901 8.782 7.407L10.240 3.355C11.161 0.744 12.834 0.744 13.745 3.356Z";
+var STAR_GLIMMER = "M13.735 3.407L15.377 7.155C15.597 7.649 16.220 8.101 16.764 8.170L20.130 8.571C22.450 8.830 22.964 10.365 21.228 11.891L18.532 14.347C18.101 14.753 17.890 15.558 18.051 16.154L18.999 19.462C19.817 22.283 18.464 23.293 16.071 21.649L12.975 19.549C12.440 19.194 11.566 19.194 11.021 19.549L7.924 21.649C5.542 23.293 4.178 22.272 4.996 19.462L5.944 16.154C6.106 15.558 5.894 14.753 5.463 14.347L2.766 11.890C1.041 10.365 1.544 8.830 3.864 8.571L7.232 8.170C7.766 8.101 8.389 7.648 8.608 7.154L10.250 3.406C11.194 1.191 12.802 1.191 13.735 3.407Z";
+var starVariants2 = {
+  normal: { d: STAR_REST, transition: { duration: 0.25, ease: "easeOut" } },
+  animate: {
+    d: [STAR_REST, STAR_STRETCH, STAR_REST, STAR_GLIMMER, STAR_REST],
+    transition: { duration: 0.6, ease: "easeInOut", times: [0, 0.28, 0.55, 0.8, 1] }
+  }
+};
+var StarIcon = forwardRef31(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation30();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx31("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsx31("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsx31(
+    motion30.path,
+    {
+      d: "M13.7276 3.44418L15.4874 6.99288C15.7274 7.48687 16.3673 7.9607 16.9073 8.05143L20.0969 8.58575C22.1367 8.92853 22.6167 10.4206 21.1468 11.8925L18.6671 14.3927C18.2471 14.8161 18.0172 15.6327 18.1471 16.2175L18.8571 19.3125C19.417 21.7623 18.1271 22.71 15.9774 21.4296L12.9877 19.6452C12.4478 19.3226 11.5579 19.3226 11.0079 19.6452L8.01827 21.4296C5.8785 22.71 4.57865 21.7522 5.13859 19.3125L5.84851 16.2175C5.97849 15.6327 5.74852 14.8161 5.32856 14.3927L2.84884 11.8925C1.389 10.4206 1.85895 8.92853 3.89872 8.58575L7.08837 8.05143C7.61831 7.9607 8.25824 7.48687 8.49821 6.99288L10.258 3.44418C11.2179 1.51861 12.7777 1.51861 13.7276 3.44418Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "inherit",
+      variants: starVariants2,
+      animate: controls,
+      initial: "normal"
+    }
+  ) }) });
+});
+StarIcon.displayName = "StarIcon";
+
+// src/utils/animated-icons/thumbs-up.tsx
+import { motion as motion31, useAnimation as useAnimation31 } from "motion/react";
+import { forwardRef as forwardRef32 } from "react";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
+var handVariants = {
+  normal: { transform: "translateY(0px) rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["translateY(0px) rotate(0deg) scale(1)", "translateY(-1.4px) rotate(-5deg) scale(1.035)", "translateY(0.25px) rotate(1.2deg) scale(0.995)", "translateY(0px) rotate(0deg) scale(1)"],
+    transition: { duration: 0.56, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var ThumbsUpIcon = forwardRef32(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation31();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx32("div", { className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, "data-hugeicons-animated": "true", children: /* @__PURE__ */ jsx32("svg", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, className: "h-full w-full", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: /* @__PURE__ */ jsxs27(motion31.g, { variants: handVariants, animate: controls, initial: "normal", style: { transformOrigin: "7px 18px" }, children: [
+    /* @__PURE__ */ jsx32("path", { d: "M2 12.5C2 11.3954 2.89543 10.5 4 10.5C5.65685 10.5 7 11.8431 7 13.5V17.5C7 19.1569 5.65685 20.5 4 20.5C2.89543 20.5 2 19.6046 2 18.5V12.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" }),
+    /* @__PURE__ */ jsx32(
+      "path",
+      {
+        d: "M15.4787 7.80626L15.2124 8.66634C14.9942 9.37111 14.8851 9.72349 14.969 10.0018C15.0369 10.2269 15.1859 10.421 15.389 10.5487C15.64 10.7065 16.0197 10.7065 16.7791 10.7065H17.1831C19.7532 10.7065 21.0382 10.7065 21.6452 11.4673C21.7145 11.5542 21.7762 11.6467 21.8296 11.7437C22.2965 12.5921 21.7657 13.7351 20.704 16.0211C19.7297 18.1189 19.2425 19.1678 18.338 19.7852C18.2505 19.8449 18.1605 19.9013 18.0683 19.9541C17.116 20.5 15.9362 20.5 13.5764 20.5H13.0646C10.2057 20.5 8.77628 20.5 7.88814 19.6395C7 18.7789 7 17.3939 7 14.6239V13.6503C7 12.1946 7 11.4668 7.25834 10.8006C7.51668 10.1344 8.01135 9.58664 9.00069 8.49112L13.0921 3.96056C13.1947 3.84694 13.246 3.79012 13.2913 3.75075C13.7135 3.38328 14.3652 3.42464 14.7344 3.84235C14.774 3.8871 14.8172 3.94991 14.9036 4.07554C15.0388 4.27205 15.1064 4.37031 15.1654 4.46765C15.6928 5.33913 15.8524 6.37436 15.6108 7.35715C15.5838 7.46692 15.5488 7.5801 15.4787 7.80626Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit"
+      }
+    )
+  ] }) }) });
+});
+ThumbsUpIcon.displayName = "ThumbsUpIcon";
+
+// src/utils/animated-icons/upload-01.tsx
+import { motion as motion32, useAnimation as useAnimation32 } from "motion/react";
+import { forwardRef as forwardRef33 } from "react";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+var arrowVariants3 = {
+  normal: { translateY: 0, visibility: "visible" },
+  animate: {
+    translateY: [0, -5, 5, 0],
+    visibility: ["visible", "hidden", "hidden", "visible"],
+    transition: {
+      duration: 0.7,
+      times: [0, 0.42, 0.5, 1],
+      ease: ["easeIn", "linear", "easeOut"]
+    }
+  }
+};
+var trayVariants2 = {
+  normal: { translateY: 0 },
+  animate: {
+    translateY: [0, 0.9, 0],
+    transition: { duration: 0.3, ease: "easeOut", delay: 0.08 }
+  }
+};
+var Upload01Icon = forwardRef33(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation32();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx33("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs28("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx33(
+      motion32.path,
+      {
+        d: "M2.99994 17C2.99994 17.93 2.99994 18.395 3.10216 18.7765C3.37956 19.8117 4.18821 20.6204 5.22348 20.8978C5.60498 21 6.06997 21 6.99994 21L16.9999 21C17.9299 21 18.3949 21 18.7764 20.8978C19.8117 20.6204 20.6203 19.8117 20.8977 18.7765C20.9999 18.395 20.9999 17.93 20.9999 17",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: trayVariants2,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx33(motion32.path, { d: "M16.5 7.49993C16.5 7.49993 13.1858 2.99997 12 2.99996C10.8141 2.99995 7.50002 7.49996 7.50002 7.49996M12 3.99996V16", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: arrowVariants3, animate: controls, initial: "normal" })
+  ] }) });
+});
+Upload01Icon.displayName = "Upload01Icon";
+
+// src/utils/animated-icons/user-add-01.tsx
+import { motion as motion33, useAnimation as useAnimation33 } from "motion/react";
+import { forwardRef as forwardRef34 } from "react";
+import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+var personVariants = {
+  normal: { transform: "translateY(0px)" },
+  animate: {
+    transform: ["translateY(0px) scale(1)", "translateY(-1.5px) scale(1.03)", "translateY(0.5px) scale(0.98)", "translateY(0px) scale(1)"],
+    transition: { duration: 0.56, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var plusVariants = {
+  normal: { transform: "rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["rotate(-16deg) scale(0.5)", "rotate(5deg) scale(1.2)", "rotate(-2deg) scale(0.98)", "rotate(0deg) scale(1)"],
+    transition: { duration: 0.5, delay: 0.08, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var UserAdd01Icon = forwardRef34(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation33();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx34("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs29("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx34(
+      motion33.path,
+      {
+        d: "M15 8C15 5.23858 12.7614 3 10 3C7.23858 3 5 5.23858 5 8C5 10.7614 7.23858 13 10 13C12.7614 13 15 10.7614 15 8Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: personVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "10px 10px" }
+      }
+    ),
+    /* @__PURE__ */ jsx34(motion33.path, { d: "M17.5 21L17.5 14M14 17.5H21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: plusVariants, animate: controls, initial: "normal", style: { transformOrigin: "17.5px 17.5px" } }),
+    /* @__PURE__ */ jsx34(motion33.path, { d: "M3 20C3 16.134 6.13401 13 10 13C11.4872 13 12.8662 13.4638 14 14.2547", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: personVariants, animate: controls, initial: "normal", style: { transformOrigin: "10px 18px" } })
+  ] }) });
+});
+UserAdd01Icon.displayName = "UserAdd01Icon";
+
+// src/utils/animated-icons/user-group.tsx
+import { motion as motion34, useAnimation as useAnimation34 } from "motion/react";
+import { forwardRef as forwardRef35 } from "react";
+import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+var centerUserVariants = {
+  normal: { transform: "translateY(0px) scale(1)" },
+  animate: {
+    transform: ["translateY(0px) scale(1)", "translateY(-0.65px) scale(1.04)", "translateY(0px) scale(1)"],
+    transition: { duration: 0.5, delay: 0.08, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var sideUserVariants = {
+  normal: { transform: "translateX(0px)" },
+  animate: (direction) => ({
+    transform: [`translateX(${direction * 0.9}px)`, `translateX(${direction * -0.2}px)`, "translateX(0px)"],
+    transition: { duration: 0.5, ease: [0.23, 1, 0.32, 1] }
+  })
+};
+var UserGroupIcon = forwardRef35(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation34();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx35("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs30("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx35(
+      motion34.path,
+      {
+        d: "M15.5 11C15.5 9.067 13.933 7.5 12 7.5C10.067 7.5 8.5 9.067 8.5 11C8.5 12.933 10.067 14.5 12 14.5C13.933 14.5 15.5 12.933 15.5 11Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: centerUserVariants,
+        style: { transformOrigin: "12px 11px" },
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx35(
+      motion34.path,
+      {
+        d: "M15.4827 11.3499C15.8047 11.4475 16.1462 11.5 16.5 11.5C18.433 11.5 20 9.933 20 8C20 6.067 18.433 4.5 16.5 4.5C14.6851 4.5 13.1928 5.8814 13.0173 7.65013",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: sideUserVariants,
+        custom: 1,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx35(
+      motion34.path,
+      {
+        d: "M10.9827 7.65013C10.8072 5.8814 9.31492 4.5 7.5 4.5C5.567 4.5 4 6.067 4 8C4 9.933 5.567 11.5 7.5 11.5C7.85381 11.5 8.19535 11.4475 8.51727 11.3499",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: sideUserVariants,
+        custom: -1,
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx35(motion34.path, { d: "M22 16.5C22 13.7386 19.5376 11.5 16.5 11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: sideUserVariants, custom: 1, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx35(
+      motion34.path,
+      {
+        d: "M17.5 19.5C17.5 16.7386 15.0376 14.5 12 14.5C8.96243 14.5 6.5 16.7386 6.5 19.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: centerUserVariants,
+        style: { transformOrigin: "12px 15px" },
+        animate: controls,
+        initial: "normal"
+      }
+    ),
+    /* @__PURE__ */ jsx35(motion34.path, { d: "M7.5 11.5C4.46243 11.5 2 13.7386 2 16.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: sideUserVariants, custom: -1, animate: controls, initial: "normal" })
+  ] }) });
+});
+UserGroupIcon.displayName = "UserGroupIcon";
+
+// src/utils/animated-icons/user-remove-01.tsx
+import { motion as motion35, useAnimation as useAnimation35 } from "motion/react";
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+var personVariants2 = {
+  normal: { transform: "translateX(0px)" },
+  animate: {
+    transform: ["translateX(0px) scale(1)", "translateX(-1.5px) scale(0.97)", "translateX(0.35px) scale(1.01)", "translateX(0px) scale(1)"],
+    transition: { duration: 0.54, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var removeVariants = {
+  normal: { transform: "rotate(0deg) scale(1)" },
+  animate: {
+    transform: ["rotate(-10deg) scale(0.58)", "rotate(12deg) scale(1.2)", "rotate(-3deg) scale(0.98)", "rotate(0deg) scale(1)"],
+    transition: { duration: 0.5, delay: 0.06, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var UserRemove01Icon = forwardRef36(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation35();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx36("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs31("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx36(
+      motion35.path,
+      {
+        d: "M14.5 8C14.5 5.23858 12.2614 3 9.5 3C6.73858 3 4.5 5.23858 4.5 8C4.5 10.7614 6.73858 13 9.5 13C12.2614 13 14.5 10.7614 14.5 8Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: personVariants2,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "9.5px 8px" }
+      }
+    ),
+    /* @__PURE__ */ jsx36(motion35.path, { d: "M15.5 21L18.5 18M18.5 18L21.5 15M18.5 18L15.5 15M18.5 18L21.5 21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: removeVariants, animate: controls, initial: "normal", style: { transformOrigin: "18.5px 18px" } }),
+    /* @__PURE__ */ jsx36(motion35.path, { d: "M2.5 20C2.5 16.134 5.63401 13 9.5 13C10.775 13 11.9704 13.3409 13 13.9365", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: personVariants2, animate: controls, initial: "normal", style: { transformOrigin: "9.5px 18px" } })
+  ] }) });
+});
+UserRemove01Icon.displayName = "UserRemove01Icon";
+
+// src/utils/animated-icons/video-01.tsx
+import { motion as motion36, useAnimation as useAnimation36 } from "motion/react";
+import { forwardRef as forwardRef37 } from "react";
+import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+var cameraBodyVariants = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(0.985)", "scale(1.015)", "scale(1)"],
+    transition: { duration: 0.48, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var cameraWingVariants = {
+  normal: { transform: "translateX(0px) scaleX(1)" },
+  animate: {
+    transform: ["translateX(0px) scaleX(1)", "translateX(0.8px) scaleX(1.08)", "translateX(-0.12px) scaleX(0.99)", "translateX(0px) scaleX(1)"],
+    transition: { duration: 0.5, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var recordDotVariants = {
+  normal: { scale: 1, visibility: "visible" },
+  animate: {
+    scale: [1, 0.72, 1.16, 1],
+    visibility: ["visible", "visible", "visible", "visible"],
+    transition: { duration: 0.45, ease: [0.23, 1, 0.32, 1] }
+  }
+};
+var Video01Icon = forwardRef37(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation36();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx37("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs32("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx37(
+      motion36.path,
+      {
+        d: "M2 11C2 7.70017 2 6.05025 3.02513 5.02513C4.05025 4 5.70017 4 9 4H10C13.2998 4 14.9497 4 15.9749 5.02513C17 6.05025 17 7.70017 17 11V13C17 16.2998 17 17.9497 15.9749 18.9749C14.9497 20 13.2998 20 10 20H9C5.70017 20 4.05025 20 3.02513 18.9749C2 17.9497 2 16.2998 2 13V11Z",
+        stroke: "currentColor",
+        strokeWidth: "inherit",
+        variants: cameraBodyVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "9.5px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx37(
+      motion36.path,
+      {
+        d: "M17 8.90585L17.1259 8.80196C19.2417 7.05623 20.2996 6.18336 21.1498 6.60482C22 7.02628 22 8.42355 22 11.2181V12.7819C22 15.5765 22 16.9737 21.1498 17.3952C20.2996 17.8166 19.2417 16.9438 17.1259 15.198L17 15.0941",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "inherit",
+        variants: cameraWingVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "17px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx37(motion36.circle, { cx: "11.5", cy: "9.5", r: "1.5", stroke: "currentColor", strokeWidth: "inherit", variants: recordDotVariants, animate: controls, initial: "normal", style: { transformOrigin: "11.5px 9.5px" } })
+  ] }) });
+});
+Video01Icon.displayName = "Video01Icon";
+
+// src/utils/animated-icons/volume-high.tsx
+import { motion as motion37, useAnimation as useAnimation37 } from "motion/react";
+import { forwardRef as forwardRef38 } from "react";
+import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+var speakerVariants = {
+  normal: { transform: "scale(1)", transition: { duration: 0.22 } },
+  animate: {
+    transform: ["scale(1)", "scale(0.97)", "scale(1.055)", "scale(1)"],
+    transition: { duration: 0.9, ease: [0.23, 1, 0.32, 1], repeat: Infinity, repeatDelay: 0.08 }
+  }
+};
+var waveVariants2 = {
+  normal: { visibility: "visible", transform: "translateX(0px) scale(1)", transition: { duration: 0.22 } },
+  animate: (i) => ({
+    visibility: ["visible", "visible", "visible"],
+    transform: ["translateX(-0.6px) scale(0.82)", "translateX(0px) scale(1.06)", "translateX(0px) scale(1)"],
+    transition: {
+      duration: 0.9,
+      ease: [0.23, 1, 0.32, 1],
+      repeat: Infinity,
+      repeatDelay: 0.08,
+      delay: i * 0.14
+    }
+  })
+};
+var VolumeHighIcon = forwardRef38(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation37();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: true,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx38("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs33("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx38(
+      motion37.path,
+      {
+        d: "M14 14.8135V9.18646C14 6.04126 14 4.46866 13.0747 4.0773C12.1494 3.68593 11.0603 4.79793 8.88232 7.02192C7.75439 8.17365 7.11085 8.42869 5.50604 8.42869C4.10257 8.42869 3.40084 8.42869 2.89675 8.77262C1.85035 9.48655 2.00852 10.882 2.00852 12C2.00852 13.118 1.85035 14.5134 2.89675 15.2274C3.40084 15.5713 4.10257 15.5713 5.50604 15.5713C7.11085 15.5713 7.75439 15.8264 8.88232 16.9781C11.0603 19.2021 12.1494 20.3141 13.0747 19.9227C14 19.5313 14 17.9587 14 14.8135Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: speakerVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "8px 12px" }
+      }
+    ),
+    /* @__PURE__ */ jsx38(motion37.path, { d: "M17 9C17.6254 9.81968 18 10.8634 18 12C18 13.1366 17.6254 14.1803 17 15", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: waveVariants2, custom: 0, animate: controls, initial: "normal", style: { transformOrigin: "14px 12px" } }),
+    /* @__PURE__ */ jsx38(motion37.path, { d: "M20 7C21.2508 8.36613 22 10.1057 22 12C22 13.8943 21.2508 15.6339 20 17", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: waveVariants2, custom: 1, animate: controls, initial: "normal", style: { transformOrigin: "14px 12px" } })
+  ] }) });
+});
+VolumeHighIcon.displayName = "VolumeHighIcon";
+
+// src/utils/animated-icons/volume-mute-01.tsx
+import { motion as motion38, useAnimation as useAnimation38 } from "motion/react";
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+var MUTE_MARK = "M20 9.75L23 14.25M23 9.75L20 14.25";
+var SOUND_WAVE = "M20 9C20.6254 9.81968 21 10.8634 21 12C21 13.1366 20.6254 14.1803 20 15";
+var MUTE_DURATION = 1.12;
+var MUTE_TIMES = [0, 0.05, 0.1, 0.16, 0.24, 0.34, 0.44, 0.56, 0.68, 0.76, 0.82, 0.87, 0.92, 0.97, 1];
+var departingMuteVariants = {
+  normal: {
+    transform: "translate(0px, 0px)",
+    transition: { duration: 0.18, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    transform: [
+      "translate(0px, 0px)",
+      "translate(0.8px, 0.8px)",
+      "translate(4px, 4px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)",
+      "translate(24px, 24px)"
+    ],
+    transition: {
+      duration: MUTE_DURATION,
+      ease: "linear",
+      times: MUTE_TIMES
+    }
+  }
+};
+var soundWaveVariants = {
+  normal: {
+    pathLength: 0,
+    transition: { duration: 0.18, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    pathLength: [0, 0, 0, 0, 0.25, 0.7, 1, 1, 1, 1, 1, 1, 0.8, 0.3, 0],
+    transition: {
+      duration: MUTE_DURATION,
+      ease: "linear",
+      times: MUTE_TIMES
+    }
+  }
+};
+var arrivingMuteVariants = {
+  normal: {
+    transform: "translate(-24px, -24px)",
+    transition: { duration: 0.18, ease: [0.23, 1, 0.32, 1] }
+  },
+  animate: {
+    transform: [
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-24px, -24px)",
+      "translate(-18px, -18px)",
+      "translate(-9px, -9px)",
+      "translate(-3px, -3px)",
+      "translate(-0.6px, -0.6px)",
+      "translate(0px, 0px)"
+    ],
+    transition: {
+      duration: MUTE_DURATION,
+      ease: "linear",
+      times: MUTE_TIMES
+    }
+  }
+};
+var generatedGeometryVariants11 = {
+  normal: { visibility: "hidden", transition: { duration: 0 } },
+  animate: { visibility: "visible", transition: { duration: 0 } }
+};
+var VolumeMute01Icon = forwardRef39(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation38();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx39("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs34("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "hidden", children: [
+    /* @__PURE__ */ jsx39(
+      "path",
+      {
+        d: "M18 14.8135V9.18646C18 6.04126 18 4.46866 17.074 4.0773C16.1481 3.68593 15.0583 4.79793 12.8787 7.02192C11.7499 8.17365 11.1059 8.42869 9.5 8.42869C8.3879 8.42869 7.02749 8.28131 6.33706 9.33566C6 9.85038 6 10.5669 6 12C6 13.4331 6 14.1496 6.33706 14.6643C7.02749 15.7187 8.3879 15.5713 9.5 15.5713C11.106 15.5713 11.7499 15.8264 12.8787 16.9781C15.0583 19.2021 16.1481 20.3141 17.074 19.9227C18 19.5313 18 17.9587 18 14.8135Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit"
+      }
+    ),
+    /* @__PURE__ */ jsx39(motion38.path, { d: MUTE_MARK, stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: departingMuteVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsxs34(motion38.g, { variants: generatedGeometryVariants11, animate: controls, initial: "normal", children: [
+      /* @__PURE__ */ jsx39(motion38.path, { d: SOUND_WAVE, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: soundWaveVariants, animate: controls, initial: "normal" }),
+      /* @__PURE__ */ jsx39(motion38.path, { d: MUTE_MARK, stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: arrivingMuteVariants, animate: controls, initial: "normal" })
+    ] })
+  ] }) });
+});
+VolumeMute01Icon.displayName = "VolumeMute01Icon";
+
+// src/utils/animated-icons/zoom-in-area.tsx
+import { motion as motion39, useAnimation as useAnimation39 } from "motion/react";
+import { forwardRef as forwardRef40 } from "react";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+var lensVariants = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(1.075)", "scale(0.99)", "scale(1)"],
+    transition: {
+      duration: 0.5,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.42, 0.76, 1]
+    }
+  }
+};
+var plusVariants2 = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(0.7)", "scale(1.1)", "scale(1)"],
+    transition: {
+      duration: 0.46,
+      delay: 0.03,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.42, 0.75, 1]
+    }
+  }
+};
+var ZoomInAreaIcon = forwardRef40(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation39();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx40("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs35("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx40(
+      motion39.path,
+      {
+        d: "M18.5016 19.1217L21 21.6217M20 15.1217C20 12.0842 17.5376 9.62173 14.5 9.62173C11.4624 9.62173 9 12.0842 9 15.1217C9 18.1593 11.4624 20.6217 14.5 20.6217C17.5376 20.6217 20 18.1593 20 15.1217Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: lensVariants,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "14.5px 15.1217px" }
+      }
+    ),
+    /* @__PURE__ */ jsx40(motion39.path, { d: "M14.5 13.1217V17.1217M16.5 15.1217H12.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: plusVariants2, animate: controls, initial: "normal", style: { transformOrigin: "14.5px 15.1217px" } }),
+    /* @__PURE__ */ jsx40("path", { d: "M10 3.62173H14M3 10.6217V14.6217M6.5 21.6217C4.567 21.6217 3 20.0547 3 18.1217M17.5 3.62173C19.433 3.62173 21 5.18873 21 7.12173M3 7.12173C3 5.18873 4.567 3.62173 6.5 3.62173", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" })
+  ] }) });
+});
+ZoomInAreaIcon.displayName = "ZoomInAreaIcon";
+
+// src/utils/animated-icons/zoom-out-area.tsx
+import { motion as motion40, useAnimation as useAnimation40 } from "motion/react";
+import { forwardRef as forwardRef41 } from "react";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
+var lensVariants2 = {
+  normal: { transform: "scale(1)" },
+  animate: {
+    transform: ["scale(1)", "scale(0.91)", "scale(1.015)", "scale(1)"],
+    transition: {
+      duration: 0.5,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.42, 0.75, 1]
+    }
+  }
+};
+var minusVariants = {
+  normal: { d: "M16.5 14.5H12.5" },
+  animate: {
+    d: ["M16.5 14.5H12.5", "M15.3 14.5H13.7", "M16.65 14.5H12.35", "M16.5 14.5H12.5"],
+    transition: {
+      duration: 0.46,
+      delay: 0.03,
+      ease: [0.23, 1, 0.32, 1],
+      times: [0, 0.46, 0.76, 1]
+    }
+  }
+};
+var ZoomOutAreaIcon = forwardRef41(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation40();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx41("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs36("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx41(
+      motion40.path,
+      {
+        d: "M18.5016 18.5L21 21M20 14.5C20 11.4624 17.5376 9 14.5 9C11.4624 9 9 11.4624 9 14.5C9 17.5376 11.4624 20 14.5 20C17.5376 20 20 17.5376 20 14.5Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: lensVariants2,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "14.5px 14.5px" }
+      }
+    ),
+    /* @__PURE__ */ jsx41(motion40.path, { d: "M16.5 14.5H12.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: minusVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx41("path", { d: "M10 3H14M3 10V14M6.5 21C4.567 21 3 19.433 3 17.5M17.5 3C19.433 3 21 4.567 21 6.5M3 6.5C3 4.567 4.567 3 6.5 3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit" })
+  ] }) });
+});
+ZoomOutAreaIcon.displayName = "ZoomOutAreaIcon";
+
+// src/utils/animated-icons/maximize-screen.tsx
+import { motion as motion41, useAnimation as useAnimation41 } from "motion/react";
+import { forwardRef as forwardRef42, useId as useId3 } from "react";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+var MAXIMIZE_WINDOW = "M2 17C2 15.1144 2 14.1716 2.58579 13.5858C3.17157 13 4.11438 13 6 13H7C8.88562 13 9.82843 13 10.4142 13.5858C11 14.1716 11 15.1144 11 17V18C11 19.8856 11 20.8284 10.4142 21.4142C9.82843 22 8.88562 22 7 22H6C4.11438 22 3.17157 22 2.58579 21.4142C2 20.8284 2 19.8856 2 18V17Z";
+var MAXIMIZE_OUTER_SOURCE = "M2 8.5V10.5M14 2H10M22 14V10M13.5 22H15.5M2.05986 5.5C2.21387 4.43442 2.51347 3.67903 3.09625 3.09625C3.67903 2.51347 4.43442 2.21387 5.5 2.05986M18.5 2.05986C19.5656 2.21387 20.321 2.51347 20.9037 3.09625C21.4865 3.67903 21.7861 4.43442 21.9401 5.5M21.9401 18.5C21.7861 19.5656 21.4865 20.321 20.9037 20.9037C20.321 21.4865 19.5656 21.7861 18.5 21.9401";
+var MAXIMIZE_DURATION = 0.86;
+var MAXIMIZE_TIMES = [0, 0.07, 0.14, 0.23, 0.34, 0.46, 0.58, 0.68, 0.76, 0.82, 0.88, 0.94, 1];
+function createExpandedWindowPath({ right, top }) {
+  return `M2 ${top + 4}C2 ${top + 2.1144} 2 ${top + 1.1716} 2.58579 ${top + 0.5858}C3.17157 ${top} 4.11438 ${top} 6 ${top}H${right - 4}C${right - 2.11438} ${top} ${right - 1.17157} ${top} ${right - 0.5858} ${top + 0.5858}C${right} ${top + 1.1716} ${right} ${top + 2.1144} ${right} ${top + 4}V18C${right} 19.8856 ${right} 20.8284 ${right - 0.5858} 21.4142C${right - 1.17157} 22 ${right - 2.11438} 22 ${right - 4} 22H6C4.11438 22 3.17157 22 2.58579 21.4142C2 20.8284 2 19.8856 2 18V${top + 4}Z`;
+}
+var EXPANDING_WINDOW_FRAMES = [
+  MAXIMIZE_WINDOW,
+  MAXIMIZE_WINDOW,
+  createExpandedWindowPath({ right: 11.66, top: 12.34 }),
+  createExpandedWindowPath({ right: 12.98, top: 11.02 }),
+  createExpandedWindowPath({ right: 15.18, top: 8.82 }),
+  createExpandedWindowPath({ right: 17.82, top: 6.18 }),
+  createExpandedWindowPath({ right: 20.02, top: 3.98 }),
+  createExpandedWindowPath({ right: 21.45, top: 2.55 }),
+  createExpandedWindowPath({ right: 22, top: 2 }),
+  createExpandedWindowPath({ right: 22, top: 2 }),
+  createExpandedWindowPath({ right: 20.02, top: 3.98 }),
+  createExpandedWindowPath({ right: 15.18, top: 8.82 }),
+  MAXIMIZE_WINDOW
+];
+var arrowVariants4 = {
+  normal: { transform: "translate(0px, 0px)" },
+  animate: {
+    transform: [
+      "translate(0px, 0px)",
+      "translate(0.2px, -0.2px)",
+      "translate(0.55px, -0.55px)",
+      "translate(1.1px, -1.1px)",
+      "translate(1.45px, -1.45px)",
+      "translate(0.9px, -0.9px)",
+      "translate(0.35px, -0.35px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0.35px, -0.35px)",
+      "translate(0.15px, -0.15px)",
+      "translate(0px, 0px)"
+    ],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: [0.77, 0, 0.175, 1],
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var sourceWindowVariants = {
+  normal: {
+    d: MAXIMIZE_WINDOW,
+    strokeDasharray: "100 0",
+    strokeDashoffset: 0,
+    visibility: "visible"
+  },
+  animate: {
+    d: EXPANDING_WINDOW_FRAMES,
+    strokeDasharray: ["100 0", "100 0", "100 0", "100 0", "100 0", "100 0", "36 0.4", "12 1", "5 1.8", "2.6 2.2", "5 1.8", "36 0.4", "100 0"],
+    strokeDashoffset: [0, 0, 0, 0, 0, 0, 0.5, 1.5, 3, 4, 3, 0.5, 0],
+    visibility: ["visible", "visible", "visible", "visible", "visible", "visible", "visible", "visible", "visible", "visible", "hidden", "hidden", "visible"],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: "linear",
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var sourceOuterFrameVariants = {
+  normal: { pathLength: 1 },
+  animate: {
+    pathLength: [1, 1, 1, 0.92, 0.72, 0.42, 0.15, 0, 0, 0, 0.18, 0.55, 1],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: "linear",
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var arrivingWindowVariants = {
+  normal: { transform: "translate(-12px, 12px)" },
+  animate: {
+    transform: [
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-9px, 9px)",
+      "translate(-4.5px, 4.5px)",
+      "translate(-1px, 1px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)"
+    ],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: "linear",
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var generatedGeometryVariants12 = {
+  normal: { visibility: "hidden", transition: { duration: 0 } },
+  animate: {
+    visibility: ["hidden", "hidden", "hidden", "hidden", "visible", "visible", "visible", "visible", "visible", "visible", "visible", "visible", "hidden"],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: "linear",
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var occlusionMaskVariants = {
+  normal: { transform: "translate(-12px, 12px)" },
+  animate: {
+    transform: [
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-12px, 12px)",
+      "translate(-9px, 9px)",
+      "translate(-4.5px, 4.5px)",
+      "translate(-1px, 1px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)",
+      "translate(0px, 0px)"
+    ],
+    transition: {
+      duration: MAXIMIZE_DURATION,
+      ease: "linear",
+      times: MAXIMIZE_TIMES
+    }
+  }
+};
+var MaximizeScreenIcon = forwardRef42(({ onMouseEnter, onMouseLeave, className, size = 24, ...props }, ref) => {
+  const controls = useAnimation41();
+  const occlusionMaskId = useId3();
+  const { handleMouseEnter, handleMouseLeave } = useIconAnimation({
+    controls,
+    loops: false,
+    onMouseEnter,
+    onMouseLeave,
+    ref
+  });
+  return /* @__PURE__ */ jsx42("div", { "data-hugeicons-animated": "true", className: cn("inline-flex", className), style: { strokeWidth: 1.5 }, children: /* @__PURE__ */ jsxs37("svg", { className: "h-full w-full", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", overflow: "hidden", children: [
+    /* @__PURE__ */ jsx42("defs", { children: /* @__PURE__ */ jsxs37("mask", { id: occlusionMaskId, x: "0", y: "0", width: "24", height: "24", maskUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx42("rect", { x: "0", y: "0", width: "24", height: "24", fill: "white" }),
+      /* @__PURE__ */ jsx42(motion41.g, { variants: generatedGeometryVariants12, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx42(motion41.path, { d: MAXIMIZE_WINDOW, fill: "black", stroke: "black", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "3", variants: occlusionMaskVariants, animate: controls, initial: "normal" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx42(
+      motion41.path,
+      {
+        d: "M12.5667 7.93408L15.3088 8.03416C15.7163 8.04903 16.0391 8.38374 16.0391 8.79156V11.4064M10.5391 13.4341L15.5828 8.41565",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "inherit",
+        variants: arrowVariants4,
+        animate: controls,
+        initial: "normal",
+        style: { transformOrigin: "13px 11px" }
+      }
+    ),
+    /* @__PURE__ */ jsx42(motion41.path, { d: MAXIMIZE_WINDOW, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", mask: `url(#${occlusionMaskId})`, variants: sourceWindowVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx42(motion41.path, { d: MAXIMIZE_OUTER_SOURCE, stroke: "currentColor", strokeLinecap: "round", strokeWidth: "inherit", variants: sourceOuterFrameVariants, animate: controls, initial: "normal" }),
+    /* @__PURE__ */ jsx42(motion41.g, { variants: generatedGeometryVariants12, animate: controls, initial: "normal", children: /* @__PURE__ */ jsx42(motion41.path, { d: MAXIMIZE_WINDOW, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "inherit", variants: arrivingWindowVariants, animate: controls, initial: "normal" }) })
+  ] }) });
+});
+MaximizeScreenIcon.displayName = "MaximizeScreenIcon";
+
+// src/utils/icons.tsx
+import {
+  Alert02Icon as Alert02IconSvg,
+  ArrowDown01Icon as ArrowDown01IconSvg,
+  ArrowLeft01Icon as ArrowLeft01IconSvg,
+  ArrowRight01Icon as ArrowRight01IconSvg,
+  ArrowUp01Icon as ArrowUp01IconSvg,
+  Calendar01Icon as Calendar01IconSvg,
+  CallEnd01Icon as CallEnd01IconSvg,
+  CancelCircleIcon as CancelCircleIconSvg,
+  CheckmarkCircle02Icon as CheckmarkCircle02IconSvg,
+  CircleIcon as CircleIconSvg,
+  FileIcon as FileTextIconSvg,
+  GridIcon as GridIconSvg,
+  WavingHand01Icon as HandIconSvg,
+  LayoutTwoColumnIcon as LayoutTwoColumnIconSvg,
+  LayoutGridIcon as LayoutGridIconSvg,
+  LayoutTableIcon as LayoutTableIconSvg,
+  Loading01Icon as Loading01IconSvg,
+  MicOff01Icon as MicrophoneOff01IconSvg,
+  ComputerVideoIcon as Monitor01IconSvg,
+  ComputerRemoveIcon as MonitorOffIconSvg,
+  Radio01Icon as Radio01IconSvg,
+  SignalFull02Icon as SignalFull02IconSvg,
+  SquareIcon as SquareIconSvg,
+  Sun02Icon as Sun02IconSvg,
+  TextIcon as TextIconSvg,
+  Tick01Icon as Tick01IconSvg,
+  TickDouble01Icon as TickDouble01IconSvg,
+  VideoOffIcon as VideoOffIconSvg,
+  WifiOffIcon as WifiOffIconSvg
+} from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var createIcon = (iconSvg) => {
+  const Icon = (props) => /* @__PURE__ */ jsx43(HugeiconsIcon, { icon: iconSvg, ...props });
+  return Icon;
+};
+var Alert02Icon = createIcon(Alert02IconSvg);
+var ArrowDown01Icon = createIcon(ArrowDown01IconSvg);
+var ArrowLeft01Icon = createIcon(ArrowLeft01IconSvg);
+var ArrowLeft02Icon2 = ArrowLeft02Icon;
+var ArrowRight01Icon = createIcon(ArrowRight01IconSvg);
+var ArrowUp01Icon = createIcon(ArrowUp01IconSvg);
+var Calendar01Icon = createIcon(Calendar01IconSvg);
+var CallEnd01Icon = createIcon(CallEnd01IconSvg);
+var Cancel01Icon2 = Cancel01Icon;
+var CancelCircleIcon = createIcon(CancelCircleIconSvg);
+var CheckmarkCircle02Icon = createIcon(CheckmarkCircle02IconSvg);
+var CircleIcon = createIcon(CircleIconSvg);
+var Clock01Icon2 = Clock01Icon;
+var ColumnIcon = createIcon(LayoutTwoColumnIconSvg);
+var Copy01Icon2 = Copy01Icon;
+var Crown01Icon = CrownIcon;
+var Download01Icon2 = Download01Icon;
+var Edit02Icon2 = Edit02Icon;
+var FileTextIcon = createIcon(FileTextIconSvg);
+var GridIcon = createIcon(GridIconSvg);
+var HandIcon = createIcon(HandIconSvg);
+var Home01Icon2 = Home01Icon;
+var Image01Icon2 = Image01Icon;
+var InformationCircleIcon2 = InformationCircleIcon;
+var LayoutGridIcon = createIcon(LayoutGridIconSvg);
+var LayoutTableIcon = createIcon(LayoutTableIconSvg);
+var Link01Icon2 = Link01Icon;
+var Loading01Icon = createIcon(Loading01IconSvg);
+var Mail01Icon2 = Mail01Icon;
+var Maximize01Icon = MaximizeScreenIcon;
+var Message01Icon2 = Message01Icon;
+var Microphone01Icon = Mic01Icon;
+var MicrophoneOff01Icon = createIcon(MicrophoneOff01IconSvg);
+var Moon02Icon2 = Moon02Icon;
+var Monitor01Icon = createIcon(Monitor01IconSvg);
+var MonitorOffIcon = createIcon(MonitorOffIconSvg);
+var MoreHorizontalIcon2 = MoreHorizontalIcon;
+var MoreVerticalIcon2 = MoreVerticalIcon;
+var PauseIcon2 = PauseIcon;
+var PictureInPictureIcon = createIcon(LayoutTableIconSvg);
+var Pin01Icon = PinIcon;
+var PlayIcon2 = PlayIcon;
+var PlusSignIcon2 = PlusSignIcon;
+var QrCode01Icon2 = QrCode01Icon;
+var Radio01Icon = createIcon(Radio01IconSvg);
+var RefreshIcon2 = RefreshIcon;
+var Search01Icon2 = Search01Icon;
+var SentIcon2 = SentIcon;
+var Settings01Icon2 = Settings01Icon;
+var Share01Icon = Share08Icon;
+var Shield01Icon = Shield02Icon;
+var SignalFull02Icon = createIcon(SignalFull02IconSvg);
+var SmileIcon2 = SmileIcon;
+var SparklesIcon2 = SparklesIcon;
+var SquareIcon = createIcon(SquareIconSvg);
+var StarIcon2 = StarIcon;
+var Sun02Icon = createIcon(Sun02IconSvg);
+var TextIcon = createIcon(TextIconSvg);
+var ThumbsUpIcon2 = ThumbsUpIcon;
+var Tick01Icon = createIcon(Tick01IconSvg);
+var TickDouble01Icon = createIcon(TickDouble01IconSvg);
+var Upload01Icon2 = Upload01Icon;
+var UserAdd01Icon2 = UserAdd01Icon;
+var UserGroupIcon2 = UserGroupIcon;
+var UserRemove01Icon2 = UserRemove01Icon;
+var Video01Icon2 = Video01Icon;
+var VideoOffIcon = createIcon(VideoOffIconSvg);
+var VolumeHighIcon2 = VolumeHighIcon;
+var VolumeMute01Icon2 = VolumeMute01Icon;
+var WifiOffIcon = createIcon(WifiOffIconSvg);
+var ZoomInIcon = ZoomInAreaIcon;
+var ZoomOutIcon = ZoomOutAreaIcon;
+
+// src/utils/colorGenerator.ts
+var PARTICIPANT_GRADIENT_PRESETS = [
+  { id: "aurora", label: "Aurora", from: "#0ea5e9", to: "#22c55e" },
+  { id: "ember", label: "Ember", from: "#f97316", to: "#ef4444" },
+  { id: "orchid", label: "Orchid", from: "#a855f7", to: "#ec4899" },
+  { id: "cobalt", label: "Cobalt", from: "#2563eb", to: "#14b8a6" },
+  { id: "gold", label: "Gold", from: "#eab308", to: "#f97316" },
+  { id: "slate", label: "Slate", from: "#64748b", to: "#94a3b8" }
+];
+var AUTO_PALETTE = [
+  ["#315f72", "#dcebef"],
+  ["#5c6650", "#e3eadf"],
+  ["#6b5b4f", "#ece3dc"],
+  ["#64576b", "#e8e0ea"],
+  ["#49645d", "#dfeae6"],
+  ["#665d42", "#ebe6d6"],
+  ["#4d5d73", "#e1e6ec"],
+  ["#6d5158", "#eee0e3"]
+];
+function hashIdentity(identity) {
+  let hash = 2166136261;
+  for (const char of identity.trim().toLowerCase() || "chalk") {
+    hash ^= char.charCodeAt(0);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+function resolveGradient(identity = "chalk", preference) {
+  if (preference?.mode === "custom" && preference.from && preference.to) {
+    return [preference.from, preference.to];
+  }
+  return AUTO_PALETTE[hashIdentity(identity) % AUTO_PALETTE.length] ?? ["#64748b", "#94a3b8"];
+}
+function getParticipantInitial(name) {
+  return (name?.trim()?.[0] ?? "?").toUpperCase();
+}
+function getParticipantInitials(name) {
+  const parts = (name ?? "").trim().split(/\s+/).filter(Boolean);
+  const first = parts[0]?.[0] ?? getParticipantInitial(name);
+  const second = parts[1]?.[0] ?? "";
+  return (parts.length > 1 ? first + second : first).toUpperCase();
+}
+function getParticipantColor(identity = "chalk", preference) {
+  const [primary, secondary] = resolveGradient(identity, preference);
+  return {
+    primary,
+    secondary,
+    text: "#ffffff",
+    gradientEnd: secondary
+  };
+}
+function getParticipantGradient(identity = "chalk", preference) {
+  const [primary, secondary] = resolveGradient(identity, preference);
+  return `linear-gradient(135deg, ${primary}, ${secondary})`;
+}
+function getParticipantAvatarGradient(identity = "chalk", preference) {
+  return getParticipantGradient(identity, preference);
+}
+function getParticipantBorder(identity = "chalk", preference) {
+  return getParticipantColor(identity, preference).primary;
+}
+function getParticipantThemeVariables(identity = "chalk", preference) {
+  const colors = getParticipantColor(identity, preference);
+  return {
+    "--primary": colors.primary,
+    "--ring": colors.primary,
+    "--chalk-accent": colors.primary,
+    "--chalk-accent-2": colors.secondary
+  };
+}
+function getParticipantAvatarRecipe(identity = "chalk", preference) {
+  const colors = getParticipantColor(identity, preference);
+  const avatarGradient = getParticipantGradient(identity, preference);
+  return {
+    initials: getParticipantInitials(identity),
+    gradient: avatarGradient,
+    avatarGradient,
+    darkerAvatarGradient: `linear-gradient(135deg, ${colors.primary}, #111827)`,
+    color: colors.primary,
+    border: colors.primary,
+    facehashColors: [colors.primary]
+  };
+}
+
+// src/utils/theme.ts
+var THEME_ATTRIBUTE_NAMES = ["data-chalk-theme", "data-theme"];
+var SYSTEM_DARK_QUERY = "(prefers-color-scheme: dark)";
+var normalizeTheme = (value) => {
+  if (value === "dark" || value === "light") {
+    return value;
+  }
+  return null;
+};
+var resolveThemeFromElement = (element) => {
+  if (!element) return null;
+  for (const attributeName of THEME_ATTRIBUTE_NAMES) {
+    const attributeTheme = normalizeTheme(element.getAttribute(attributeName));
+    if (attributeTheme) return attributeTheme;
+  }
+  const classList = element.classList;
+  if (classList.contains("dark")) return "dark";
+  if (classList.contains("light")) return "light";
+  return null;
+};
+var resolveThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  if (typeof document === "undefined") return defaultTheme;
+  const explicitTheme = resolveThemeFromElement(document.documentElement) ?? resolveThemeFromElement(document.body);
+  if (explicitTheme) return explicitTheme;
+  if (allowSystem && typeof window !== "undefined" && typeof window.matchMedia === "function") {
+    return window.matchMedia(SYSTEM_DARK_QUERY).matches ? "dark" : "light";
+  }
+  return defaultTheme;
+};
+var resolvePortalThemeFromDocument = ({ defaultTheme = "light", allowSystem = true } = {}) => {
+  if (typeof document === "undefined") return defaultTheme;
+  const portalTheme = normalizeTheme(document.querySelector("[data-chalk-theme]")?.getAttribute("data-chalk-theme"));
+  if (portalTheme) return portalTheme;
+  return resolveThemeFromDocument({ defaultTheme, allowSystem });
+};
+var applyThemeToDocument = (theme) => {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  root.classList.remove("light", "dark");
+  root.classList.add(theme);
+  for (const element of [root, document.body]) {
+    if (!element) continue;
+    for (const attributeName of THEME_ATTRIBUTE_NAMES) {
+      if (element.hasAttribute(attributeName)) {
+        element.setAttribute(attributeName, theme);
+      }
+    }
+  }
+};
+var subscribeToThemeChanges = (onThemeChange, { defaultTheme = "light", allowSystem = true, attributes = ["class", ...THEME_ATTRIBUTE_NAMES] } = {}) => {
+  if (typeof document === "undefined") return () => {
+  };
+  let lastTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
+  const emitTheme = () => {
+    lastTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
+    onThemeChange(lastTheme);
+  };
+  const emitThemeIfChanged = () => {
+    const nextTheme = resolveThemeFromDocument({ defaultTheme, allowSystem });
+    if (nextTheme !== lastTheme) {
+      lastTheme = nextTheme;
+      onThemeChange(nextTheme);
+    }
+  };
+  emitTheme();
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (mutation.type === "attributes" && attributes.includes(mutation.attributeName ?? "")) {
+        emitTheme();
+        return;
+      }
+    }
+  });
+  const observerOptions = {
+    attributes: true,
+    attributeFilter: [...attributes]
+  };
+  observer.observe(document.documentElement, observerOptions);
+  if (document.body) {
+    observer.observe(document.body, observerOptions);
+  }
+  const intervalId = window.setInterval(emitThemeIfChanged, 250);
+  let mediaQueryList = null;
+  let removeSystemListener = () => {
+  };
+  if (allowSystem && typeof window !== "undefined" && typeof window.matchMedia === "function") {
+    mediaQueryList = window.matchMedia(SYSTEM_DARK_QUERY);
+    const handleChange = () => emitTheme();
+    if (typeof mediaQueryList.addEventListener === "function") {
+      mediaQueryList.addEventListener("change", handleChange);
+      removeSystemListener = () => mediaQueryList?.removeEventListener("change", handleChange);
+    } else if (typeof mediaQueryList.addListener === "function") {
+      mediaQueryList.addListener(handleChange);
+      removeSystemListener = () => mediaQueryList?.removeListener(handleChange);
+    }
+  }
+  return () => {
+    observer.disconnect();
+    removeSystemListener();
+    window.clearInterval(intervalId);
+  };
+};
+
+export {
+  cn,
+  ArrowLeft02Icon,
+  Cancel01Icon,
+  Clock01Icon,
+  Copy01Icon,
+  CrownIcon,
+  Download01Icon,
+  Edit02Icon,
+  Home01Icon,
+  Image01Icon,
+  InformationCircleIcon,
+  Link01Icon,
+  Mail01Icon,
+  Message01Icon,
+  Mic01Icon,
+  Moon02Icon,
+  MoreHorizontalIcon,
+  MoreVerticalIcon,
+  PauseIcon,
+  PinIcon,
+  PlayIcon,
+  PlusSignIcon,
+  QrCode01Icon,
+  RefreshIcon,
+  Search01Icon,
+  SentIcon,
+  Settings01Icon,
+  Share08Icon,
+  Shield02Icon,
+  SmileIcon,
+  SparklesIcon,
+  StarIcon,
+  ThumbsUpIcon,
+  Upload01Icon,
+  UserAdd01Icon,
+  UserGroupIcon,
+  UserRemove01Icon,
+  Video01Icon,
+  VolumeHighIcon,
+  VolumeMute01Icon,
+  ZoomInAreaIcon,
+  ZoomOutAreaIcon,
+  MaximizeScreenIcon,
+  Alert02Icon,
+  ArrowDown01Icon,
+  ArrowLeft01Icon,
+  ArrowLeft02Icon2,
+  ArrowRight01Icon,
+  ArrowUp01Icon,
+  Calendar01Icon,
+  CallEnd01Icon,
+  Cancel01Icon2,
+  CancelCircleIcon,
+  CheckmarkCircle02Icon,
+  CircleIcon,
+  Clock01Icon2,
+  ColumnIcon,
+  Copy01Icon2,
+  Crown01Icon,
+  Download01Icon2,
+  Edit02Icon2,
+  FileTextIcon,
+  GridIcon,
+  HandIcon,
+  Home01Icon2,
+  Image01Icon2,
+  InformationCircleIcon2,
+  LayoutGridIcon,
+  LayoutTableIcon,
+  Link01Icon2,
+  Loading01Icon,
+  Mail01Icon2,
+  Maximize01Icon,
+  Message01Icon2,
+  Microphone01Icon,
+  MicrophoneOff01Icon,
+  Moon02Icon2,
+  Monitor01Icon,
+  MonitorOffIcon,
+  MoreHorizontalIcon2,
+  MoreVerticalIcon2,
+  PauseIcon2,
+  PictureInPictureIcon,
+  Pin01Icon,
+  PlayIcon2,
+  PlusSignIcon2,
+  QrCode01Icon2,
+  Radio01Icon,
+  RefreshIcon2,
+  Search01Icon2,
+  SentIcon2,
+  Settings01Icon2,
+  Share01Icon,
+  Shield01Icon,
+  SignalFull02Icon,
+  SmileIcon2,
+  SparklesIcon2,
+  SquareIcon,
+  StarIcon2,
+  Sun02Icon,
+  TextIcon,
+  ThumbsUpIcon2,
+  Tick01Icon,
+  TickDouble01Icon,
+  Upload01Icon2,
+  UserAdd01Icon2,
+  UserGroupIcon2,
+  UserRemove01Icon2,
+  Video01Icon2,
+  VideoOffIcon,
+  VolumeHighIcon2,
+  VolumeMute01Icon2,
+  WifiOffIcon,
+  ZoomInIcon,
+  ZoomOutIcon,
+  PARTICIPANT_GRADIENT_PRESETS,
+  getParticipantInitial,
+  getParticipantInitials,
+  getParticipantColor,
+  getParticipantGradient,
+  getParticipantAvatarGradient,
+  getParticipantBorder,
+  getParticipantThemeVariables,
+  getParticipantAvatarRecipe,
+  resolveThemeFromDocument,
+  resolvePortalThemeFromDocument,
+  applyThemeToDocument,
+  subscribeToThemeChanges
+};