@hanzo/ui 5.3.35 → 5.3.36

package/dist/animation/index.mjs

@@ -1,1921 +1,3 @@
 "use client";
-import * as React9 from 'react';
-import { useMemo, useState, useEffect, useCallback, useRef } from 'react';
-import { motion, AnimatePresence, Reorder, useMotionValue as useMotionValue$1, useTransform as useTransform$1, useSpring } from 'motion/react';
-import { cn as cn$1 } from '@/lib/utils';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { cn } from '@hanzo/ui/lib/utils';
-import { Avatar, AvatarImage, AvatarFallback } from '@hanzo/ui/primitives/avatar';
-import { Card, CardContent, Button } from '@hanzo/ui';
-import { AnimatePresence as AnimatePresence$1, motion as motion$1, useMotionValue, useTransform } from 'framer-motion';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion, "usePrefersReducedMotion");
-function GradientBackground({
-  colors,
-  speed,
-  intensity,
-  paused
-}) {
-  const gradientColors = colors.length >= 2 ? colors : ["#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4"];
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(-45deg, ${gradientColors.join(", ")})`,
-        backgroundSize: "400% 400%"
-      },
-      animate: paused ? {} : {
-        x: ["0%", "100%", "0%"]
-      },
-      transition: {
-        duration: 10 / speed,
-        repeat: Infinity,
-        ease: "linear"
-      }
-    }
-  );
-}
-__name(GradientBackground, "GradientBackground");
-function BlobBackground({
-  colors,
-  speed,
-  elementCount,
-  intensity,
-  paused
-}) {
-  const blobs = useMemo(
-    () => Array.from({ length: elementCount }, (_, i) => ({
-      id: i,
-      color: colors[i % colors.length],
-      size: Math.random() * 200 + 100,
-      x: Math.random() * 100,
-      y: Math.random() * 100,
-      duration: (Math.random() * 10 + 10) / speed
-    })),
-    [elementCount, colors, speed]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: blobs.map((blob) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "absolute rounded-full",
-      style: {
-        background: `radial-gradient(circle, ${blob.color}40, transparent)`,
-        width: blob.size * intensity,
-        height: blob.size * intensity,
-        filter: "blur(40px)"
-      },
-      initial: {
-        x: `${blob.x}%`,
-        y: `${blob.y}%`
-      },
-      animate: paused ? {} : {
-        x: [`${blob.x}%`, `${(blob.x + 50) % 100}%`, `${blob.x}%`],
-        y: [`${blob.y}%`, `${(blob.y + 30) % 100}%`, `${blob.y}%`],
-        scale: [1, 1.2, 1]
-      },
-      transition: {
-        duration: blob.duration,
-        repeat: Infinity,
-        ease: "easeInOut"
-      }
-    },
-    blob.id
-  )) });
-}
-__name(BlobBackground, "BlobBackground");
-function WaveBackground({
-  colors,
-  speed,
-  intensity,
-  paused
-}) {
-  const waveColor = colors[0] || "#4ecdc4";
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `radial-gradient(ellipse 100% 50% at center ${50 + index * 20}%, ${waveColor}${Math.round(
-          30 * intensity
-        ).toString(16).padStart(2, "0")}, transparent)`
-      },
-      animate: paused ? {} : {
-        y: [index * 10, index * 10 + 20 * intensity, index * 10]
-      },
-      transition: {
-        duration: (3 + index) / speed,
-        repeat: Infinity,
-        ease: "easeInOut"
-      }
-    },
-    index
-  )) });
-}
-__name(WaveBackground, "WaveBackground");
-function MeshBackground({
-  colors,
-  speed,
-  intensity,
-  paused
-}) {
-  const meshColors = colors.length >= 4 ? colors.slice(0, 4) : ["#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4"];
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: meshColors.map((color, index) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "absolute rounded-full",
-      style: {
-        background: `radial-gradient(circle, ${color}60, transparent)`,
-        width: `${60 + index * 20}%`,
-        height: `${60 + index * 20}%`,
-        filter: "blur(60px)",
-        mixBlendMode: "multiply"
-      },
-      initial: {
-        x: `${25 + index * 15}%`,
-        y: `${25 + index * 15}%`
-      },
-      animate: paused ? {} : {
-        x: [
-          `${25 + index * 15}%`,
-          `${35 + index * 15}%`,
-          `${25 + index * 15}%`
-        ],
-        y: [
-          `${25 + index * 15}%`,
-          `${15 + index * 15}%`,
-          `${25 + index * 15}%`
-        ],
-        rotate: [0, 180, 360]
-      },
-      transition: {
-        duration: (8 + index * 2) / speed,
-        repeat: Infinity,
-        ease: "easeInOut"
-      }
-    },
-    index
-  )) });
-}
-__name(MeshBackground, "MeshBackground");
-function ParallaxBackground({
-  layers,
-  speed,
-  paused
-}) {
-  const mouseX = useMotionValue$1(0);
-  const mouseY = useMotionValue$1(0);
-  useEffect(() => {
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      const { clientX, clientY } = e;
-      const { innerWidth, innerHeight } = window;
-      mouseX.set((clientX / innerWidth - 0.5) * 100);
-      mouseY.set((clientY / innerHeight - 0.5) * 100);
-    }, "handleMouseMove");
-    window.addEventListener("mousemove", handleMouseMove);
-    return () => window.removeEventListener("mousemove", handleMouseMove);
-  }, [mouseX, mouseY]);
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: layers.map((layer, index) => {
-    const x = useTransform$1(
-      mouseX,
-      [-50, 50],
-      [-layer.speed * 10, layer.speed * 10]
-    );
-    const y = useTransform$1(
-      mouseY,
-      [-50, 50],
-      [-layer.speed * 10, layer.speed * 10]
-    );
-    return /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        className: "absolute inset-0",
-        style: {
-          background: `radial-gradient(circle, ${layer.color}, transparent)`,
-          opacity: layer.opacity,
-          x: paused ? 0 : x,
-          y: paused ? 0 : y
-        }
-      },
-      index
-    );
-  }) });
-}
-__name(ParallaxBackground, "ParallaxBackground");
-function ParticlesBackground({
-  colors,
-  speed,
-  elementCount,
-  intensity,
-  paused
-}) {
-  const particles = useMemo(
-    () => Array.from({ length: elementCount }, (_, i) => ({
-      id: i,
-      color: colors[i % colors.length],
-      size: Math.random() * 4 + 2,
-      x: Math.random() * 100,
-      y: Math.random() * 100,
-      duration: (Math.random() * 20 + 20) / speed,
-      delay: Math.random() * 5
-    })),
-    [elementCount, colors, speed]
-  );
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden", children: particles.map((particle) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "absolute rounded-full",
-      style: {
-        backgroundColor: particle.color,
-        width: particle.size * intensity,
-        height: particle.size * intensity,
-        opacity: 0.6
-      },
-      initial: {
-        x: `${particle.x}%`,
-        y: `${particle.y}%`
-      },
-      animate: paused ? {} : {
-        y: [`${particle.y}%`, `${particle.y - 100}%`],
-        opacity: [0, 0.6, 0]
-      },
-      transition: {
-        duration: particle.duration,
-        repeat: Infinity,
-        delay: particle.delay,
-        ease: "linear"
-      }
-    },
-    particle.id
-  )) });
-}
-__name(ParticlesBackground, "ParticlesBackground");
-function AnimatedBackground({
-  animation = "gradient",
-  speed = 1,
-  colors = ["#ff6b6b", "#4ecdc4", "#45b7d1", "#96ceb4", "#ffeaa7"],
-  paused = false,
-  className,
-  style,
-  children,
-  intensity = 1,
-  blur = false,
-  blurAmount = 20,
-  opacity = 1,
-  elementCount = 5,
-  width = "100%",
-  height = "100%",
-  fullscreen = false,
-  parallaxLayers = [
-    { speed: 0.5, color: "#ff6b6b50", opacity: 0.3 },
-    { speed: 1, color: "#4ecdc450", opacity: 0.4 },
-    { speed: 1.5, color: "#45b7d150", opacity: 0.3 }
-  ]
-}) {
-  const prefersReducedMotion = usePrefersReducedMotion();
-  const isAnimationPaused = paused || prefersReducedMotion;
-  const containerStyle = useMemo(
-    () => ({
-      width: fullscreen ? "100vw" : width,
-      height: fullscreen ? "100vh" : height,
-      opacity,
-      filter: blur ? `blur(${blurAmount}px)` : void 0,
-      ...style
-    }),
-    [fullscreen, width, height, opacity, blur, blurAmount, style]
-  );
-  const renderAnimation = /* @__PURE__ */ __name(() => {
-    const props = { colors, speed, intensity, paused: isAnimationPaused };
-    switch (animation) {
-      case "blob":
-        return /* @__PURE__ */ jsx(BlobBackground, { ...props, elementCount });
-      case "wave":
-        return /* @__PURE__ */ jsx(WaveBackground, { ...props });
-      case "mesh":
-        return /* @__PURE__ */ jsx(MeshBackground, { ...props });
-      case "parallax":
-        return /* @__PURE__ */ jsx(
-          ParallaxBackground,
-          {
-            layers: parallaxLayers,
-            speed,
-            paused: isAnimationPaused
-          }
-        );
-      case "particles":
-        return /* @__PURE__ */ jsx(ParticlesBackground, { ...props, elementCount });
-      default:
-        return /* @__PURE__ */ jsx(GradientBackground, { ...props });
-    }
-  }, "renderAnimation");
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn$1(
-        "relative overflow-hidden",
-        fullscreen && "fixed inset-0 z-0",
-        className
-      ),
-      style: containerStyle,
-      children: [
-        renderAnimation(),
-        children && /* @__PURE__ */ jsx("div", { className: "relative z-10 h-full w-full", children })
-      ]
-    }
-  );
-}
-__name(AnimatedBackground, "AnimatedBackground");
-var AnimatedBeam = React9.forwardRef(
-  ({
-    className,
-    duration = 3,
-    delay = 0,
-    pathColor = "gray",
-    pathWidth = 2,
-    gradientStartColor = "#18CCFC",
-    gradientStopColor = "#6344F5",
-    containerRef,
-    fromRef,
-    toRef,
-    ...props
-  }, ref) => {
-    const [pathD, setPathD] = React9.useState("");
-    React9.useEffect(() => {
-      if (!containerRef?.current || !fromRef?.current || !toRef?.current) return;
-      const updatePath = /* @__PURE__ */ __name(() => {
-        const containerRect = containerRef.current.getBoundingClientRect();
-        const fromRect = fromRef.current.getBoundingClientRect();
-        const toRect = toRef.current.getBoundingClientRect();
-        const fromX = fromRect.left - containerRect.left + fromRect.width / 2;
-        const fromY = fromRect.top - containerRect.top + fromRect.height / 2;
-        const toX = toRect.left - containerRect.left + toRect.width / 2;
-        const toY = toRect.top - containerRect.top + toRect.height / 2;
-        const controlX = (fromX + toX) / 2;
-        const controlY = Math.min(fromY, toY) - 50;
-        setPathD(`M ${fromX} ${fromY} Q ${controlX} ${controlY} ${toX} ${toY}`);
-      }, "updatePath");
-      updatePath();
-      window.addEventListener("resize", updatePath);
-      return () => window.removeEventListener("resize", updatePath);
-    }, [containerRef, fromRef, toRef]);
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ref,
-        className: cn("pointer-events-none absolute inset-0", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: pathD,
-              stroke: pathColor,
-              strokeWidth: pathWidth,
-              fill: "none",
-              strokeOpacity: 0.2
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            motion.path,
-            {
-              d: pathD,
-              stroke: `url(#gradient-${gradientStartColor}-${gradientStopColor})`,
-              strokeWidth: pathWidth,
-              fill: "none",
-              initial: { pathLength: 0 },
-              animate: { pathLength: 1 },
-              transition: {
-                duration,
-                delay,
-                ease: "easeInOut",
-                repeat: Infinity
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-            "linearGradient",
-            {
-              id: `gradient-${gradientStartColor}-${gradientStopColor}`,
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "0%",
-              children: [
-                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: gradientStartColor }),
-                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientStopColor })
-              ]
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-AnimatedBeam.displayName = "AnimatedBeam";
-var INTERACTIVE_SELECTORS = [
-  "a",
-  "button",
-  "input",
-  "textarea",
-  "select",
-  '[role="button"]',
-  '[role="link"]',
-  '[tabindex]:not([tabindex="-1"])',
-  ".cursor-pointer",
-  '[data-cursor="pointer"]'
-].join(", ");
-var TEXT_SELECTORS = [
-  'input[type="text"]',
-  'input[type="email"]',
-  'input[type="password"]',
-  'input[type="search"]',
-  "textarea",
-  '[contenteditable="true"]',
-  '[data-cursor="text"]'
-].join(", ");
-var GRAB_SELECTORS = ['[data-cursor="grab"]', ".cursor-grab"].join(", ");
-var GRABBING_SELECTORS = [
-  '[data-cursor="grabbing"]',
-  ".cursor-grabbing"
-].join(", ");
-function isTouchDevice() {
-  if (typeof window === "undefined") return false;
-  return "ontouchstart" in window || navigator.maxTouchPoints > 0 || // @ts-ignore
-  navigator.msMaxTouchPoints > 0;
-}
-__name(isTouchDevice, "isTouchDevice");
-function useCursorState() {
-  const [cursorState, setCursorState] = useState({
-    position: { x: 0, y: 0 },
-    isHovering: false,
-    isClicking: false,
-    cursorType: "default"
-  });
-  const updatePosition = useCallback((x, y) => {
-    setCursorState((prev) => ({
-      ...prev,
-      position: { x, y }
-    }));
-  }, []);
-  const updateHoverState = useCallback(
-    (isHovering, cursorType = "default") => {
-      setCursorState((prev) => ({
-        ...prev,
-        isHovering,
-        cursorType
-      }));
-    },
-    []
-  );
-  const updateClickState = useCallback((isClicking) => {
-    setCursorState((prev) => ({
-      ...prev,
-      isClicking
-    }));
-  }, []);
-  return {
-    cursorState,
-    updatePosition,
-    updateHoverState,
-    updateClickState
-  };
-}
-__name(useCursorState, "useCursorState");
-function useCursorTrail(trailLength, position) {
-  const [trail, setTrail] = useState([]);
-  const trailRef = useRef([]);
-  useEffect(() => {
-    trailRef.current.push(position);
-    if (trailRef.current.length > trailLength) {
-      trailRef.current.shift();
-    }
-    setTrail([...trailRef.current]);
-  }, [position, trailLength]);
-  return trail;
-}
-__name(useCursorTrail, "useCursorTrail");
-function AnimatedCursor({
-  isVisible = true,
-  size = 20,
-  color = "#000000",
-  trailColor = "#00000050",
-  animationDuration = 200,
-  showTrail = true,
-  trailLength = 8,
-  blendMode = "normal",
-  hoverScale = 1.5,
-  hideOnTouch = true,
-  className,
-  clickAnimationDuration = 100,
-  zIndex = 9999
-}) {
-  const { cursorState, updatePosition, updateHoverState, updateClickState } = useCursorState();
-  const trail = useCursorTrail(trailLength, cursorState.position);
-  const [isTouch, setIsTouch] = useState(false);
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setIsTouch(isTouchDevice());
-    setMounted(true);
-  }, []);
-  useEffect(() => {
-    if (!mounted || hideOnTouch && isTouch) return;
-    const handleMouseMove = /* @__PURE__ */ __name((e) => {
-      try {
-        requestAnimationFrame(() => {
-          updatePosition(e.clientX, e.clientY);
-        });
-      } catch (error) {
-        console.warn("AnimatedCursor: Error updating position", error);
-      }
-    }, "handleMouseMove");
-    const handleMouseOver = /* @__PURE__ */ __name((e) => {
-      try {
-        const target = e.target;
-        if (target?.closest?.(INTERACTIVE_SELECTORS)) {
-          updateHoverState(true, "pointer");
-        } else if (target?.closest?.(TEXT_SELECTORS)) {
-          updateHoverState(true, "text");
-        } else if (target?.closest?.(GRAB_SELECTORS)) {
-          updateHoverState(true, "grab");
-        } else if (target?.closest?.(GRABBING_SELECTORS)) {
-          updateHoverState(true, "grabbing");
-        } else {
-          updateHoverState(false, "default");
-        }
-      } catch (error) {
-        console.warn("AnimatedCursor: Error handling mouse over", error);
-        updateHoverState(false, "default");
-      }
-    }, "handleMouseOver");
-    const handleMouseDown = /* @__PURE__ */ __name(() => {
-      updateClickState(true);
-    }, "handleMouseDown");
-    const handleMouseUp = /* @__PURE__ */ __name(() => {
-      updateClickState(false);
-    }, "handleMouseUp");
-    const handleMouseLeave = /* @__PURE__ */ __name(() => {
-      updateHoverState(false, "default");
-    }, "handleMouseLeave");
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseover", handleMouseOver);
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("mouseup", handleMouseUp);
-    document.addEventListener("mouseleave", handleMouseLeave);
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseover", handleMouseOver);
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("mouseup", handleMouseUp);
-      document.removeEventListener("mouseleave", handleMouseLeave);
-    };
-  }, [
-    mounted,
-    hideOnTouch,
-    isTouch,
-    updatePosition,
-    updateHoverState,
-    updateClickState
-  ]);
-  useEffect(() => {
-    if (!mounted || hideOnTouch && isTouch) return;
-    try {
-      const originalCursor = document.body.style.cursor;
-      document.body.style.cursor = "none";
-      return () => {
-        try {
-          document.body.style.cursor = originalCursor;
-        } catch (error) {
-          console.warn("AnimatedCursor: Error restoring cursor style", error);
-        }
-      };
-    } catch (error) {
-      console.warn("AnimatedCursor: Error hiding cursor", error);
-    }
-  }, [mounted, hideOnTouch, isTouch]);
-  if (!mounted || !isVisible || hideOnTouch && isTouch) {
-    return null;
-  }
-  const currentScale = cursorState.isHovering ? hoverScale : 1;
-  const clickScale = cursorState.isClicking ? 0.8 : 1;
-  const finalScale = currentScale * clickScale;
-  const getCursorShape = /* @__PURE__ */ __name(() => {
-    switch (cursorState.cursorType) {
-      case "text":
-        return "h-6 w-0.5";
-      case "grab":
-      case "grabbing":
-        return "rounded-md";
-      default:
-        return "rounded-full";
-    }
-  }, "getCursorShape");
-  return /* @__PURE__ */ jsxs("div", { className: cn("pointer-events-none fixed inset-0", className), children: [
-    showTrail && trail.map((point, index) => {
-      const opacity = (index + 1) / trail.length * 0.5;
-      const scale = (index + 1) / trail.length * 0.8;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "absolute",
-          style: {
-            left: point.x - size / 2,
-            top: point.y - size / 2,
-            width: size,
-            height: size,
-            backgroundColor: trailColor,
-            borderRadius: "50%",
-            opacity,
-            transform: `scale(${scale})`,
-            zIndex: zIndex - index - 1,
-            mixBlendMode: blendMode
-          }
-        },
-        index
-      );
-    }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "absolute transition-transform duration-100 ease-out",
-          getCursorShape()
-        ),
-        style: {
-          left: cursorState.position.x - size / 2,
-          top: cursorState.position.y - size / 2,
-          width: cursorState.cursorType === "text" ? 2 : size,
-          height: cursorState.cursorType === "text" ? 24 : size,
-          backgroundColor: color,
-          transform: `scale(${finalScale})`,
-          transitionDuration: `${animationDuration}ms`,
-          zIndex,
-          mixBlendMode: blendMode
-        }
-      }
-    ),
-    cursorState.isHovering && cursorState.cursorType !== "text" && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "absolute rounded-full border-2 transition-all duration-200 ease-out",
-        style: {
-          left: cursorState.position.x - size * hoverScale / 2,
-          top: cursorState.position.y - size * hoverScale / 2,
-          width: size * hoverScale,
-          height: size * hoverScale,
-          borderColor: color,
-          opacity: 0.3,
-          zIndex: zIndex - 1,
-          mixBlendMode: blendMode
-        }
-      }
-    )
-  ] });
-}
-__name(AnimatedCursor, "AnimatedCursor");
-function usePrefersReducedMotion2() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion2, "usePrefersReducedMotion");
-var iconPaths = {
-  loading: "M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83",
-  heart: [
-    "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z",
-    "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"
-  ],
-  star: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z",
-  hamburger: ["M3 12h18M3 6h18M3 18h18", "m6 6 12 12M6 18 18 6"],
-  arrow: "M5 12l14 0m-7 -7l7 7l-7 7",
-  check: "m9 12 2 2 4-4",
-  x: "m18 6-12 12M6 6l12 12"
-};
-var animationVariants = {
-  spin: {
-    animate: {
-      rotate: 360,
-      transition: {
-        duration: 1,
-        repeat: Infinity,
-        ease: "linear"
-      }
-    }
-  },
-  pulse: {
-    animate: {
-      scale: [1, 1.2, 1],
-      transition: {
-        duration: 1,
-        repeat: Infinity,
-        ease: "easeInOut"
-      }
-    }
-  },
-  bounce: {
-    animate: {
-      y: [0, -10, 0],
-      transition: {
-        duration: 0.6,
-        repeat: Infinity,
-        ease: "easeInOut"
-      }
-    }
-  },
-  draw: {
-    initial: { pathLength: 0, opacity: 0 },
-    animate: {
-      pathLength: 1,
-      opacity: 1,
-      transition: { duration: 2, ease: "easeInOut" }
-    }
-  },
-  hover: {
-    whileHover: {
-      scale: 1.1,
-      transition: { duration: 0.2 }
-    }
-  }
-};
-var hoverVariants = {
-  scale: { scale: 1.2 },
-  rotate: { rotate: 15 },
-  glow: { filter: "drop-shadow(0 0 8px currentColor)" },
-  shake: { x: [-2, 2, -2, 2, 0] }
-};
-var clickVariants = {
-  scale: { scale: 0.9 },
-  rotate: { rotate: 180 },
-  ripple: { scale: [1, 1.3, 1] }
-};
-function MorphingPath({
-  paths,
-  duration,
-  strokeWidth = 2,
-  autoAnimate,
-  repeat,
-  onComplete
-}) {
-  const [currentPathIndex, setCurrentPathIndex] = useState(0);
-  useEffect(() => {
-    if (!autoAnimate || paths.length < 2) return;
-    const interval = setInterval(() => {
-      setCurrentPathIndex((prev) => {
-        const next = (prev + 1) % paths.length;
-        if (next === 0 && !repeat) {
-          clearInterval(interval);
-          onComplete?.();
-        }
-        return next;
-      });
-    }, duration);
-    return () => clearInterval(interval);
-  }, [autoAnimate, paths.length, duration, repeat, onComplete]);
-  return /* @__PURE__ */ jsx(
-    motion.path,
-    {
-      d: paths[currentPathIndex],
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      animate: { d: paths[currentPathIndex] },
-      transition: { duration: duration / 1e3, ease: "easeInOut" }
-    }
-  );
-}
-__name(MorphingPath, "MorphingPath");
-function DrawingPath({
-  path,
-  duration,
-  strokeWidth = 2,
-  progress,
-  autoAnimate
-}) {
-  const pathRef = useRef(null);
-  const [pathLength, setPathLength] = useState(0);
-  useEffect(() => {
-    if (pathRef.current) {
-      const length = pathRef.current.getTotalLength();
-      setPathLength(length);
-    }
-  }, [path]);
-  const animatedLength = progress !== void 0 ? pathLength * progress : pathLength;
-  return /* @__PURE__ */ jsx(
-    motion.path,
-    {
-      ref: pathRef,
-      d: path,
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      initial: { pathLength: 0 },
-      animate: autoAnimate ? { pathLength: 1 } : { pathLength: animatedLength / pathLength },
-      transition: { duration: duration / 1e3, ease: "easeInOut" },
-      style: {
-        strokeDasharray: pathLength,
-        strokeDashoffset: pathLength - animatedLength
-      }
-    }
-  );
-}
-__name(DrawingPath, "DrawingPath");
-function LoadingSpinner({
-  size,
-  strokeWidth = 2
-}) {
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      animate: { rotate: 360 },
-      transition: { duration: 1, repeat: Infinity, ease: "linear" },
-      style: { width: size, height: size },
-      children: /* @__PURE__ */ jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "12",
-          cy: "12",
-          r: "10",
-          stroke: "currentColor",
-          strokeWidth,
-          strokeLinecap: "round",
-          strokeDasharray: "60 40",
-          opacity: "0.3"
-        }
-      ) })
-    }
-  );
-}
-__name(LoadingSpinner, "LoadingSpinner");
-function AnimatedIcon({
-  icon = "loading",
-  paths,
-  animation = "spin",
-  size = 24,
-  color = "currentColor",
-  duration = 1e3,
-  autoAnimate = true,
-  repeat = true,
-  className,
-  style,
-  onAnimationComplete,
-  onClick,
-  interactive = true,
-  hoverAnimation = "scale",
-  clickAnimation = "scale",
-  customVariants,
-  viewBox = "0 0 24 24",
-  strokeWidth = 2,
-  loading = false,
-  progress
-}) {
-  const [isHovered, setIsHovered] = useState(false);
-  const [isClicked, setIsClicked] = useState(false);
-  const prefersReducedMotion = usePrefersReducedMotion2();
-  const variants = customVariants || animationVariants[animation] || {};
-  const shouldAnimate = autoAnimate && !prefersReducedMotion;
-  const getIconPaths = /* @__PURE__ */ __name(() => {
-    if (paths) {
-      return Array.isArray(paths) ? paths : [paths];
-    }
-    const builtInPath = iconPaths[icon];
-    return Array.isArray(builtInPath) ? builtInPath : [builtInPath];
-  }, "getIconPaths");
-  const iconPathsArray = getIconPaths();
-  const handleClick = /* @__PURE__ */ __name(() => {
-    if (!interactive) return;
-    setIsClicked(true);
-    setTimeout(() => setIsClicked(false), 200);
-    onClick?.();
-  }, "handleClick");
-  const getHoverVariant = /* @__PURE__ */ __name(() => {
-    if (!interactive || !isHovered) return {};
-    return hoverVariants[hoverAnimation] || {};
-  }, "getHoverVariant");
-  const getClickVariant = /* @__PURE__ */ __name(() => {
-    if (!interactive || !isClicked) return {};
-    return clickVariants[clickAnimation] || {};
-  }, "getClickVariant");
-  if (loading) {
-    return /* @__PURE__ */ jsx(LoadingSpinner, { size, strokeWidth });
-  }
-  const renderIcon = /* @__PURE__ */ __name(() => {
-    if (animation === "morph" && iconPathsArray.length > 1) {
-      return /* @__PURE__ */ jsx(
-        MorphingPath,
-        {
-          paths: iconPathsArray,
-          duration,
-          strokeWidth,
-          autoAnimate: shouldAnimate,
-          repeat,
-          onComplete: onAnimationComplete
-        }
-      );
-    }
-    if (animation === "draw") {
-      return /* @__PURE__ */ jsx(
-        DrawingPath,
-        {
-          path: iconPathsArray[0],
-          duration,
-          strokeWidth,
-          progress,
-          autoAnimate: shouldAnimate
-        }
-      );
-    }
-    return iconPathsArray.map((path, index) => /* @__PURE__ */ jsx(
-      motion.path,
-      {
-        d: path,
-        fill: icon === "heart" ? "currentColor" : "none",
-        stroke: icon === "heart" ? "none" : "currentColor",
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      },
-      index
-    ));
-  }, "renderIcon");
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: cn$1(
-        "inline-flex items-center justify-center",
-        interactive && "cursor-pointer",
-        className
-      ),
-      style: {
-        width: size,
-        height: size,
-        color,
-        ...style
-      },
-      onClick: handleClick,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false),
-      variants,
-      animate: shouldAnimate ? "animate" : "initial",
-      whileHover: !prefersReducedMotion ? getHoverVariant() : {},
-      whileTap: !prefersReducedMotion ? getClickVariant() : {},
-      onAnimationComplete,
-      children: /* @__PURE__ */ jsx(
-        "svg",
-        {
-          width: "100%",
-          height: "100%",
-          viewBox,
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: renderIcon() })
-        }
-      )
-    }
-  );
-}
-__name(AnimatedIcon, "AnimatedIcon");
-function usePrefersReducedMotion3() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion3, "usePrefersReducedMotion");
-var slideVariants = {
-  hidden: { opacity: 0, x: -50 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    x: 0,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, x: 50, transition: { duration: 0.3 } }
-};
-var fadeVariants = {
-  hidden: { opacity: 0 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, transition: { duration: 0.3 } }
-};
-var scaleVariants = {
-  hidden: { opacity: 0, scale: 0.8 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    scale: 1,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut",
-      type: "spring",
-      stiffness: 100
-    }
-  }), "visible"),
-  exit: { opacity: 0, scale: 0.8, transition: { duration: 0.3 } }
-};
-var slideUpVariants = {
-  hidden: { opacity: 0, y: 50 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    y: 0,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, y: -50, transition: { duration: 0.3 } }
-};
-var slideDownVariants = {
-  hidden: { opacity: 0, y: -50 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    y: 0,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, y: 50, transition: { duration: 0.3 } }
-};
-var slideLeftVariants = {
-  hidden: { opacity: 0, x: 50 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    x: 0,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, x: -50, transition: { duration: 0.3 } }
-};
-var slideRightVariants = {
-  hidden: { opacity: 0, x: -50 },
-  visible: /* @__PURE__ */ __name((i) => ({
-    opacity: 1,
-    x: 0,
-    transition: {
-      delay: i * 0.1,
-      duration: 0.5,
-      ease: "easeOut"
-    }
-  }), "visible"),
-  exit: { opacity: 0, x: 50, transition: { duration: 0.3 } }
-};
-var animationVariants2 = {
-  slide: slideVariants,
-  fade: fadeVariants,
-  scale: scaleVariants,
-  slideUp: slideUpVariants,
-  slideDown: slideDownVariants,
-  slideLeft: slideLeftVariants,
-  slideRight: slideRightVariants
-};
-function useVirtualizedList(items, containerHeight, itemHeight, enabled) {
-  const [scrollTop, setScrollTop] = useState(0);
-  const visibleItems = useMemo(() => {
-    if (!enabled) return items;
-    const startIndex = Math.floor(scrollTop / itemHeight);
-    const endIndex = Math.min(
-      startIndex + Math.ceil(containerHeight / itemHeight) + 1,
-      items.length
-    );
-    return items.slice(startIndex, endIndex).map((item, index) => ({
-      ...item,
-      virtualIndex: startIndex + index,
-      style: {
-        position: "absolute",
-        top: (startIndex + index) * itemHeight,
-        height: itemHeight,
-        width: "100%"
-      }
-    }));
-  }, [items, scrollTop, itemHeight, containerHeight, enabled]);
-  const totalHeight = items.length * itemHeight;
-  const handleScroll = useCallback((e) => {
-    setScrollTop(e.currentTarget.scrollTop);
-  }, []);
-  return {
-    visibleItems,
-    totalHeight,
-    handleScroll
-  };
-}
-__name(useVirtualizedList, "useVirtualizedList");
-function AnimatedList({
-  items,
-  animation = "slideUp",
-  staggerDelay = 100,
-  duration = 500,
-  reorderable = false,
-  enableAddRemove = true,
-  layout = "vertical",
-  gridColumns = 3,
-  className,
-  itemClassName,
-  style,
-  onReorder,
-  onItemClick,
-  showHoverEffects = true,
-  customVariants,
-  virtualized = false,
-  itemHeight = 60,
-  containerHeight = 400,
-  autoStart = true,
-  onAnimationComplete
-}) {
-  const [animatedItems, setAnimatedItems] = useState(items);
-  const [animationKey, setAnimationKey] = useState(0);
-  const prefersReducedMotion = usePrefersReducedMotion3();
-  const variants = customVariants || animationVariants2[animation];
-  const shouldAnimate = !prefersReducedMotion && autoStart;
-  const { visibleItems, totalHeight, handleScroll } = useVirtualizedList(
-    items,
-    containerHeight,
-    itemHeight,
-    virtualized
-  );
-  useEffect(() => {
-    setAnimatedItems(items);
-  }, [items]);
-  const updatedVariants = useMemo(() => {
-    if (!variants.visible || typeof variants.visible !== "function")
-      return variants;
-    return {
-      ...variants,
-      visible: /* @__PURE__ */ __name((i) => {
-        const original = variants.visible;
-        const originalResult = original(i);
-        return {
-          ...originalResult,
-          transition: {
-            ...originalResult.transition,
-            delay: i * (staggerDelay / 1e3),
-            duration: duration / 1e3
-          }
-        };
-      }, "visible")
-    };
-  }, [variants, staggerDelay, duration]);
-  const getLayoutClassName = /* @__PURE__ */ __name(() => {
-    switch (layout) {
-      case "horizontal":
-        return "flex flex-row gap-4 overflow-x-auto";
-      case "grid":
-        return `grid gap-4 grid-cols-${gridColumns}`;
-      default:
-        return "flex flex-col gap-4";
-    }
-  }, "getLayoutClassName");
-  const renderListItem = /* @__PURE__ */ __name((item, index, virtualStyle) => {
-    const itemContent = /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        custom: index,
-        variants: updatedVariants,
-        initial: shouldAnimate ? "hidden" : "visible",
-        animate: "visible",
-        exit: "exit",
-        layout: enableAddRemove,
-        className: cn$1(
-          "cursor-pointer select-none",
-          showHoverEffects && "hover:scale-105 transition-transform",
-          itemClassName
-        ),
-        style: virtualStyle,
-        onClick: () => onItemClick?.(item, index),
-        whileHover: showHoverEffects ? { scale: 1.02 } : void 0,
-        whileTap: showHoverEffects ? { scale: 0.98 } : void 0,
-        onAnimationComplete: () => {
-          if (index === animatedItems.length - 1) {
-            onAnimationComplete?.();
-          }
-        },
-        children: item.content
-      },
-      item.id
-    );
-    return itemContent;
-  }, "renderListItem");
-  if (reorderable && !virtualized) {
-    return /* @__PURE__ */ jsx(
-      Reorder.Group,
-      {
-        axis: layout === "horizontal" ? "x" : "y",
-        values: animatedItems,
-        onReorder: (newItems) => {
-          setAnimatedItems(newItems);
-          onReorder?.(newItems);
-        },
-        className: cn$1(getLayoutClassName(), className),
-        style,
-        children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: animatedItems.map((item, index) => /* @__PURE__ */ jsx(
-          Reorder.Item,
-          {
-            value: item,
-            className: cn$1(
-              "cursor-grab active:cursor-grabbing",
-              itemClassName
-            ),
-            whileDrag: { scale: 1.05, zIndex: 10 },
-            children: item.content
-          },
-          item.id
-        )) })
-      }
-    );
-  }
-  if (virtualized) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn$1("overflow-auto", className),
-        style: { height: containerHeight, ...style },
-        onScroll: handleScroll,
-        children: /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: visibleItems.map(
-          (item, index) => renderListItem(item, item.virtualIndex || index, item.style)
-        ) }) })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: cn$1(getLayoutClassName(), className),
-      style,
-      initial: "hidden",
-      animate: "visible",
-      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: animatedItems.map((item, index) => renderListItem(item, index)) })
-    },
-    animationKey
-  );
-}
-__name(AnimatedList, "AnimatedList");
-function usePrefersReducedMotion4() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-    setPrefersReducedMotion(mediaQuery.matches);
-    const handleChange = /* @__PURE__ */ __name((event) => {
-      setPrefersReducedMotion(event.matches);
-    }, "handleChange");
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, []);
-  return prefersReducedMotion;
-}
-__name(usePrefersReducedMotion4, "usePrefersReducedMotion");
-function useAnimatedNumber(targetValue, from, duration, decimals, format, currency, locale, easing, autoStart, useSpringAnim, springConfig, separator) {
-  const [displayValue, setDisplayValue] = useState(from);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const animationRef = useRef(null);
-  const prefersReducedMotion = usePrefersReducedMotion4();
-  const springValue = useSpring(from, {
-    stiffness: springConfig.tension || 100,
-    damping: springConfig.friction || 10,
-    mass: springConfig.mass || 1
-  });
-  const [motionValue, setMotionValue] = useState(from);
-  const startAnimation = useCallback(() => {
-    if (prefersReducedMotion) {
-      setDisplayValue(targetValue);
-      return;
-    }
-    setIsAnimating(true);
-    if (useSpringAnim) {
-      springValue.set(targetValue);
-    } else {
-      const startTime = Date.now();
-      const startValue = displayValue;
-      const distance = targetValue - startValue;
-      const animate = /* @__PURE__ */ __name(() => {
-        const elapsed = Date.now() - startTime;
-        const progress = Math.min(elapsed / duration, 1);
-        const easedProgress = progress;
-        const currentValue = startValue + distance * easedProgress;
-        setDisplayValue(currentValue);
-        setMotionValue(currentValue);
-        if (progress < 1) {
-          animationRef.current = requestAnimationFrame(animate);
-        } else {
-          setIsAnimating(false);
-          animationRef.current = null;
-        }
-      }, "animate");
-      animationRef.current = requestAnimationFrame(animate);
-    }
-  }, [
-    targetValue,
-    displayValue,
-    duration,
-    useSpringAnim,
-    springValue,
-    prefersReducedMotion
-  ]);
-  useEffect(() => {
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, []);
-  useEffect(() => {
-    if (useSpringAnim) {
-      const unsubscribe = springValue.onChange((latest) => {
-        setDisplayValue(latest);
-        if (Math.abs(latest - targetValue) < 0.01) {
-          setIsAnimating(false);
-        }
-      });
-      return () => {
-        unsubscribe();
-      };
-    }
-  }, [springValue, useSpringAnim, targetValue]);
-  useEffect(() => {
-    if (autoStart) {
-      startAnimation();
-    }
-  }, [autoStart, startAnimation]);
-  const formattedValue = useMemo(() => {
-    const roundedValue = Math.round(displayValue * Math.pow(10, decimals)) / Math.pow(10, decimals);
-    try {
-      switch (format) {
-        case "currency":
-          return new Intl.NumberFormat(locale, {
-            style: "currency",
-            currency,
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-        case "percent":
-          return new Intl.NumberFormat(locale, {
-            style: "percent",
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue / 100);
-        default:
-          let formatted = new Intl.NumberFormat(locale, {
-            minimumFractionDigits: decimals,
-            maximumFractionDigits: decimals
-          }).format(roundedValue);
-          if (separator && separator !== ",") {
-            formatted = formatted.replace(/,/g, separator);
-          }
-          return formatted;
-      }
-    } catch (error) {
-      return roundedValue.toFixed(decimals);
-    }
-  }, [displayValue, decimals, format, currency, locale, separator]);
-  return {
-    formattedValue,
-    displayValue,
-    isAnimating,
-    startAnimation
-  };
-}
-__name(useAnimatedNumber, "useAnimatedNumber");
-function AnimatedNumber({
-  value,
-  from = 0,
-  duration = 2e3,
-  decimals = 0,
-  format = "number",
-  currency = "USD",
-  locale = "en-US",
-  easing = "easeOut",
-  autoStart = true,
-  onComplete,
-  className,
-  style,
-  prefix = "",
-  suffix = "",
-  useSpring: useSpring2 = false,
-  springConfig = {},
-  separator,
-  animateOnHover = false,
-  hoverValue
-}) {
-  const [isHovered, setIsHovered] = useState(false);
-  const [animationKey, setAnimationKey] = useState(0);
-  const currentValue = animateOnHover && isHovered && hoverValue !== void 0 ? hoverValue : value;
-  const { formattedValue, displayValue, isAnimating, startAnimation } = useAnimatedNumber(
-    currentValue,
-    from,
-    duration,
-    decimals,
-    format,
-    currency,
-    locale,
-    easing,
-    autoStart,
-    useSpring2,
-    springConfig,
-    separator
-  );
-  useEffect(() => {
-    if (!isAnimating && onComplete && Math.abs(displayValue - currentValue) < 1e-3) {
-      onComplete(displayValue);
-    }
-  }, [isAnimating, displayValue, currentValue, onComplete]);
-  useEffect(() => {
-    if (animateOnHover && hoverValue !== void 0) {
-      startAnimation();
-    }
-  }, [isHovered, animateOnHover, hoverValue, startAnimation]);
-  const handleMouseEnter = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(true);
-    }
-  }, "handleMouseEnter");
-  const handleMouseLeave = /* @__PURE__ */ __name(() => {
-    if (animateOnHover) {
-      setIsHovered(false);
-    }
-  }, "handleMouseLeave");
-  const prefersReducedMotion = usePrefersReducedMotion4();
-  return /* @__PURE__ */ jsxs(
-    motion.span,
-    {
-      className: cn$1("inline-block tabular-nums", className),
-      style,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      initial: { scale: 1 },
-      animate: !prefersReducedMotion && isAnimating ? { scale: [1, 1.05, 1] } : { scale: 1 },
-      transition: { duration: 0.3 },
-      children: [
-        prefix,
-        /* @__PURE__ */ jsx(
-          motion.span,
-          {
-            initial: { opacity: 0, y: 20 },
-            animate: { opacity: 1, y: 0 },
-            transition: { duration: 0.3 },
-            children: formattedValue
-          },
-          animationKey
-        ),
-        suffix
-      ]
-    }
-  );
-}
-__name(AnimatedNumber, "AnimatedNumber");
-var AnimatedTestimonials = React9.forwardRef(
-  ({ className, testimonials, autoPlay = true, duration = 5e3, ...props }, ref) => {
-    const [activeIndex, setActiveIndex] = React9.useState(0);
-    React9.useEffect(() => {
-      if (!autoPlay) return;
-      const interval = setInterval(() => {
-        setActiveIndex((prev) => (prev + 1) % testimonials.length);
-      }, duration);
-      return () => clearInterval(interval);
-    }, [autoPlay, duration, testimonials.length]);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("relative min-h-[200px]", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              initial: { opacity: 0, y: 20 },
-              animate: { opacity: 1, y: 0 },
-              exit: { opacity: 0, y: -20 },
-              transition: { duration: 0.5 },
-              children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "pt-6", children: /* @__PURE__ */ jsxs("blockquote", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsxs("p", { className: "text-lg italic", children: [
-                  '"',
-                  testimonials[activeIndex].content,
-                  '"'
-                ] }),
-                /* @__PURE__ */ jsxs("footer", { className: "flex items-center gap-4", children: [
-                  /* @__PURE__ */ jsxs(Avatar, { children: [
-                    /* @__PURE__ */ jsx(AvatarImage, { src: testimonials[activeIndex].avatar }),
-                    /* @__PURE__ */ jsx(AvatarFallback, { children: testimonials[activeIndex].author.slice(0, 2).toUpperCase() })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("cite", { className: "not-italic font-medium", children: testimonials[activeIndex].author }),
-                    testimonials[activeIndex].role && /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
-                      testimonials[activeIndex].role,
-                      testimonials[activeIndex].company && `, ${testimonials[activeIndex].company}`
-                    ] })
-                  ] })
-                ] })
-              ] }) }) })
-            },
-            activeIndex
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-center gap-2", children: testimonials.map((_, index) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => setActiveIndex(index),
-              className: cn(
-                "h-2 w-2 rounded-full transition-all",
-                index === activeIndex ? "w-8 bg-primary" : "bg-muted hover:bg-muted-foreground"
-              ),
-              "aria-label": `Go to testimonial ${index + 1}`
-            },
-            index
-          )) })
-        ]
-      }
-    );
-  }
-);
-AnimatedTestimonials.displayName = "AnimatedTestimonials";
-var AnimatedTooltip = React9.forwardRef(
-  ({ className, content, children, delay = 0, ...props }, ref) => {
-    const [isVisible, setIsVisible] = React9.useState(false);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("relative inline-block", className),
-        onMouseEnter: () => setIsVisible(true),
-        onMouseLeave: () => setIsVisible(false),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsx(AnimatePresence$1, { children: isVisible && /* @__PURE__ */ jsxs(
-            motion$1.div,
-            {
-              initial: { opacity: 0, y: 10, scale: 0.95 },
-              animate: { opacity: 1, y: 0, scale: 1 },
-              exit: { opacity: 0, y: 10, scale: 0.95 },
-              transition: {
-                duration: 0.2,
-                delay: delay / 1e3,
-                ease: "easeOut"
-              },
-              className: "absolute left-1/2 -translate-x-1/2 bottom-full mb-2 px-3 py-1.5 bg-popover text-popover-foreground text-sm rounded-md shadow-md whitespace-nowrap z-50",
-              children: [
-                content,
-                /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 -translate-x-1/2 top-full w-0 h-0 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-popover" })
-              ]
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
-AnimatedTooltip.displayName = "AnimatedTooltip";
-function AppleCardsCarousel({
-  cards,
-  autoPlay = false,
-  autoPlayInterval = 5e3,
-  className,
-  cardClassName,
-  showArrows = true,
-  showDots = true,
-  parallaxOffset = 50,
-  stackOffset = 10,
-  stackScale = 0.95,
-  swipeThreshold = 50
-}) {
-  const [currentIndex, setCurrentIndex] = React9.useState(0);
-  const [isAutoPlaying, setIsAutoPlaying] = React9.useState(autoPlay);
-  const containerRef = React9.useRef(null);
-  const dragX = useMotionValue(0);
-  const getCardStyle = /* @__PURE__ */ __name((index) => {
-    const offset = index - currentIndex;
-    const absOffset = Math.abs(offset);
-    if (absOffset > 2) {
-      return {
-        display: "none",
-        x: 0,
-        scale: 1,
-        opacity: 0,
-        zIndex: 0
-      };
-    }
-    const baseX = offset * stackOffset;
-    const scale = Math.pow(stackScale, absOffset);
-    const opacity = Math.max(0, 1 - absOffset * 0.3);
-    const zIndex = cards.length - absOffset;
-    return {
-      display: "block",
-      x: baseX,
-      scale,
-      opacity,
-      zIndex
-    };
-  }, "getCardStyle");
-  const goToNext = React9.useCallback(() => {
-    setCurrentIndex((prev) => (prev + 1) % cards.length);
-  }, [cards.length]);
-  const goToPrevious = React9.useCallback(() => {
-    setCurrentIndex((prev) => (prev - 1 + cards.length) % cards.length);
-  }, [cards.length]);
-  const goToCard = React9.useCallback((index) => {
-    setCurrentIndex(index);
-  }, []);
-  const handleDragEnd = React9.useCallback(
-    (event, info) => {
-      const { offset, velocity } = info;
-      if (Math.abs(offset.x) > swipeThreshold || Math.abs(velocity.x) > 500) {
-        if (offset.x > 0) {
-          goToPrevious();
-        } else {
-          goToNext();
-        }
-      }
-    },
-    [goToNext, goToPrevious, swipeThreshold]
-  );
-  React9.useEffect(() => {
-    if (!isAutoPlaying) return;
-    const interval = setInterval(goToNext, autoPlayInterval);
-    return () => clearInterval(interval);
-  }, [isAutoPlaying, goToNext, autoPlayInterval]);
-  const handleMouseEnter = React9.useCallback(() => {
-    if (autoPlay) {
-      setIsAutoPlaying(false);
-    }
-  }, [autoPlay]);
-  const handleMouseLeave = React9.useCallback(() => {
-    if (autoPlay) {
-      setIsAutoPlaying(true);
-    }
-  }, [autoPlay]);
-  React9.useEffect(() => {
-    const handleKeyDown = /* @__PURE__ */ __name((e) => {
-      if (e.key === "ArrowLeft") {
-        goToPrevious();
-      } else if (e.key === "ArrowRight") {
-        goToNext();
-      }
-    }, "handleKeyDown");
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [goToNext, goToPrevious]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: cn("relative w-full max-w-6xl mx-auto px-4 py-8", className),
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "relative h-[400px] md:h-[500px] lg:h-[600px] flex items-center justify-center", children: /* @__PURE__ */ jsx(AnimatePresence$1, { mode: "popLayout", children: cards.map((card, index) => {
-          const style = getCardStyle(index);
-          const isActive = index === currentIndex;
-          return /* @__PURE__ */ jsx(
-            motion$1.div,
-            {
-              className: cn(
-                "absolute inset-0 w-full h-full",
-                !isActive && "pointer-events-none"
-              ),
-              initial: false,
-              animate: {
-                x: style.x,
-                scale: style.scale,
-                opacity: style.opacity,
-                zIndex: style.zIndex
-              },
-              transition: {
-                type: "spring",
-                stiffness: 300,
-                damping: 30
-              },
-              drag: isActive ? "x" : false,
-              dragSnapToOrigin: true,
-              dragElastic: 0.2,
-              onDragEnd: handleDragEnd,
-              whileDrag: { cursor: "grabbing" },
-              style: {
-                x: dragX,
-                display: style.display
-              },
-              children: /* @__PURE__ */ jsxs(
-                Card,
-                {
-                  className: cn(
-                    "relative w-full h-full overflow-hidden cursor-grab",
-                    "bg-gradient-to-br from-white to-gray-50 dark:from-gray-900 dark:to-gray-950",
-                    "shadow-2xl hover:shadow-3xl transition-shadow duration-300",
-                    cardClassName
-                  ),
-                  style: {
-                    background: card.gradient
-                  },
-                  children: [
-                    card.image && /* @__PURE__ */ jsxs(
-                      motion$1.div,
-                      {
-                        className: "absolute inset-0 w-full h-full",
-                        style: {
-                          x: useTransform(
-                            dragX,
-                            [-200, 0, 200],
-                            [parallaxOffset, 0, -parallaxOffset]
-                          )
-                        },
-                        children: [
-                          /* @__PURE__ */ jsx(
-                            "img",
-                            {
-                              src: card.image,
-                              alt: card.title,
-                              className: "w-full h-full object-cover"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-black/20 to-transparent" })
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("div", { className: "relative z-10 flex flex-col justify-end h-full p-8 md:p-12", children: card.content ? card.content : /* @__PURE__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(
-                        motion$1.h3,
-                        {
-                          className: "text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-2",
-                          initial: { opacity: 0, y: 20 },
-                          animate: { opacity: isActive ? 1 : 0.7, y: 0 },
-                          transition: { delay: 0.1 },
-                          children: card.title
-                        }
-                      ),
-                      card.subtitle && /* @__PURE__ */ jsx(
-                        motion$1.p,
-                        {
-                          className: "text-xl md:text-2xl text-white/80 mb-4",
-                          initial: { opacity: 0, y: 20 },
-                          animate: { opacity: isActive ? 1 : 0.7, y: 0 },
-                          transition: { delay: 0.2 },
-                          children: card.subtitle
-                        }
-                      ),
-                      card.description && /* @__PURE__ */ jsx(
-                        motion$1.p,
-                        {
-                          className: "text-base md:text-lg text-white/70 max-w-2xl",
-                          initial: { opacity: 0, y: 20 },
-                          animate: { opacity: isActive ? 1 : 0.7, y: 0 },
-                          transition: { delay: 0.3 },
-                          children: card.description
-                        }
-                      )
-                    ] }) })
-                  ]
-                }
-              )
-            },
-            card.id
-          );
-        }) }) }),
-        showArrows && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: cn(
-                "absolute left-4 top-1/2 -translate-y-1/2 z-20",
-                "bg-white/10 backdrop-blur-md hover:bg-white/20",
-                "text-white border border-white/20",
-                "hidden md:flex"
-              ),
-              onClick: goToPrevious,
-              children: [
-                /* @__PURE__ */ jsx(ChevronLeft, { className: "h-6 w-6" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous card" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              className: cn(
-                "absolute right-4 top-1/2 -translate-y-1/2 z-20",
-                "bg-white/10 backdrop-blur-md hover:bg-white/20",
-                "text-white border border-white/20",
-                "hidden md:flex"
-              ),
-              onClick: goToNext,
-              children: [
-                /* @__PURE__ */ jsx(ChevronRight, { className: "h-6 w-6" }),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next card" })
-              ]
-            }
-          )
-        ] }),
-        showDots && /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-20 flex gap-2", children: cards.map((_, index) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: cn(
-              "w-2 h-2 rounded-full transition-all duration-300",
-              "bg-white/40 hover:bg-white/60",
-              index === currentIndex && "w-8 bg-white"
-            ),
-            onClick: () => goToCard(index),
-            children: /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-              "Go to card ",
-              index + 1
-            ] })
-          },
-          index
-        )) })
-      ]
-    }
-  );
-}
-__name(AppleCardsCarousel, "AppleCardsCarousel");
-var gradientPresets = {
-  sunset: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-  ocean: "linear-gradient(135deg, #667eea 0%, #4ca1af 100%)",
-  fire: "linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",
-  forest: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",
-  galaxy: "linear-gradient(135deg, #7303c0 0%, #ec38bc 50%, #fdeff9 100%)",
-  aurora: "linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)",
-  peach: "linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)",
-  lavender: "linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)"
-};
-var AppleHelloEffect = React9.forwardRef(({ className, text = "Hello", duration = 2, ...props }, ref) => {
-  const letters = text.split("");
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "relative flex items-center justify-center text-6xl font-bold",
-        className
-      ),
-      ...props,
-      children: letters.map((letter, index) => /* @__PURE__ */ jsx(
-        motion$1.span,
-        {
-          initial: { opacity: 0, y: 50 },
-          animate: { opacity: 1, y: 0 },
-          transition: {
-            duration,
-            delay: index * 0.1,
-            ease: [0.215, 0.61, 0.355, 1]
-          },
-          className: "inline-block",
-          children: letter
-        },
-        index
-      ))
-    }
-  );
-});
-AppleHelloEffect.displayName = "AppleHelloEffect";
-
-export { AnimatedBackground, AnimatedBeam, AnimatedCursor, AnimatedIcon, AnimatedList, AnimatedNumber, AnimatedTestimonials, AnimatedTooltip, AppleCardsCarousel, AppleHelloEffect, gradientPresets };
+import*as T from'react';import {useMemo,useState,useEffect,useCallback,useRef}from'react';import {motion,AnimatePresence,Reorder,useMotionValue as useMotionValue$1,useTransform as useTransform$1,useSpring}from'motion/react';import {cn as cn$1}from'@/lib/utils';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {cn}from'@hanzo/ui/lib/utils';import {Avatar,AvatarImage,AvatarFallback}from'@hanzo/ui/primitives/avatar';import {Card,CardContent,Button}from'@hanzo/ui';import {AnimatePresence as AnimatePresence$1,motion as motion$1,useMotionValue,useTransform}from'framer-motion';import {ChevronLeft,ChevronRight}from'lucide-react';var Se=Object.defineProperty;var i=(e,n)=>Se(e,"name",{value:n,configurable:true});function $e(){let[e,n]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");n(a.matches);let o=i(s=>{n(s.matches);},"handleChange");return a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),e}i($e,"usePrefersReducedMotion");function Be({colors:e,speed:n,intensity:a,paused:o}){let s=e.length>=2?e:["#ff6b6b","#4ecdc4","#45b7d1","#96ceb4"];return jsx(motion.div,{className:"absolute inset-0",style:{background:`linear-gradient(-45deg, ${s.join(", ")})`,backgroundSize:"400% 400%"},animate:o?{}:{x:["0%","100%","0%"]},transition:{duration:10/n,repeat:1/0,ease:"linear"}})}i(Be,"GradientBackground");function De({colors:e,speed:n,elementCount:a,intensity:o,paused:s}){let r=useMemo(()=>Array.from({length:a},(t,l)=>({id:l,color:e[l%e.length],size:Math.random()*200+100,x:Math.random()*100,y:Math.random()*100,duration:(Math.random()*10+10)/n})),[a,e,n]);return jsx("div",{className:"absolute inset-0 overflow-hidden",children:r.map(t=>jsx(motion.div,{className:"absolute rounded-full",style:{background:`radial-gradient(circle, ${t.color}40, transparent)`,width:t.size*o,height:t.size*o,filter:"blur(40px)"},initial:{x:`${t.x}%`,y:`${t.y}%`},animate:s?{}:{x:[`${t.x}%`,`${(t.x+50)%100}%`,`${t.x}%`],y:[`${t.y}%`,`${(t.y+30)%100}%`,`${t.y}%`],scale:[1,1.2,1]},transition:{duration:t.duration,repeat:1/0,ease:"easeInOut"}},t.id))})}i(De,"BlobBackground");function He({colors:e,speed:n,intensity:a,paused:o}){let s=e[0]||"#4ecdc4";return jsx("div",{className:"absolute inset-0 overflow-hidden",children:[0,1,2].map(r=>jsx(motion.div,{className:"absolute inset-0",style:{background:`radial-gradient(ellipse 100% 50% at center ${50+r*20}%, ${s}${Math.round(30*a).toString(16).padStart(2,"0")}, transparent)`},animate:o?{}:{y:[r*10,r*10+20*a,r*10]},transition:{duration:(3+r)/n,repeat:1/0,ease:"easeInOut"}},r))})}i(He,"WaveBackground");function Fe({colors:e,speed:n,intensity:a,paused:o}){let s=e.length>=4?e.slice(0,4):["#ff6b6b","#4ecdc4","#45b7d1","#96ceb4"];return jsx("div",{className:"absolute inset-0 overflow-hidden",children:s.map((r,t)=>jsx(motion.div,{className:"absolute rounded-full",style:{background:`radial-gradient(circle, ${r}60, transparent)`,width:`${60+t*20}%`,height:`${60+t*20}%`,filter:"blur(60px)",mixBlendMode:"multiply"},initial:{x:`${25+t*15}%`,y:`${25+t*15}%`},animate:o?{}:{x:[`${25+t*15}%`,`${35+t*15}%`,`${25+t*15}%`],y:[`${25+t*15}%`,`${15+t*15}%`,`${25+t*15}%`],rotate:[0,180,360]},transition:{duration:(8+t*2)/n,repeat:1/0,ease:"easeInOut"}},t))})}i(Fe,"MeshBackground");function ze({layers:e,speed:n,paused:a}){let o=useMotionValue$1(0),s=useMotionValue$1(0);return useEffect(()=>{let r=i(t=>{let{clientX:l,clientY:d}=t,{innerWidth:c,innerHeight:y}=window;o.set((l/c-.5)*100),s.set((d/y-.5)*100);},"handleMouseMove");return window.addEventListener("mousemove",r),()=>window.removeEventListener("mousemove",r)},[o,s]),jsx("div",{className:"absolute inset-0 overflow-hidden",children:e.map((r,t)=>{let l=useTransform$1(o,[-50,50],[-r.speed*10,r.speed*10]),d=useTransform$1(s,[-50,50],[-r.speed*10,r.speed*10]);return jsx(motion.div,{className:"absolute inset-0",style:{background:`radial-gradient(circle, ${r.color}, transparent)`,opacity:r.opacity,x:a?0:l,y:a?0:d}},t)})})}i(ze,"ParallaxBackground");function Ge({colors:e,speed:n,elementCount:a,intensity:o,paused:s}){let r=useMemo(()=>Array.from({length:a},(t,l)=>({id:l,color:e[l%e.length],size:Math.random()*4+2,x:Math.random()*100,y:Math.random()*100,duration:(Math.random()*20+20)/n,delay:Math.random()*5})),[a,e,n]);return jsx("div",{className:"absolute inset-0 overflow-hidden",children:r.map(t=>jsx(motion.div,{className:"absolute rounded-full",style:{backgroundColor:t.color,width:t.size*o,height:t.size*o,opacity:.6},initial:{x:`${t.x}%`,y:`${t.y}%`},animate:s?{}:{y:[`${t.y}%`,`${t.y-100}%`],opacity:[0,.6,0]},transition:{duration:t.duration,repeat:1/0,delay:t.delay,ease:"linear"}},t.id))})}i(Ge,"ParticlesBackground");function We({animation:e="gradient",speed:n=1,colors:a=["#ff6b6b","#4ecdc4","#45b7d1","#96ceb4","#ffeaa7"],paused:o=false,className:s,style:r,children:t,intensity:l=1,blur:d=false,blurAmount:c=20,opacity:y=1,elementCount:k=5,width:g="100%",height:f="100%",fullscreen:M=false,parallaxLayers:v=[{speed:.5,color:"#ff6b6b50",opacity:.3},{speed:1,color:"#4ecdc450",opacity:.4},{speed:1.5,color:"#45b7d150",opacity:.3}]}){let A=$e(),h=o||A,b=useMemo(()=>({width:M?"100vw":g,height:M?"100vh":f,opacity:y,filter:d?`blur(${c}px)`:void 0,...r}),[M,g,f,y,d,c,r]),R=i(()=>{let x={colors:a,speed:n,intensity:l,paused:h};switch(e){case "blob":return jsx(De,{...x,elementCount:k});case "wave":return jsx(He,{...x});case "mesh":return jsx(Fe,{...x});case "parallax":return jsx(ze,{layers:v,speed:n,paused:h});case "particles":return jsx(Ge,{...x,elementCount:k});default:return jsx(Be,{...x})}},"renderAnimation");return jsxs("div",{className:cn$1("relative overflow-hidden",M&&"fixed inset-0 z-0",s),style:b,children:[R(),t&&jsx("div",{className:"relative z-10 h-full w-full",children:t})]})}i(We,"AnimatedBackground");var be=T.forwardRef(({className:e,duration:n=3,delay:a=0,pathColor:o="gray",pathWidth:s=2,gradientStartColor:r="#18CCFC",gradientStopColor:t="#6344F5",containerRef:l,fromRef:d,toRef:c,...y},k)=>{let[g,f]=T.useState("");return T.useEffect(()=>{if(!l?.current||!d?.current||!c?.current)return;let M=i(()=>{let v=l.current.getBoundingClientRect(),A=d.current.getBoundingClientRect(),h=c.current.getBoundingClientRect(),b=A.left-v.left+A.width/2,R=A.top-v.top+A.height/2,x=h.left-v.left+h.width/2,P=h.top-v.top+h.height/2,D=(b+x)/2,L=Math.min(R,P)-50;f(`M ${b} ${R} Q ${D} ${L} ${x} ${P}`);},"updatePath");return M(),window.addEventListener("resize",M),()=>window.removeEventListener("resize",M)},[l,d,c]),jsxs("svg",{ref:k,className:cn("pointer-events-none absolute inset-0",e),...y,children:[jsx("path",{d:g,stroke:o,strokeWidth:s,fill:"none",strokeOpacity:.2}),jsx(motion.path,{d:g,stroke:`url(#gradient-${r}-${t})`,strokeWidth:s,fill:"none",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:n,delay:a,ease:"easeInOut",repeat:1/0}}),jsx("defs",{children:jsxs("linearGradient",{id:`gradient-${r}-${t}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[jsx("stop",{offset:"0%",stopColor:r}),jsx("stop",{offset:"100%",stopColor:t})]})})]})});be.displayName="AnimatedBeam";var _e=["a","button","input","textarea","select",'[role="button"]','[role="link"]','[tabindex]:not([tabindex="-1"])',".cursor-pointer",'[data-cursor="pointer"]'].join(", "),Ke=['input[type="text"]','input[type="email"]','input[type="password"]','input[type="search"]',"textarea",'[contenteditable="true"]','[data-cursor="text"]'].join(", "),Ye=['[data-cursor="grab"]',".cursor-grab"].join(", "),qe=['[data-cursor="grabbing"]',".cursor-grabbing"].join(", ");function Ze(){return typeof window>"u"?false:"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}i(Ze,"isTouchDevice");function Je(){let[e,n]=useState({position:{x:0,y:0},isHovering:false,isClicking:false,cursorType:"default"}),a=useCallback((r,t)=>{n(l=>({...l,position:{x:r,y:t}}));},[]),o=useCallback((r,t="default")=>{n(l=>({...l,isHovering:r,cursorType:t}));},[]),s=useCallback(r=>{n(t=>({...t,isClicking:r}));},[]);return {cursorState:e,updatePosition:a,updateHoverState:o,updateClickState:s}}i(Je,"useCursorState");function et(e,n){let[a,o]=useState([]),s=useRef([]);return useEffect(()=>{s.current.push(n),s.current.length>e&&s.current.shift(),o([...s.current]);},[n,e]),a}i(et,"useCursorTrail");function tt({isVisible:e=true,size:n=20,color:a="#000000",trailColor:o="#00000050",animationDuration:s=200,showTrail:r=true,trailLength:t=8,blendMode:l="normal",hoverScale:d=1.5,hideOnTouch:c=true,className:y,clickAnimationDuration:k=100,zIndex:g=9999}){let{cursorState:f,updatePosition:M,updateHoverState:v,updateClickState:A}=Je(),h=et(t,f.position),[b,R]=useState(false),[x,P]=useState(false);if(useEffect(()=>{R(Ze()),P(true);},[]),useEffect(()=>{if(!x||c&&b)return;let m=i(H=>{try{requestAnimationFrame(()=>{M(H.clientX,H.clientY);});}catch(O){console.warn("AnimatedCursor: Error updating position",O);}},"handleMouseMove"),w=i(H=>{try{let O=H.target;O?.closest?.(_e)?v(!0,"pointer"):O?.closest?.(Ke)?v(!0,"text"):O?.closest?.(Ye)?v(!0,"grab"):O?.closest?.(qe)?v(!0,"grabbing"):v(!1,"default");}catch(O){console.warn("AnimatedCursor: Error handling mouse over",O),v(false,"default");}},"handleMouseOver"),I=i(()=>{A(true);},"handleMouseDown"),S=i(()=>{A(false);},"handleMouseUp"),V=i(()=>{v(false,"default");},"handleMouseLeave");return document.addEventListener("mousemove",m),document.addEventListener("mouseover",w),document.addEventListener("mousedown",I),document.addEventListener("mouseup",S),document.addEventListener("mouseleave",V),()=>{document.removeEventListener("mousemove",m),document.removeEventListener("mouseover",w),document.removeEventListener("mousedown",I),document.removeEventListener("mouseup",S),document.removeEventListener("mouseleave",V);}},[x,c,b,M,v,A]),useEffect(()=>{if(!(!x||c&&b))try{let m=document.body.style.cursor;return document.body.style.cursor="none",()=>{try{document.body.style.cursor=m;}catch(w){console.warn("AnimatedCursor: Error restoring cursor style",w);}}}catch(m){console.warn("AnimatedCursor: Error hiding cursor",m);}},[x,c,b]),!x||!e||c&&b)return null;let D=f.isHovering?d:1,L=f.isClicking?.8:1,u=D*L,p=i(()=>{switch(f.cursorType){case "text":return "h-6 w-0.5";case "grab":case "grabbing":return "rounded-md";default:return "rounded-full"}},"getCursorShape");return jsxs("div",{className:cn("pointer-events-none fixed inset-0",y),children:[r&&h.map((m,w)=>{let I=(w+1)/h.length*.5,S=(w+1)/h.length*.8;return jsx("div",{className:"absolute",style:{left:m.x-n/2,top:m.y-n/2,width:n,height:n,backgroundColor:o,borderRadius:"50%",opacity:I,transform:`scale(${S})`,zIndex:g-w-1,mixBlendMode:l}},w)}),jsx("div",{className:cn("absolute transition-transform duration-100 ease-out",p()),style:{left:f.position.x-n/2,top:f.position.y-n/2,width:f.cursorType==="text"?2:n,height:f.cursorType==="text"?24:n,backgroundColor:a,transform:`scale(${u})`,transitionDuration:`${s}ms`,zIndex:g,mixBlendMode:l}}),f.isHovering&&f.cursorType!=="text"&&jsx("div",{className:"absolute rounded-full border-2 transition-all duration-200 ease-out",style:{left:f.position.x-n*d/2,top:f.position.y-n*d/2,width:n*d,height:n*d,borderColor:a,opacity:.3,zIndex:g-1,mixBlendMode:l}})]})}i(tt,"AnimatedCursor");function it(){let[e,n]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");n(a.matches);let o=i(s=>{n(s.matches);},"handleChange");return a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),e}i(it,"usePrefersReducedMotion");var st={loading:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83",heart:["M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z","M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"],star:"m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z",hamburger:["M3 12h18M3 6h18M3 18h18","m6 6 12 12M6 18 18 6"],arrow:"M5 12l14 0m-7 -7l7 7l-7 7",check:"m9 12 2 2 4-4",x:"m18 6-12 12M6 6l12 12"},lt={spin:{animate:{rotate:360,transition:{duration:1,repeat:1/0,ease:"linear"}}},pulse:{animate:{scale:[1,1.2,1],transition:{duration:1,repeat:1/0,ease:"easeInOut"}}},bounce:{animate:{y:[0,-10,0],transition:{duration:.6,repeat:1/0,ease:"easeInOut"}}},draw:{initial:{pathLength:0,opacity:0},animate:{pathLength:1,opacity:1,transition:{duration:2,ease:"easeInOut"}}},hover:{whileHover:{scale:1.1,transition:{duration:.2}}}},ct={scale:{scale:1.2},rotate:{rotate:15},glow:{filter:"drop-shadow(0 0 8px currentColor)"},shake:{x:[-2,2,-2,2,0]}},ut={scale:{scale:.9},rotate:{rotate:180},ripple:{scale:[1,1.3,1]}};function dt({paths:e,duration:n,strokeWidth:a=2,autoAnimate:o,repeat:s,onComplete:r}){let[t,l]=useState(0);return useEffect(()=>{if(!o||e.length<2)return;let d=setInterval(()=>{l(c=>{let y=(c+1)%e.length;return y===0&&!s&&(clearInterval(d),r?.()),y});},n);return ()=>clearInterval(d)},[o,e.length,n,s,r]),jsx(motion.path,{d:e[t],fill:"none",stroke:"currentColor",strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round",animate:{d:e[t]},transition:{duration:n/1e3,ease:"easeInOut"}})}i(dt,"MorphingPath");function mt({path:e,duration:n,strokeWidth:a=2,progress:o,autoAnimate:s}){let r=useRef(null),[t,l]=useState(0);useEffect(()=>{if(r.current){let c=r.current.getTotalLength();l(c);}},[e]);let d=o!==void 0?t*o:t;return jsx(motion.path,{ref:r,d:e,fill:"none",stroke:"currentColor",strokeWidth:a,strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0},animate:s?{pathLength:1}:{pathLength:d/t},transition:{duration:n/1e3,ease:"easeInOut"},style:{strokeDasharray:t,strokeDashoffset:t-d}})}i(mt,"DrawingPath");function pt({size:e,strokeWidth:n=2}){return jsx(motion.div,{animate:{rotate:360},transition:{duration:1,repeat:1/0,ease:"linear"},style:{width:e,height:e},children:jsx("svg",{width:"100%",height:"100%",viewBox:"0 0 24 24",fill:"none",children:jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:n,strokeLinecap:"round",strokeDasharray:"60 40",opacity:"0.3"})})})}i(pt,"LoadingSpinner");function ft({icon:e="loading",paths:n,animation:a="spin",size:o=24,color:s="currentColor",duration:r=1e3,autoAnimate:t=true,repeat:l=true,className:d,style:c,onAnimationComplete:y,onClick:k,interactive:g=true,hoverAnimation:f="scale",clickAnimation:M="scale",customVariants:v,viewBox:A="0 0 24 24",strokeWidth:h=2,loading:b=false,progress:R}){let[x,P]=useState(false),[D,L]=useState(false),u=it(),p=v||lt[a]||{},m=t&&!u,I=i(()=>{if(n)return Array.isArray(n)?n:[n];let C=st[e];return Array.isArray(C)?C:[C]},"getIconPaths")(),S=i(()=>{g&&(L(true),setTimeout(()=>L(false),200),k?.());},"handleClick"),V=i(()=>!g||!x?{}:ct[f]||{},"getHoverVariant"),H=i(()=>!g||!D?{}:ut[M]||{},"getClickVariant");if(b)return jsx(pt,{size:o,strokeWidth:h});let O=i(()=>a==="morph"&&I.length>1?jsx(dt,{paths:I,duration:r,strokeWidth:h,autoAnimate:m,repeat:l,onComplete:y}):a==="draw"?jsx(mt,{path:I[0],duration:r,strokeWidth:h,progress:R,autoAnimate:m}):I.map((C,$)=>jsx(motion.path,{d:C,fill:e==="heart"?"currentColor":"none",stroke:e==="heart"?"none":"currentColor",strokeWidth:h,strokeLinecap:"round",strokeLinejoin:"round"},$)),"renderIcon");return jsx(motion.div,{className:cn$1("inline-flex items-center justify-center",g&&"cursor-pointer",d),style:{width:o,height:o,color:s,...c},onClick:S,onMouseEnter:()=>P(true),onMouseLeave:()=>P(false),variants:p,animate:m?"animate":"initial",whileHover:u?{}:V(),whileTap:u?{}:H(),onAnimationComplete:y,children:jsx("svg",{width:"100%",height:"100%",viewBox:A,fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx(AnimatePresence,{mode:"wait",children:O()})})})}i(ft,"AnimatedIcon");function gt(){let[e,n]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");n(a.matches);let o=i(s=>{n(s.matches);},"handleChange");return a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),e}i(gt,"usePrefersReducedMotion");var ht={hidden:{opacity:0,x:-50},visible:i(e=>({opacity:1,x:0,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,x:50,transition:{duration:.3}}},yt={hidden:{opacity:0},visible:i(e=>({opacity:1,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,transition:{duration:.3}}},vt={hidden:{opacity:0,scale:.8},visible:i(e=>({opacity:1,scale:1,transition:{delay:e*.1,duration:.5,ease:"easeOut",type:"spring",stiffness:100}}),"visible"),exit:{opacity:0,scale:.8,transition:{duration:.3}}},xt={hidden:{opacity:0,y:50},visible:i(e=>({opacity:1,y:0,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,y:-50,transition:{duration:.3}}},wt={hidden:{opacity:0,y:-50},visible:i(e=>({opacity:1,y:0,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,y:50,transition:{duration:.3}}},At={hidden:{opacity:0,x:50},visible:i(e=>({opacity:1,x:0,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,x:-50,transition:{duration:.3}}},Ct={hidden:{opacity:0,x:-50},visible:i(e=>({opacity:1,x:0,transition:{delay:e*.1,duration:.5,ease:"easeOut"}}),"visible"),exit:{opacity:0,x:50,transition:{duration:.3}}},kt={slide:ht,fade:yt,scale:vt,slideUp:xt,slideDown:wt,slideLeft:At,slideRight:Ct};function Mt(e,n,a,o){let[s,r]=useState(0),t=useMemo(()=>{if(!o)return e;let c=Math.floor(s/a),y=Math.min(c+Math.ceil(n/a)+1,e.length);return e.slice(c,y).map((k,g)=>({...k,virtualIndex:c+g,style:{position:"absolute",top:(c+g)*a,height:a,width:"100%"}}))},[e,s,a,n,o]),l=e.length*a,d=useCallback(c=>{r(c.currentTarget.scrollTop);},[]);return {visibleItems:t,totalHeight:l,handleScroll:d}}i(Mt,"useVirtualizedList");function Lt({items:e,animation:n="slideUp",staggerDelay:a=100,duration:o=500,reorderable:s=false,enableAddRemove:r=true,layout:t="vertical",gridColumns:l=3,className:d,itemClassName:c,style:y,onReorder:k,onItemClick:g,showHoverEffects:f=true,customVariants:M,virtualized:v=false,itemHeight:A=60,containerHeight:h=400,autoStart:b=true,onAnimationComplete:R}){let[x,P]=useState(e),[D,L]=useState(0),u=gt(),p=M||kt[n],m=!u&&b,{visibleItems:w,totalHeight:I,handleScroll:S}=Mt(e,h,A,v);useEffect(()=>{P(e);},[e]);let V=useMemo(()=>!p.visible||typeof p.visible!="function"?p:{...p,visible:i(C=>{let $=p.visible,te=$(C);return {...te,transition:{...te.transition,delay:C*(a/1e3),duration:o/1e3}}},"visible")},[p,a,o]),H=i(()=>{switch(t){case "horizontal":return "flex flex-row gap-4 overflow-x-auto";case "grid":return `grid gap-4 grid-cols-${l}`;default:return "flex flex-col gap-4"}},"getLayoutClassName"),O=i((C,$,te)=>jsx(motion.div,{custom:$,variants:V,initial:m?"hidden":"visible",animate:"visible",exit:"exit",layout:r,className:cn$1("cursor-pointer select-none",f&&"hover:scale-105 transition-transform",c),style:te,onClick:()=>g?.(C,$),whileHover:f?{scale:1.02}:void 0,whileTap:f?{scale:.98}:void 0,onAnimationComplete:()=>{$===x.length-1&&R?.();},children:C.content},C.id),"renderListItem");return s&&!v?jsx(Reorder.Group,{axis:t==="horizontal"?"x":"y",values:x,onReorder:C=>{P(C),k?.(C);},className:cn$1(H(),d),style:y,children:jsx(AnimatePresence,{mode:"popLayout",children:x.map((C,$)=>jsx(Reorder.Item,{value:C,className:cn$1("cursor-grab active:cursor-grabbing",c),whileDrag:{scale:1.05,zIndex:10},children:C.content},C.id))})}):v?jsx("div",{className:cn$1("overflow-auto",d),style:{height:h,...y},onScroll:S,children:jsx("div",{style:{height:I,position:"relative"},children:jsx(AnimatePresence,{mode:"popLayout",children:w.map((C,$)=>O(C,C.virtualIndex||$,C.style))})})}):jsx(motion.div,{className:cn$1(H(),d),style:y,initial:"hidden",animate:"visible",children:jsx(AnimatePresence,{mode:"popLayout",children:x.map((C,$)=>O(C,$))})},D)}i(Lt,"AnimatedList");function Ae(){let[e,n]=useState(false);return useEffect(()=>{if(typeof window>"u")return;let a=window.matchMedia("(prefers-reduced-motion: reduce)");n(a.matches);let o=i(s=>{n(s.matches);},"handleChange");return a.addEventListener("change",o),()=>a.removeEventListener("change",o)},[]),e}i(Ae,"usePrefersReducedMotion");function Tt(e,n,a,o,s,r,t,l,d,c,y,k){let[g,f]=useState(n),[M,v]=useState(false),A=useRef(null),h=Ae(),b=useSpring(n,{stiffness:y.tension||100,damping:y.friction||10,mass:y.mass||1}),[R,x]=useState(n),P=useCallback(()=>{if(h){f(e);return}if(v(true),c)b.set(e);else {let L=Date.now(),u=g,p=e-u,m=i(()=>{let w=Date.now()-L,I=Math.min(w/a,1),V=u+p*I;f(V),x(V),I<1?A.current=requestAnimationFrame(m):(v(false),A.current=null);},"animate");A.current=requestAnimationFrame(m);}},[e,g,a,c,b,h]);return useEffect(()=>()=>{A.current&&cancelAnimationFrame(A.current);},[]),useEffect(()=>{if(c){let L=b.onChange(u=>{f(u),Math.abs(u-e)<.01&&v(false);});return ()=>{L();}}},[b,c,e]),useEffect(()=>{d&&P();},[d,P]),{formattedValue:useMemo(()=>{let L=Math.round(g*Math.pow(10,o))/Math.pow(10,o);try{switch(s){case "currency":return new Intl.NumberFormat(t,{style:"currency",currency:r,minimumFractionDigits:o,maximumFractionDigits:o}).format(L);case "percent":return new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:o,maximumFractionDigits:o}).format(L/100);default:let u=new Intl.NumberFormat(t,{minimumFractionDigits:o,maximumFractionDigits:o}).format(L);return k&&k!==","&&(u=u.replace(/,/g,k)),u}}catch{return L.toFixed(o)}},[g,o,s,r,t,k]),displayValue:g,isAnimating:M,startAnimation:P}}i(Tt,"useAnimatedNumber");function St({value:e,from:n=0,duration:a=2e3,decimals:o=0,format:s="number",currency:r="USD",locale:t="en-US",easing:l="easeOut",autoStart:d=true,onComplete:c,className:y,style:k,prefix:g="",suffix:f="",useSpring:M=false,springConfig:v={},separator:A,animateOnHover:h=false,hoverValue:b}){let[R,x]=useState(false),[P,D]=useState(0),L=h&&R&&b!==void 0?b:e,{formattedValue:u,displayValue:p,isAnimating:m,startAnimation:w}=Tt(L,n,a,o,s,r,t,l,d,M,v,A);useEffect(()=>{!m&&c&&Math.abs(p-L)<.001&&c(p);},[m,p,L,c]),useEffect(()=>{h&&b!==void 0&&w();},[R,h,b,w]);let I=i(()=>{h&&x(true);},"handleMouseEnter"),S=i(()=>{h&&x(false);},"handleMouseLeave"),V=Ae();return jsxs(motion.span,{className:cn$1("inline-block tabular-nums",y),style:k,onMouseEnter:I,onMouseLeave:S,initial:{scale:1},animate:!V&&m?{scale:[1,1.05,1]}:{scale:1},transition:{duration:.3},children:[g,jsx(motion.span,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},children:u},P),f]})}i(St,"AnimatedNumber");var ke=T.forwardRef(({className:e,testimonials:n,autoPlay:a=true,duration:o=5e3,...s},r)=>{let[t,l]=T.useState(0);return T.useEffect(()=>{if(!a)return;let d=setInterval(()=>{l(c=>(c+1)%n.length);},o);return ()=>clearInterval(d)},[a,o,n.length]),jsxs("div",{ref:r,className:cn("relative min-h-[200px]",e),...s,children:[jsx(AnimatePresence,{mode:"wait",children:jsx(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:-20},transition:{duration:.5},children:jsx(Card,{children:jsx(CardContent,{className:"pt-6",children:jsxs("blockquote",{className:"space-y-4",children:[jsxs("p",{className:"text-lg italic",children:['"',n[t].content,'"']}),jsxs("footer",{className:"flex items-center gap-4",children:[jsxs(Avatar,{children:[jsx(AvatarImage,{src:n[t].avatar}),jsx(AvatarFallback,{children:n[t].author.slice(0,2).toUpperCase()})]}),jsxs("div",{children:[jsx("cite",{className:"not-italic font-medium",children:n[t].author}),n[t].role&&jsxs("p",{className:"text-sm text-muted-foreground",children:[n[t].role,n[t].company&&`, ${n[t].company}`]})]})]})]})})})},t)}),jsx("div",{className:"mt-4 flex justify-center gap-2",children:n.map((d,c)=>jsx("button",{onClick:()=>l(c),className:cn("h-2 w-2 rounded-full transition-all",c===t?"w-8 bg-primary":"bg-muted hover:bg-muted-foreground"),"aria-label":`Go to testimonial ${c+1}`},c))})]})});ke.displayName="AnimatedTestimonials";var Re=T.forwardRef(({className:e,content:n,children:a,delay:o=0,...s},r)=>{let[t,l]=T.useState(false);return jsxs("div",{ref:r,className:cn("relative inline-block",e),onMouseEnter:()=>l(true),onMouseLeave:()=>l(false),...s,children:[a,jsx(AnimatePresence$1,{children:t&&jsxs(motion$1.div,{initial:{opacity:0,y:10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:10,scale:.95},transition:{duration:.2,delay:o/1e3,ease:"easeOut"},className:"absolute left-1/2 -translate-x-1/2 bottom-full mb-2 px-3 py-1.5 bg-popover text-popover-foreground text-sm rounded-md shadow-md whitespace-nowrap z-50",children:[n,jsx("div",{className:"absolute left-1/2 -translate-x-1/2 top-full w-0 h-0 border-l-4 border-r-4 border-t-4 border-l-transparent border-r-transparent border-t-popover"})]})})]})});Re.displayName="AnimatedTooltip";function Zt({cards:e,autoPlay:n=false,autoPlayInterval:a=5e3,className:o,cardClassName:s,showArrows:r=true,showDots:t=true,parallaxOffset:l=50,stackOffset:d=10,stackScale:c=.95,swipeThreshold:y=50}){let[k,g]=T.useState(0),[f,M]=T.useState(n),v=T.useRef(null),A=useMotionValue(0),h=i(u=>{let p=u-k,m=Math.abs(p);if(m>2)return {display:"none",x:0,scale:1,opacity:0,zIndex:0};let I=p*d,S=Math.pow(c,m),V=Math.max(0,1-m*.3),H=e.length-m;return {display:"block",x:I,scale:S,opacity:V,zIndex:H}},"getCardStyle"),b=T.useCallback(()=>{g(u=>(u+1)%e.length);},[e.length]),R=T.useCallback(()=>{g(u=>(u-1+e.length)%e.length);},[e.length]),x=T.useCallback(u=>{g(u);},[]),P=T.useCallback((u,p)=>{let{offset:m,velocity:w}=p;(Math.abs(m.x)>y||Math.abs(w.x)>500)&&(m.x>0?R():b());},[b,R,y]);T.useEffect(()=>{if(!f)return;let u=setInterval(b,a);return ()=>clearInterval(u)},[f,b,a]);let D=T.useCallback(()=>{n&&M(false);},[n]),L=T.useCallback(()=>{n&&M(true);},[n]);return T.useEffect(()=>{let u=i(p=>{p.key==="ArrowLeft"?R():p.key==="ArrowRight"&&b();},"handleKeyDown");return window.addEventListener("keydown",u),()=>window.removeEventListener("keydown",u)},[b,R]),jsxs("div",{ref:v,className:cn("relative w-full max-w-6xl mx-auto px-4 py-8",o),onMouseEnter:D,onMouseLeave:L,children:[jsx("div",{className:"relative h-[400px] md:h-[500px] lg:h-[600px] flex items-center justify-center",children:jsx(AnimatePresence$1,{mode:"popLayout",children:e.map((u,p)=>{let m=h(p),w=p===k;return jsx(motion$1.div,{className:cn("absolute inset-0 w-full h-full",!w&&"pointer-events-none"),initial:false,animate:{x:m.x,scale:m.scale,opacity:m.opacity,zIndex:m.zIndex},transition:{type:"spring",stiffness:300,damping:30},drag:w?"x":false,dragSnapToOrigin:true,dragElastic:.2,onDragEnd:P,whileDrag:{cursor:"grabbing"},style:{x:A,display:m.display},children:jsxs(Card,{className:cn("relative w-full h-full overflow-hidden cursor-grab","bg-gradient-to-br from-white to-gray-50 dark:from-gray-900 dark:to-gray-950","shadow-2xl hover:shadow-3xl transition-shadow duration-300",s),style:{background:u.gradient},children:[u.image&&jsxs(motion$1.div,{className:"absolute inset-0 w-full h-full",style:{x:useTransform(A,[-200,0,200],[l,0,-l])},children:[jsx("img",{src:u.image,alt:u.title,className:"w-full h-full object-cover"}),jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/60 via-black/20 to-transparent"})]}),jsx("div",{className:"relative z-10 flex flex-col justify-end h-full p-8 md:p-12",children:u.content?u.content:jsxs(Fragment,{children:[jsx(motion$1.h3,{className:"text-3xl md:text-4xl lg:text-5xl font-bold text-white mb-2",initial:{opacity:0,y:20},animate:{opacity:w?1:.7,y:0},transition:{delay:.1},children:u.title}),u.subtitle&&jsx(motion$1.p,{className:"text-xl md:text-2xl text-white/80 mb-4",initial:{opacity:0,y:20},animate:{opacity:w?1:.7,y:0},transition:{delay:.2},children:u.subtitle}),u.description&&jsx(motion$1.p,{className:"text-base md:text-lg text-white/70 max-w-2xl",initial:{opacity:0,y:20},animate:{opacity:w?1:.7,y:0},transition:{delay:.3},children:u.description})]})})]})},u.id)})})}),r&&jsxs(Fragment,{children:[jsxs(Button,{variant:"ghost",size:"icon",className:cn("absolute left-4 top-1/2 -translate-y-1/2 z-20","bg-white/10 backdrop-blur-md hover:bg-white/20","text-white border border-white/20","hidden md:flex"),onClick:R,children:[jsx(ChevronLeft,{className:"h-6 w-6"}),jsx("span",{className:"sr-only",children:"Previous card"})]}),jsxs(Button,{variant:"ghost",size:"icon",className:cn("absolute right-4 top-1/2 -translate-y-1/2 z-20","bg-white/10 backdrop-blur-md hover:bg-white/20","text-white border border-white/20","hidden md:flex"),onClick:b,children:[jsx(ChevronRight,{className:"h-6 w-6"}),jsx("span",{className:"sr-only",children:"Next card"})]})]}),t&&jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-20 flex gap-2",children:e.map((u,p)=>jsx("button",{className:cn("w-2 h-2 rounded-full transition-all duration-300","bg-white/40 hover:bg-white/60",p===k&&"w-8 bg-white"),onClick:()=>x(p),children:jsxs("span",{className:"sr-only",children:["Go to card ",p+1]})},p))})]})}i(Zt,"AppleCardsCarousel");var Jt={sunset:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",ocean:"linear-gradient(135deg, #667eea 0%, #4ca1af 100%)",fire:"linear-gradient(135deg, #f093fb 0%, #f5576c 100%)",forest:"linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)",galaxy:"linear-gradient(135deg, #7303c0 0%, #ec38bc 50%, #fdeff9 100%)",aurora:"linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)",peach:"linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)",lavender:"linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)"};var Te=T.forwardRef(({className:e,text:n="Hello",duration:a=2,...o},s)=>{let r=n.split("");return jsx("div",{ref:s,className:cn("relative flex items-center justify-center text-6xl font-bold",e),...o,children:r.map((t,l)=>jsx(motion$1.span,{initial:{opacity:0,y:50},animate:{opacity:1,y:0},transition:{duration:a,delay:l*.1,ease:[.215,.61,.355,1]},className:"inline-block",children:t},l))})});Te.displayName="AppleHelloEffect";
+export{We as AnimatedBackground,be as AnimatedBeam,tt as AnimatedCursor,ft as AnimatedIcon,Lt as AnimatedList,St as AnimatedNumber,ke as AnimatedTestimonials,Re as AnimatedTooltip,Zt as AppleCardsCarousel,Te as AppleHelloEffect,Jt as gradientPresets};