erp-pro-ui 0.1.0 → 0.1.2

package/dist/chunks/skeleton-DTXpHYYB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-DTXpHYYB.cjs","names":[],"sources":["../../src/components/data-display/skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nexport type SkeletonVariant = \"text\" | \"circular\" | \"rectangular\" | \"rounded\";\nexport type SkeletonAnimation = \"pulse\" | \"wave\" | \"none\";\n\nexport interface SkeletonProps {\n  /** The variant shape of the skeleton */\n  variant?: SkeletonVariant;\n  /** The animation type */\n  animation?: SkeletonAnimation;\n  /** Width of the skeleton */\n  width?: number | string;\n  /** Height of the skeleton */\n  height?: number | string;\n  /** Border radius for rounded variant */\n  borderRadius?: number | string;\n  /** Custom className */\n  className?: string;\n  /** Number of lines for text variant */\n  lines?: number;\n  /** Gap between lines */\n  lineGap?: number | string;\n  /** Whether the last line should be shorter */\n  lastLineWidth?: number | string;\n}\n\nexport interface SkeletonTextProps extends Omit<SkeletonProps, \"variant\"> {\n  /** Number of text lines */\n  lines?: number;\n}\n\nexport interface SkeletonAvatarProps extends Omit<\n  SkeletonProps,\n  \"variant\" | \"width\" | \"height\"\n> {\n  /** Size of the avatar */\n  size?: number | string;\n}\n\nexport interface SkeletonCardProps {\n  /** Whether to show image placeholder */\n  showImage?: boolean;\n  /** Image height */\n  imageHeight?: number | string;\n  /** Number of text lines */\n  lines?: number;\n  /** Whether to show avatar */\n  showAvatar?: boolean;\n  /** Whether to show action buttons */\n  showActions?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Animation type */\n  animation?: SkeletonAnimation;\n}\n\nconst animationStyles: Record<SkeletonAnimation, string> = {\n  pulse: \"animate-pulse\",\n  wave: \"animate-shimmer bg-gradient-to-r from-neutral-200 via-neutral-100 to-neutral-200 dark:from-neutral-700 dark:via-neutral-600 dark:to-neutral-700 bg-[length:200%_100%]\",\n  none: \"\",\n};\n\nconst variantStyles: Record<SkeletonVariant, string> = {\n  text: \"rounded\",\n  circular: \"rounded-full\",\n  rectangular: \"rounded-none\",\n  rounded: \"rounded-lg\",\n};\n\n// Base Skeleton Component\nconst Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = \"text\",\n      animation = \"pulse\",\n      width,\n      height,\n      borderRadius,\n      className = \"\",\n      lines = 1,\n      lineGap = 8,\n      lastLineWidth = \"80%\",\n    },\n    ref,\n  ) => {\n    const baseStyles = `\n      bg-neutral-200 dark:bg-neutral-700\n      ${animation !== \"wave\" ? animationStyles[animation] : \"\"}\n      ${animation === \"wave\" ? animationStyles.wave : \"\"}\n      ${variantStyles[variant]}\n    `;\n\n    const getSize = () => {\n      const style: React.CSSProperties = {};\n\n      if (width) {\n        style.width = typeof width === \"number\" ? `${width}px` : width;\n      } else if (variant === \"text\") {\n        style.width = \"100%\";\n      }\n\n      if (height) {\n        style.height = typeof height === \"number\" ? `${height}px` : height;\n      } else if (variant === \"text\") {\n        style.height = \"1em\";\n      } else if (variant === \"circular\") {\n        style.width = style.width || \"40px\";\n        style.height = style.width;\n      }\n\n      if (borderRadius) {\n        style.borderRadius =\n          typeof borderRadius === \"number\" ? `${borderRadius}px` : borderRadius;\n      }\n\n      return style;\n    };\n\n    // Render multiple lines for text variant\n    if (variant === \"text\" && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          className={`flex flex-col ${className}`}\n          style={{\n            gap: typeof lineGap === \"number\" ? `${lineGap}px` : lineGap,\n          }}\n        >\n          {Array.from({ length: lines }).map((_, index) => (\n            <div\n              key={index}\n              className={baseStyles}\n              style={{\n                ...getSize(),\n                width: index === lines - 1 ? lastLineWidth : width || \"100%\",\n              }}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`${baseStyles} ${className}`}\n        style={getSize()}\n      />\n    );\n  },\n);\n\nSkeleton.displayName = \"Skeleton\";\n\n// Skeleton Text Component\nconst SkeletonText = forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 3, ...props }, ref) => {\n    return <Skeleton ref={ref} variant=\"text\" lines={lines} {...props} />;\n  },\n);\n\nSkeletonText.displayName = \"SkeletonText\";\n\n// Skeleton Avatar Component\nconst SkeletonAvatar = forwardRef<HTMLDivElement, SkeletonAvatarProps>(\n  ({ size = 40, animation = \"pulse\", className = \"\", ...props }, ref) => {\n    const sizeValue = typeof size === \"number\" ? `${size}px` : size;\n\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"circular\"\n        width={sizeValue}\n        height={sizeValue}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonAvatar.displayName = \"SkeletonAvatar\";\n\n// Skeleton Button Component\nconst SkeletonButton = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\"> & { size?: \"sm\" | \"md\" | \"lg\" }\n>(({ size = \"md\", animation = \"pulse\", className = \"\", ...props }, ref) => {\n  const sizeStyles = {\n    sm: { width: 80, height: 32 },\n    md: { width: 100, height: 40 },\n    lg: { width: 120, height: 48 },\n  };\n\n  return (\n    <Skeleton\n      ref={ref}\n      variant=\"rounded\"\n      width={sizeStyles[size].width}\n      height={sizeStyles[size].height}\n      animation={animation}\n      className={className}\n      {...props}\n    />\n  );\n});\n\nSkeletonButton.displayName = \"SkeletonButton\";\n\n// Skeleton Image Component\nconst SkeletonImage = forwardRef<\n  HTMLDivElement,\n  Omit<SkeletonProps, \"variant\">\n>(\n  (\n    {\n      width = \"100%\",\n      height = 200,\n      animation = \"pulse\",\n      className = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Skeleton\n        ref={ref}\n        variant=\"rounded\"\n        width={width}\n        height={height}\n        animation={animation}\n        className={className}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonImage.displayName = \"SkeletonImage\";\n\n// Skeleton Card Component\nconst SkeletonCard = forwardRef<HTMLDivElement, SkeletonCardProps>(\n  (\n    {\n      showImage = true,\n      imageHeight = 200,\n      lines = 3,\n      showAvatar = false,\n      showActions = false,\n      className = \"\",\n      animation = \"pulse\",\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={`bg-white dark:bg-neutral-800 rounded-xl overflow-hidden shadow-sm border border-neutral-200 dark:border-neutral-700 ${className}`}\n      >\n        {showImage && (\n          <SkeletonImage\n            height={imageHeight}\n            animation={animation}\n            borderRadius={0}\n          />\n        )}\n\n        <div className=\"p-4 flex flex-col gap-4\">\n          {showAvatar && (\n            <div className=\"flex items-center gap-3\">\n              <SkeletonAvatar size={40} animation={animation} />\n              <div className=\"flex-1\">\n                <Skeleton\n                  variant=\"text\"\n                  width=\"60%\"\n                  height={14}\n                  animation={animation}\n                />\n                <Skeleton\n                  variant=\"text\"\n                  width=\"40%\"\n                  height={12}\n                  animation={animation}\n                  className=\"mt-2\"\n                />\n              </div>\n            </div>\n          )}\n\n          <SkeletonText\n            lines={lines}\n            animation={animation}\n            height={14}\n            lineGap={10}\n          />\n\n          {showActions && (\n            <div className=\"flex gap-3 mt-2\">\n              <SkeletonButton size=\"sm\" animation={animation} />\n              <SkeletonButton size=\"sm\" animation={animation} />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nSkeletonCard.displayName = \"SkeletonCard\";\n\n// Skeleton Table Row Component\nconst SkeletonTableRow = forwardRef<\n  HTMLDivElement,\n  { columns?: number; animation?: SkeletonAnimation; className?: string }\n>(({ columns = 4, animation = \"pulse\", className = \"\" }, ref) => {\n  return (\n    <div ref={ref} className={`flex items-center gap-4 py-3 ${className}`}>\n      {Array.from({ length: columns }).map((_, index) => (\n        <Skeleton\n          key={index}\n          variant=\"text\"\n          width={index === 0 ? \"20%\" : `${Math.floor(80 / (columns - 1))}%`}\n          height={16}\n          animation={animation}\n        />\n      ))}\n    </div>\n  );\n});\n\nSkeletonTableRow.displayName = \"SkeletonTableRow\";\n\n// Skeleton List Item Component\nconst SkeletonListItem = forwardRef<\n  HTMLDivElement,\n  {\n    showAvatar?: boolean;\n    showSecondaryText?: boolean;\n    showAction?: boolean;\n    animation?: SkeletonAnimation;\n    className?: string;\n  }\n>(\n  (\n    {\n      showAvatar = true,\n      showSecondaryText = true,\n      showAction = false,\n      animation = \"pulse\",\n      className = \"\",\n    },\n    ref,\n  ) => {\n    return (\n      <div ref={ref} className={`flex items-center gap-3 py-3 ${className}`}>\n        {showAvatar && <SkeletonAvatar size={48} animation={animation} />}\n        <div className=\"flex-1\">\n          <Skeleton\n            variant=\"text\"\n            width=\"70%\"\n            height={16}\n            animation={animation}\n          />\n          {showSecondaryText && (\n            <Skeleton\n              variant=\"text\"\n              width=\"50%\"\n              height={14}\n              animation={animation}\n              className=\"mt-2\"\n            />\n          )}\n        </div>\n        {showAction && <SkeletonButton size=\"sm\" animation={animation} />}\n      </div>\n    );\n  },\n);\n\nSkeletonListItem.displayName = \"SkeletonListItem\";\n\nexport default Skeleton;\nexport {\n  Skeleton,\n  SkeletonText,\n  SkeletonAvatar,\n  SkeletonButton,\n  SkeletonImage,\n  SkeletonCard,\n  SkeletonTableRow,\n  SkeletonListItem,\n};\n"],"mappings":"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"}

package/dist/chunks/spinners-BBCWD2gw.mjs

@@ -0,0 +1,11 @@
+import { g as AudioWaveIcon } from "./icons-DuumN7z-.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/spinners/Audio.tsx
+var Audio = ({ className = void 0, ...props }) => /* @__PURE__ */ jsx(AudioWaveIcon, {
+	className: `svg-loaders-svg${className ? ` ${className}` : ""}`,
+	...props
+});
+//#endregion
+export { Audio as t };
+
+//# sourceMappingURL=spinners-BBCWD2gw.mjs.map

package/dist/chunks/spinners-BBCWD2gw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinners-BBCWD2gw.mjs","names":[],"sources":["../../src/components/spinners/Audio.tsx"],"sourcesContent":["import { AudioWaveIcon } from \"../icons\";\n\nconst Audio = ({\n  className = undefined, // String\n  ...props\n}) => (\n  <AudioWaveIcon\n    className={`svg-loaders-svg${className ? ` ${className}` : \"\"}`}\n    {...props}\n  />\n);\n\nexport { Audio };\n"],"mappings":";;;AAEA,IAAM,SAAS,EACb,YAAY,KAAA,GACZ,GAAG,YAEH,oBAAC,eAAD;CACE,WAAW,kBAAkB,YAAY,IAAI,cAAc;CAC3D,GAAI;CACJ,CAAA"}

package/dist/chunks/spinners-BL4ERCCw.cjs

@@ -0,0 +1,17 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_icons = require("./icons-BxIzP2jd.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/spinners/Audio.tsx
+var Audio = ({ className = void 0, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.AudioWaveIcon, {
+	className: `svg-loaders-svg${className ? ` ${className}` : ""}`,
+	...props
+});
+//#endregion
+Object.defineProperty(exports, "Audio", {
+	enumerable: true,
+	get: function() {
+		return Audio;
+	}
+});
+
+//# sourceMappingURL=spinners-BL4ERCCw.cjs.map

package/dist/chunks/spinners-BL4ERCCw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinners-BL4ERCCw.cjs","names":[],"sources":["../../src/components/spinners/Audio.tsx"],"sourcesContent":["import { AudioWaveIcon } from \"../icons\";\n\nconst Audio = ({\n  className = undefined, // String\n  ...props\n}) => (\n  <AudioWaveIcon\n    className={`svg-loaders-svg${className ? ` ${className}` : \"\"}`}\n    {...props}\n  />\n);\n\nexport { Audio };\n"],"mappings":";;;;AAEA,IAAM,SAAS,EACb,YAAY,KAAA,GACZ,GAAG,YAEH,iBAAA,GAAA,kBAAA,KAAC,cAAA,eAAD;CACE,WAAW,kBAAkB,YAAY,IAAI,cAAc;CAC3D,GAAI;CACJ,CAAA"}

package/dist/chunks/splash-cursor-BVSmbcIX.cjs

@@ -0,0 +1,279 @@
+require("./chunk-B_GkZjkl.cjs");
+const require_utils = require("./utils-B4SmmY4J.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let framer_motion = require("framer-motion");
+//#region src/components/effects/splash-cursor/SplashCursor.tsx
+var sizeConfig = {
+	sm: {
+		base: 20,
+		variance: 10
+	},
+	md: {
+		base: 40,
+		variance: 20
+	},
+	lg: {
+		base: 60,
+		variance: 30
+	},
+	xl: {
+		base: 100,
+		variance: 50
+	}
+};
+var defaultColors = [
+	"var(--ds-color-accent)",
+	"var(--ds-color-accent-hover)",
+	"var(--ds-color-info)",
+	"var(--ds-color-success)",
+	"var(--ds-color-warning)",
+	"var(--ds-color-danger)"
+];
+var SplashCursor = ({ className, color, secondaryColor, size = "md", particleCount = 12, enabled = true, blur = 0, opacity = .6, duration = 800, smooth = true, smoothFactor = .15, style, children, variant = "splash" }) => {
+	const containerRef = (0, react.useRef)(null);
+	const [particles, setParticles] = (0, react.useState)([]);
+	const [mousePos, setMousePos] = (0, react.useState)({
+		x: 0,
+		y: 0
+	});
+	const [smoothPos, setSmoothPos] = (0, react.useState)({
+		x: 0,
+		y: 0
+	});
+	const [isInside, setIsInside] = (0, react.useState)(false);
+	const particleIdRef = (0, react.useRef)(0);
+	const animationFrameRef = (0, react.useRef)(void 0);
+	(0, react.useEffect)(() => {
+		if (!smooth || !enabled) return;
+		const animate = () => {
+			setSmoothPos((prev) => ({
+				x: prev.x + (mousePos.x - prev.x) * smoothFactor,
+				y: prev.y + (mousePos.y - prev.y) * smoothFactor
+			}));
+			animationFrameRef.current = requestAnimationFrame(animate);
+		};
+		animationFrameRef.current = requestAnimationFrame(animate);
+		return () => {
+			if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current);
+		};
+	}, [
+		mousePos,
+		smooth,
+		smoothFactor,
+		enabled
+	]);
+	const getRandomColor = (0, react.useCallback)(() => {
+		if (color && secondaryColor) return Math.random() > .5 ? color : secondaryColor;
+		if (color) return color;
+		return defaultColors[Math.floor(Math.random() * defaultColors.length)];
+	}, [color, secondaryColor]);
+	const createParticles = (0, react.useCallback)((x, y) => {
+		const config = sizeConfig[size];
+		const newParticles = [];
+		for (let i = 0; i < particleCount; i++) {
+			const angle = Math.PI * 2 * i / particleCount;
+			const distance = variant === "ripple" ? config.base : Math.random() * config.variance;
+			newParticles.push({
+				id: particleIdRef.current++,
+				x: x + Math.cos(angle) * distance * (variant === "ripple" ? 0 : 1),
+				y: y + Math.sin(angle) * distance * (variant === "ripple" ? 0 : 1),
+				size: config.base * .3 + Math.random() * config.base * .4,
+				opacity: opacity * (.5 + Math.random() * .5),
+				color: getRandomColor()
+			});
+		}
+		setParticles((prev) => [...prev.slice(-50), ...newParticles]);
+		setTimeout(() => {
+			setParticles((prev) => prev.filter((p) => !newParticles.find((np) => np.id === p.id)));
+		}, duration);
+	}, [
+		size,
+		particleCount,
+		opacity,
+		duration,
+		getRandomColor,
+		variant
+	]);
+	const handleMouseMove = (0, react.useCallback)((e) => {
+		if (!enabled || !containerRef.current) return;
+		const rect = containerRef.current.getBoundingClientRect();
+		const x = e.clientX - rect.left;
+		const y = e.clientY - rect.top;
+		setMousePos({
+			x,
+			y
+		});
+		if (variant === "splash" || variant === "trail") {
+			if (Math.random() > (variant === "trail" ? .7 : .85)) createParticles(x, y);
+		}
+	}, [
+		enabled,
+		createParticles,
+		variant
+	]);
+	const handleClick = (0, react.useCallback)((e) => {
+		if (!enabled || !containerRef.current) return;
+		const rect = containerRef.current.getBoundingClientRect();
+		const x = e.clientX - rect.left;
+		const y = e.clientY - rect.top;
+		createParticles(x, y);
+		if (variant === "ripple") {
+			setTimeout(() => createParticles(x, y), 100);
+			setTimeout(() => createParticles(x, y), 200);
+		}
+	}, [
+		enabled,
+		createParticles,
+		variant
+	]);
+	const getParticleAnimation = (particle) => {
+		const config = sizeConfig[size];
+		switch (variant) {
+			case "glow": return {
+				initial: {
+					scale: 0,
+					opacity: particle.opacity
+				},
+				animate: {
+					scale: 2,
+					opacity: 0
+				},
+				exit: {
+					scale: 3,
+					opacity: 0
+				}
+			};
+			case "trail": return {
+				initial: {
+					scale: 1,
+					opacity: particle.opacity,
+					y: 0
+				},
+				animate: {
+					scale: .5,
+					opacity: 0,
+					y: 20
+				},
+				exit: {
+					scale: 0,
+					opacity: 0
+				}
+			};
+			case "ripple": return {
+				initial: {
+					scale: 0,
+					opacity: particle.opacity
+				},
+				animate: {
+					scale: 4,
+					opacity: 0
+				},
+				exit: {
+					scale: 5,
+					opacity: 0
+				}
+			};
+			default:
+				const angle = Math.random() * Math.PI * 2;
+				const distance = config.base + Math.random() * config.variance;
+				return {
+					initial: {
+						scale: 0,
+						opacity: particle.opacity,
+						x: 0,
+						y: 0
+					},
+					animate: {
+						scale: [
+							0,
+							1.2,
+							.8
+						],
+						opacity: [
+							particle.opacity,
+							particle.opacity * .8,
+							0
+						],
+						x: Math.cos(angle) * distance,
+						y: Math.sin(angle) * distance
+					},
+					exit: {
+						scale: 0,
+						opacity: 0
+					}
+				};
+		}
+	};
+	const cursorPos = smooth ? smoothPos : mousePos;
+	const glowColor = color && secondaryColor ? `color-mix(in srgb, ${color} 60%, ${secondaryColor})` : color ? `color-mix(in srgb, ${color} 35%, transparent)` : "color-mix(in srgb, var(--ds-color-accent) 35%, transparent)";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: containerRef,
+		className: require_utils.mergeClassNames("relative overflow-hidden", className),
+		style,
+		onMouseMove: handleMouseMove,
+		onMouseEnter: () => setIsInside(true),
+		onMouseLeave: () => setIsInside(false),
+		onClick: handleClick,
+		children: [
+			enabled && isInside && variant === "glow" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+				className: "pointer-events-none absolute z-10",
+				style: {
+					left: cursorPos.x,
+					top: cursorPos.y,
+					width: sizeConfig[size].base * 2,
+					height: sizeConfig[size].base * 2,
+					transform: "translate(-50%, -50%)",
+					background: `radial-gradient(circle, ${glowColor} 0%, transparent 70%)`,
+					filter: blur ? `blur(${blur}px)` : void 0
+				},
+				initial: {
+					scale: 0,
+					opacity: 0
+				},
+				animate: {
+					scale: 1,
+					opacity: 1
+				},
+				exit: {
+					scale: 0,
+					opacity: 0
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.AnimatePresence, { children: enabled && particles.map((particle) => {
+				const animation = getParticleAnimation(particle);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+					className: "pointer-events-none absolute rounded-full z-20",
+					style: {
+						left: particle.x,
+						top: particle.y,
+						width: particle.size,
+						height: particle.size,
+						backgroundColor: particle.color,
+						transform: "translate(-50%, -50%)",
+						filter: blur ? `blur(${blur}px)` : void 0
+					},
+					...animation,
+					transition: {
+						duration: duration / 1e3,
+						ease: "easeOut"
+					}
+				}, particle.id);
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "relative z-0",
+				children
+			})
+		]
+	});
+};
+SplashCursor.displayName = "SplashCursor";
+//#endregion
+Object.defineProperty(exports, "SplashCursor", {
+	enumerable: true,
+	get: function() {
+		return SplashCursor;
+	}
+});
+
+//# sourceMappingURL=splash-cursor-BVSmbcIX.cjs.map

package/dist/chunks/splash-cursor-BVSmbcIX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"splash-cursor-BVSmbcIX.cjs","names":[],"sources":["../../src/components/effects/splash-cursor/SplashCursor.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SplashCursorProps, Particle } from \"./types\";\n\nconst sizeConfig = {\n  sm: { base: 20, variance: 10 },\n  md: { base: 40, variance: 20 },\n  lg: { base: 60, variance: 30 },\n  xl: { base: 100, variance: 50 },\n};\n\nconst defaultColors = [\n  \"var(--ds-color-accent)\",\n  \"var(--ds-color-accent-hover)\",\n  \"var(--ds-color-info)\",\n  \"var(--ds-color-success)\",\n  \"var(--ds-color-warning)\",\n  \"var(--ds-color-danger)\",\n];\n\nexport const SplashCursor = ({\n  className,\n  color,\n  secondaryColor,\n  size = \"md\",\n  particleCount = 12,\n  enabled = true,\n  blur = 0,\n  opacity = 0.6,\n  duration = 800,\n  smooth = true,\n  smoothFactor = 0.15,\n  style,\n  children,\n  variant = \"splash\",\n}: SplashCursorProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [particles, setParticles] = useState<Particle[]>([]);\n  const [mousePos, setMousePos] = useState({ x: 0, y: 0 });\n  const [smoothPos, setSmoothPos] = useState({ x: 0, y: 0 });\n  const [isInside, setIsInside] = useState(false);\n  const particleIdRef = useRef<number>(0);\n  const animationFrameRef = useRef<number | undefined>(undefined);\n\n  // Smooth cursor following\n  useEffect(() => {\n    if (!smooth || !enabled) return;\n\n    const animate = () => {\n      setSmoothPos((prev) => ({\n        x: prev.x + (mousePos.x - prev.x) * smoothFactor,\n        y: prev.y + (mousePos.y - prev.y) * smoothFactor,\n      }));\n      animationFrameRef.current = requestAnimationFrame(animate);\n    };\n\n    animationFrameRef.current = requestAnimationFrame(animate);\n    return () => {\n      if (animationFrameRef.current) {\n        cancelAnimationFrame(animationFrameRef.current);\n      }\n    };\n  }, [mousePos, smooth, smoothFactor, enabled]);\n\n  const getRandomColor = useCallback(() => {\n    if (color && secondaryColor) {\n      return Math.random() > 0.5 ? color : secondaryColor;\n    }\n    if (color) return color;\n    return defaultColors[Math.floor(Math.random() * defaultColors.length)];\n  }, [color, secondaryColor]);\n\n  const createParticles = useCallback(\n    (x: number, y: number) => {\n      const config = sizeConfig[size];\n      const newParticles: Particle[] = [];\n\n      for (let i = 0; i < particleCount; i++) {\n        const angle = (Math.PI * 2 * i) / particleCount;\n        const distance =\n          variant === \"ripple\" ? config.base : Math.random() * config.variance;\n\n        newParticles.push({\n          id: particleIdRef.current++,\n          x: x + Math.cos(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          y: y + Math.sin(angle) * distance * (variant === \"ripple\" ? 0 : 1),\n          size: config.base * 0.3 + Math.random() * config.base * 0.4,\n          opacity: opacity * (0.5 + Math.random() * 0.5),\n          color: getRandomColor(),\n        });\n      }\n\n      setParticles((prev) => [...prev.slice(-50), ...newParticles]);\n\n      // Remove particles after animation\n      setTimeout(() => {\n        setParticles((prev) =>\n          prev.filter((p) => !newParticles.find((np) => np.id === p.id)),\n        );\n      }, duration);\n    },\n    [size, particleCount, opacity, duration, getRandomColor, variant],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      setMousePos({ x, y });\n\n      // Create splash effect on movement\n      if (variant === \"splash\" || variant === \"trail\") {\n        if (Math.random() > (variant === \"trail\" ? 0.7 : 0.85)) {\n          createParticles(x, y);\n        }\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!enabled || !containerRef.current) return;\n\n      const rect = containerRef.current.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      // Create burst effect on click\n      createParticles(x, y);\n      if (variant === \"ripple\") {\n        setTimeout(() => createParticles(x, y), 100);\n        setTimeout(() => createParticles(x, y), 200);\n      }\n    },\n    [enabled, createParticles, variant],\n  );\n\n  const getParticleAnimation = (particle: Particle) => {\n    const config = sizeConfig[size];\n\n    switch (variant) {\n      case \"glow\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 2, opacity: 0 },\n          exit: { scale: 3, opacity: 0 },\n        };\n      case \"trail\":\n        return {\n          initial: { scale: 1, opacity: particle.opacity, y: 0 },\n          animate: { scale: 0.5, opacity: 0, y: 20 },\n          exit: { scale: 0, opacity: 0 },\n        };\n      case \"ripple\":\n        return {\n          initial: { scale: 0, opacity: particle.opacity },\n          animate: { scale: 4, opacity: 0 },\n          exit: { scale: 5, opacity: 0 },\n        };\n      default: // splash\n        const angle = Math.random() * Math.PI * 2;\n        const distance = config.base + Math.random() * config.variance;\n        return {\n          initial: { scale: 0, opacity: particle.opacity, x: 0, y: 0 },\n          animate: {\n            scale: [0, 1.2, 0.8],\n            opacity: [particle.opacity, particle.opacity * 0.8, 0],\n            x: Math.cos(angle) * distance,\n            y: Math.sin(angle) * distance,\n          },\n          exit: { scale: 0, opacity: 0 },\n        };\n    }\n  };\n\n  const cursorPos = smooth ? smoothPos : mousePos;\n  const glowColor =\n    color && secondaryColor\n      ? `color-mix(in srgb, ${color} 60%, ${secondaryColor})`\n      : color\n        ? `color-mix(in srgb, ${color} 35%, transparent)`\n        : \"color-mix(in srgb, var(--ds-color-accent) 35%, transparent)\";\n\n  return (\n    <div\n      ref={containerRef}\n      className={mergeClassNames(\"relative overflow-hidden\", className)}\n      style={style}\n      onMouseMove={handleMouseMove}\n      onMouseEnter={() => setIsInside(true)}\n      onMouseLeave={() => setIsInside(false)}\n      onClick={handleClick}\n    >\n      {/* Cursor glow effect */}\n      {enabled && isInside && variant === \"glow\" && (\n        <motion.div\n          className=\"pointer-events-none absolute z-10\"\n          style={{\n            left: cursorPos.x,\n            top: cursorPos.y,\n            width: sizeConfig[size].base * 2,\n            height: sizeConfig[size].base * 2,\n            transform: \"translate(-50%, -50%)\",\n            background: `radial-gradient(circle, ${glowColor} 0%, transparent 70%)`,\n            filter: blur ? `blur(${blur}px)` : undefined,\n          }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n        />\n      )}\n\n      {/* Particles */}\n      <AnimatePresence>\n        {enabled &&\n          particles.map((particle) => {\n            const animation = getParticleAnimation(particle);\n            return (\n              <motion.div\n                key={particle.id}\n                className=\"pointer-events-none absolute rounded-full z-20\"\n                style={{\n                  left: particle.x,\n                  top: particle.y,\n                  width: particle.size,\n                  height: particle.size,\n                  backgroundColor: particle.color,\n                  transform: \"translate(-50%, -50%)\",\n                  filter: blur ? `blur(${blur}px)` : undefined,\n                }}\n                {...animation}\n                transition={{\n                  duration: duration / 1000,\n                  ease: \"easeOut\",\n                }}\n              />\n            );\n          })}\n      </AnimatePresence>\n\n      {/* Children content */}\n      <div className=\"relative z-0\">{children}</div>\n    </div>\n  );\n};\n\nSplashCursor.displayName = \"SplashCursor\";\n\nexport default SplashCursor;\n"],"mappings":";;;;;;AAKA,IAAM,aAAa;CACjB,IAAI;EAAE,MAAM;EAAI,UAAU;EAAI;CAC9B,IAAI;EAAE,MAAM;EAAI,UAAU;EAAI;CAC9B,IAAI;EAAE,MAAM;EAAI,UAAU;EAAI;CAC9B,IAAI;EAAE,MAAM;EAAK,UAAU;EAAI;CAChC;AAED,IAAM,gBAAgB;CACpB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,gBAAgB,EAC3B,WACA,OACA,gBACA,OAAO,MACP,gBAAgB,IAChB,UAAU,MACV,OAAO,GACP,UAAU,IACV,WAAW,KACX,SAAS,MACT,eAAe,KACf,OACA,UACA,UAAU,eACa;CACvB,MAAM,gBAAA,GAAA,MAAA,QAAsC,KAAK;CACjD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAqC,EAAE,CAAC;CAC1D,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CACxD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CAC1D,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAC/C,MAAM,iBAAA,GAAA,MAAA,QAA+B,EAAE;CACvC,MAAM,qBAAA,GAAA,MAAA,QAA+C,KAAA,EAAU;AAG/D,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,UAAU,CAAC,QAAS;EAEzB,MAAM,gBAAgB;AACpB,iBAAc,UAAU;IACtB,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK;IACpC,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK;IACrC,EAAE;AACH,qBAAkB,UAAU,sBAAsB,QAAQ;;AAG5D,oBAAkB,UAAU,sBAAsB,QAAQ;AAC1D,eAAa;AACX,OAAI,kBAAkB,QACpB,sBAAqB,kBAAkB,QAAQ;;IAGlD;EAAC;EAAU;EAAQ;EAAc;EAAQ,CAAC;CAE7C,MAAM,kBAAA,GAAA,MAAA,mBAAmC;AACvC,MAAI,SAAS,eACX,QAAO,KAAK,QAAQ,GAAG,KAAM,QAAQ;AAEvC,MAAI,MAAO,QAAO;AAClB,SAAO,cAAc,KAAK,MAAM,KAAK,QAAQ,GAAG,cAAc,OAAO;IACpE,CAAC,OAAO,eAAe,CAAC;CAE3B,MAAM,mBAAA,GAAA,MAAA,cACH,GAAW,MAAc;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,eAA2B,EAAE;AAEnC,OAAK,IAAI,IAAI,GAAG,IAAI,eAAe,KAAK;GACtC,MAAM,QAAS,KAAK,KAAK,IAAI,IAAK;GAClC,MAAM,WACJ,YAAY,WAAW,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO;AAE9D,gBAAa,KAAK;IAChB,IAAI,cAAc;IAClB,GAAG,IAAI,KAAK,IAAI,MAAM,GAAG,YAAY,YAAY,WAAW,IAAI;IAChE,GAAG,IAAI,KAAK,IAAI,MAAM,GAAG,YAAY,YAAY,WAAW,IAAI;IAChE,MAAM,OAAO,OAAO,KAAM,KAAK,QAAQ,GAAG,OAAO,OAAO;IACxD,SAAS,WAAW,KAAM,KAAK,QAAQ,GAAG;IAC1C,OAAO,gBAAgB;IACxB,CAAC;;AAGJ,gBAAc,SAAS,CAAC,GAAG,KAAK,MAAM,IAAI,EAAE,GAAG,aAAa,CAAC;AAG7D,mBAAiB;AACf,iBAAc,SACZ,KAAK,QAAQ,MAAM,CAAC,aAAa,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC,CAC/D;KACA,SAAS;IAEd;EAAC;EAAM;EAAe;EAAS;EAAU;EAAgB;EAAQ,CAClE;CAED,MAAM,mBAAA,GAAA,MAAA,cACH,MAAwC;AACvC,MAAI,CAAC,WAAW,CAAC,aAAa,QAAS;EAEvC,MAAM,OAAO,aAAa,QAAQ,uBAAuB;EACzD,MAAM,IAAI,EAAE,UAAU,KAAK;EAC3B,MAAM,IAAI,EAAE,UAAU,KAAK;AAE3B,cAAY;GAAE;GAAG;GAAG,CAAC;AAGrB,MAAI,YAAY,YAAY,YAAY;OAClC,KAAK,QAAQ,IAAI,YAAY,UAAU,KAAM,KAC/C,iBAAgB,GAAG,EAAE;;IAI3B;EAAC;EAAS;EAAiB;EAAQ,CACpC;CAED,MAAM,eAAA,GAAA,MAAA,cACH,MAAwC;AACvC,MAAI,CAAC,WAAW,CAAC,aAAa,QAAS;EAEvC,MAAM,OAAO,aAAa,QAAQ,uBAAuB;EACzD,MAAM,IAAI,EAAE,UAAU,KAAK;EAC3B,MAAM,IAAI,EAAE,UAAU,KAAK;AAG3B,kBAAgB,GAAG,EAAE;AACrB,MAAI,YAAY,UAAU;AACxB,oBAAiB,gBAAgB,GAAG,EAAE,EAAE,IAAI;AAC5C,oBAAiB,gBAAgB,GAAG,EAAE,EAAE,IAAI;;IAGhD;EAAC;EAAS;EAAiB;EAAQ,CACpC;CAED,MAAM,wBAAwB,aAAuB;EACnD,MAAM,SAAS,WAAW;AAE1B,UAAQ,SAAR;GACE,KAAK,OACH,QAAO;IACL,SAAS;KAAE,OAAO;KAAG,SAAS,SAAS;KAAS;IAChD,SAAS;KAAE,OAAO;KAAG,SAAS;KAAG;IACjC,MAAM;KAAE,OAAO;KAAG,SAAS;KAAG;IAC/B;GACH,KAAK,QACH,QAAO;IACL,SAAS;KAAE,OAAO;KAAG,SAAS,SAAS;KAAS,GAAG;KAAG;IACtD,SAAS;KAAE,OAAO;KAAK,SAAS;KAAG,GAAG;KAAI;IAC1C,MAAM;KAAE,OAAO;KAAG,SAAS;KAAG;IAC/B;GACH,KAAK,SACH,QAAO;IACL,SAAS;KAAE,OAAO;KAAG,SAAS,SAAS;KAAS;IAChD,SAAS;KAAE,OAAO;KAAG,SAAS;KAAG;IACjC,MAAM;KAAE,OAAO;KAAG,SAAS;KAAG;IAC/B;GACH;IACE,MAAM,QAAQ,KAAK,QAAQ,GAAG,KAAK,KAAK;IACxC,MAAM,WAAW,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO;AACtD,WAAO;KACL,SAAS;MAAE,OAAO;MAAG,SAAS,SAAS;MAAS,GAAG;MAAG,GAAG;MAAG;KAC5D,SAAS;MACP,OAAO;OAAC;OAAG;OAAK;OAAI;MACpB,SAAS;OAAC,SAAS;OAAS,SAAS,UAAU;OAAK;OAAE;MACtD,GAAG,KAAK,IAAI,MAAM,GAAG;MACrB,GAAG,KAAK,IAAI,MAAM,GAAG;MACtB;KACD,MAAM;MAAE,OAAO;MAAG,SAAS;MAAG;KAC/B;;;CAIP,MAAM,YAAY,SAAS,YAAY;CACvC,MAAM,YACJ,SAAS,iBACL,sBAAsB,MAAM,QAAQ,eAAe,KACnD,QACE,sBAAsB,MAAM,sBAC5B;AAER,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,KAAK;EACL,WAAW,cAAA,gBAAgB,4BAA4B,UAAU;EAC1D;EACP,aAAa;EACb,oBAAoB,YAAY,KAAK;EACrC,oBAAoB,YAAY,MAAM;EACtC,SAAS;YAPX;GAUG,WAAW,YAAY,YAAY,UAClC,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,WAAU;IACV,OAAO;KACL,MAAM,UAAU;KAChB,KAAK,UAAU;KACf,OAAO,WAAW,MAAM,OAAO;KAC/B,QAAQ,WAAW,MAAM,OAAO;KAChC,WAAW;KACX,YAAY,2BAA2B,UAAU;KACjD,QAAQ,OAAO,QAAQ,KAAK,OAAO,KAAA;KACpC;IACD,SAAS;KAAE,OAAO;KAAG,SAAS;KAAG;IACjC,SAAS;KAAE,OAAO;KAAG,SAAS;KAAG;IACjC,MAAM;KAAE,OAAO;KAAG,SAAS;KAAG;IAC9B,CAAA;GAIJ,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD,EAAA,UACG,WACC,UAAU,KAAK,aAAa;IAC1B,MAAM,YAAY,qBAAqB,SAAS;AAChD,WACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;KAEE,WAAU;KACV,OAAO;MACL,MAAM,SAAS;MACf,KAAK,SAAS;MACd,OAAO,SAAS;MAChB,QAAQ,SAAS;MACjB,iBAAiB,SAAS;MAC1B,WAAW;MACX,QAAQ,OAAO,QAAQ,KAAK,OAAO,KAAA;MACpC;KACD,GAAI;KACJ,YAAY;MACV,UAAU,WAAW;MACrB,MAAM;MACP;KACD,EAhBK,SAAS,GAgBd;KAEJ,EACY,CAAA;GAGlB,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;IAAgB;IAAe,CAAA;GAC1C;;;AAIV,aAAa,cAAc"}

package/dist/chunks/splash-cursor-rSrTnawZ.mjs

@@ -0,0 +1,273 @@
+import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion } from "framer-motion";
+//#region src/components/effects/splash-cursor/SplashCursor.tsx
+var sizeConfig = {
+	sm: {
+		base: 20,
+		variance: 10
+	},
+	md: {
+		base: 40,
+		variance: 20
+	},
+	lg: {
+		base: 60,
+		variance: 30
+	},
+	xl: {
+		base: 100,
+		variance: 50
+	}
+};
+var defaultColors = [
+	"var(--ds-color-accent)",
+	"var(--ds-color-accent-hover)",
+	"var(--ds-color-info)",
+	"var(--ds-color-success)",
+	"var(--ds-color-warning)",
+	"var(--ds-color-danger)"
+];
+var SplashCursor = ({ className, color, secondaryColor, size = "md", particleCount = 12, enabled = true, blur = 0, opacity = .6, duration = 800, smooth = true, smoothFactor = .15, style, children, variant = "splash" }) => {
+	const containerRef = useRef(null);
+	const [particles, setParticles] = useState([]);
+	const [mousePos, setMousePos] = useState({
+		x: 0,
+		y: 0
+	});
+	const [smoothPos, setSmoothPos] = useState({
+		x: 0,
+		y: 0
+	});
+	const [isInside, setIsInside] = useState(false);
+	const particleIdRef = useRef(0);
+	const animationFrameRef = useRef(void 0);
+	useEffect(() => {
+		if (!smooth || !enabled) return;
+		const animate = () => {
+			setSmoothPos((prev) => ({
+				x: prev.x + (mousePos.x - prev.x) * smoothFactor,
+				y: prev.y + (mousePos.y - prev.y) * smoothFactor
+			}));
+			animationFrameRef.current = requestAnimationFrame(animate);
+		};
+		animationFrameRef.current = requestAnimationFrame(animate);
+		return () => {
+			if (animationFrameRef.current) cancelAnimationFrame(animationFrameRef.current);
+		};
+	}, [
+		mousePos,
+		smooth,
+		smoothFactor,
+		enabled
+	]);
+	const getRandomColor = useCallback(() => {
+		if (color && secondaryColor) return Math.random() > .5 ? color : secondaryColor;
+		if (color) return color;
+		return defaultColors[Math.floor(Math.random() * defaultColors.length)];
+	}, [color, secondaryColor]);
+	const createParticles = useCallback((x, y) => {
+		const config = sizeConfig[size];
+		const newParticles = [];
+		for (let i = 0; i < particleCount; i++) {
+			const angle = Math.PI * 2 * i / particleCount;
+			const distance = variant === "ripple" ? config.base : Math.random() * config.variance;
+			newParticles.push({
+				id: particleIdRef.current++,
+				x: x + Math.cos(angle) * distance * (variant === "ripple" ? 0 : 1),
+				y: y + Math.sin(angle) * distance * (variant === "ripple" ? 0 : 1),
+				size: config.base * .3 + Math.random() * config.base * .4,
+				opacity: opacity * (.5 + Math.random() * .5),
+				color: getRandomColor()
+			});
+		}
+		setParticles((prev) => [...prev.slice(-50), ...newParticles]);
+		setTimeout(() => {
+			setParticles((prev) => prev.filter((p) => !newParticles.find((np) => np.id === p.id)));
+		}, duration);
+	}, [
+		size,
+		particleCount,
+		opacity,
+		duration,
+		getRandomColor,
+		variant
+	]);
+	const handleMouseMove = useCallback((e) => {
+		if (!enabled || !containerRef.current) return;
+		const rect = containerRef.current.getBoundingClientRect();
+		const x = e.clientX - rect.left;
+		const y = e.clientY - rect.top;
+		setMousePos({
+			x,
+			y
+		});
+		if (variant === "splash" || variant === "trail") {
+			if (Math.random() > (variant === "trail" ? .7 : .85)) createParticles(x, y);
+		}
+	}, [
+		enabled,
+		createParticles,
+		variant
+	]);
+	const handleClick = useCallback((e) => {
+		if (!enabled || !containerRef.current) return;
+		const rect = containerRef.current.getBoundingClientRect();
+		const x = e.clientX - rect.left;
+		const y = e.clientY - rect.top;
+		createParticles(x, y);
+		if (variant === "ripple") {
+			setTimeout(() => createParticles(x, y), 100);
+			setTimeout(() => createParticles(x, y), 200);
+		}
+	}, [
+		enabled,
+		createParticles,
+		variant
+	]);
+	const getParticleAnimation = (particle) => {
+		const config = sizeConfig[size];
+		switch (variant) {
+			case "glow": return {
+				initial: {
+					scale: 0,
+					opacity: particle.opacity
+				},
+				animate: {
+					scale: 2,
+					opacity: 0
+				},
+				exit: {
+					scale: 3,
+					opacity: 0
+				}
+			};
+			case "trail": return {
+				initial: {
+					scale: 1,
+					opacity: particle.opacity,
+					y: 0
+				},
+				animate: {
+					scale: .5,
+					opacity: 0,
+					y: 20
+				},
+				exit: {
+					scale: 0,
+					opacity: 0
+				}
+			};
+			case "ripple": return {
+				initial: {
+					scale: 0,
+					opacity: particle.opacity
+				},
+				animate: {
+					scale: 4,
+					opacity: 0
+				},
+				exit: {
+					scale: 5,
+					opacity: 0
+				}
+			};
+			default:
+				const angle = Math.random() * Math.PI * 2;
+				const distance = config.base + Math.random() * config.variance;
+				return {
+					initial: {
+						scale: 0,
+						opacity: particle.opacity,
+						x: 0,
+						y: 0
+					},
+					animate: {
+						scale: [
+							0,
+							1.2,
+							.8
+						],
+						opacity: [
+							particle.opacity,
+							particle.opacity * .8,
+							0
+						],
+						x: Math.cos(angle) * distance,
+						y: Math.sin(angle) * distance
+					},
+					exit: {
+						scale: 0,
+						opacity: 0
+					}
+				};
+		}
+	};
+	const cursorPos = smooth ? smoothPos : mousePos;
+	const glowColor = color && secondaryColor ? `color-mix(in srgb, ${color} 60%, ${secondaryColor})` : color ? `color-mix(in srgb, ${color} 35%, transparent)` : "color-mix(in srgb, var(--ds-color-accent) 35%, transparent)";
+	return /* @__PURE__ */ jsxs("div", {
+		ref: containerRef,
+		className: mergeClassNames("relative overflow-hidden", className),
+		style,
+		onMouseMove: handleMouseMove,
+		onMouseEnter: () => setIsInside(true),
+		onMouseLeave: () => setIsInside(false),
+		onClick: handleClick,
+		children: [
+			enabled && isInside && variant === "glow" && /* @__PURE__ */ jsx(motion.div, {
+				className: "pointer-events-none absolute z-10",
+				style: {
+					left: cursorPos.x,
+					top: cursorPos.y,
+					width: sizeConfig[size].base * 2,
+					height: sizeConfig[size].base * 2,
+					transform: "translate(-50%, -50%)",
+					background: `radial-gradient(circle, ${glowColor} 0%, transparent 70%)`,
+					filter: blur ? `blur(${blur}px)` : void 0
+				},
+				initial: {
+					scale: 0,
+					opacity: 0
+				},
+				animate: {
+					scale: 1,
+					opacity: 1
+				},
+				exit: {
+					scale: 0,
+					opacity: 0
+				}
+			}),
+			/* @__PURE__ */ jsx(AnimatePresence, { children: enabled && particles.map((particle) => {
+				const animation = getParticleAnimation(particle);
+				return /* @__PURE__ */ jsx(motion.div, {
+					className: "pointer-events-none absolute rounded-full z-20",
+					style: {
+						left: particle.x,
+						top: particle.y,
+						width: particle.size,
+						height: particle.size,
+						backgroundColor: particle.color,
+						transform: "translate(-50%, -50%)",
+						filter: blur ? `blur(${blur}px)` : void 0
+					},
+					...animation,
+					transition: {
+						duration: duration / 1e3,
+						ease: "easeOut"
+					}
+				}, particle.id);
+			}) }),
+			/* @__PURE__ */ jsx("div", {
+				className: "relative z-0",
+				children
+			})
+		]
+	});
+};
+SplashCursor.displayName = "SplashCursor";
+//#endregion
+export { SplashCursor as t };
+
+//# sourceMappingURL=splash-cursor-rSrTnawZ.mjs.map