@hanzo/ui 5.3.19 → 5.3.22

package/dist/animation/animated-cursor.js

@@ -1 +1,275 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),utils=require('@hanzo/ui/lib/utils'),jsxRuntime=require('react/jsx-runtime');var j=Object.defineProperty;var r=(s,e)=>j(s,"name",{value:e,configurable:true});var $=["a","button","input","textarea","select",'[role="button"]','[role="link"]','[tabindex]:not([tabindex="-1"])',".cursor-pointer",'[data-cursor="pointer"]'].join(", "),O=['input[type="text"]','input[type="email"]','input[type="password"]','input[type="search"]',"textarea",'[contenteditable="true"]','[data-cursor="text"]'].join(", "),V=['[data-cursor="grab"]',".cursor-grab"].join(", "),X=['[data-cursor="grabbing"]',".cursor-grabbing"].join(", ");function q(){return typeof window>"u"?false:"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}r(q,"isTouchDevice");function F(){let[s,e]=react.useState({position:{x:0,y:0},isHovering:false,isClicking:false,cursorType:"default"}),m=react.useCallback((c,l)=>{e(d=>({...d,position:{x:c,y:l}}));},[]),p=react.useCallback((c,l="default")=>{e(d=>({...d,isHovering:c,cursorType:l}));},[]),a=react.useCallback(c=>{e(l=>({...l,isClicking:c}));},[]);return {cursorState:s,updatePosition:m,updateHoverState:p,updateClickState:a}}r(F,"useCursorState");function U(s,e){let[m,p]=react.useState([]),a=react.useRef([]);return react.useEffect(()=>{a.current.push(e),a.current.length>s&&a.current.shift(),p([...a.current]);},[e,s]),m}r(U,"useCursorTrail");function Y({isVisible:s=true,size:e=20,color:m="#000000",trailColor:p="#00000050",animationDuration:a=200,showTrail:c=true,trailLength:l=8,blendMode:d="normal",hoverScale:f=1.5,hideOnTouch:b=true,className:R,clickAnimationDuration:K=100,zIndex:S=9999}){let{cursorState:t,updatePosition:A,updateHoverState:u,updateClickState:T}=F(),w=U(l,t.position),[g,H]=react.useState(false),[v,N]=react.useState(false);if(react.useEffect(()=>{H(q()),N(true);},[]),react.useEffect(()=>{if(!v||b&&g)return;let o=r(h=>{try{requestAnimationFrame(()=>{A(h.clientX,h.clientY);});}catch(i){console.warn("AnimatedCursor: Error updating position",i);}},"handleMouseMove"),n=r(h=>{try{let i=h.target;i?.closest?.($)?u(!0,"pointer"):i?.closest?.(O)?u(!0,"text"):i?.closest?.(V)?u(!0,"grab"):i?.closest?.(X)?u(!0,"grabbing"):u(!1,"default");}catch(i){console.warn("AnimatedCursor: Error handling mouse over",i),u(false,"default");}},"handleMouseOver"),y=r(()=>{T(true);},"handleMouseDown"),C=r(()=>{T(false);},"handleMouseUp"),M=r(()=>{u(false,"default");},"handleMouseLeave");return document.addEventListener("mousemove",o),document.addEventListener("mouseover",n),document.addEventListener("mousedown",y),document.addEventListener("mouseup",C),document.addEventListener("mouseleave",M),()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseover",n),document.removeEventListener("mousedown",y),document.removeEventListener("mouseup",C),document.removeEventListener("mouseleave",M);}},[v,b,g,A,u,T]),react.useEffect(()=>{if(!(!v||b&&g))try{let o=document.body.style.cursor;return document.body.style.cursor="none",()=>{try{document.body.style.cursor=o;}catch(n){console.warn("AnimatedCursor: Error restoring cursor style",n);}}}catch(o){console.warn("AnimatedCursor: Error hiding cursor",o);}},[v,b,g]),!v||!s||b&&g)return null;let B=t.isHovering?f:1,D=t.isClicking?.8:1,I=B*D,_=r(()=>{switch(t.cursorType){case "text":return "h-6 w-0.5";case "grab":case "grabbing":return "rounded-md";default:return "rounded-full"}},"getCursorShape");return jsxRuntime.jsxs("div",{className:utils.cn("pointer-events-none fixed inset-0",R),children:[c&&w.map((o,n)=>{let y=(n+1)/w.length*.5,C=(n+1)/w.length*.8;return jsxRuntime.jsx("div",{className:"absolute",style:{left:o.x-e/2,top:o.y-e/2,width:e,height:e,backgroundColor:p,borderRadius:"50%",opacity:y,transform:`scale(${C})`,zIndex:S-n-1,mixBlendMode:d}},n)}),jsxRuntime.jsx("div",{className:utils.cn("absolute transition-transform duration-100 ease-out",_()),style:{left:t.position.x-e/2,top:t.position.y-e/2,width:t.cursorType==="text"?2:e,height:t.cursorType==="text"?24:e,backgroundColor:m,transform:`scale(${I})`,transitionDuration:`${a}ms`,zIndex:S,mixBlendMode:d}}),t.isHovering&&t.cursorType!=="text"&&jsxRuntime.jsx("div",{className:"absolute rounded-full border-2 transition-all duration-200 ease-out",style:{left:t.position.x-e*f/2,top:t.position.y-e*f/2,width:e*f,height:e*f,borderColor:m,opacity:.3,zIndex:S-1,mixBlendMode:d}})]})}r(Y,"AnimatedCursor");var ee=Y;exports.AnimatedCursor=Y;exports.default=ee;
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@hanzo/ui/lib/utils');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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] = react.useState({
+    position: { x: 0, y: 0 },
+    isHovering: false,
+    isClicking: false,
+    cursorType: "default"
+  });
+  const updatePosition = react.useCallback((x, y) => {
+    setCursorState((prev) => ({
+      ...prev,
+      position: { x, y }
+    }));
+  }, []);
+  const updateHoverState = react.useCallback(
+    (isHovering, cursorType = "default") => {
+      setCursorState((prev) => ({
+        ...prev,
+        isHovering,
+        cursorType
+      }));
+    },
+    []
+  );
+  const updateClickState = react.useCallback((isClicking) => {
+    setCursorState((prev) => ({
+      ...prev,
+      isClicking
+    }));
+  }, []);
+  return {
+    cursorState,
+    updatePosition,
+    updateHoverState,
+    updateClickState
+  };
+}
+__name(useCursorState, "useCursorState");
+function useCursorTrail(trailLength, position) {
+  const [trail, setTrail] = react.useState([]);
+  const trailRef = react.useRef([]);
+  react.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] = react.useState(false);
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    setIsTouch(isTouchDevice());
+    setMounted(true);
+  }, []);
+  react.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
+  ]);
+  react.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__ */ jsxRuntime.jsxs("div", { className: utils.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils.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__ */ jsxRuntime.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");
+var cursor_default = AnimatedCursor;
+
+exports.AnimatedCursor = AnimatedCursor;
+exports.default = cursor_default;

package/dist/animation/animated-cursor.mjs

@@ -1 +1,270 @@
-import {useState,useEffect,useCallback,useRef}from'react';import {cn}from'@hanzo/ui/lib/utils';import {jsxs,jsx}from'react/jsx-runtime';var j=Object.defineProperty;var r=(s,e)=>j(s,"name",{value:e,configurable:true});var $=["a","button","input","textarea","select",'[role="button"]','[role="link"]','[tabindex]:not([tabindex="-1"])',".cursor-pointer",'[data-cursor="pointer"]'].join(", "),O=['input[type="text"]','input[type="email"]','input[type="password"]','input[type="search"]',"textarea",'[contenteditable="true"]','[data-cursor="text"]'].join(", "),V=['[data-cursor="grab"]',".cursor-grab"].join(", "),X=['[data-cursor="grabbing"]',".cursor-grabbing"].join(", ");function q(){return typeof window>"u"?false:"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}r(q,"isTouchDevice");function F(){let[s,e]=useState({position:{x:0,y:0},isHovering:false,isClicking:false,cursorType:"default"}),m=useCallback((c,l)=>{e(d=>({...d,position:{x:c,y:l}}));},[]),p=useCallback((c,l="default")=>{e(d=>({...d,isHovering:c,cursorType:l}));},[]),a=useCallback(c=>{e(l=>({...l,isClicking:c}));},[]);return {cursorState:s,updatePosition:m,updateHoverState:p,updateClickState:a}}r(F,"useCursorState");function U(s,e){let[m,p]=useState([]),a=useRef([]);return useEffect(()=>{a.current.push(e),a.current.length>s&&a.current.shift(),p([...a.current]);},[e,s]),m}r(U,"useCursorTrail");function Y({isVisible:s=true,size:e=20,color:m="#000000",trailColor:p="#00000050",animationDuration:a=200,showTrail:c=true,trailLength:l=8,blendMode:d="normal",hoverScale:f=1.5,hideOnTouch:b=true,className:R,clickAnimationDuration:K=100,zIndex:S=9999}){let{cursorState:t,updatePosition:A,updateHoverState:u,updateClickState:T}=F(),w=U(l,t.position),[g,H]=useState(false),[v,N]=useState(false);if(useEffect(()=>{H(q()),N(true);},[]),useEffect(()=>{if(!v||b&&g)return;let o=r(h=>{try{requestAnimationFrame(()=>{A(h.clientX,h.clientY);});}catch(i){console.warn("AnimatedCursor: Error updating position",i);}},"handleMouseMove"),n=r(h=>{try{let i=h.target;i?.closest?.($)?u(!0,"pointer"):i?.closest?.(O)?u(!0,"text"):i?.closest?.(V)?u(!0,"grab"):i?.closest?.(X)?u(!0,"grabbing"):u(!1,"default");}catch(i){console.warn("AnimatedCursor: Error handling mouse over",i),u(false,"default");}},"handleMouseOver"),y=r(()=>{T(true);},"handleMouseDown"),C=r(()=>{T(false);},"handleMouseUp"),M=r(()=>{u(false,"default");},"handleMouseLeave");return document.addEventListener("mousemove",o),document.addEventListener("mouseover",n),document.addEventListener("mousedown",y),document.addEventListener("mouseup",C),document.addEventListener("mouseleave",M),()=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseover",n),document.removeEventListener("mousedown",y),document.removeEventListener("mouseup",C),document.removeEventListener("mouseleave",M);}},[v,b,g,A,u,T]),useEffect(()=>{if(!(!v||b&&g))try{let o=document.body.style.cursor;return document.body.style.cursor="none",()=>{try{document.body.style.cursor=o;}catch(n){console.warn("AnimatedCursor: Error restoring cursor style",n);}}}catch(o){console.warn("AnimatedCursor: Error hiding cursor",o);}},[v,b,g]),!v||!s||b&&g)return null;let B=t.isHovering?f:1,D=t.isClicking?.8:1,I=B*D,_=r(()=>{switch(t.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",R),children:[c&&w.map((o,n)=>{let y=(n+1)/w.length*.5,C=(n+1)/w.length*.8;return jsx("div",{className:"absolute",style:{left:o.x-e/2,top:o.y-e/2,width:e,height:e,backgroundColor:p,borderRadius:"50%",opacity:y,transform:`scale(${C})`,zIndex:S-n-1,mixBlendMode:d}},n)}),jsx("div",{className:cn("absolute transition-transform duration-100 ease-out",_()),style:{left:t.position.x-e/2,top:t.position.y-e/2,width:t.cursorType==="text"?2:e,height:t.cursorType==="text"?24:e,backgroundColor:m,transform:`scale(${I})`,transitionDuration:`${a}ms`,zIndex:S,mixBlendMode:d}}),t.isHovering&&t.cursorType!=="text"&&jsx("div",{className:"absolute rounded-full border-2 transition-all duration-200 ease-out",style:{left:t.position.x-e*f/2,top:t.position.y-e*f/2,width:e*f,height:e*f,borderColor:m,opacity:.3,zIndex:S-1,mixBlendMode:d}})]})}r(Y,"AnimatedCursor");var ee=Y;export{Y as AnimatedCursor,ee as default};
+"use client";
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { cn } from '@hanzo/ui/lib/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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");
+var cursor_default = AnimatedCursor;
+
+export { AnimatedCursor, cursor_default as default };