fancy-ui-react 0.2.0

package/dist/components/voice-input/VoiceInput.js

@@ -0,0 +1,268 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect, useRef, useInsertionEffect } from "react";
+import { cn } from "../../utils.js";
+import { useElapsed } from "../../internals/use-elapsed.js";
+import { useElementRef } from "../../internals/dom/use-element-ref.js";
+import { useLiveRef } from "../../internals/dom/use-live-ref.js";
+import { useIsomorphicLayoutEffect } from "../../internals/dom/ssr.js";
+import { prefersReducedMotion } from "../../internals/motion/anchored.js";
+import { drawWaveformFrame, fakeWaveSample } from "../../internals/waveform-core.js";
+import { useSoundCue } from "../../sound/use-sound.js";
+/* empty css                */
+const BAR_WIDTH = 3;
+const BAR_GAP = 2;
+const MIN_AMP = 0.06;
+const MIN_HEIGHT = 16;
+const MAX_HEIGHT = 240;
+const NO_SIGNAL = [];
+const VoiceInput = forwardRef(function VoiceInput2({
+  active: activeProp,
+  onActiveChange,
+  transcript = "",
+  samples,
+  demo = false,
+  onStart,
+  onStop,
+  onCancel,
+  height = 48,
+  color = "var(--ft-voice-color, currentColor)",
+  className,
+  sound = false
+}, ref) {
+  const [active, setActiveState] = useState(activeProp ?? false);
+  const [lastActiveProp, setLastActiveProp] = useState(activeProp);
+  if (lastActiveProp !== activeProp) {
+    setLastActiveProp(activeProp);
+    setActiveState(activeProp ?? false);
+  }
+  const [canvasEl, canvasRef] = useElementRef();
+  const barHeight = Number.isFinite(height) ? Math.min(MAX_HEIGHT, Math.max(MIN_HEIGHT, height)) : 48;
+  const elapsed = useElapsed();
+  const elapsedDateTime = `PT${Math.max(0, Math.floor(elapsed.ms / 1e3))}S`;
+  const { start: startElapsed } = elapsed;
+  useEffect(() => {
+    if (active) return startElapsed(Date.now());
+  }, [active, startElapsed]);
+  const samplesRef = useLiveRef(samples);
+  const demoRef = useLiveRef(demo);
+  const playCue = useSoundCue(sound);
+  const focusOnSwap = useRef(null);
+  const micButtonRef = useRef(null);
+  const cancelButtonRef = useRef(null);
+  const activeRef = useRef(active);
+  useInsertionEffect(() => {
+    activeRef.current = active;
+  }, [active]);
+  function setActive(next) {
+    if (activeRef.current === next) return;
+    activeRef.current = next;
+    setActiveState(next);
+    onActiveChange?.(next);
+  }
+  function handleStart() {
+    if (activeRef.current) return;
+    setActive(true);
+    playCue("open");
+    focusOnSwap.current = "panel";
+    onStart?.();
+  }
+  function handleCancel() {
+    if (!activeRef.current) return;
+    playCue("close");
+    setActive(false);
+    focusOnSwap.current = "mic";
+    onCancel?.();
+  }
+  function handleFinish() {
+    if (!activeRef.current) return;
+    playCue("select");
+    setActive(false);
+    focusOnSwap.current = "mic";
+    onStop?.();
+  }
+  useIsomorphicLayoutEffect(() => {
+    const target = focusOnSwap.current;
+    if (!target) return;
+    focusOnSwap.current = null;
+    const el = target === "panel" ? cancelButtonRef.current : micButtonRef.current;
+    el?.focus();
+  }, [active]);
+  useEffect(() => {
+    if (!active) return;
+    const el = canvasEl;
+    if (!el) return;
+    const context = el.getContext("2d");
+    if (!context) return;
+    const canvas = el;
+    const ctx = context;
+    const h = barHeight;
+    const requested = color;
+    const fill = getComputedStyle(canvas).color || requested;
+    const style = {
+      color: fill,
+      barWidth: BAR_WIDTH,
+      gap: BAR_GAP,
+      minAmp: MIN_AMP
+    };
+    const reduced = prefersReducedMotion();
+    let cssWidth = 0;
+    let synthetic = new Float32Array(0);
+    let frame;
+    function resize() {
+      const dpr = window.devicePixelRatio || 1;
+      cssWidth = canvas.clientWidth;
+      canvas.width = Math.max(1, Math.round(cssWidth * dpr));
+      canvas.height = Math.max(1, Math.round(h * dpr));
+      ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+      const bars = Math.max(0, Math.floor(cssWidth / (BAR_WIDTH + BAR_GAP)));
+      if (synthetic.length !== bars) synthetic = new Float32Array(bars);
+    }
+    function levels(tMs) {
+      const pushed = samplesRef.current;
+      if (pushed && pushed.length > 0) return pushed;
+      if (!demoRef.current) return NO_SIGNAL;
+      for (let i = 0; i < synthetic.length; i++) synthetic[i] = fakeWaveSample(i, tMs);
+      return synthetic;
+    }
+    function paint(tMs) {
+      drawWaveformFrame(ctx, levels(tMs), cssWidth, h, style);
+    }
+    resize();
+    const observer = new ResizeObserver(() => {
+      resize();
+      if (reduced) paint(0);
+    });
+    observer.observe(canvas);
+    if (reduced) {
+      paint(0);
+    } else {
+      const started = performance.now();
+      const loop = (now) => {
+        paint(now - started);
+        frame = requestAnimationFrame(loop);
+      };
+      frame = requestAnimationFrame(loop);
+    }
+    return () => {
+      if (frame !== void 0) cancelAnimationFrame(frame);
+      observer.disconnect();
+    };
+  }, [active, canvasEl, barHeight, color, samplesRef, demoRef]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("ft-voice", className),
+      role: "group",
+      "aria-label": "Voice input",
+      "data-active": active ? "true" : "false",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ft-voice-status sr-only", role: "status", children: active ? "Recording" : "" }),
+        !active ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: micButtonRef,
+            type: "button",
+            className: "ft-voice-mic text-muted-foreground hover:text-foreground hover:bg-foreground/5 inline-flex size-9 flex-none items-center justify-center rounded-full border transition-colors",
+            "aria-label": "Start voice input",
+            onClick: handleStart,
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                className: "size-4",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsx("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z" }),
+                  /* @__PURE__ */ jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
+                  /* @__PURE__ */ jsx("path", { d: "M12 19v3" })
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "ft-voice-panel bg-card/50 flex w-full items-center gap-3 rounded-lg border px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "ft-voice-dot flex-none", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxs("div", { className: "ft-voice-signal min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx(
+              "canvas",
+              {
+                ref: canvasRef,
+                className: "ft-voice-canvas block w-full",
+                style: { height: `${barHeight}px`, color },
+                "aria-hidden": "true"
+              }
+            ),
+            transcript ? /* @__PURE__ */ jsx("p", { className: "ft-voice-transcript text-muted-foreground mt-1 text-xs leading-relaxed", children: transcript }) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            "time",
+            {
+              className: "ft-voice-elapsed text-muted-foreground flex-none text-xs tabular-nums",
+              dateTime: elapsedDateTime,
+              children: elapsed.text
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: cancelButtonRef,
+              type: "button",
+              className: "ft-voice-btn text-muted-foreground hover:text-foreground hover:bg-foreground/5 inline-flex size-7 flex-none items-center justify-center rounded-full transition-colors",
+              "aria-label": "Cancel voice input",
+              onClick: handleCancel,
+              children: /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  className: "size-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                    /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ft-voice-btn ft-voice-confirm text-foreground hover:bg-foreground/10 bg-foreground/5 inline-flex size-7 flex-none items-center justify-center rounded-full transition-colors",
+              "aria-label": "Stop voice input",
+              onClick: handleFinish,
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "size-3.5",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+export {
+  VoiceInput
+};

package/dist/components/voice-input/index.d.ts

@@ -0,0 +1,2 @@
+export { VoiceInput } from "./VoiceInput.js";
+export type { VoiceInputProps } from "./VoiceInput.js";

package/dist/components/web-search/WebSearch.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from "react";
+import type { SearchResultData } from "../../internals/ai-types.js";
+/**
+ * Props for WebSearch
+ */
+export interface WebSearchProps {
+    /** What the agent looked up, shown in the search-bar header */
+    query: string;
+    /** Hits found so far, oldest first; appending to it lands a new row */
+    results: SearchResultData[];
+    /** Whether the lookup is still running: drives the scanning bar and the waiting state */
+    searching?: boolean;
+    /** Called when a row is activated; supplying it turns every row into a button */
+    onSelect?: (result: SearchResultData, index: number) => void;
+    /** Replaces the built-in row body, keeping the row element and its behaviour */
+    item?: (result: SearchResultData, index: number) => ReactNode;
+    /** Rows shown before the expander takes over; `0` shows every result */
+    maxVisible?: number;
+    /** Accessible name for the whole block */
+    label?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /**
+     * Plays the matching interface cue through the sound controller. Off by
+     * default; only audible once the user has enabled sound.
+     */
+    sound?: boolean;
+}
+/**
+ * A search the agent ran, shown as it happens: the query in a search-bar
+ * header, a scanning bar while the lookup is in flight, and result rows that
+ * land one at a time as they are found.
+ *
+ * The root element arrives through the ref channel rather than a `ref` prop,
+ * per PORTING.md — the Svelte source declares `ref = $bindable(null)`.
+ */
+export declare const WebSearch: import("react").ForwardRefExoticComponent<WebSearchProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/web-search/WebSearch.js

@@ -0,0 +1,135 @@
+"use client";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import { cn } from "../../utils.js";
+import { hostOf, monogram } from "../../internals/host.js";
+import { sanitizeHref } from "../../internals/markdown.js";
+import { useFancyId } from "../../internals/use-id.js";
+import { useSoundCue } from "../../sound/use-sound.js";
+/* empty css               */
+function resolveHref(raw) {
+  if (typeof raw !== "string" || raw === "") return null;
+  const hasScheme = /^[a-z][a-z0-9+.-]*:/i.test(raw) || raw.startsWith("//");
+  const host = raw.split(/[/?#]/, 1)[0] ?? "";
+  const looksHostLike = !hasScheme && !raw.startsWith("/") && host.includes(".");
+  return sanitizeHref(looksHostLike ? `https://${raw}` : raw);
+}
+const ROW_BASE = "ft-websearch-row flex w-full items-start gap-2.5 rounded-md px-2 py-1.5 text-left";
+const ROW_INTERACTIVE = "hover:bg-muted/60 focus-visible:bg-muted/60 focus-visible:ring-ring cursor-pointer transition-colors focus-visible:ring-1 focus-visible:outline-none";
+const WebSearch = forwardRef(function WebSearch2({
+  query,
+  results,
+  searching = false,
+  onSelect,
+  item,
+  maxVisible = 0,
+  label = "Web search",
+  className,
+  sound
+}, ref) {
+  const uid = useFancyId();
+  const listId = `${uid}-list`;
+  const playCue = useSoundCue(sound);
+  const [expanded, setExpanded] = useState(false);
+  const cap = maxVisible > 0 ? Math.floor(maxVisible) : results.length;
+  const hiddenCount = Math.max(0, results.length - cap);
+  const isExpanded = expanded && hiddenCount > 0;
+  const visible = isExpanded || hiddenCount === 0 ? results : results.slice(0, cap);
+  const countText = results.length === 1 ? "1 result" : `${results.length} results`;
+  useEffect(() => {
+    if (results.length === 0) setExpanded(false);
+  }, [results.length]);
+  function pick(result, index) {
+    playCue("select");
+    onSelect?.(result, index);
+  }
+  function toggleExpanded() {
+    const next = !isExpanded;
+    playCue(next ? "open" : "close");
+    setExpanded(next);
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("ft-websearch w-full text-sm", className),
+      role: "group",
+      "aria-label": label,
+      "aria-busy": searching,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ft-websearch-header border-border bg-background/60 flex items-center gap-2 rounded-lg border px-3 py-2", children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "text-muted-foreground size-3.5 flex-none",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+                /* @__PURE__ */ jsx("path", { d: "m20 20-3.6-3.6" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "ft-websearch-query text-foreground min-w-0 flex-1 truncate", title: query, children: query }),
+          results.length > 0 && /* @__PURE__ */ jsx("span", { className: "ft-websearch-count text-muted-foreground flex-none text-xs tabular-nums", children: countText })
+        ] }),
+        searching && /* @__PURE__ */ jsx("div", { className: "ft-websearch-scan mt-1.5", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "ft-websearch-beam" }) }),
+        visible.length > 0 ? /* @__PURE__ */ jsx("ul", { id: listId, className: "ft-websearch-list mt-1.5", children: visible.map((result, index) => {
+          const domain = hostOf(result.url);
+          const safeHref = resolveHref(result.url);
+          const body = item ? item(result, index) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "ft-websearch-monogram", "aria-hidden": "true", children: monogram(domain || result.title) }),
+            /* @__PURE__ */ jsxs("span", { className: "ft-websearch-text min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "ft-websearch-title text-foreground block truncate font-medium", children: result.title }),
+              domain && /* @__PURE__ */ jsx("span", { className: "ft-websearch-domain text-muted-foreground block truncate text-xs", children: domain }),
+              result.snippet && /* @__PURE__ */ jsx("span", { className: "ft-websearch-snippet text-muted-foreground mt-0.5 text-xs", children: result.snippet })
+            ] })
+          ] });
+          return /* @__PURE__ */ jsx("li", { className: "ft-websearch-item", children: onSelect ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: cn(ROW_BASE, ROW_INTERACTIVE),
+              onClick: () => pick(result, index),
+              children: body
+            }
+          ) : safeHref ? (
+            // Somebody else's page, arriving from a model: `nofollow ugc` keeps the
+            // host from vouching for it, and `noopener noreferrer` keeps the opened
+            // tab away from this one.
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                className: cn(ROW_BASE, ROW_INTERACTIVE),
+                href: safeHref,
+                target: "_blank",
+                rel: "noopener noreferrer nofollow ugc",
+                onClick: () => pick(result, index),
+                children: body
+              }
+            )
+          ) : /* @__PURE__ */ jsx("div", { className: ROW_BASE, children: body }) }, result.id);
+        }) }) : searching ? /* @__PURE__ */ jsx("p", { className: "ft-websearch-status text-muted-foreground mt-1.5 px-2 text-xs", children: "Searching…" }) : /* @__PURE__ */ jsx("p", { className: "ft-websearch-empty text-muted-foreground mt-1.5 px-2 text-xs", children: "No results" }),
+        hiddenCount > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ft-websearch-more text-muted-foreground hover:text-foreground focus-visible:ring-ring mt-1 cursor-pointer rounded-md px-2 py-1 text-xs transition-colors focus-visible:ring-1 focus-visible:outline-none",
+            "aria-expanded": isExpanded,
+            "aria-controls": listId,
+            onClick: toggleExpanded,
+            children: isExpanded ? "Show less" : `Show ${hiddenCount} more`
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  WebSearch
+};

package/dist/components/web-search/index.d.ts

@@ -0,0 +1,2 @@
+export { WebSearch } from "./WebSearch.js";
+export type { WebSearchProps } from "./WebSearch.js";

package/dist/index.d.ts

@@ -0,0 +1,148 @@
+export { cn } from "./utils.js";
+export * from "./sound/index.js";
+export type * from "./internals/ai-types.js";
+export type * from "./internals/motion/types.js";
+export * from "./components/agent-plan/index.js";
+export * from "./components/ai-data-table/index.js";
+export * from "./components/alert-dialog/index.js";
+export * from "./components/animated-beam/index.js";
+export * from "./components/animated-testimonials/index.js";
+export * from "./components/animated-tooltip/index.js";
+export * from "./components/apple-card-carousel/index.js";
+export * from "./components/approval-card/index.js";
+export * from "./components/artifact-card/index.js";
+export * from "./components/autocomplete/index.js";
+export * from "./components/bento-grid/index.js";
+export * from "./components/bg-falling-stars/index.js";
+export * from "./components/bg-stars/index.js";
+export * from "./components/blur-reveal/index.js";
+export * from "./components/book/index.js";
+export * from "./components/border-beam/index.js";
+export * from "./components/box-reveal/index.js";
+export * from "./components/breadcrumb/index.js";
+export * from "./components/button/index.js";
+export * from "./components/button-group/index.js";
+export * from "./components/card-3d/index.js";
+export * from "./components/card-spotlight/index.js";
+export * from "./components/chat-error/index.js";
+export * from "./components/chat-message/index.js";
+export * from "./components/chat-panel/index.js";
+export * from "./components/checkbox/index.js";
+export * from "./components/code-diff/index.js";
+export * from "./components/colourful-text/index.js";
+export * from "./components/combobox/index.js";
+export * from "./components/command-menu/index.js";
+export * from "./components/compare/index.js";
+export * from "./components/composer/index.js";
+export * from "./components/confetti/index.js";
+export * from "./components/container-scroll/index.js";
+export * from "./components/container-text-flip/index.js";
+export * from "./components/context-menu/index.js";
+export * from "./components/context-ring/index.js";
+export * from "./components/copy-button/index.js";
+export * from "./components/date-picker/index.js";
+export * from "./components/dialog/index.js";
+export * from "./components/dim-siblings/index.js";
+export * from "./components/direction-aware-hover/index.js";
+export * from "./components/displacement-text/index.js";
+export * from "./components/dock/index.js";
+export * from "./components/drawer/index.js";
+export * from "./components/dropdown-menu/index.js";
+export * from "./components/editorial-engine/index.js";
+export * from "./components/file-upload/index.js";
+export * from "./components/fireworks-hdr/index.js";
+export * from "./components/flickering-grid/index.js";
+export * from "./components/flip-card/index.js";
+export * from "./components/flip-words/index.js";
+export * from "./components/fluid-cursor/index.js";
+export * from "./components/focus/index.js";
+export * from "./components/form-field/index.js";
+export * from "./components/frosted-glass/index.js";
+export * from "./components/glare-card/index.js";
+export * from "./components/glow-border/index.js";
+export * from "./components/glowing-effect/index.js";
+export * from "./components/gradient-button/index.js";
+export * from "./components/hover-card/index.js";
+export * from "./components/hyper-text/index.js";
+export * from "./components/icon-button/index.js";
+export * from "./components/image-generation/index.js";
+export * from "./components/image-trail-cursor/index.js";
+export * from "./components/inline-citation/index.js";
+export * from "./components/input/index.js";
+export * from "./components/interactive-grid-pattern/index.js";
+export * from "./components/interactive-hover-button/index.js";
+export * from "./components/label/index.js";
+export * from "./components/letter-pullup/index.js";
+export * from "./components/line-hover-link/index.js";
+export * from "./components/line-reveal/index.js";
+export * from "./components/line-shadow-text/index.js";
+export * from "./components/link/index.js";
+export * from "./components/liquid-glass/index.js";
+export * from "./components/liquid-text/index.js";
+export * from "./components/logo-cloud/index.js";
+export * from "./components/magnetic/index.js";
+export * from "./components/marquee/index.js";
+export * from "./components/matrix-rain/index.js";
+export * from "./components/meteors/index.js";
+export * from "./components/mosaic-glow/index.js";
+export * from "./components/navbar/index.js";
+export * from "./components/navigation-menu/index.js";
+export * from "./components/neon-border/index.js";
+export * from "./components/noise-reveal/index.js";
+export * from "./components/number-input/index.js";
+export * from "./components/number-ticker/index.js";
+export * from "./components/pagination/index.js";
+export * from "./components/password-input/index.js";
+export * from "./components/pixel-loader/index.js";
+export * from "./components/popover/index.js";
+export * from "./components/presence/index.js";
+export * from "./components/pressable/index.js";
+export * from "./components/prompt-suggestions/index.js";
+export * from "./components/pulse-beam/index.js";
+export * from "./components/radio-group/index.js";
+export * from "./components/rainbow-button/index.js";
+export * from "./components/reasoning-panel/index.js";
+export * from "./components/recommendation-card/index.js";
+export * from "./components/reveal/index.js";
+export * from "./components/ripple/index.js";
+export * from "./components/ripple-button/index.js";
+export * from "./components/scroll-anchor/index.js";
+export * from "./components/scroll-progress/index.js";
+export * from "./components/search-input/index.js";
+export * from "./components/select/index.js";
+export * from "./components/sheet/index.js";
+export * from "./components/shimmer-button/index.js";
+export * from "./components/sidebar/index.js";
+export * from "./components/skeleton/index.js";
+export * from "./components/slider/index.js";
+export * from "./components/smooth-cursor/index.js";
+export * from "./components/sources/index.js";
+export * from "./components/sparkles/index.js";
+export * from "./components/sparkles-text/index.js";
+export * from "./components/status-morph/index.js";
+export * from "./components/stepper/index.js";
+export * from "./components/sticky-scroll/index.js";
+export * from "./components/streaming-text/index.js";
+export * from "./components/subagent-list/index.js";
+export * from "./components/switch/index.js";
+export * from "./components/tabs/index.js";
+export * from "./components/terminal-block/index.js";
+export * from "./components/terminal-text/index.js";
+export * from "./components/text-generate-effect/index.js";
+export * from "./components/text-reveal-card/index.js";
+export * from "./components/text-roll/index.js";
+export * from "./components/textarea/index.js";
+export * from "./components/thinking-indicator/index.js";
+export * from "./components/thread-list/index.js";
+export * from "./components/time-picker/index.js";
+export * from "./components/timeline/index.js";
+export * from "./components/toast/index.js";
+export * from "./components/toggle/index.js";
+export * from "./components/toggle-group/index.js";
+export * from "./components/tool-call/index.js";
+export * from "./components/tool-timeline/index.js";
+export * from "./components/tooltip/index.js";
+export * from "./components/tracing-beam/index.js";
+export * from "./components/typing-indicator/index.js";
+export * from "./components/voice-input/index.js";
+export * from "./components/web-search/index.js";