@pelatform/ui 1.6.0 → 2.1.0

package/dist/chunk-D373YKDA.js

@@ -1,196 +0,0 @@
-'use client';
-
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/ui/animation/hover-background.tsx
-import * as React from "react";
-import { motion, useMotionValue, useSpring } from "motion/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HoverBackground({
-  className,
-  objectCount = 12,
-  children,
-  colors = {},
-  ...props
-}) {
-  const {
-    background = "bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900",
-    objects = [
-      "bg-cyan-400/20",
-      "bg-purple-400/20",
-      "bg-fuchsia-400/20",
-      "bg-violet-400/20",
-      "bg-blue-400/20",
-      "bg-indigo-400/20"
-    ],
-    glow = "shadow-cyan-400/50"
-  } = colors;
-  const [isHovered, setIsHovered] = React.useState(false);
-  const mouseX = useMotionValue(0);
-  const mouseY = useMotionValue(0);
-  const springX = useSpring(mouseX, {
-    stiffness: 300,
-    damping: 30,
-    // Slower return to center when hover ends
-    restSpeed: 0.1,
-    restDelta: 0.1
-  });
-  const springY = useSpring(mouseY, {
-    stiffness: 300,
-    damping: 30,
-    restSpeed: 0.1,
-    restDelta: 0.1
-  });
-  const animatedObjects = React.useMemo(
-    () => Array.from({ length: objectCount }, (_, i) => {
-      const shape = Math.random() > 0.5 ? "circle" : "square";
-      return {
-        id: i,
-        x: Math.random() * 90 + 5,
-        // 5-95% to avoid edges
-        y: Math.random() * 90 + 5,
-        size: Math.random() * 60 + 20,
-        // 20-80px
-        color: objects[i % objects.length],
-        delay: Math.random() * 2,
-        shape,
-        floatDirection: Math.random() > 0.5 ? 1 : -1,
-        breathDuration: Math.random() * 3 + 3,
-        // 3-6 seconds
-        parallaxStrength: Math.random() * 0.5 + 0.3,
-        // 0.3-0.8 for more varied parallax depth
-        baseRotation: Math.random() * 360
-        // Random starting rotation offset
-      };
-    }),
-    [objectCount, objects]
-  );
-  const handleMouseMove = (event) => {
-    if (!isHovered) return;
-    const rect = event.currentTarget.getBoundingClientRect();
-    const centerX = rect.width / 2;
-    const centerY = rect.height / 2;
-    const x = (event.clientX - rect.left - centerX) / centerX;
-    const y = (event.clientY - rect.top - centerY) / centerY;
-    mouseX.set(x * 15);
-    mouseY.set(y * 15);
-  };
-  const handleHoverStart = () => {
-    setIsHovered(true);
-  };
-  const handleHoverEnd = () => {
-    setIsHovered(false);
-    mouseX.set(0);
-    mouseY.set(0);
-  };
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      "data-slot": "hover-background",
-      className: cn("relative size-full overflow-hidden", background, className),
-      onHoverStart: handleHoverStart,
-      onHoverEnd: handleHoverEnd,
-      onMouseMove: handleMouseMove,
-      whileHover: { scale: 1.02 },
-      transition: { duration: 0.3, ease: "easeOut" },
-      animate: {
-        backgroundPosition: ["0% 50%", "100% 50%", "0% 50%"]
-      },
-      style: {
-        backgroundSize: "200% 200%"
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            className: "absolute inset-0 bg-gradient-radial from-white/5 via-transparent to-transparent",
-            animate: {
-              opacity: [0.3, 0.6, 0.3],
-              scale: [1, 1.1, 1]
-            },
-            transition: {
-              duration: 4,
-              repeat: Infinity,
-              ease: "easeInOut"
-            }
-          }
-        ),
-        animatedObjects.map((obj) => /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            className: cn(
-              "absolute border border-white/10 backdrop-blur-sm",
-              obj.color,
-              obj.shape === "circle" ? "rounded-full" : "rotate-45 rounded-lg"
-            ),
-            style: {
-              left: `${obj.x}%`,
-              top: `${obj.y}%`,
-              width: obj.size,
-              height: obj.size,
-              // Apply parallax with individual object strength
-              x: springX.get() * obj.parallaxStrength,
-              y: springY.get() * obj.parallaxStrength
-            },
-            initial: {
-              scale: 0.6,
-              opacity: 0.4,
-              rotate: obj.baseRotation
-            },
-            animate: {
-              // Default state animations - breathing with base rotation offset
-              scale: [0.6, 0.8, 0.6],
-              opacity: [0.4, 0.6, 0.4],
-              rotate: obj.shape === "circle" ? [obj.baseRotation, obj.baseRotation + 10, obj.baseRotation] : [obj.baseRotation, obj.baseRotation + 5, obj.baseRotation],
-              y: [0, obj.floatDirection * 15, 0],
-              x: [0, obj.floatDirection * 8, 0]
-            },
-            transition: {
-              duration: obj.breathDuration,
-              delay: obj.delay,
-              ease: "easeInOut",
-              repeat: Infinity,
-              repeatType: "reverse"
-            },
-            whileHover: {
-              scale: 1.5,
-              boxShadow: `0 0 30px ${glow.replace("shadow-", "").replace("/50", "")}`
-            }
-          },
-          obj.id
-        )),
-        isHovered && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0", children: Array.from({ length: 20 }).map((_, i) => /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            className: "absolute h-1 w-1 rounded-full bg-white/60",
-            style: {
-              left: `${Math.random() * 100}%`,
-              top: `${Math.random() * 100}%`
-            },
-            initial: { opacity: 0, scale: 0 },
-            animate: {
-              opacity: [0, 1, 0],
-              scale: [0, 1, 0],
-              y: [0, -50, -100]
-            },
-            transition: {
-              duration: 3,
-              delay: Math.random() * 2,
-              repeat: Infinity,
-              ease: "easeOut"
-            }
-          },
-          `particle-${i}`
-        )) }),
-        /* @__PURE__ */ jsx("div", { className: "relative z-10 size-full", children })
-      ]
-    }
-  );
-}
-
-export {
-  HoverBackground
-};

package/dist/chunk-EZW5GNS4.js

@@ -1,6 +0,0 @@
-// src/re-export/cva.ts
-import { cva } from "class-variance-authority";
-
-export {
-  cva
-};