@sth87/shadcn-design-system 0.0.36 → 0.1.0

package/dist/esm/components/Interactive/CursorFollow.js

@@ -1,4 +1,4 @@
-import { jsx as f, jsxs as L, Fragment as z } from "react/jsx-runtime";
+import { jsx as p, jsxs as L, Fragment as z } from "react/jsx-runtime";
 import * as t from "react";
 import { useMotionValue as k, AnimatePresence as M, motion as H, useSpring as F } from "motion/react";
 import "@radix-ui/react-slot";
@@ -41,54 +41,54 @@ const B = {
 }, N = t.createContext(
   void 0
 ), X = () => {
-  const d = t.useContext(N);
-  if (!d)
+  const f = t.useContext(N);
+  if (!f)
     throw new Error("useCursor must be used within a CursorProvider");
-  return d;
+  return f;
 }, I = {
   default: null,
   // Use system cursor
-  pointer: /* @__PURE__ */ f("div", { className: "h-5 w-5 rounded-full bg-white/30 border-2 border-white" })
+  pointer: /* @__PURE__ */ p("div", { className: "ds:h-5 ds:w-5 ds:rounded-full ds:bg-white/30 ds:border-2 ds:border-white" })
 };
 function be({
-  ref: d,
+  ref: f,
   children: e,
-  cursorType: n = "default",
+  cursorType: s = "default",
   followText: v,
   showFollow: b,
   followAlign: x = "bottom-right",
-  followSideOffset: s = 15,
+  followSideOffset: n = 15,
   followTransition: y = "normal",
   ...E
 }) {
   const [g, m] = t.useState({ x: 0, y: 0 }), [i, C] = t.useState(!1), r = t.useRef(null), h = t.useRef(null);
-  t.useImperativeHandle(d, () => r.current), t.useEffect(() => {
+  t.useImperativeHandle(f, () => r.current), t.useEffect(() => {
     if (!r.current) return;
     const u = r.current.parentElement;
     if (!u) return;
     getComputedStyle(u).position === "static" && (u.style.position = "relative");
-    const w = (p) => {
+    const w = (d) => {
       const l = u.getBoundingClientRect();
-      m({ x: p.clientX - l.left, y: p.clientY - l.top }), C(!0);
+      m({ x: d.clientX - l.left, y: d.clientY - l.top }), C(!0);
     }, S = () => C(!1);
     return u.addEventListener("mousemove", w), u.addEventListener("mouseleave", S), () => {
       u.removeEventListener("mousemove", w), u.removeEventListener("mouseleave", S);
     };
   }, []);
-  const c = n !== void 0, P = b ?? v !== void 0, o = B[y];
-  return /* @__PURE__ */ f(
+  const c = s !== void 0, P = b ?? v !== void 0, o = B[y];
+  return /* @__PURE__ */ p(
     N.Provider,
     {
       value: { cursorPos: g, isActive: i, containerRef: r, cursorRef: h },
       children: /* @__PURE__ */ L("div", { ref: r, "data-slot": "cursor-provider", ...E, children: [
         e,
-        c && /* @__PURE__ */ f(Y, { cursorType: n }),
-        P && /* @__PURE__ */ f(
+        c && /* @__PURE__ */ p(Y, { cursorType: s }),
+        P && /* @__PURE__ */ p(
           j,
           {
             followText: v,
             align: x,
-            sideOffset: s,
+            sideOffset: n,
             transition: o
           }
         )
@@ -97,30 +97,30 @@ function be({
   );
 }
 function Y({
-  ref: d,
+  ref: f,
   children: e,
-  cursorType: n = "default",
+  cursorType: s = "default",
   className: v,
   style: b,
   ...x
 }) {
-  const { cursorPos: s, isActive: y, containerRef: E, cursorRef: g } = X();
-  t.useImperativeHandle(d, () => g.current);
-  const m = k(0), i = k(0), r = e || (typeof n == "string" && n in I ? I[n] : n), h = r !== null;
+  const { cursorPos: n, isActive: y, containerRef: E, cursorRef: g } = X();
+  t.useImperativeHandle(f, () => g.current);
+  const m = k(0), i = k(0), r = e || (typeof s == "string" && s in I ? I[s] : s), h = r !== null;
   return t.useEffect(() => {
     const c = E.current?.parentElement;
     return c && y && h && (c.style.cursor = "none"), () => {
       c && (c.style.cursor = "default");
     };
   }, [E, y, h]), t.useEffect(() => {
-    m.set(s.x), i.set(s.y);
-  }, [s, m, i]), r ? /* @__PURE__ */ f(M, { children: y && /* @__PURE__ */ f(
+    m.set(n.x), i.set(n.y);
+  }, [n, m, i]), r ? /* @__PURE__ */ p(M, { children: y && /* @__PURE__ */ p(
     H.div,
     {
       ref: g,
       "data-slot": "cursor",
       className: A(
-        "transform-[translate(-50%,-50%)] pointer-events-none z-9999 absolute",
+        "ds:transform-[translate(-50%,-50%)] ds:pointer-events-none ds:z-9999 ds:absolute",
         v
       ),
       style: { top: i, left: m, ...b },
@@ -133,26 +133,26 @@ function Y({
   ) }) : null;
 }
 function j({
-  ref: d,
+  ref: f,
   sideOffset: e = 15,
-  align: n = "bottom-right",
+  align: s = "bottom-right",
   children: v,
   className: b,
   style: x,
-  followText: s,
+  followText: n,
   transition: y,
   transitionPreset: E = "normal",
   ...g
 }) {
   const { cursorPos: m, isActive: i, cursorRef: C } = X(), r = t.useRef(null);
   t.useImperativeHandle(
-    d,
+    f,
     () => r.current
   );
   const h = k(0), c = k(0), P = y || B[E], o = F(h, P), u = F(c, P), w = t.useCallback(() => {
-    const p = r.current?.getBoundingClientRect(), l = p?.width ?? 0, R = p?.height ?? 0;
+    const d = r.current?.getBoundingClientRect(), l = d?.width ?? 0, R = d?.height ?? 0;
     let a;
-    switch (n) {
+    switch (s) {
       case "center":
         a = { x: l / 2, y: R / 2 };
         break;
@@ -184,19 +184,19 @@ function j({
         a = { x: 0, y: 0 };
     }
     return a;
-  }, [n, e]);
+  }, [s, e]);
   t.useEffect(() => {
-    const p = w(), l = C.current?.getBoundingClientRect(), R = l?.width ?? 20, a = l?.height ?? 20;
-    h.set(m.x - p.x + R / 2), c.set(m.y - p.y + a / 2);
+    const d = w(), l = C.current?.getBoundingClientRect(), R = l?.width ?? 20, a = l?.height ?? 20;
+    h.set(m.x - d.x + R / 2), c.set(m.y - d.y + a / 2);
   }, [w, m, C, h, c]);
-  const S = () => v || (s ? typeof s == "string" ? /* @__PURE__ */ f("div", { className: "px-4 py-2 bg-white rounded-md shadow-lg text-sm font-medium", children: s }) : s : null);
-  return /* @__PURE__ */ f(M, { children: i && /* @__PURE__ */ f(
+  const S = () => v || (n ? typeof n == "string" ? /* @__PURE__ */ p("div", { className: "ds:px-4 ds:py-2 ds:bg-white ds:rounded-md ds:shadow-lg ds:text-sm ds:font-medium", children: n }) : n : null);
+  return /* @__PURE__ */ p(M, { children: i && /* @__PURE__ */ p(
     H.div,
     {
       ref: r,
       "data-slot": "cursor-follow",
       className: A(
-        "transform-[translate(-50%,-50%)] pointer-events-none z-9998 absolute",
+        "ds:transform-[translate(-50%,-50%)] ds:pointer-events-none ds:z-9998 ds:absolute",
         b
       ),
       style: { top: u, left: o, ...x },
@@ -208,24 +208,24 @@ function j({
     }
   ) });
 }
-function xe(d = {}) {
+function xe(f = {}) {
   const {
     cursorType: e = "default",
-    followText: n,
+    followText: s,
     showFollow: v,
     align: b = "bottom-right",
     sideOffset: x = 15,
-    transitionPreset: s = "normal",
+    transitionPreset: n = "normal",
     className: y,
     style: E
-  } = d, [g, m] = t.useState({ x: 0, y: 0 }), [i, C] = t.useState(!1), r = t.useRef(null), h = t.useRef(null);
+  } = f, [g, m] = t.useState({ x: 0, y: 0 }), [i, C] = t.useState(!1), r = t.useRef(null), h = t.useRef(null);
   t.useEffect(() => {
     if (!r.current) return;
     const o = r.current;
     getComputedStyle(o).position === "static" && (o.style.position = "relative");
     const u = (S) => {
-      const p = o.getBoundingClientRect();
-      m({ x: S.clientX - p.left, y: S.clientY - p.top }), C(!0);
+      const d = o.getBoundingClientRect();
+      m({ x: S.clientX - d.left, y: S.clientY - d.top }), C(!0);
     }, w = () => C(!1);
     return o.addEventListener("mousemove", u), o.addEventListener("mouseleave", w), () => {
       o.removeEventListener("mousemove", u), o.removeEventListener("mouseleave", w);
@@ -244,14 +244,14 @@ function xe(d = {}) {
     {
       value: { cursorPos: g, isActive: i, containerRef: r, cursorRef: h },
       children: [
-        /* @__PURE__ */ f(Y, { cursorType: e }),
-        (v ?? n !== void 0) && /* @__PURE__ */ f(
+        /* @__PURE__ */ p(Y, { cursorType: e }),
+        (v ?? s !== void 0) && /* @__PURE__ */ p(
           j,
           {
-            followText: n,
+            followText: s,
             align: b,
             sideOffset: x,
-            transitionPreset: s
+            transitionPreset: n
           }
         )
       ]
@@ -260,15 +260,15 @@ function xe(d = {}) {
     i,
     g,
     e,
-    n,
+    s,
     v,
     b,
     x,
-    s
+    n
   ]);
   return {
     ref: r,
-    className: A("relative", y),
+    className: A("ds:relative", y),
     style: { ...E },
     "data-cursor-container": !0,
     children: (o) => /* @__PURE__ */ L(z, { children: [

package/dist/esm/components/Interactive/CursorFollow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorFollow.js","sources":["../../../../src/components/Interactive/CursorFollow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  motion,\n  useMotionValue,\n  useSpring,\n  AnimatePresence,\n  type HTMLMotionProps,\n  type SpringOptions,\n} from \"motion/react\";\n\nimport { cn } from \"@dsui/ui/index\";\n\n// Transition presets\ntype TransitionPreset = \"slow\" | \"normal\" | \"fast\" | \"realtime\";\n\nconst TRANSITION_PRESETS: Record<TransitionPreset, SpringOptions> = {\n  slow: { stiffness: 100, damping: 20, bounce: 0 },\n  normal: { stiffness: 500, damping: 50, bounce: 0 },\n  fast: { stiffness: 1000, damping: 80, bounce: 0 },\n  realtime: { stiffness: 2000, damping: 100, bounce: 0 },\n};\n\ntype CursorContextType = {\n  cursorPos: { x: number; y: number };\n  isActive: boolean;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  cursorRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst CursorContext = React.createContext<CursorContextType | undefined>(\n  undefined\n);\n\nconst useCursor = (): CursorContextType => {\n  const context = React.useContext(CursorContext);\n  if (!context) {\n    throw new Error(\"useCursor must be used within a CursorProvider\");\n  }\n  return context;\n};\n\ntype Align =\n  | \"top\"\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"left\"\n  | \"right\"\n  | \"center\";\n\ntype CursorVariantKey = \"default\" | \"pointer\";\ntype CursorVariant = CursorVariantKey | React.ReactNode;\n\n// Predefined cursor variants\nconst cursorVariants: Record<CursorVariantKey, React.ReactNode> = {\n  default: null, // Use system cursor\n  pointer: (\n    <div className=\"h-5 w-5 rounded-full bg-white/30 border-2 border-white\" />\n  ),\n};\n\ntype CursorProviderProps = React.ComponentProps<\"div\"> & {\n  children: React.ReactNode;\n  /** Auto-setup cursor with variant (preset key or custom ReactNode) */\n  cursorType?: CursorVariant;\n  /** Auto-setup follow element with content */\n  followText?: React.ReactNode;\n  /** Show follow element (default: true when followText is provided) */\n  showFollow?: boolean;\n  /** Follow element alignment */\n  followAlign?: Align;\n  /** Follow element side offset */\n  followSideOffset?: number;\n  /** Follow element transition preset */\n  followTransition?: TransitionPreset;\n};\n\nfunction CursorProvider({\n  ref,\n  children,\n  cursorType = \"default\",\n  followText,\n  showFollow,\n  followAlign = \"bottom-right\",\n  followSideOffset = 15,\n  followTransition = \"normal\",\n  ...props\n}: CursorProviderProps) {\n  const [cursorPos, setCursorPos] = React.useState({ x: 0, y: 0 });\n  const [isActive, setIsActive] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const cursorRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(ref as React.Ref<HTMLDivElement>, () => containerRef.current as HTMLDivElement);\n\n  React.useEffect(() => {\n    if (!containerRef.current) return;\n\n    const parent = containerRef.current.parentElement;\n    if (!parent) return;\n\n    if (getComputedStyle(parent).position === \"static\") {\n      parent.style.position = \"relative\";\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = parent.getBoundingClientRect();\n      setCursorPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      setIsActive(true);\n    };\n    const handleMouseLeave = () => setIsActive(false);\n\n    parent.addEventListener(\"mousemove\", handleMouseMove);\n    parent.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      parent.removeEventListener(\"mousemove\", handleMouseMove);\n      parent.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  // Auto-setup: determine if we should show cursor and follow\n  const shouldShowCursor = cursorType !== undefined;\n  const shouldShowFollowElement = showFollow ?? followText !== undefined;\n\n  // Convert preset to SpringOptions\n  const transitionConfig = TRANSITION_PRESETS[followTransition];\n\n  return (\n    <CursorContext.Provider\n      value={{ cursorPos, isActive, containerRef, cursorRef }}\n    >\n      <div ref={containerRef} data-slot=\"cursor-provider\" {...props}>\n        {children}\n\n        {/* Auto-setup Cursor */}\n        {shouldShowCursor && <Cursor cursorType={cursorType} />}\n\n        {/* Auto-setup CursorFollow */}\n        {shouldShowFollowElement && (\n          <CursorFollow\n            followText={followText}\n            align={followAlign}\n            sideOffset={followSideOffset}\n            transition={transitionConfig}\n          />\n        )}\n      </div>\n    </CursorContext.Provider>\n  );\n}\n\ntype CursorProps = HTMLMotionProps<\"div\"> & {\n  children?: React.ReactNode;\n  cursorType?: CursorVariant;\n};\n\nfunction Cursor({\n  ref,\n  children,\n  cursorType = \"default\",\n  className,\n  style,\n  ...props\n}: CursorProps) {\n  const { cursorPos, isActive, containerRef, cursorRef } = useCursor();\n  React.useImperativeHandle(ref as React.Ref<HTMLDivElement>, () => cursorRef.current as HTMLDivElement);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n\n  // Determine which content to render\n  const getCursorContent = () => {\n    if (children) return children;\n\n    // Check if cursorType is a preset key\n    if (typeof cursorType === \"string\" && cursorType in cursorVariants) {\n      return cursorVariants[cursorType as CursorVariantKey];\n    }\n\n    // Otherwise treat it as custom ReactNode\n    return cursorType;\n  };\n\n  const cursorContent = getCursorContent();\n\n  // Only hide system cursor if we have custom content to show\n  const shouldHideSystemCursor = cursorContent !== null;\n\n  React.useEffect(() => {\n    const parentElement = containerRef.current?.parentElement;\n\n    if (parentElement && isActive && shouldHideSystemCursor) {\n      parentElement.style.cursor = \"none\";\n    }\n\n    return () => {\n      if (parentElement) parentElement.style.cursor = \"default\";\n    };\n  }, [containerRef, isActive, shouldHideSystemCursor]);\n\n  React.useEffect(() => {\n    x.set(cursorPos.x);\n    y.set(cursorPos.y);\n  }, [cursorPos, x, y]);\n\n  // Only render if we have content to show\n  if (!cursorContent) return null;\n\n  return (\n    <AnimatePresence>\n      {isActive && (\n        <motion.div\n          ref={cursorRef}\n          data-slot=\"cursor\"\n          className={cn(\n            \"transform-[translate(-50%,-50%)] pointer-events-none z-9999 absolute\",\n            className\n          )}\n          style={{ top: y, left: x, ...style }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n          {...props}\n        >\n          {cursorContent}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\ntype CursorFollowProps = HTMLMotionProps<\"div\"> & {\n  sideOffset?: number;\n  align?: Align;\n  transition?: SpringOptions;\n  transitionPreset?: TransitionPreset;\n  children?: React.ReactNode;\n  followText?: React.ReactNode;\n};\n\nfunction CursorFollow({\n  ref,\n  sideOffset = 15,\n  align = \"bottom-right\",\n  children,\n  className,\n  style,\n  followText,\n  transition,\n  transitionPreset = \"normal\",\n  ...props\n}: CursorFollowProps) {\n  const { cursorPos, isActive, cursorRef } = useCursor();\n  const cursorFollowRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(\n    ref as React.Ref<HTMLDivElement>,\n    () => cursorFollowRef.current as HTMLDivElement\n  );\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n\n  // Use custom transition if provided, otherwise use preset\n  const finalTransition = transition || TRANSITION_PRESETS[transitionPreset];\n\n  const springX = useSpring(x, finalTransition);\n  const springY = useSpring(y, finalTransition);\n\n  const calculateOffset = React.useCallback(() => {\n    const rect = cursorFollowRef.current?.getBoundingClientRect();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n\n    let newOffset;\n\n    switch (align) {\n      case \"center\":\n        newOffset = { x: width / 2, y: height / 2 };\n        break;\n      case \"top\":\n        newOffset = { x: width / 2, y: height + sideOffset };\n        break;\n      case \"top-left\":\n        newOffset = { x: width + sideOffset, y: height + sideOffset };\n        break;\n      case \"top-right\":\n        newOffset = { x: -sideOffset, y: height + sideOffset };\n        break;\n      case \"bottom\":\n        newOffset = { x: width / 2, y: -sideOffset };\n        break;\n      case \"bottom-left\":\n        newOffset = { x: width + sideOffset, y: -sideOffset };\n        break;\n      case \"bottom-right\":\n        newOffset = { x: -sideOffset, y: -sideOffset };\n        break;\n      case \"left\":\n        newOffset = { x: width + sideOffset, y: height / 2 };\n        break;\n      case \"right\":\n        newOffset = { x: -sideOffset, y: height / 2 };\n        break;\n      default:\n        newOffset = { x: 0, y: 0 };\n    }\n\n    return newOffset;\n  }, [align, sideOffset]);\n\n  React.useEffect(() => {\n    const offset = calculateOffset();\n    const cursorRect = cursorRef.current?.getBoundingClientRect();\n    const cursorWidth = cursorRect?.width ?? 20;\n    const cursorHeight = cursorRect?.height ?? 20;\n\n    x.set(cursorPos.x - offset.x + cursorWidth / 2);\n    y.set(cursorPos.y - offset.y + cursorHeight / 2);\n  }, [calculateOffset, cursorPos, cursorRef, x, y]);\n\n  // Determine follow content based on children or followText\n  const getFollowContent = () => {\n    if (children) return children;\n\n    if (followText) {\n      // If followText is a string, wrap it with default styling\n      if (typeof followText === \"string\") {\n        return (\n          <div className=\"px-4 py-2 bg-white rounded-md shadow-lg text-sm font-medium\">\n            {followText}\n          </div>\n        );\n      }\n      // If it's a ReactNode, render it directly\n      return followText;\n    }\n\n    return null;\n  };\n\n  return (\n    <AnimatePresence>\n      {isActive && (\n        <motion.div\n          ref={cursorFollowRef}\n          data-slot=\"cursor-follow\"\n          className={cn(\n            \"transform-[translate(-50%,-50%)] pointer-events-none z-9998 absolute\",\n            className\n          )}\n          style={{ top: springY, left: springX, ...style }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n          {...props}\n        >\n          {getFollowContent()}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\n// Hook for easy cursor setup (Method 2)\ntype useCursorFollowOptions = {\n  /** Cursor variant type (preset key or custom ReactNode) */\n  cursorType?: CursorVariant;\n  /** Follow element content */\n  followText?: React.ReactNode;\n  /** Show follow element */\n  showFollow?: boolean;\n  /** Follow element alignment */\n  align?: Align;\n  /** Follow element side offset */\n  sideOffset?: number;\n  /** Follow element transition preset */\n  transitionPreset?: TransitionPreset;\n  /** Additional className for the container */\n  className?: string;\n  /** Additional style for the container */\n  style?: React.CSSProperties;\n};\n\ntype UseCursorFollowType = {\n  ref: React.RefObject<HTMLDivElement | null>;\n  className: string;\n  style: React.CSSProperties;\n  \"data-cursor-container\": true;\n  children: (children: React.ReactNode) => React.ReactElement;\n};\n\nfunction useCursorFollow(\n  options: useCursorFollowOptions = {}\n): UseCursorFollowType {\n  const {\n    cursorType = \"default\",\n    followText,\n    showFollow,\n    align = \"bottom-right\",\n    sideOffset = 15,\n    transitionPreset = \"normal\",\n    className,\n    style,\n  } = options;\n\n  const [cursorPos, setCursorPos] = React.useState({ x: 0, y: 0 });\n  const [isActive, setIsActive] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const cursorRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    if (!containerRef.current) return;\n\n    const element = containerRef.current;\n    if (getComputedStyle(element).position === \"static\") {\n      element.style.position = \"relative\";\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = element.getBoundingClientRect();\n      setCursorPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      setIsActive(true);\n    };\n    const handleMouseLeave = () => setIsActive(false);\n\n    element.addEventListener(\"mousemove\", handleMouseMove);\n    element.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      element.removeEventListener(\"mousemove\", handleMouseMove);\n      element.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  // Only hide system cursor if cursorType is not 'default'\n  const shouldHideSystemCursor = cursorType !== \"default\";\n\n  React.useEffect(() => {\n    if (!containerRef.current || !isActive || !shouldHideSystemCursor) return;\n    const element = containerRef.current;\n    element.style.cursor = \"none\";\n    return () => {\n      element.style.cursor = \"default\";\n    };\n  }, [isActive, shouldHideSystemCursor]);\n\n  // Render function for cursor elements\n  const renderCursorElements = React.useCallback(() => {\n    if (!isActive) return null;\n\n    return (\n      <CursorContext.Provider\n        value={{ cursorPos, isActive, containerRef, cursorRef }}\n      >\n        <Cursor cursorType={cursorType} />\n        {(showFollow ?? followText !== undefined) && (\n          <CursorFollow\n            followText={followText}\n            align={align}\n            sideOffset={sideOffset}\n            transitionPreset={transitionPreset}\n          />\n        )}\n      </CursorContext.Provider>\n    );\n  }, [\n    isActive,\n    cursorPos,\n    cursorType,\n    followText,\n    showFollow,\n    align,\n    sideOffset,\n    transitionPreset,\n  ]);\n\n  // Return props that can be spread on the container element\n  return {\n    ref: containerRef,\n    className: cn(\"relative\", className),\n    style: { ...style },\n    \"data-cursor-container\": true as const,\n    children: (children: React.ReactNode) => (\n      <>\n        {children}\n        {renderCursorElements()}\n      </>\n    ),\n  };\n}\n\nexport {\n  CursorProvider,\n  Cursor,\n  CursorFollow,\n  useCursor,\n  useCursorFollow,\n  TRANSITION_PRESETS,\n  type CursorContextType,\n  type CursorProviderProps,\n  type CursorProps,\n  type CursorFollowProps,\n  type CursorVariant,\n  type CursorVariantKey,\n  type Align,\n  type useCursorFollowOptions,\n  type TransitionPreset,\n};\n"],"names":["TRANSITION_PRESETS","CursorContext","React","useCursor","context","cursorVariants","jsx","CursorProvider","ref","children","cursorType","followText","showFollow","followAlign","followSideOffset","followTransition","props","cursorPos","setCursorPos","isActive","setIsActive","containerRef","cursorRef","parent","handleMouseMove","e","rect","handleMouseLeave","shouldShowCursor","shouldShowFollowElement","transitionConfig","Cursor","CursorFollow","className","style","x","useMotionValue","y","cursorContent","shouldHideSystemCursor","parentElement","AnimatePresence","motion","cn","sideOffset","align","transition","transitionPreset","cursorFollowRef","finalTransition","springX","useSpring","springY","calculateOffset","width","height","newOffset","offset","cursorRect","cursorWidth","cursorHeight","getFollowContent","useCursorFollow","options","element","renderCursorElements","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"CursorFollow.js","sources":["../../../../src/components/Interactive/CursorFollow.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  motion,\n  useMotionValue,\n  useSpring,\n  AnimatePresence,\n  type HTMLMotionProps,\n  type SpringOptions,\n} from \"motion/react\";\n\nimport { cn } from \"@dsui/ui/index\";\n\n// Transition presets\ntype TransitionPreset = \"slow\" | \"normal\" | \"fast\" | \"realtime\";\n\nconst TRANSITION_PRESETS: Record<TransitionPreset, SpringOptions> = {\n  slow: { stiffness: 100, damping: 20, bounce: 0 },\n  normal: { stiffness: 500, damping: 50, bounce: 0 },\n  fast: { stiffness: 1000, damping: 80, bounce: 0 },\n  realtime: { stiffness: 2000, damping: 100, bounce: 0 },\n};\n\ntype CursorContextType = {\n  cursorPos: { x: number; y: number };\n  isActive: boolean;\n  containerRef: React.RefObject<HTMLDivElement | null>;\n  cursorRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst CursorContext = React.createContext<CursorContextType | undefined>(\n  undefined\n);\n\nconst useCursor = (): CursorContextType => {\n  const context = React.useContext(CursorContext);\n  if (!context) {\n    throw new Error(\"useCursor must be used within a CursorProvider\");\n  }\n  return context;\n};\n\ntype Align =\n  | \"top\"\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"left\"\n  | \"right\"\n  | \"center\";\n\ntype CursorVariantKey = \"default\" | \"pointer\";\ntype CursorVariant = CursorVariantKey | React.ReactNode;\n\n// Predefined cursor variants\nconst cursorVariants: Record<CursorVariantKey, React.ReactNode> = {\n  default: null, // Use system cursor\n  pointer: (\n    <div className=\"ds:h-5 ds:w-5 ds:rounded-full ds:bg-white/30 ds:border-2 ds:border-white\" />\n  ),\n};\n\ntype CursorProviderProps = React.ComponentProps<\"div\"> & {\n  children: React.ReactNode;\n  /** Auto-setup cursor with variant (preset key or custom ReactNode) */\n  cursorType?: CursorVariant;\n  /** Auto-setup follow element with content */\n  followText?: React.ReactNode;\n  /** Show follow element (default: true when followText is provided) */\n  showFollow?: boolean;\n  /** Follow element alignment */\n  followAlign?: Align;\n  /** Follow element side offset */\n  followSideOffset?: number;\n  /** Follow element transition preset */\n  followTransition?: TransitionPreset;\n};\n\nfunction CursorProvider({\n  ref,\n  children,\n  cursorType = \"default\",\n  followText,\n  showFollow,\n  followAlign = \"bottom-right\",\n  followSideOffset = 15,\n  followTransition = \"normal\",\n  ...props\n}: CursorProviderProps) {\n  const [cursorPos, setCursorPos] = React.useState({ x: 0, y: 0 });\n  const [isActive, setIsActive] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const cursorRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(ref as React.Ref<HTMLDivElement>, () => containerRef.current as HTMLDivElement);\n\n  React.useEffect(() => {\n    if (!containerRef.current) return;\n\n    const parent = containerRef.current.parentElement;\n    if (!parent) return;\n\n    if (getComputedStyle(parent).position === \"static\") {\n      parent.style.position = \"relative\";\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = parent.getBoundingClientRect();\n      setCursorPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      setIsActive(true);\n    };\n    const handleMouseLeave = () => setIsActive(false);\n\n    parent.addEventListener(\"mousemove\", handleMouseMove);\n    parent.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      parent.removeEventListener(\"mousemove\", handleMouseMove);\n      parent.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  // Auto-setup: determine if we should show cursor and follow\n  const shouldShowCursor = cursorType !== undefined;\n  const shouldShowFollowElement = showFollow ?? followText !== undefined;\n\n  // Convert preset to SpringOptions\n  const transitionConfig = TRANSITION_PRESETS[followTransition];\n\n  return (\n    <CursorContext.Provider\n      value={{ cursorPos, isActive, containerRef, cursorRef }}\n    >\n      <div ref={containerRef} data-slot=\"cursor-provider\" {...props}>\n        {children}\n\n        {/* Auto-setup Cursor */}\n        {shouldShowCursor && <Cursor cursorType={cursorType} />}\n\n        {/* Auto-setup CursorFollow */}\n        {shouldShowFollowElement && (\n          <CursorFollow\n            followText={followText}\n            align={followAlign}\n            sideOffset={followSideOffset}\n            transition={transitionConfig}\n          />\n        )}\n      </div>\n    </CursorContext.Provider>\n  );\n}\n\ntype CursorProps = HTMLMotionProps<\"div\"> & {\n  children?: React.ReactNode;\n  cursorType?: CursorVariant;\n};\n\nfunction Cursor({\n  ref,\n  children,\n  cursorType = \"default\",\n  className,\n  style,\n  ...props\n}: CursorProps) {\n  const { cursorPos, isActive, containerRef, cursorRef } = useCursor();\n  React.useImperativeHandle(ref as React.Ref<HTMLDivElement>, () => cursorRef.current as HTMLDivElement);\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n\n  // Determine which content to render\n  const getCursorContent = () => {\n    if (children) return children;\n\n    // Check if cursorType is a preset key\n    if (typeof cursorType === \"string\" && cursorType in cursorVariants) {\n      return cursorVariants[cursorType as CursorVariantKey];\n    }\n\n    // Otherwise treat it as custom ReactNode\n    return cursorType;\n  };\n\n  const cursorContent = getCursorContent();\n\n  // Only hide system cursor if we have custom content to show\n  const shouldHideSystemCursor = cursorContent !== null;\n\n  React.useEffect(() => {\n    const parentElement = containerRef.current?.parentElement;\n\n    if (parentElement && isActive && shouldHideSystemCursor) {\n      parentElement.style.cursor = \"none\";\n    }\n\n    return () => {\n      if (parentElement) parentElement.style.cursor = \"default\";\n    };\n  }, [containerRef, isActive, shouldHideSystemCursor]);\n\n  React.useEffect(() => {\n    x.set(cursorPos.x);\n    y.set(cursorPos.y);\n  }, [cursorPos, x, y]);\n\n  // Only render if we have content to show\n  if (!cursorContent) return null;\n\n  return (\n    <AnimatePresence>\n      {isActive && (\n        <motion.div\n          ref={cursorRef}\n          data-slot=\"cursor\"\n          className={cn(\n            \"ds:transform-[translate(-50%,-50%)] ds:pointer-events-none ds:z-9999 ds:absolute\",\n            className\n          )}\n          style={{ top: y, left: x, ...style }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n          {...props}\n        >\n          {cursorContent}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\ntype CursorFollowProps = HTMLMotionProps<\"div\"> & {\n  sideOffset?: number;\n  align?: Align;\n  transition?: SpringOptions;\n  transitionPreset?: TransitionPreset;\n  children?: React.ReactNode;\n  followText?: React.ReactNode;\n};\n\nfunction CursorFollow({\n  ref,\n  sideOffset = 15,\n  align = \"bottom-right\",\n  children,\n  className,\n  style,\n  followText,\n  transition,\n  transitionPreset = \"normal\",\n  ...props\n}: CursorFollowProps) {\n  const { cursorPos, isActive, cursorRef } = useCursor();\n  const cursorFollowRef = React.useRef<HTMLDivElement>(null);\n  React.useImperativeHandle(\n    ref as React.Ref<HTMLDivElement>,\n    () => cursorFollowRef.current as HTMLDivElement\n  );\n\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n\n  // Use custom transition if provided, otherwise use preset\n  const finalTransition = transition || TRANSITION_PRESETS[transitionPreset];\n\n  const springX = useSpring(x, finalTransition);\n  const springY = useSpring(y, finalTransition);\n\n  const calculateOffset = React.useCallback(() => {\n    const rect = cursorFollowRef.current?.getBoundingClientRect();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n\n    let newOffset;\n\n    switch (align) {\n      case \"center\":\n        newOffset = { x: width / 2, y: height / 2 };\n        break;\n      case \"top\":\n        newOffset = { x: width / 2, y: height + sideOffset };\n        break;\n      case \"top-left\":\n        newOffset = { x: width + sideOffset, y: height + sideOffset };\n        break;\n      case \"top-right\":\n        newOffset = { x: -sideOffset, y: height + sideOffset };\n        break;\n      case \"bottom\":\n        newOffset = { x: width / 2, y: -sideOffset };\n        break;\n      case \"bottom-left\":\n        newOffset = { x: width + sideOffset, y: -sideOffset };\n        break;\n      case \"bottom-right\":\n        newOffset = { x: -sideOffset, y: -sideOffset };\n        break;\n      case \"left\":\n        newOffset = { x: width + sideOffset, y: height / 2 };\n        break;\n      case \"right\":\n        newOffset = { x: -sideOffset, y: height / 2 };\n        break;\n      default:\n        newOffset = { x: 0, y: 0 };\n    }\n\n    return newOffset;\n  }, [align, sideOffset]);\n\n  React.useEffect(() => {\n    const offset = calculateOffset();\n    const cursorRect = cursorRef.current?.getBoundingClientRect();\n    const cursorWidth = cursorRect?.width ?? 20;\n    const cursorHeight = cursorRect?.height ?? 20;\n\n    x.set(cursorPos.x - offset.x + cursorWidth / 2);\n    y.set(cursorPos.y - offset.y + cursorHeight / 2);\n  }, [calculateOffset, cursorPos, cursorRef, x, y]);\n\n  // Determine follow content based on children or followText\n  const getFollowContent = () => {\n    if (children) return children;\n\n    if (followText) {\n      // If followText is a string, wrap it with default styling\n      if (typeof followText === \"string\") {\n        return (\n          <div className=\"ds:px-4 ds:py-2 ds:bg-white ds:rounded-md ds:shadow-lg ds:text-sm ds:font-medium\">\n            {followText}\n          </div>\n        );\n      }\n      // If it's a ReactNode, render it directly\n      return followText;\n    }\n\n    return null;\n  };\n\n  return (\n    <AnimatePresence>\n      {isActive && (\n        <motion.div\n          ref={cursorFollowRef}\n          data-slot=\"cursor-follow\"\n          className={cn(\n            \"ds:transform-[translate(-50%,-50%)] ds:pointer-events-none ds:z-9998 ds:absolute\",\n            className\n          )}\n          style={{ top: springY, left: springX, ...style }}\n          initial={{ scale: 0, opacity: 0 }}\n          animate={{ scale: 1, opacity: 1 }}\n          exit={{ scale: 0, opacity: 0 }}\n          {...props}\n        >\n          {getFollowContent()}\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\n\n// Hook for easy cursor setup (Method 2)\ntype useCursorFollowOptions = {\n  /** Cursor variant type (preset key or custom ReactNode) */\n  cursorType?: CursorVariant;\n  /** Follow element content */\n  followText?: React.ReactNode;\n  /** Show follow element */\n  showFollow?: boolean;\n  /** Follow element alignment */\n  align?: Align;\n  /** Follow element side offset */\n  sideOffset?: number;\n  /** Follow element transition preset */\n  transitionPreset?: TransitionPreset;\n  /** Additional className for the container */\n  className?: string;\n  /** Additional style for the container */\n  style?: React.CSSProperties;\n};\n\ntype UseCursorFollowType = {\n  ref: React.RefObject<HTMLDivElement | null>;\n  className: string;\n  style: React.CSSProperties;\n  \"data-cursor-container\": true;\n  children: (children: React.ReactNode) => React.ReactElement;\n};\n\nfunction useCursorFollow(\n  options: useCursorFollowOptions = {}\n): UseCursorFollowType {\n  const {\n    cursorType = \"default\",\n    followText,\n    showFollow,\n    align = \"bottom-right\",\n    sideOffset = 15,\n    transitionPreset = \"normal\",\n    className,\n    style,\n  } = options;\n\n  const [cursorPos, setCursorPos] = React.useState({ x: 0, y: 0 });\n  const [isActive, setIsActive] = React.useState(false);\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const cursorRef = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    if (!containerRef.current) return;\n\n    const element = containerRef.current;\n    if (getComputedStyle(element).position === \"static\") {\n      element.style.position = \"relative\";\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      const rect = element.getBoundingClientRect();\n      setCursorPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });\n      setIsActive(true);\n    };\n    const handleMouseLeave = () => setIsActive(false);\n\n    element.addEventListener(\"mousemove\", handleMouseMove);\n    element.addEventListener(\"mouseleave\", handleMouseLeave);\n\n    return () => {\n      element.removeEventListener(\"mousemove\", handleMouseMove);\n      element.removeEventListener(\"mouseleave\", handleMouseLeave);\n    };\n  }, []);\n\n  // Only hide system cursor if cursorType is not 'default'\n  const shouldHideSystemCursor = cursorType !== \"default\";\n\n  React.useEffect(() => {\n    if (!containerRef.current || !isActive || !shouldHideSystemCursor) return;\n    const element = containerRef.current;\n    element.style.cursor = \"none\";\n    return () => {\n      element.style.cursor = \"default\";\n    };\n  }, [isActive, shouldHideSystemCursor]);\n\n  // Render function for cursor elements\n  const renderCursorElements = React.useCallback(() => {\n    if (!isActive) return null;\n\n    return (\n      <CursorContext.Provider\n        value={{ cursorPos, isActive, containerRef, cursorRef }}\n      >\n        <Cursor cursorType={cursorType} />\n        {(showFollow ?? followText !== undefined) && (\n          <CursorFollow\n            followText={followText}\n            align={align}\n            sideOffset={sideOffset}\n            transitionPreset={transitionPreset}\n          />\n        )}\n      </CursorContext.Provider>\n    );\n  }, [\n    isActive,\n    cursorPos,\n    cursorType,\n    followText,\n    showFollow,\n    align,\n    sideOffset,\n    transitionPreset,\n  ]);\n\n  // Return props that can be spread on the container element\n  return {\n    ref: containerRef,\n    className: cn(\"ds:relative\", className),\n    style: { ...style },\n    \"data-cursor-container\": true as const,\n    children: (children: React.ReactNode) => (\n      <>\n        {children}\n        {renderCursorElements()}\n      </>\n    ),\n  };\n}\n\nexport {\n  CursorProvider,\n  Cursor,\n  CursorFollow,\n  useCursor,\n  useCursorFollow,\n  TRANSITION_PRESETS,\n  type CursorContextType,\n  type CursorProviderProps,\n  type CursorProps,\n  type CursorFollowProps,\n  type CursorVariant,\n  type CursorVariantKey,\n  type Align,\n  type useCursorFollowOptions,\n  type TransitionPreset,\n};\n"],"names":["TRANSITION_PRESETS","CursorContext","React","useCursor","context","cursorVariants","jsx","CursorProvider","ref","children","cursorType","followText","showFollow","followAlign","followSideOffset","followTransition","props","cursorPos","setCursorPos","isActive","setIsActive","containerRef","cursorRef","parent","handleMouseMove","e","rect","handleMouseLeave","shouldShowCursor","shouldShowFollowElement","transitionConfig","Cursor","CursorFollow","className","style","x","useMotionValue","y","cursorContent","shouldHideSystemCursor","parentElement","AnimatePresence","motion","cn","sideOffset","align","transition","transitionPreset","cursorFollowRef","finalTransition","springX","useSpring","springY","calculateOffset","width","height","newOffset","offset","cursorRect","cursorWidth","cursorHeight","getFollowContent","useCursorFollow","options","element","renderCursorElements","jsxs","Fragment"],"mappings":"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"}