@waveso/ui 0.0.10 → 0.1.0

package/dist/gradient-reveal-text.js

@@ -1,209 +1,242 @@
-import { cn } from './chunk-76UQO56T.js';
-import { useId, useRef, useState, useCallback, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DEFAULT_COLORS = [
-  "#eab308",
-  "#ef4444",
-  "#3b82f6",
-  "#06b6d4",
-  "#8b5cf6"
+"use client";
+import { cn } from "./lib/utils.js";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/gradient-reveal-text.tsx
+const DEFAULT_COLORS = [
+	"#eab308",
+	"#ef4444",
+	"#3b82f6",
+	"#06b6d4",
+	"#8b5cf6"
 ];
-function GradientRevealText({
-  text,
-  duration = 0,
-  colors = DEFAULT_COLORS,
-  baseOpacity = 0.3,
-  hoverOpacity = 0.7,
-  fontFamily = "Helvetica Neue, Helvetica, Arial, sans-serif",
-  spotlightSize = 0.6,
-  strokeWidth: strokeWidthPx,
-  baseColor,
-  className
-}) {
-  const uid = useId();
-  const svgRef = useRef(null);
-  const textRef = useRef(null);
-  const gradientRef = useRef(null);
-  const [vb, setVb] = useState({ x: 0, y: 0, w: 100, h: 20 });
-  const [measured, setMeasured] = useState(false);
-  const [hovered, setHovered] = useState(false);
-  const targetPos = useRef({ cx: 0.5, cy: 0.5 });
-  const currentPos = useRef({ cx: 0.5, cy: 0.5 });
-  const rafId = useRef(0);
-  const measure = useCallback(() => {
-    const el = textRef.current;
-    if (!el) return;
-    const bbox = el.getBBox();
-    if (bbox.width === 0) return;
-    setVb({ x: bbox.x, y: bbox.y, w: bbox.width, h: bbox.height });
-    setMeasured(true);
-  }, []);
-  useEffect(() => {
-    measure();
-    document.fonts?.ready?.then(measure);
-  }, [text, measure]);
-  const applyGradientPos = useCallback((cx, cy) => {
-    const el = gradientRef.current;
-    if (!el) return;
-    const svgCx = vb.x + cx * vb.w;
-    const svgCy = vb.y + cy * vb.h;
-    el.setAttribute("cx", String(svgCx));
-    el.setAttribute("cy", String(svgCy));
-  }, [vb]);
-  useEffect(() => {
-    if (duration <= 0) return;
-    const speed = 1 - Math.pow(1e-3, 1 / (duration * 60));
-    const tick = () => {
-      const cur = currentPos.current;
-      const tgt = targetPos.current;
-      cur.cx += (tgt.cx - cur.cx) * speed;
-      cur.cy += (tgt.cy - cur.cy) * speed;
-      applyGradientPos(cur.cx, cur.cy);
-      rafId.current = requestAnimationFrame(tick);
-    };
-    rafId.current = requestAnimationFrame(tick);
-    return () => cancelAnimationFrame(rafId.current);
-  }, [duration, applyGradientPos]);
-  const updatePos = (e) => {
-    const svg = svgRef.current;
-    if (!svg) return;
-    const rect = svg.getBoundingClientRect();
-    const cx = (e.clientX - rect.left) / rect.width;
-    const cy = (e.clientY - rect.top) / rect.height;
-    targetPos.current = { cx, cy };
-    if (duration <= 0) {
-      currentPos.current = { cx, cy };
-      applyGradientPos(cx, cy);
-    }
-  };
-  const handleMouseEnter = (e) => {
-    const svg = svgRef.current;
-    if (svg) {
-      const rect = svg.getBoundingClientRect();
-      const cx = (e.clientX - rect.left) / rect.width;
-      const cy = (e.clientY - rect.top) / rect.height;
-      targetPos.current = { cx, cy };
-      currentPos.current = { cx, cy };
-      applyGradientPos(cx, cy);
-    }
-    setHovered(true);
-  };
-  const spotlightR = vb.h * spotlightSize;
-  const strokeW = strokeWidthPx ?? vb.h * 0.015;
-  const initCx = vb.x + 0.5 * vb.w;
-  const initCy = vb.y + 0.5 * vb.h;
-  const gradientId = `grad-${uid}`;
-  const maskId = `mask-${uid}`;
-  const revealId = `reveal-${uid}`;
-  const stops = colors.map((color, i) => ({
-    offset: `${i / Math.max(colors.length - 1, 1) * 100}%`,
-    color
-  }));
-  const textStyle = {
-    fontSize: "1em",
-    fontFamily,
-    fill: "none",
-    strokeWidth: strokeW,
-    strokeLinejoin: "round",
-    strokeLinecap: "round",
-    paintOrder: "stroke fill"
-  };
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      ref: svgRef,
-      "data-slot": "gradient-reveal-text",
-      width: "100%",
-      viewBox: `${vb.x} ${vb.y} ${vb.w} ${vb.h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      xmlns: "http://www.w3.org/2000/svg",
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: () => setHovered(false),
-      onMouseMove: updatePos,
-      className: cn("select-none", className),
-      style: { opacity: measured ? 1 : 0 },
-      "aria-hidden": true,
-      children: [
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsx("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: hovered && stops.map((s) => /* @__PURE__ */ jsx("stop", { offset: s.offset, stopColor: s.color }, s.offset)) }),
-          /* @__PURE__ */ jsxs(
-            "radialGradient",
-            {
-              ref: gradientRef,
-              id: revealId,
-              gradientUnits: "userSpaceOnUse",
-              r: spotlightR,
-              cx: initCx,
-              cy: initCy,
-              children: [
-                /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "white" }),
-                /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "black" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("mask", { id: maskId, children: /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: vb.x - vb.w,
-              y: vb.y - vb.h,
-              width: vb.w * 3,
-              height: vb.h * 3,
-              fill: `url(#${revealId})`
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            ref: textRef,
-            x: "50%",
-            y: "50%",
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            className: "font-bold",
-            style: { fontSize: "1em", fontFamily, visibility: "hidden" },
-            children: text
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "50%",
-            y: "50%",
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            className: baseColor ? "font-bold" : "font-bold stroke-neutral-200 dark:stroke-neutral-800",
-            style: {
-              ...textStyle,
-              ...baseColor ? { stroke: baseColor } : {},
-              opacity: hovered ? hoverOpacity : baseOpacity,
-              transition: "opacity 0.3s ease"
-            },
-            children: text
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: "50%",
-            y: "50%",
-            textAnchor: "middle",
-            dominantBaseline: "central",
-            mask: `url(#${maskId})`,
-            className: "font-bold",
-            style: {
-              ...textStyle,
-              stroke: `url(#${gradientId})`
-            },
-            children: text
-          }
-        )
-      ]
-    }
-  );
+/**
+* Large decorative text with a gradient spotlight that follows the cursor.
+*
+* Renders as an SVG that auto-sizes to fit the text with zero padding.
+* The gradient reveal effect activates on hover — a circular spotlight
+* follows the mouse, revealing rainbow-colored strokes beneath.
+*
+* @example
+* ```tsx
+* <GradientRevealText text="HELLO" />
+* <GradientRevealText text="BRAND" colors={["#ff0000", "#00ff00"]} />
+* ```
+*/
+function GradientRevealText({ text, duration = 0, colors = DEFAULT_COLORS, baseOpacity = .3, hoverOpacity = .7, fontFamily = "Helvetica Neue, Helvetica, Arial, sans-serif", spotlightSize = .6, strokeWidth: strokeWidthPx, baseColor, className }) {
+	const uid = useId();
+	const svgRef = useRef(null);
+	const textRef = useRef(null);
+	const gradientRef = useRef(null);
+	const [vb, setVb] = useState({
+		x: 0,
+		y: 0,
+		w: 100,
+		h: 20
+	});
+	const [measured, setMeasured] = useState(false);
+	const [hovered, setHovered] = useState(false);
+	const targetPos = useRef({
+		cx: .5,
+		cy: .5
+	});
+	const currentPos = useRef({
+		cx: .5,
+		cy: .5
+	});
+	const rafId = useRef(0);
+	const measure = useCallback(() => {
+		const el = textRef.current;
+		if (!el) return;
+		const bbox = el.getBBox();
+		if (bbox.width === 0) return;
+		setVb({
+			x: bbox.x,
+			y: bbox.y,
+			w: bbox.width,
+			h: bbox.height
+		});
+		setMeasured(true);
+	}, []);
+	useEffect(() => {
+		measure();
+		document.fonts?.ready?.then(measure);
+	}, [text, measure]);
+	const applyGradientPos = useCallback((cx, cy) => {
+		const el = gradientRef.current;
+		if (!el) return;
+		const svgCx = vb.x + cx * vb.w;
+		const svgCy = vb.y + cy * vb.h;
+		el.setAttribute("cx", String(svgCx));
+		el.setAttribute("cy", String(svgCy));
+	}, [vb]);
+	useEffect(() => {
+		if (duration <= 0) return;
+		const speed = 1 - Math.pow(.001, 1 / (duration * 60));
+		const tick = () => {
+			const cur = currentPos.current;
+			const tgt = targetPos.current;
+			cur.cx += (tgt.cx - cur.cx) * speed;
+			cur.cy += (tgt.cy - cur.cy) * speed;
+			applyGradientPos(cur.cx, cur.cy);
+			rafId.current = requestAnimationFrame(tick);
+		};
+		rafId.current = requestAnimationFrame(tick);
+		return () => cancelAnimationFrame(rafId.current);
+	}, [duration, applyGradientPos]);
+	const updatePos = (e) => {
+		const svg = svgRef.current;
+		if (!svg) return;
+		const rect = svg.getBoundingClientRect();
+		const cx = (e.clientX - rect.left) / rect.width;
+		const cy = (e.clientY - rect.top) / rect.height;
+		targetPos.current = {
+			cx,
+			cy
+		};
+		if (duration <= 0) {
+			currentPos.current = {
+				cx,
+				cy
+			};
+			applyGradientPos(cx, cy);
+		}
+	};
+	const handleMouseEnter = (e) => {
+		const svg = svgRef.current;
+		if (svg) {
+			const rect = svg.getBoundingClientRect();
+			const cx = (e.clientX - rect.left) / rect.width;
+			const cy = (e.clientY - rect.top) / rect.height;
+			targetPos.current = {
+				cx,
+				cy
+			};
+			currentPos.current = {
+				cx,
+				cy
+			};
+			applyGradientPos(cx, cy);
+		}
+		setHovered(true);
+	};
+	const spotlightR = vb.h * spotlightSize;
+	const strokeW = strokeWidthPx ?? vb.h * .015;
+	const initCx = vb.x + .5 * vb.w;
+	const initCy = vb.y + .5 * vb.h;
+	const gradientId = `grad-${uid}`;
+	const maskId = `mask-${uid}`;
+	const revealId = `reveal-${uid}`;
+	const stops = colors.map((color, i) => ({
+		offset: `${i / Math.max(colors.length - 1, 1) * 100}%`,
+		color
+	}));
+	const textStyle = {
+		fontSize: "1em",
+		fontFamily,
+		fill: "none",
+		strokeWidth: strokeW,
+		strokeLinejoin: "round",
+		strokeLinecap: "round",
+		paintOrder: "stroke fill"
+	};
+	return /* @__PURE__ */ jsxs("svg", {
+		ref: svgRef,
+		"data-slot": "gradient-reveal-text",
+		width: "100%",
+		viewBox: `${vb.x} ${vb.y} ${vb.w} ${vb.h}`,
+		preserveAspectRatio: "xMidYMid meet",
+		xmlns: "http://www.w3.org/2000/svg",
+		onMouseEnter: handleMouseEnter,
+		onMouseLeave: () => setHovered(false),
+		onMouseMove: updatePos,
+		className: cn("select-none", className),
+		style: { opacity: measured ? 1 : 0 },
+		"aria-hidden": true,
+		children: [
+			/* @__PURE__ */ jsxs("defs", { children: [
+				/* @__PURE__ */ jsx("linearGradient", {
+					id: gradientId,
+					x1: "0%",
+					y1: "0%",
+					x2: "100%",
+					y2: "0%",
+					children: hovered && stops.map((s) => /* @__PURE__ */ jsx("stop", {
+						offset: s.offset,
+						stopColor: s.color
+					}, s.offset))
+				}),
+				/* @__PURE__ */ jsxs("radialGradient", {
+					ref: gradientRef,
+					id: revealId,
+					gradientUnits: "userSpaceOnUse",
+					r: spotlightR,
+					cx: initCx,
+					cy: initCy,
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0%",
+						stopColor: "white"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "100%",
+						stopColor: "black"
+					})]
+				}),
+				/* @__PURE__ */ jsx("mask", {
+					id: maskId,
+					children: /* @__PURE__ */ jsx("rect", {
+						x: vb.x - vb.w,
+						y: vb.y - vb.h,
+						width: vb.w * 3,
+						height: vb.h * 3,
+						fill: `url(#${revealId})`
+					})
+				})
+			] }),
+			/* @__PURE__ */ jsx("text", {
+				ref: textRef,
+				x: "50%",
+				y: "50%",
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				className: "font-bold",
+				style: {
+					fontSize: "1em",
+					fontFamily,
+					visibility: "hidden"
+				},
+				children: text
+			}),
+			/* @__PURE__ */ jsx("text", {
+				x: "50%",
+				y: "50%",
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				className: baseColor ? "font-bold" : "font-bold stroke-neutral-200 dark:stroke-neutral-800",
+				style: {
+					...textStyle,
+					...baseColor ? { stroke: baseColor } : {},
+					opacity: hovered ? hoverOpacity : baseOpacity,
+					transition: "opacity 0.3s ease"
+				},
+				children: text
+			}),
+			/* @__PURE__ */ jsx("text", {
+				x: "50%",
+				y: "50%",
+				textAnchor: "middle",
+				dominantBaseline: "central",
+				mask: `url(#${maskId})`,
+				className: "font-bold",
+				style: {
+					...textStyle,
+					stroke: `url(#${gradientId})`
+				},
+				children: text
+			})
+		]
+	});
 }
-
+//#endregion
 export { GradientRevealText };
-//# sourceMappingURL=gradient-reveal-text.js.map
+
 //# sourceMappingURL=gradient-reveal-text.js.map

package/dist/gradient-reveal-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/gradient-reveal-text.tsx"],"names":[],"mappings":"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","file":"gradient-reveal-text.js","sourcesContent":["\"use client\"\n\nimport { useRef, useEffect, useState, useId, useCallback } from \"react\"\nimport { cn } from \"./lib/utils\"\n\ninterface GradientRevealTextProps {\n  /** The text to display */\n  text: string\n  /** Spotlight follow speed in seconds. Default: 0 (instant) */\n  duration?: number\n  /** Gradient colors for the reveal effect. Default: rainbow */\n  colors?: string[]\n  /** Base stroke opacity when not hovered. Default: 0.3 */\n  baseOpacity?: number\n  /** Hovered stroke opacity. Default: 0.7 */\n  hoverOpacity?: number\n  /** Font family for SVG text. Default: Helvetica Neue */\n  fontFamily?: string\n  /** Spotlight radius multiplier relative to text height. Default: 0.6 */\n  spotlightSize?: number\n  /** Stroke width in px. Default: auto (1.5% of text height) */\n  strokeWidth?: number\n  /** Base stroke color. Default: neutral-200 (light) / neutral-800 (dark) via Tailwind */\n  baseColor?: string\n  className?: string\n}\n\nconst DEFAULT_COLORS = [\n  \"#eab308\",\n  \"#ef4444\",\n  \"#3b82f6\",\n  \"#06b6d4\",\n  \"#8b5cf6\",\n]\n\n/**\n * Large decorative text with a gradient spotlight that follows the cursor.\n *\n * Renders as an SVG that auto-sizes to fit the text with zero padding.\n * The gradient reveal effect activates on hover — a circular spotlight\n * follows the mouse, revealing rainbow-colored strokes beneath.\n *\n * @example\n * ```tsx\n * <GradientRevealText text=\"HELLO\" />\n * <GradientRevealText text=\"BRAND\" colors={[\"#ff0000\", \"#00ff00\"]} />\n * ```\n */\nfunction GradientRevealText({\n  text,\n  duration = 0,\n  colors = DEFAULT_COLORS,\n  baseOpacity = 0.3,\n  hoverOpacity = 0.7,\n  fontFamily = \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n  spotlightSize = 0.6,\n  strokeWidth: strokeWidthPx,\n  baseColor,\n  className,\n}: GradientRevealTextProps) {\n  const uid = useId()\n  const svgRef = useRef<SVGSVGElement>(null)\n  const textRef = useRef<SVGTextElement>(null)\n  const gradientRef = useRef<SVGRadialGradientElement>(null)\n\n  const [vb, setVb] = useState({ x: 0, y: 0, w: 100, h: 20 })\n  const [measured, setMeasured] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  // Target position (where cursor is) and current animated position\n  const targetPos = useRef({ cx: 0.5, cy: 0.5 })\n  const currentPos = useRef({ cx: 0.5, cy: 0.5 })\n  const rafId = useRef<number>(0)\n\n  // Measure text bbox → set viewBox to fit exactly\n  const measure = useCallback(() => {\n    const el = textRef.current\n    if (!el) return\n    const bbox = el.getBBox()\n    if (bbox.width === 0) return\n\n    setVb({ x: bbox.x, y: bbox.y, w: bbox.width, h: bbox.height })\n    setMeasured(true)\n  }, [])\n\n  useEffect(() => {\n    measure()\n    document.fonts?.ready?.then(measure)\n  }, [text, measure])\n\n  // Update the SVG gradient attributes directly (no React re-render)\n  const applyGradientPos = useCallback((cx: number, cy: number) => {\n    const el = gradientRef.current\n    if (!el) return\n    const svgCx = vb.x + cx * vb.w\n    const svgCy = vb.y + cy * vb.h\n    el.setAttribute(\"cx\", String(svgCx))\n    el.setAttribute(\"cy\", String(svgCy))\n  }, [vb])\n\n  // RAF loop for smooth follow\n  useEffect(() => {\n    if (duration <= 0) return\n\n    // Lerp factor: higher = faster catch-up. Derived from duration.\n    const speed = 1 - Math.pow(0.001, 1 / (duration * 60))\n\n    const tick = () => {\n      const cur = currentPos.current\n      const tgt = targetPos.current\n      cur.cx += (tgt.cx - cur.cx) * speed\n      cur.cy += (tgt.cy - cur.cy) * speed\n      applyGradientPos(cur.cx, cur.cy)\n      rafId.current = requestAnimationFrame(tick)\n    }\n\n    rafId.current = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(rafId.current)\n  }, [duration, applyGradientPos])\n\n  const updatePos = (e: React.MouseEvent<SVGSVGElement>) => {\n    const svg = svgRef.current\n    if (!svg) return\n    const rect = svg.getBoundingClientRect()\n    const cx = (e.clientX - rect.left) / rect.width\n    const cy = (e.clientY - rect.top) / rect.height\n    targetPos.current = { cx, cy }\n\n    // If no smooth follow, apply instantly\n    if (duration <= 0) {\n      currentPos.current = { cx, cy }\n      applyGradientPos(cx, cy)\n    }\n  }\n\n  const handleMouseEnter = (e: React.MouseEvent<SVGSVGElement>) => {\n    // Snap to entry point — no lerp on first frame\n    const svg = svgRef.current\n    if (svg) {\n      const rect = svg.getBoundingClientRect()\n      const cx = (e.clientX - rect.left) / rect.width\n      const cy = (e.clientY - rect.top) / rect.height\n      targetPos.current = { cx, cy }\n      currentPos.current = { cx, cy }\n      applyGradientPos(cx, cy)\n    }\n    setHovered(true)\n  }\n\n  // Derived values\n  const spotlightR = vb.h * spotlightSize\n  const strokeW = strokeWidthPx ?? vb.h * 0.015\n  const initCx = vb.x + 0.5 * vb.w\n  const initCy = vb.y + 0.5 * vb.h\n\n  // Unique SVG IDs\n  const gradientId = `grad-${uid}`\n  const maskId = `mask-${uid}`\n  const revealId = `reveal-${uid}`\n\n  // Evenly distribute color stops\n  const stops = colors.map((color, i) => ({\n    offset: `${(i / Math.max(colors.length - 1, 1)) * 100}%`,\n    color,\n  }))\n\n  const textStyle = {\n    fontSize: \"1em\",\n    fontFamily,\n    fill: \"none\",\n    strokeWidth: strokeW,\n    strokeLinejoin: \"round\" as const,\n    strokeLinecap: \"round\" as const,\n    paintOrder: \"stroke fill\" as const,\n  }\n\n  return (\n    <svg\n      ref={svgRef}\n      data-slot=\"gradient-reveal-text\"\n      width=\"100%\"\n      viewBox={`${vb.x} ${vb.y} ${vb.w} ${vb.h}`}\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={() => setHovered(false)}\n      onMouseMove={updatePos}\n      className={cn(\"select-none\", className)}\n      style={{ opacity: measured ? 1 : 0 }}\n      aria-hidden\n    >\n      <defs>\n        <linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n          {hovered &&\n            stops.map((s) => (\n              <stop key={s.offset} offset={s.offset} stopColor={s.color} />\n            ))}\n        </linearGradient>\n\n        <radialGradient\n          ref={gradientRef}\n          id={revealId}\n          gradientUnits=\"userSpaceOnUse\"\n          r={spotlightR}\n          cx={initCx}\n          cy={initCy}\n        >\n          <stop offset=\"0%\" stopColor=\"white\" />\n          <stop offset=\"100%\" stopColor=\"black\" />\n        </radialGradient>\n\n        <mask id={maskId}>\n          <rect\n            x={vb.x - vb.w}\n            y={vb.y - vb.h}\n            width={vb.w * 3}\n            height={vb.h * 3}\n            fill={`url(#${revealId})`}\n          />\n        </mask>\n      </defs>\n\n      {/* Hidden text for measurement */}\n      <text\n        ref={textRef}\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        className=\"font-bold\"\n        style={{ fontSize: \"1em\", fontFamily, visibility: \"hidden\" }}\n      >\n        {text}\n      </text>\n\n      {/* Base stroke — subtle outline */}\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        className={baseColor ? \"font-bold\" : \"font-bold stroke-neutral-200 dark:stroke-neutral-800\"}\n        style={{\n          ...textStyle,\n          ...(baseColor ? { stroke: baseColor } : {}),\n          opacity: hovered ? hoverOpacity : baseOpacity,\n          transition: \"opacity 0.3s ease\",\n        }}\n      >\n        {text}\n      </text>\n\n      {/* Gradient reveal on hover */}\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        mask={`url(#${maskId})`}\n        className=\"font-bold\"\n        style={{\n          ...textStyle,\n          stroke: `url(#${gradientId})`,\n        }}\n      >\n        {text}\n      </text>\n    </svg>\n  )\n}\n\nexport { GradientRevealText }\nexport type { GradientRevealTextProps }\n"]}
+{"version":3,"file":"gradient-reveal-text.js","names":[],"sources":["../src/gradient-reveal-text.tsx"],"sourcesContent":["\"use client\"\n\nimport { useRef, useEffect, useState, useId, useCallback } from \"react\"\nimport { cn } from \"./lib/utils\"\n\ninterface GradientRevealTextProps {\n  /** The text to display */\n  text: string\n  /** Spotlight follow speed in seconds. Default: 0 (instant) */\n  duration?: number\n  /** Gradient colors for the reveal effect. Default: rainbow */\n  colors?: string[]\n  /** Base stroke opacity when not hovered. Default: 0.3 */\n  baseOpacity?: number\n  /** Hovered stroke opacity. Default: 0.7 */\n  hoverOpacity?: number\n  /** Font family for SVG text. Default: Helvetica Neue */\n  fontFamily?: string\n  /** Spotlight radius multiplier relative to text height. Default: 0.6 */\n  spotlightSize?: number\n  /** Stroke width in px. Default: auto (1.5% of text height) */\n  strokeWidth?: number\n  /** Base stroke color. Default: neutral-200 (light) / neutral-800 (dark) via Tailwind */\n  baseColor?: string\n  className?: string\n}\n\nconst DEFAULT_COLORS = [\n  \"#eab308\",\n  \"#ef4444\",\n  \"#3b82f6\",\n  \"#06b6d4\",\n  \"#8b5cf6\",\n]\n\n/**\n * Large decorative text with a gradient spotlight that follows the cursor.\n *\n * Renders as an SVG that auto-sizes to fit the text with zero padding.\n * The gradient reveal effect activates on hover — a circular spotlight\n * follows the mouse, revealing rainbow-colored strokes beneath.\n *\n * @example\n * ```tsx\n * <GradientRevealText text=\"HELLO\" />\n * <GradientRevealText text=\"BRAND\" colors={[\"#ff0000\", \"#00ff00\"]} />\n * ```\n */\nfunction GradientRevealText({\n  text,\n  duration = 0,\n  colors = DEFAULT_COLORS,\n  baseOpacity = 0.3,\n  hoverOpacity = 0.7,\n  fontFamily = \"Helvetica Neue, Helvetica, Arial, sans-serif\",\n  spotlightSize = 0.6,\n  strokeWidth: strokeWidthPx,\n  baseColor,\n  className,\n}: GradientRevealTextProps) {\n  const uid = useId()\n  const svgRef = useRef<SVGSVGElement>(null)\n  const textRef = useRef<SVGTextElement>(null)\n  const gradientRef = useRef<SVGRadialGradientElement>(null)\n\n  const [vb, setVb] = useState({ x: 0, y: 0, w: 100, h: 20 })\n  const [measured, setMeasured] = useState(false)\n  const [hovered, setHovered] = useState(false)\n\n  // Target position (where cursor is) and current animated position\n  const targetPos = useRef({ cx: 0.5, cy: 0.5 })\n  const currentPos = useRef({ cx: 0.5, cy: 0.5 })\n  const rafId = useRef<number>(0)\n\n  // Measure text bbox → set viewBox to fit exactly\n  const measure = useCallback(() => {\n    const el = textRef.current\n    if (!el) return\n    const bbox = el.getBBox()\n    if (bbox.width === 0) return\n\n    setVb({ x: bbox.x, y: bbox.y, w: bbox.width, h: bbox.height })\n    setMeasured(true)\n  }, [])\n\n  useEffect(() => {\n    measure()\n    document.fonts?.ready?.then(measure)\n  }, [text, measure])\n\n  // Update the SVG gradient attributes directly (no React re-render)\n  const applyGradientPos = useCallback((cx: number, cy: number) => {\n    const el = gradientRef.current\n    if (!el) return\n    const svgCx = vb.x + cx * vb.w\n    const svgCy = vb.y + cy * vb.h\n    el.setAttribute(\"cx\", String(svgCx))\n    el.setAttribute(\"cy\", String(svgCy))\n  }, [vb])\n\n  // RAF loop for smooth follow\n  useEffect(() => {\n    if (duration <= 0) return\n\n    // Lerp factor: higher = faster catch-up. Derived from duration.\n    const speed = 1 - Math.pow(0.001, 1 / (duration * 60))\n\n    const tick = () => {\n      const cur = currentPos.current\n      const tgt = targetPos.current\n      cur.cx += (tgt.cx - cur.cx) * speed\n      cur.cy += (tgt.cy - cur.cy) * speed\n      applyGradientPos(cur.cx, cur.cy)\n      rafId.current = requestAnimationFrame(tick)\n    }\n\n    rafId.current = requestAnimationFrame(tick)\n    return () => cancelAnimationFrame(rafId.current)\n  }, [duration, applyGradientPos])\n\n  const updatePos = (e: React.MouseEvent<SVGSVGElement>) => {\n    const svg = svgRef.current\n    if (!svg) return\n    const rect = svg.getBoundingClientRect()\n    const cx = (e.clientX - rect.left) / rect.width\n    const cy = (e.clientY - rect.top) / rect.height\n    targetPos.current = { cx, cy }\n\n    // If no smooth follow, apply instantly\n    if (duration <= 0) {\n      currentPos.current = { cx, cy }\n      applyGradientPos(cx, cy)\n    }\n  }\n\n  const handleMouseEnter = (e: React.MouseEvent<SVGSVGElement>) => {\n    // Snap to entry point — no lerp on first frame\n    const svg = svgRef.current\n    if (svg) {\n      const rect = svg.getBoundingClientRect()\n      const cx = (e.clientX - rect.left) / rect.width\n      const cy = (e.clientY - rect.top) / rect.height\n      targetPos.current = { cx, cy }\n      currentPos.current = { cx, cy }\n      applyGradientPos(cx, cy)\n    }\n    setHovered(true)\n  }\n\n  // Derived values\n  const spotlightR = vb.h * spotlightSize\n  const strokeW = strokeWidthPx ?? vb.h * 0.015\n  const initCx = vb.x + 0.5 * vb.w\n  const initCy = vb.y + 0.5 * vb.h\n\n  // Unique SVG IDs\n  const gradientId = `grad-${uid}`\n  const maskId = `mask-${uid}`\n  const revealId = `reveal-${uid}`\n\n  // Evenly distribute color stops\n  const stops = colors.map((color, i) => ({\n    offset: `${(i / Math.max(colors.length - 1, 1)) * 100}%`,\n    color,\n  }))\n\n  const textStyle = {\n    fontSize: \"1em\",\n    fontFamily,\n    fill: \"none\",\n    strokeWidth: strokeW,\n    strokeLinejoin: \"round\" as const,\n    strokeLinecap: \"round\" as const,\n    paintOrder: \"stroke fill\" as const,\n  }\n\n  return (\n    <svg\n      ref={svgRef}\n      data-slot=\"gradient-reveal-text\"\n      width=\"100%\"\n      viewBox={`${vb.x} ${vb.y} ${vb.w} ${vb.h}`}\n      preserveAspectRatio=\"xMidYMid meet\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={() => setHovered(false)}\n      onMouseMove={updatePos}\n      className={cn(\"select-none\", className)}\n      style={{ opacity: measured ? 1 : 0 }}\n      aria-hidden\n    >\n      <defs>\n        <linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n          {hovered &&\n            stops.map((s) => (\n              <stop key={s.offset} offset={s.offset} stopColor={s.color} />\n            ))}\n        </linearGradient>\n\n        <radialGradient\n          ref={gradientRef}\n          id={revealId}\n          gradientUnits=\"userSpaceOnUse\"\n          r={spotlightR}\n          cx={initCx}\n          cy={initCy}\n        >\n          <stop offset=\"0%\" stopColor=\"white\" />\n          <stop offset=\"100%\" stopColor=\"black\" />\n        </radialGradient>\n\n        <mask id={maskId}>\n          <rect\n            x={vb.x - vb.w}\n            y={vb.y - vb.h}\n            width={vb.w * 3}\n            height={vb.h * 3}\n            fill={`url(#${revealId})`}\n          />\n        </mask>\n      </defs>\n\n      {/* Hidden text for measurement */}\n      <text\n        ref={textRef}\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        className=\"font-bold\"\n        style={{ fontSize: \"1em\", fontFamily, visibility: \"hidden\" }}\n      >\n        {text}\n      </text>\n\n      {/* Base stroke — subtle outline */}\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        className={baseColor ? \"font-bold\" : \"font-bold stroke-neutral-200 dark:stroke-neutral-800\"}\n        style={{\n          ...textStyle,\n          ...(baseColor ? { stroke: baseColor } : {}),\n          opacity: hovered ? hoverOpacity : baseOpacity,\n          transition: \"opacity 0.3s ease\",\n        }}\n      >\n        {text}\n      </text>\n\n      {/* Gradient reveal on hover */}\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"central\"\n        mask={`url(#${maskId})`}\n        className=\"font-bold\"\n        style={{\n          ...textStyle,\n          stroke: `url(#${gradientId})`,\n        }}\n      >\n        {text}\n      </text>\n    </svg>\n  )\n}\n\nexport { GradientRevealText }\nexport type { GradientRevealTextProps }\n"],"mappings":"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"}

package/dist/hooks/use-mobile.d.ts

@@ -1,8 +1,10 @@
+//#region src/hooks/use-mobile.d.ts
 /**
  * Returns `true` when the viewport is below the given breakpoint.
  *
  * @param breakpoint - Width in pixels. Defaults to 768.
  */
 declare function useIsMobile(breakpoint?: number): boolean;
-
+//#endregion
 export { useIsMobile };
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","names":[],"sources":["../../src/hooks/use-mobile.ts"],"mappings":";;AAWA;;;;iBAAgB,WAAA,CAAY,UAAA"}

package/dist/hooks/use-mobile.js

@@ -1,3 +1,29 @@
-export { useIsMobile } from '../chunk-ZZZH3JGW.js';
-//# sourceMappingURL=use-mobile.js.map
+"use client";
+import * as React from "react";
+//#region src/hooks/use-mobile.ts
+const DEFAULT_MOBILE_BREAKPOINT = 768;
+/**
+* Returns `true` when the viewport is below the given breakpoint.
+*
+* @param breakpoint - Width in pixels. Defaults to 768.
+*/
+function useIsMobile(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+	const [isMobile, setIsMobile] = React.useState(() => {
+		if (typeof window === "undefined") return false;
+		return window.innerWidth < breakpoint;
+	});
+	React.useEffect(() => {
+		const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+		const onChange = () => {
+			setIsMobile(window.innerWidth < breakpoint);
+		};
+		mql.addEventListener("change", onChange);
+		setIsMobile(window.innerWidth < breakpoint);
+		return () => mql.removeEventListener("change", onChange);
+	}, [breakpoint]);
+	return isMobile;
+}
+//#endregion
+export { useIsMobile };
+
 //# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"use-mobile.js"}
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["'use client';\n\nimport * as React from \"react\";\n\nconst DEFAULT_MOBILE_BREAKPOINT = 768;\n\n/**\n * Returns `true` when the viewport is below the given breakpoint.\n *\n * @param breakpoint - Width in pixels. Defaults to 768.\n */\nexport function useIsMobile(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {\n  const [isMobile, setIsMobile] = React.useState(() => {\n    if (typeof window === 'undefined') return false;\n    return window.innerWidth < breakpoint;\n  });\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < breakpoint);\n    };\n    mql.addEventListener(\"change\", onChange);\n    // Sync in case breakpoint prop changed\n    setIsMobile(window.innerWidth < breakpoint);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, [breakpoint]);\n\n  return isMobile;\n}\n"],"mappings":";;;AAIA,MAAM,4BAA4B;;;;;;AAOlC,SAAgB,YAAY,aAAqB,2BAA2B;CAC1E,MAAM,CAAC,UAAU,eAAe,MAAM,eAAe;AACnD,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,SAAO,OAAO,aAAa;GAC3B;AAEF,OAAM,gBAAgB;EACpB,MAAM,MAAM,OAAO,WAAW,eAAe,aAAa,EAAE,KAAK;EACjE,MAAM,iBAAiB;AACrB,eAAY,OAAO,aAAa,WAAW;;AAE7C,MAAI,iBAAiB,UAAU,SAAS;AAExC,cAAY,OAAO,aAAa,WAAW;AAC3C,eAAa,IAAI,oBAAoB,UAAU,SAAS;IACvD,CAAC,WAAW,CAAC;AAEhB,QAAO"}

package/dist/infinite-scroll.d.ts

@@ -1,19 +1,33 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/infinite-scroll.d.ts
 type InfiniteScrollProps = {
-    onLoadMore: () => void;
-    hasMore: boolean;
-    isLoading?: boolean;
-    direction?: "down" | "up";
-    root?: React.RefObject<Element | null>;
-    rootMargin?: string;
-    threshold?: number;
-    loader?: React.ReactNode;
-    endMessage?: React.ReactNode;
-    className?: string;
-    children?: React.ReactNode;
+  onLoadMore: () => void;
+  hasMore: boolean;
+  isLoading?: boolean;
+  direction?: "down" | "up";
+  root?: React.RefObject<Element | null>;
+  rootMargin?: string;
+  threshold?: number;
+  loader?: React.ReactNode;
+  endMessage?: React.ReactNode;
+  className?: string;
+  children?: React.ReactNode;
 };
-declare function InfiniteScroll({ onLoadMore, hasMore, isLoading, direction, root, rootMargin, threshold, loader, endMessage, className, children, }: InfiniteScrollProps): react_jsx_runtime.JSX.Element;
-
+declare function InfiniteScroll({
+  onLoadMore,
+  hasMore,
+  isLoading,
+  direction,
+  root,
+  rootMargin,
+  threshold,
+  loader,
+  endMessage,
+  className,
+  children
+}: InfiniteScrollProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { InfiniteScroll, type InfiniteScrollProps };
+//# sourceMappingURL=infinite-scroll.d.ts.map

package/dist/infinite-scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infinite-scroll.d.ts","names":[],"sources":["../src/infinite-scroll.tsx"],"mappings":";;;;KAOK,mBAAA;EACH,UAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA,CAAU,OAAA;EACvB,UAAA;EACA,SAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,UAAA,GAAa,KAAA,CAAM,SAAA;EACnB,SAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGV,cAAA,CAAA;EACP,UAAA;EACA,OAAA;EACA,SAAA;EACA,SAAA;EACA,IAAA;EACA,UAAA;EACA,SAAA;EACA,MAAA;EACA,UAAA;EACA,SAAA;EACA;AAAA,GACC,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA"}