@waveso/ui 0.0.10 → 0.1.0

package/dist/typewriter.js

@@ -1,198 +1,198 @@
-import { useRef, useId, useState, useEffect, isValidElement, cloneElement } from 'react';
-import { useInView } from 'motion/react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
+"use client";
+import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useInView } from "motion/react";
+//#region src/typewriter.tsx
 function mergeRef(internalRef, externalRef) {
-  return (el) => {
-    internalRef.current = el;
-    if (typeof externalRef === "function") externalRef(el);
-    else if (externalRef && typeof externalRef === "object") {
-      externalRef.current = el;
-    }
-  };
+	return (el) => {
+		internalRef.current = el;
+		if (typeof externalRef === "function") externalRef(el);
+		else if (externalRef && typeof externalRef === "object") externalRef.current = el;
+	};
 }
+/** Flatten text prop into a single string for character counting */
 function flattenText(text) {
-  if (typeof text === "string") return text;
-  return text.map((s) => s.text).join("");
+	if (typeof text === "string") return text;
+	return text.map((s) => s.text).join("");
 }
+/** Build rendered content from segments up to a character index */
 function buildSegmentContent(segments, charIndex) {
-  const nodes = [];
-  let remaining = charIndex;
-  for (let i = 0; i < segments.length; i++) {
-    const seg = segments[i];
-    if (remaining <= 0) break;
-    const visibleChars = seg.text.slice(0, remaining);
-    remaining -= visibleChars.length;
-    if (seg.className) {
-      nodes.push(
-        /* @__PURE__ */ jsx("span", { className: seg.className, children: visibleChars }, i)
-      );
-    } else {
-      nodes.push(visibleChars);
-    }
-  }
-  return nodes;
+	const nodes = [];
+	let remaining = charIndex;
+	for (let i = 0; i < segments.length; i++) {
+		const seg = segments[i];
+		if (remaining <= 0) break;
+		const visibleChars = seg.text.slice(0, remaining);
+		remaining -= visibleChars.length;
+		if (seg.className) nodes.push(/* @__PURE__ */ jsx("span", {
+			className: seg.className,
+			children: visibleChars
+		}, i));
+		else nodes.push(visibleChars);
+	}
+	return nodes;
 }
 function BlinkingCursor({ char, id }) {
-  const name = `tw-blink-${id}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        style: {
-          animation: `${name} 0.8s step-end infinite`,
-          fontWeight: "normal"
-        },
-        children: char
-      }
-    ),
-    /* @__PURE__ */ jsx("style", { children: `@keyframes ${name} { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }` })
-  ] });
+	const name = `tw-blink-${id}`;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		style: {
+			animation: `${name} 0.8s step-end infinite`,
+			fontWeight: "normal"
+		},
+		children: char
+	}), /* @__PURE__ */ jsx("style", { children: `@keyframes ${name} { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }` })] });
 }
-function Typewriter({
-  text,
-  children,
-  speed = 0.04,
-  delay = 0,
-  cursor = true,
-  cursorChar = "|",
-  onView = false,
-  once = true,
-  variant = "typing",
-  smoothDuration = 2
-}) {
-  const ref = useRef(null);
-  const id = useId().replace(/:/g, "");
-  const isInView = useInView(ref, { once, margin: "-50px" });
-  const shouldAnimate = onView ? isInView : true;
-  if (variant === "smooth") {
-    return /* @__PURE__ */ jsx(
-      SmoothReveal,
-      {
-        text,
-        elementRef: ref,
-        id,
-        delay,
-        duration: smoothDuration,
-        cursor,
-        cursorChar,
-        shouldAnimate,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TypingReveal,
-    {
-      text,
-      elementRef: ref,
-      id,
-      speed,
-      delay,
-      cursor,
-      cursorChar,
-      shouldAnimate,
-      children
-    }
-  );
+/**
+* Text reveal animation with two modes:
+*
+* **typing** (default) — character-by-character like someone typing.
+* **smooth** — cinematic sliding mask reveal.
+*
+* Supports plain strings or styled segments for per-word coloring.
+* Zero wrapper divs — renders into the child element via cloneElement.
+*
+* @example
+* ```tsx
+* // Simple string
+* <Typewriter text="Welcome to the future.">
+*   <h1 className="text-4xl font-bold" />
+* </Typewriter>
+*
+* // Per-word styling
+* <Typewriter text={[
+*   { text: "Build on " },
+*   { text: "Intuition", className: "text-primary font-bold" },
+* ]}>
+*   <h1 className="text-4xl" />
+* </Typewriter>
+*
+* // Smooth reveal
+* <Typewriter text="Cinematic reveal." variant="smooth" smoothDuration={1.5}>
+*   <h1 className="text-4xl font-bold" />
+* </Typewriter>
+* ```
+*/
+function Typewriter({ text, children, speed = .04, delay = 0, cursor = true, cursorChar = "|", onView = false, once = true, variant = "typing", smoothDuration = 2 }) {
+	const ref = useRef(null);
+	const id = useId().replace(/:/g, "");
+	const isInView = useInView(ref, {
+		once,
+		margin: "-50px"
+	});
+	const shouldAnimate = onView ? isInView : true;
+	if (variant === "smooth") return /* @__PURE__ */ jsx(SmoothReveal, {
+		text,
+		elementRef: ref,
+		id,
+		delay,
+		duration: smoothDuration,
+		cursor,
+		cursorChar,
+		shouldAnimate,
+		children
+	});
+	return /* @__PURE__ */ jsx(TypingReveal, {
+		text,
+		elementRef: ref,
+		id,
+		speed,
+		delay,
+		cursor,
+		cursorChar,
+		shouldAnimate,
+		children
+	});
 }
-function TypingReveal({
-  text,
-  children,
-  elementRef,
-  id,
-  speed,
-  delay,
-  cursor,
-  cursorChar,
-  shouldAnimate
-}) {
-  const flat = flattenText(text);
-  const segments = typeof text === "string" ? [{ text }] : text;
-  const [charIndex, setCharIndex] = useState(0);
-  const [started, setStarted] = useState(false);
-  const [done, setDone] = useState(false);
-  useEffect(() => {
-    if (!shouldAnimate || started) return;
-    const timer = setTimeout(() => setStarted(true), delay * 1e3);
-    return () => clearTimeout(timer);
-  }, [shouldAnimate, delay, started]);
-  useEffect(() => {
-    if (!started || done) return;
-    if (charIndex >= flat.length) {
-      setDone(true);
-      return;
-    }
-    const timer = setTimeout(() => setCharIndex((prev) => prev + 1), speed * 1e3);
-    return () => clearTimeout(timer);
-  }, [started, charIndex, flat.length, speed, done]);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingRef = childProps.ref;
-  const content = started ? buildSegmentContent(segments, charIndex) : null;
-  const showCursor = cursor && started && !done;
-  return cloneElement(children, {
-    ref: mergeRef(elementRef, existingRef),
-    children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      content,
-      showCursor && /* @__PURE__ */ jsx(BlinkingCursor, { char: cursorChar, id })
-    ] })
-  });
+function TypingReveal({ text, children, elementRef, id, speed, delay, cursor, cursorChar, shouldAnimate }) {
+	const flat = flattenText(text);
+	const segments = typeof text === "string" ? [{ text }] : text;
+	const [charIndex, setCharIndex] = useState(0);
+	const [started, setStarted] = useState(false);
+	const [done, setDone] = useState(false);
+	useEffect(() => {
+		if (!shouldAnimate || started) return;
+		const timer = setTimeout(() => setStarted(true), delay * 1e3);
+		return () => clearTimeout(timer);
+	}, [
+		shouldAnimate,
+		delay,
+		started
+	]);
+	useEffect(() => {
+		if (!started || done) return;
+		if (charIndex >= flat.length) {
+			setDone(true);
+			return;
+		}
+		const timer = setTimeout(() => setCharIndex((prev) => prev + 1), speed * 1e3);
+		return () => clearTimeout(timer);
+	}, [
+		started,
+		charIndex,
+		flat.length,
+		speed,
+		done
+	]);
+	if (!isValidElement(children)) return children;
+	const existingRef = children.props.ref;
+	const content = started ? buildSegmentContent(segments, charIndex) : null;
+	const showCursor = cursor && started && !done;
+	return cloneElement(children, {
+		ref: mergeRef(elementRef, existingRef),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [content, showCursor && /* @__PURE__ */ jsx(BlinkingCursor, {
+			char: cursorChar,
+			id
+		})] })
+	});
 }
-function SmoothReveal({
-  text,
-  children,
-  elementRef,
-  id,
-  delay,
-  duration,
-  cursor,
-  cursorChar,
-  shouldAnimate
-}) {
-  const segments = typeof text === "string" ? [{ text }] : text;
-  const [revealed, setRevealed] = useState(false);
-  const [done, setDone] = useState(false);
-  useEffect(() => {
-    if (!shouldAnimate || revealed) return;
-    const timer = setTimeout(() => setRevealed(true), delay * 1e3);
-    return () => clearTimeout(timer);
-  }, [shouldAnimate, delay, revealed]);
-  useEffect(() => {
-    if (!revealed) return;
-    const timer = setTimeout(() => setDone(true), duration * 1e3);
-    return () => clearTimeout(timer);
-  }, [revealed, duration]);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingRef = childProps.ref;
-  const existingStyle = childProps.style ?? {};
-  const animName = `tw-smooth-${id}`;
-  const showCursor = cursor && revealed && !done;
-  const fullContent = segments.map(
-    (seg, i) => seg.className ? /* @__PURE__ */ jsx("span", { className: seg.className, children: seg.text }, i) : seg.text
-  );
-  return cloneElement(children, {
-    ref: mergeRef(elementRef, existingRef),
-    style: {
-      ...existingStyle,
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      ...revealed ? {
-        animation: `${animName} ${duration}s linear forwards`
-      } : {
-        maxWidth: 0
-      }
-    },
-    children: /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("style", { children: `@keyframes ${animName} { from { max-width: 0; } to { max-width: 100%; } }` }),
-      fullContent,
-      showCursor && /* @__PURE__ */ jsx(BlinkingCursor, { char: cursorChar, id })
-    ] })
-  });
+function SmoothReveal({ text, children, elementRef, id, delay, duration, cursor, cursorChar, shouldAnimate }) {
+	const segments = typeof text === "string" ? [{ text }] : text;
+	const [revealed, setRevealed] = useState(false);
+	const [done, setDone] = useState(false);
+	useEffect(() => {
+		if (!shouldAnimate || revealed) return;
+		const timer = setTimeout(() => setRevealed(true), delay * 1e3);
+		return () => clearTimeout(timer);
+	}, [
+		shouldAnimate,
+		delay,
+		revealed
+	]);
+	useEffect(() => {
+		if (!revealed) return;
+		const timer = setTimeout(() => setDone(true), duration * 1e3);
+		return () => clearTimeout(timer);
+	}, [revealed, duration]);
+	if (!isValidElement(children)) return children;
+	const childProps = children.props;
+	const existingRef = childProps.ref;
+	const existingStyle = childProps.style ?? {};
+	const animName = `tw-smooth-${id}`;
+	const showCursor = cursor && revealed && !done;
+	const fullContent = segments.map((seg, i) => seg.className ? /* @__PURE__ */ jsx("span", {
+		className: seg.className,
+		children: seg.text
+	}, i) : seg.text);
+	return cloneElement(children, {
+		ref: mergeRef(elementRef, existingRef),
+		style: {
+			...existingStyle,
+			whiteSpace: "nowrap",
+			overflow: "hidden",
+			...revealed ? { animation: `${animName} ${duration}s linear forwards` } : { maxWidth: 0 }
+		},
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("style", { children: `@keyframes ${animName} { from { max-width: 0; } to { max-width: 100%; } }` }),
+			fullContent,
+			showCursor && /* @__PURE__ */ jsx(BlinkingCursor, {
+				char: cursorChar,
+				id
+			})
+		] })
+	});
 }
-
+//#endregion
 export { Typewriter };
-//# sourceMappingURL=typewriter.js.map
+
 //# sourceMappingURL=typewriter.js.map

package/dist/typewriter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/typewriter.tsx"],"names":[],"mappings":"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","file":"typewriter.js","sourcesContent":["\"use client\"\n\nimport {\n  type CSSProperties,\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ninterface TextSegment {\n  text: string\n  /** Optional className applied to this segment (e.g., bold, colored) */\n  className?: string\n}\n\ninterface TypewriterProps {\n  /** Simple string or styled segments for per-word/phrase styling */\n  text: string | TextSegment[]\n  /** Element to render into. Receives the animated text as children. */\n  children: ReactElement\n  /** Time per character in seconds. Default: 0.04 */\n  speed?: number\n  /** Delay before typing starts in seconds. Default: 0 */\n  delay?: number\n  /** Show a blinking cursor during typing. Default: true */\n  cursor?: boolean\n  /** Cursor character. Default: '|' */\n  cursorChar?: string\n  /** Trigger when scrolled into view instead of on mount. Default: false */\n  onView?: boolean\n  /** Trigger once. Default: true */\n  once?: boolean\n  /**\n   * Reveal mode. Default: 'typing'\n   * - 'typing': character-by-character like someone typing\n   * - 'smooth': sliding mask reveal (cinematic feel)\n   */\n  variant?: \"typing\" | \"smooth\"\n  /** Duration of the smooth reveal in seconds. Default: 2 */\n  smoothDuration?: number\n}\n\n// ── Helpers ──────────────────────────────────────────────────────────\n\nfunction mergeRef(\n  internalRef: React.RefObject<HTMLElement | null>,\n  externalRef?: Ref<HTMLElement>,\n) {\n  return (el: HTMLElement | null) => {\n    ;(internalRef as { current: HTMLElement | null }).current = el\n    if (typeof externalRef === \"function\") externalRef(el)\n    else if (externalRef && typeof externalRef === \"object\") {\n      ;(externalRef as { current: HTMLElement | null }).current = el\n    }\n  }\n}\n\n/** Flatten text prop into a single string for character counting */\nfunction flattenText(text: string | TextSegment[]): string {\n  if (typeof text === \"string\") return text\n  return text.map((s) => s.text).join(\"\")\n}\n\n/** Build rendered content from segments up to a character index */\nfunction buildSegmentContent(\n  segments: TextSegment[],\n  charIndex: number,\n): React.ReactNode[] {\n  const nodes: React.ReactNode[] = []\n  let remaining = charIndex\n\n  for (let i = 0; i < segments.length; i++) {\n    const seg = segments[i]!\n    if (remaining <= 0) break\n\n    const visibleChars = seg.text.slice(0, remaining)\n    remaining -= visibleChars.length\n\n    if (seg.className) {\n      nodes.push(\n        <span key={i} className={seg.className}>\n          {visibleChars}\n        </span>,\n      )\n    } else {\n      nodes.push(visibleChars)\n    }\n  }\n\n  return nodes\n}\n\n// ── Cursor ───────────────────────────────────────────────────────────\n\nfunction BlinkingCursor({ char, id }: { char: string; id: string }) {\n  const name = `tw-blink-${id}`\n  return (\n    <>\n      <span\n        aria-hidden\n        style={{\n          animation: `${name} 0.8s step-end infinite`,\n          fontWeight: \"normal\",\n        }}\n      >\n        {char}\n      </span>\n      <style>{`@keyframes ${name} { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }`}</style>\n    </>\n  )\n}\n\n// ── Typewriter ───────────────────────────────────────────────────────\n\n/**\n * Text reveal animation with two modes:\n *\n * **typing** (default) — character-by-character like someone typing.\n * **smooth** — cinematic sliding mask reveal.\n *\n * Supports plain strings or styled segments for per-word coloring.\n * Zero wrapper divs — renders into the child element via cloneElement.\n *\n * @example\n * ```tsx\n * // Simple string\n * <Typewriter text=\"Welcome to the future.\">\n *   <h1 className=\"text-4xl font-bold\" />\n * </Typewriter>\n *\n * // Per-word styling\n * <Typewriter text={[\n *   { text: \"Build on \" },\n *   { text: \"Intuition\", className: \"text-primary font-bold\" },\n * ]}>\n *   <h1 className=\"text-4xl\" />\n * </Typewriter>\n *\n * // Smooth reveal\n * <Typewriter text=\"Cinematic reveal.\" variant=\"smooth\" smoothDuration={1.5}>\n *   <h1 className=\"text-4xl font-bold\" />\n * </Typewriter>\n * ```\n */\nfunction Typewriter({\n  text,\n  children,\n  speed = 0.04,\n  delay = 0,\n  cursor = true,\n  cursorChar = \"|\",\n  onView = false,\n  once = true,\n  variant = \"typing\",\n  smoothDuration = 2,\n}: TypewriterProps) {\n  const ref = useRef<HTMLElement>(null)\n  const id = useId().replace(/:/g, \"\")\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n\n  const shouldAnimate = onView ? isInView : true\n\n  if (variant === \"smooth\") {\n    return (\n      <SmoothReveal\n        text={text}\n        elementRef={ref}\n        id={id}\n        delay={delay}\n        duration={smoothDuration}\n        cursor={cursor}\n        cursorChar={cursorChar}\n        shouldAnimate={shouldAnimate}\n      >\n        {children}\n      </SmoothReveal>\n    )\n  }\n\n  return (\n    <TypingReveal\n      text={text}\n      elementRef={ref}\n      id={id}\n      speed={speed}\n      delay={delay}\n      cursor={cursor}\n      cursorChar={cursorChar}\n      shouldAnimate={shouldAnimate}\n    >\n      {children}\n    </TypingReveal>\n  )\n}\n\n// ── Typing Reveal ────────────────────────────────────────────────────\n\nfunction TypingReveal({\n  text,\n  children,\n  elementRef,\n  id,\n  speed,\n  delay,\n  cursor,\n  cursorChar,\n  shouldAnimate,\n}: {\n  text: string | TextSegment[]\n  children: ReactElement\n  elementRef: React.RefObject<HTMLElement | null>\n  id: string\n  speed: number\n  delay: number\n  cursor: boolean\n  cursorChar: string\n  shouldAnimate: boolean\n}) {\n  const flat = flattenText(text)\n  const segments = typeof text === \"string\" ? [{ text }] : text\n  const [charIndex, setCharIndex] = useState(0)\n  const [started, setStarted] = useState(false)\n  const [done, setDone] = useState(false)\n\n  useEffect(() => {\n    if (!shouldAnimate || started) return\n    const timer = setTimeout(() => setStarted(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [shouldAnimate, delay, started])\n\n  useEffect(() => {\n    if (!started || done) return\n    if (charIndex >= flat.length) {\n      setDone(true)\n      return\n    }\n    const timer = setTimeout(() => setCharIndex((prev) => prev + 1), speed * 1000)\n    return () => clearTimeout(timer)\n  }, [started, charIndex, flat.length, speed, done])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  const content = started ? buildSegmentContent(segments, charIndex) : null\n  const showCursor = cursor && started && !done\n\n  return cloneElement(children, {\n    ref: mergeRef(elementRef, existingRef),\n    children: (\n      <>\n        {content}\n        {showCursor && <BlinkingCursor char={cursorChar} id={id} />}\n      </>\n    ),\n  } as Record<string, unknown>)\n}\n\n// ── Smooth Reveal ────────────────────────────────────────────────────\n\nfunction SmoothReveal({\n  text,\n  children,\n  elementRef,\n  id,\n  delay,\n  duration,\n  cursor,\n  cursorChar,\n  shouldAnimate,\n}: {\n  text: string | TextSegment[]\n  children: ReactElement\n  elementRef: React.RefObject<HTMLElement | null>\n  id: string\n  delay: number\n  duration: number\n  cursor: boolean\n  cursorChar: string\n  shouldAnimate: boolean\n}) {\n  const segments = typeof text === \"string\" ? [{ text }] : text\n  const [revealed, setRevealed] = useState(false)\n  const [done, setDone] = useState(false)\n\n  useEffect(() => {\n    if (!shouldAnimate || revealed) return\n    const timer = setTimeout(() => setRevealed(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [shouldAnimate, delay, revealed])\n\n  useEffect(() => {\n    if (!revealed) return\n    const timer = setTimeout(() => setDone(true), duration * 1000)\n    return () => clearTimeout(timer)\n  }, [revealed, duration])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n\n  const animName = `tw-smooth-${id}`\n  const showCursor = cursor && revealed && !done\n\n  // Full text is always in the DOM — the mask clip animates to reveal it\n  const fullContent = segments.map((seg, i) =>\n    seg.className ? (\n      <span key={i} className={seg.className}>\n        {seg.text}\n      </span>\n    ) : (\n      seg.text\n    ),\n  )\n\n  return cloneElement(children, {\n    ref: mergeRef(elementRef, existingRef),\n    style: {\n      ...existingStyle,\n      whiteSpace: \"nowrap\" as const,\n      overflow: \"hidden\" as const,\n      ...(revealed\n        ? {\n            animation: `${animName} ${duration}s linear forwards`,\n          }\n        : {\n            maxWidth: 0,\n          }),\n    },\n    children: (\n      <>\n        <style>{`@keyframes ${animName} { from { max-width: 0; } to { max-width: 100%; } }`}</style>\n        {fullContent}\n        {showCursor && <BlinkingCursor char={cursorChar} id={id} />}\n      </>\n    ),\n  } as Record<string, unknown>)\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\nexport { Typewriter }\nexport type { TypewriterProps, TextSegment }\n"]}
+{"version":3,"file":"typewriter.js","names":[],"sources":["../src/typewriter.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  type CSSProperties,\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ninterface TextSegment {\n  text: string\n  /** Optional className applied to this segment (e.g., bold, colored) */\n  className?: string\n}\n\ninterface TypewriterProps {\n  /** Simple string or styled segments for per-word/phrase styling */\n  text: string | TextSegment[]\n  /** Element to render into. Receives the animated text as children. */\n  children: ReactElement\n  /** Time per character in seconds. Default: 0.04 */\n  speed?: number\n  /** Delay before typing starts in seconds. Default: 0 */\n  delay?: number\n  /** Show a blinking cursor during typing. Default: true */\n  cursor?: boolean\n  /** Cursor character. Default: '|' */\n  cursorChar?: string\n  /** Trigger when scrolled into view instead of on mount. Default: false */\n  onView?: boolean\n  /** Trigger once. Default: true */\n  once?: boolean\n  /**\n   * Reveal mode. Default: 'typing'\n   * - 'typing': character-by-character like someone typing\n   * - 'smooth': sliding mask reveal (cinematic feel)\n   */\n  variant?: \"typing\" | \"smooth\"\n  /** Duration of the smooth reveal in seconds. Default: 2 */\n  smoothDuration?: number\n}\n\n// ── Helpers ──────────────────────────────────────────────────────────\n\nfunction mergeRef(\n  internalRef: React.RefObject<HTMLElement | null>,\n  externalRef?: Ref<HTMLElement>,\n) {\n  return (el: HTMLElement | null) => {\n    ;(internalRef as { current: HTMLElement | null }).current = el\n    if (typeof externalRef === \"function\") externalRef(el)\n    else if (externalRef && typeof externalRef === \"object\") {\n      ;(externalRef as { current: HTMLElement | null }).current = el\n    }\n  }\n}\n\n/** Flatten text prop into a single string for character counting */\nfunction flattenText(text: string | TextSegment[]): string {\n  if (typeof text === \"string\") return text\n  return text.map((s) => s.text).join(\"\")\n}\n\n/** Build rendered content from segments up to a character index */\nfunction buildSegmentContent(\n  segments: TextSegment[],\n  charIndex: number,\n): React.ReactNode[] {\n  const nodes: React.ReactNode[] = []\n  let remaining = charIndex\n\n  for (let i = 0; i < segments.length; i++) {\n    const seg = segments[i]!\n    if (remaining <= 0) break\n\n    const visibleChars = seg.text.slice(0, remaining)\n    remaining -= visibleChars.length\n\n    if (seg.className) {\n      nodes.push(\n        <span key={i} className={seg.className}>\n          {visibleChars}\n        </span>,\n      )\n    } else {\n      nodes.push(visibleChars)\n    }\n  }\n\n  return nodes\n}\n\n// ── Cursor ───────────────────────────────────────────────────────────\n\nfunction BlinkingCursor({ char, id }: { char: string; id: string }) {\n  const name = `tw-blink-${id}`\n  return (\n    <>\n      <span\n        aria-hidden\n        style={{\n          animation: `${name} 0.8s step-end infinite`,\n          fontWeight: \"normal\",\n        }}\n      >\n        {char}\n      </span>\n      <style>{`@keyframes ${name} { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }`}</style>\n    </>\n  )\n}\n\n// ── Typewriter ───────────────────────────────────────────────────────\n\n/**\n * Text reveal animation with two modes:\n *\n * **typing** (default) — character-by-character like someone typing.\n * **smooth** — cinematic sliding mask reveal.\n *\n * Supports plain strings or styled segments for per-word coloring.\n * Zero wrapper divs — renders into the child element via cloneElement.\n *\n * @example\n * ```tsx\n * // Simple string\n * <Typewriter text=\"Welcome to the future.\">\n *   <h1 className=\"text-4xl font-bold\" />\n * </Typewriter>\n *\n * // Per-word styling\n * <Typewriter text={[\n *   { text: \"Build on \" },\n *   { text: \"Intuition\", className: \"text-primary font-bold\" },\n * ]}>\n *   <h1 className=\"text-4xl\" />\n * </Typewriter>\n *\n * // Smooth reveal\n * <Typewriter text=\"Cinematic reveal.\" variant=\"smooth\" smoothDuration={1.5}>\n *   <h1 className=\"text-4xl font-bold\" />\n * </Typewriter>\n * ```\n */\nfunction Typewriter({\n  text,\n  children,\n  speed = 0.04,\n  delay = 0,\n  cursor = true,\n  cursorChar = \"|\",\n  onView = false,\n  once = true,\n  variant = \"typing\",\n  smoothDuration = 2,\n}: TypewriterProps) {\n  const ref = useRef<HTMLElement>(null)\n  const id = useId().replace(/:/g, \"\")\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n\n  const shouldAnimate = onView ? isInView : true\n\n  if (variant === \"smooth\") {\n    return (\n      <SmoothReveal\n        text={text}\n        elementRef={ref}\n        id={id}\n        delay={delay}\n        duration={smoothDuration}\n        cursor={cursor}\n        cursorChar={cursorChar}\n        shouldAnimate={shouldAnimate}\n      >\n        {children}\n      </SmoothReveal>\n    )\n  }\n\n  return (\n    <TypingReveal\n      text={text}\n      elementRef={ref}\n      id={id}\n      speed={speed}\n      delay={delay}\n      cursor={cursor}\n      cursorChar={cursorChar}\n      shouldAnimate={shouldAnimate}\n    >\n      {children}\n    </TypingReveal>\n  )\n}\n\n// ── Typing Reveal ────────────────────────────────────────────────────\n\nfunction TypingReveal({\n  text,\n  children,\n  elementRef,\n  id,\n  speed,\n  delay,\n  cursor,\n  cursorChar,\n  shouldAnimate,\n}: {\n  text: string | TextSegment[]\n  children: ReactElement\n  elementRef: React.RefObject<HTMLElement | null>\n  id: string\n  speed: number\n  delay: number\n  cursor: boolean\n  cursorChar: string\n  shouldAnimate: boolean\n}) {\n  const flat = flattenText(text)\n  const segments = typeof text === \"string\" ? [{ text }] : text\n  const [charIndex, setCharIndex] = useState(0)\n  const [started, setStarted] = useState(false)\n  const [done, setDone] = useState(false)\n\n  useEffect(() => {\n    if (!shouldAnimate || started) return\n    const timer = setTimeout(() => setStarted(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [shouldAnimate, delay, started])\n\n  useEffect(() => {\n    if (!started || done) return\n    if (charIndex >= flat.length) {\n      setDone(true)\n      return\n    }\n    const timer = setTimeout(() => setCharIndex((prev) => prev + 1), speed * 1000)\n    return () => clearTimeout(timer)\n  }, [started, charIndex, flat.length, speed, done])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  const content = started ? buildSegmentContent(segments, charIndex) : null\n  const showCursor = cursor && started && !done\n\n  return cloneElement(children, {\n    ref: mergeRef(elementRef, existingRef),\n    children: (\n      <>\n        {content}\n        {showCursor && <BlinkingCursor char={cursorChar} id={id} />}\n      </>\n    ),\n  } as Record<string, unknown>)\n}\n\n// ── Smooth Reveal ────────────────────────────────────────────────────\n\nfunction SmoothReveal({\n  text,\n  children,\n  elementRef,\n  id,\n  delay,\n  duration,\n  cursor,\n  cursorChar,\n  shouldAnimate,\n}: {\n  text: string | TextSegment[]\n  children: ReactElement\n  elementRef: React.RefObject<HTMLElement | null>\n  id: string\n  delay: number\n  duration: number\n  cursor: boolean\n  cursorChar: string\n  shouldAnimate: boolean\n}) {\n  const segments = typeof text === \"string\" ? [{ text }] : text\n  const [revealed, setRevealed] = useState(false)\n  const [done, setDone] = useState(false)\n\n  useEffect(() => {\n    if (!shouldAnimate || revealed) return\n    const timer = setTimeout(() => setRevealed(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [shouldAnimate, delay, revealed])\n\n  useEffect(() => {\n    if (!revealed) return\n    const timer = setTimeout(() => setDone(true), duration * 1000)\n    return () => clearTimeout(timer)\n  }, [revealed, duration])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n\n  const animName = `tw-smooth-${id}`\n  const showCursor = cursor && revealed && !done\n\n  // Full text is always in the DOM — the mask clip animates to reveal it\n  const fullContent = segments.map((seg, i) =>\n    seg.className ? (\n      <span key={i} className={seg.className}>\n        {seg.text}\n      </span>\n    ) : (\n      seg.text\n    ),\n  )\n\n  return cloneElement(children, {\n    ref: mergeRef(elementRef, existingRef),\n    style: {\n      ...existingStyle,\n      whiteSpace: \"nowrap\" as const,\n      overflow: \"hidden\" as const,\n      ...(revealed\n        ? {\n            animation: `${animName} ${duration}s linear forwards`,\n          }\n        : {\n            maxWidth: 0,\n          }),\n    },\n    children: (\n      <>\n        <style>{`@keyframes ${animName} { from { max-width: 0; } to { max-width: 100%; } }`}</style>\n        {fullContent}\n        {showCursor && <BlinkingCursor char={cursorChar} id={id} />}\n      </>\n    ),\n  } as Record<string, unknown>)\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\nexport { Typewriter }\nexport type { TypewriterProps, TextSegment }\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@waveso/ui",
-  "version": "0.0.10",
+  "version": "0.1.0",
   "description": "Wave UI component library built on Base UI and Tailwind CSS",
   "type": "module",
   "sideEffects": [
@@ -26,8 +26,8 @@
     "package.json"
   ],
   "scripts": {
-    "build": "tsup && cp src/styles.css dist/styles.css",
-    "dev": "tsup --watch",
+    "build": "tsdown && cp src/styles.css dist/styles.css",
+    "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist",
     "storybook": "storybook dev -p 6006",
@@ -38,7 +38,7 @@
     "release": "npm run build && changeset publish"
   },
   "peerDependencies": {
-    "@base-ui/react": "^1.3.0",
+    "@base-ui/react": "^1.4.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "react": "^19.0.0",
@@ -66,7 +66,7 @@
     }
   },
   "devDependencies": {
-    "@base-ui/react": "^1.3.0",
+    "@base-ui/react": "^1.4.1",
     "@changesets/cli": "^2.27.0",
     "@storybook/addon-a11y": "^10.2.13",
     "@storybook/addon-docs": "^10.2.13",
@@ -87,7 +87,7 @@
     "storybook": "^10.2.13",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.2.1",
-    "tsup": "^8.4.0",
+    "tsdown": "0.21.10",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.7.0",
     "usehooks-ts": "^3.1.1",