@nous-research/ui 0.13.2 → 0.14.0

package/dist/ui/components/animated-count.js

@@ -1,88 +1,112 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-const ease = (t) => (t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2);
-const easeD = (t) => (t < 0.5 ? 12 * t ** 2 : 6 * (-2 * t + 2) ** 2);
-export function useAnimatedCount(from, rate, ts = new Date(), pausedAt) {
-    const [value, setValue] = useState(from);
-    const current = useRef(from);
-    useEffect(() => {
-        if (!rate) {
-            return;
-        }
-        let raf;
-        let prev = Date.now();
-        let last = current.current;
-        const target = () => from +
-            Math.floor(((pausedAt
-                ? Math.max(0, pausedAt.getTime() - ts.getTime())
-                : Date.now() - ts.getTime()) /
-                1e3) *
-                rate *
-                0.9);
-        const tick = () => {
-            const now = Date.now();
-            current.current +=
-                (target() - current.current) * Math.min(1, ((now - prev) / 1e3) * 3);
-            prev = now;
-            const rounded = Math.round(current.current);
-            if (rounded !== last) {
-                last = rounded;
-                setValue(rounded);
-            }
-            if (!pausedAt || Math.abs(current.current - target()) > 0.5) {
-                raf = requestAnimationFrame(tick);
-            }
-        };
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const ease = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2;
+const easeD = (t) => t < 0.5 ? 12 * t ** 2 : 6 * (-2 * t + 2) ** 2;
+export function useAnimatedCount(from, rate, ts = /* @__PURE__ */ new Date(), pausedAt) {
+  const [value, setValue] = useState(from);
+  const current = useRef(from);
+  useEffect(() => {
+    if (!rate) {
+      return;
+    }
+    let raf;
+    let prev = Date.now();
+    let last = current.current;
+    const target = () => from + Math.floor(
+      (pausedAt ? Math.max(0, pausedAt.getTime() - ts.getTime()) : Date.now() - ts.getTime()) / 1e3 * rate * 0.9
+    );
+    const tick = () => {
+      const now = Date.now();
+      current.current += (target() - current.current) * Math.min(1, (now - prev) / 1e3 * 3);
+      prev = now;
+      const rounded = Math.round(current.current);
+      if (rounded !== last) {
+        last = rounded;
+        setValue(rounded);
+      }
+      if (!pausedAt || Math.abs(current.current - target()) > 0.5) {
         raf = requestAnimationFrame(tick);
-        return () => cancelAnimationFrame(raf);
-    }, [from, ts, rate, pausedAt]);
-    return value;
+      }
+    };
+    raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [from, ts, rate, pausedAt]);
+  return value;
 }
-export function AnimatedCount({ damping = 1, duration, pausedAt, rate = 0, value }) {
-    const id = useRef(Math.random().toString(36).slice(2, 9));
-    const prev = useRef(value);
-    const [display, setDisplay] = useState(value);
-    const [velocity, setVelocity] = useState(rate);
-    useEffect(() => {
-        if (!duration) {
-            prev.current = value;
-            return;
-        }
-        const start = prev.current;
-        const delta = value - start;
-        const dur = duration * damping;
-        prev.current = value;
-        if (!delta) {
-            setVelocity(0);
-            return;
-        }
-        const t0 = performance.now();
-        const tick = (now) => {
-            const t = Math.min((now - t0) / dur, 1);
-            setDisplay(Math.round(start + delta * ease(t)));
-            setVelocity(Math.abs((delta * easeD(t)) / dur) * 1000);
-            t < 1 ? requestAnimationFrame(tick) : setVelocity(0);
-        };
-        const raf = requestAnimationFrame(tick);
-        return () => cancelAnimationFrame(raf);
-    }, [value, duration, rate, damping]);
-    const digits = Math.round(duration ? display : value).toLocaleString().split('');
-    const v = duration ? velocity : rate;
-    const paused = !duration && pausedAt;
-    const blurred = new Set(digits
-        .map((c, i) => {
-        if (!/\d/.test(c) || v <= 0 || paused) {
-            return -1;
-        }
-        const pos = digits.filter(x => /\d/.test(x)).length -
-            digits.slice(0, i + 1).filter(x => /\d/.test(x)).length;
-        return (10 ** Math.max(0, pos) / v) * 1e3 < 500 ? i : -1;
-    })
-        .filter(i => i >= 0));
-    return (_jsxs(_Fragment, { children: [_jsx("svg", { className: "pointer-events-none absolute size-0", children: _jsx("defs", { children: digits.map((_, i) => (_jsx("filter", { id: `blur-${id.current}-${i}`, suppressHydrationWarning: true, children: _jsx("feGaussianBlur", { stdDeviation: `0 ${blurred.has(i) ? 1 + [...blurred].indexOf(i) * 0.6 : 0}` }) }, i))) }) }), _jsx("span", { className: "inline-flex tabular-nums", children: digits.map((c, i) => (_jsx("span", { className: "inline-block text-center", style: {
-                        filter: blurred.has(i) ? `url(#blur-${id.current}-${i})` : 'none',
-                        width: c === ',' ? '0.4ch' : '1ch'
-                    }, suppressHydrationWarning: true, children: c }, i))) })] }));
+export function AnimatedCount({
+  damping = 1,
+  duration,
+  pausedAt,
+  rate = 0,
+  value
+}) {
+  const id = useRef(Math.random().toString(36).slice(2, 9));
+  const prev = useRef(value);
+  const [display, setDisplay] = useState(value);
+  const [velocity, setVelocity] = useState(rate);
+  useEffect(() => {
+    if (!duration) {
+      prev.current = value;
+      return;
+    }
+    const start = prev.current;
+    const delta = value - start;
+    const dur = duration * damping;
+    prev.current = value;
+    if (!delta) {
+      setVelocity(0);
+      return;
+    }
+    const t0 = performance.now();
+    const tick = (now) => {
+      const t = Math.min((now - t0) / dur, 1);
+      setDisplay(Math.round(start + delta * ease(t)));
+      setVelocity(Math.abs(delta * easeD(t) / dur) * 1e3);
+      t < 1 ? requestAnimationFrame(tick) : setVelocity(0);
+    };
+    const raf = requestAnimationFrame(tick);
+    return () => cancelAnimationFrame(raf);
+  }, [value, duration, rate, damping]);
+  const digits = Math.round(duration ? display : value).toLocaleString().split("");
+  const v = duration ? velocity : rate;
+  const paused = !duration && pausedAt;
+  const blurred = new Set(
+    digits.map((c, i) => {
+      if (!/\d/.test(c) || v <= 0 || paused) {
+        return -1;
+      }
+      const pos = digits.filter((x) => /\d/.test(x)).length - digits.slice(0, i + 1).filter((x) => /\d/.test(x)).length;
+      return 10 ** Math.max(0, pos) / v * 1e3 < 500 ? i : -1;
+    }).filter((i) => i >= 0)
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("svg", { className: "pointer-events-none absolute size-0", children: /* @__PURE__ */ jsx("defs", { children: digits.map((_, i) => /* @__PURE__ */ jsx(
+      "filter",
+      {
+        id: `blur-${id.current}-${i}`,
+        suppressHydrationWarning: true,
+        children: /* @__PURE__ */ jsx(
+          "feGaussianBlur",
+          {
+            stdDeviation: `0 ${blurred.has(i) ? 1 + [...blurred].indexOf(i) * 0.6 : 0}`
+          }
+        )
+      },
+      i
+    )) }) }),
+    /* @__PURE__ */ jsx("span", { className: "inline-flex tabular-nums", children: digits.map((c, i) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "inline-block text-center",
+        style: {
+          filter: blurred.has(i) ? `url(#blur-${id.current}-${i})` : "none",
+          width: c === "," ? "0.4ch" : "1ch"
+        },
+        suppressHydrationWarning: true,
+        children: c
+      },
+      i
+    )) })
+  ] });
 }
-//# sourceMappingURL=animated-count.js.map

package/dist/ui/components/ascii.d.ts

@@ -1,11 +1,10 @@
 export declare function Scramble({ delay, text }: {
     delay?: number;
     text: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function AsciiSkeleton({ className, cols, rows, speed }: {
     className?: string;
     cols?: number;
     rows?: number;
     speed?: number;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ascii.d.ts.map
+}): import("react").JSX.Element;

package/dist/ui/components/ascii.js

@@ -1,62 +1,78 @@
-'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-const BLOCK = '░▒▓█▄▀▐▌─│┌┐└┘├┤┬┴┼╌╎⣀⣤⣶⣿';
-const ALPHA = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*';
-const rand = (chars) => chars[(Math.random() * chars.length) | 0];
-export function Scramble({ delay = 0, text }) {
-    const [display, setDisplay] = useState(text);
-    const iter = useRef(0);
-    useEffect(() => {
-        iter.current = 0;
-        const timeout = setTimeout(() => {
-            const interval = setInterval(() => {
-                setDisplay(text
-                    .split('')
-                    .map((c, i) => c === ' ' ? ' ' : i < iter.current ? text[i] : rand(ALPHA))
-                    .join(''));
-                iter.current += 1 / 3;
-                if (iter.current >= text.length) {
-                    clearInterval(interval);
-                    setDisplay(text);
-                }
-            }, 30);
-            return () => clearInterval(interval);
-        }, delay);
-        return () => clearTimeout(timeout);
-    }, [text, delay]);
-    return _jsx(_Fragment, { children: display });
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+const BLOCK = "\u2591\u2592\u2593\u2588\u2584\u2580\u2590\u258C\u2500\u2502\u250C\u2510\u2514\u2518\u251C\u2524\u252C\u2534\u253C\u254C\u254E\u28C0\u28E4\u28F6\u28FF";
+const ALPHA = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%&*";
+const rand = (chars) => chars[Math.random() * chars.length | 0];
+export function Scramble({
+  delay = 0,
+  text
+}) {
+  const [display, setDisplay] = useState(text);
+  const iter = useRef(0);
+  useEffect(() => {
+    iter.current = 0;
+    const timeout = setTimeout(() => {
+      const interval = setInterval(() => {
+        setDisplay(
+          text.split("").map(
+            (c, i) => c === " " ? " " : i < iter.current ? text[i] : rand(ALPHA)
+          ).join("")
+        );
+        iter.current += 1 / 3;
+        if (iter.current >= text.length) {
+          clearInterval(interval);
+          setDisplay(text);
+        }
+      }, 30);
+      return () => clearInterval(interval);
+    }, delay);
+    return () => clearTimeout(timeout);
+  }, [text, delay]);
+  return /* @__PURE__ */ jsx(Fragment, { children: display });
 }
-export function AsciiSkeleton({ className = '', cols = 12, rows = 1, speed = 80 }) {
-    const ref = useRef(null);
-    useEffect(() => {
-        const el = ref.current;
-        if (!el) {
-            return;
+export function AsciiSkeleton({
+  className = "",
+  cols = 12,
+  rows = 1,
+  speed = 80
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el) {
+      return;
+    }
+    const total = cols * rows;
+    let frame = 0;
+    const tick = () => {
+      let text = "";
+      for (let i = 0; i < total; i++) {
+        const x = i % cols;
+        const shimmer = (x - frame * 0.5 + cols * 2) % (cols * 2);
+        text += shimmer < 6 ? " " : rand(BLOCK);
+        if (rows > 1 && x === cols - 1) {
+          text += "\n";
         }
-        const total = cols * rows;
-        let frame = 0;
-        const tick = () => {
-            let text = '';
-            for (let i = 0; i < total; i++) {
-                const x = i % cols;
-                const shimmer = (x - frame * 0.5 + cols * 2) % (cols * 2);
-                text += shimmer < 6 ? ' ' : rand(BLOCK);
-                if (rows > 1 && x === cols - 1) {
-                    text += '\n';
-                }
-            }
-            el.textContent = text;
-            frame++;
-        };
-        tick();
-        const id = setInterval(tick, speed);
-        return () => clearInterval(id);
-    }, [cols, rows, speed]);
-    return (_jsx("span", { "aria-hidden": true, className: `inline-block leading-tight opacity-20 select-none ${className}`, ref: ref, style: {
-            fontFamily: 'monospace',
-            fontSize: 'inherit',
-            letterSpacing: '0.05em'
-        } }));
+      }
+      el.textContent = text;
+      frame++;
+    };
+    tick();
+    const id = setInterval(tick, speed);
+    return () => clearInterval(id);
+  }, [cols, rows, speed]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: `inline-block leading-tight opacity-20 select-none ${className}`,
+      ref,
+      style: {
+        fontFamily: "monospace",
+        fontSize: "inherit",
+        letterSpacing: "0.05em"
+      }
+    }
+  );
 }
-//# sourceMappingURL=ascii.js.map

package/dist/ui/components/badge.d.ts

@@ -1,7 +1,6 @@
-export declare const Badge: ({ className, style, tone, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ className, style, tone, ...props }: BadgeProps) => import("react").JSX.Element;
 type Tone = 'default' | 'destructive' | 'outline' | 'secondary' | 'success' | 'warning';
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
     tone?: Tone;
 }
 export {};
-//# sourceMappingURL=badge.d.ts.map

package/dist/ui/components/badge.js

@@ -1,22 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../utils';
-import { BlendMode } from './blend-mode';
-const BASE_CN = 'inline-flex items-center font-compressed px-2 py-1 leading-none tracking-[0.2em] uppercase';
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+import { BlendMode } from "./blend-mode.js";
+const BASE_CN = "inline-flex items-center font-compressed px-2 py-1 leading-none tracking-[0.2em] uppercase";
 const TONE_CLASSES = {
-    destructive: 'border border-destructive/30 bg-destructive/15 text-destructive',
-    outline: 'border border-midground/30 bg-transparent text-midground/80',
-    secondary: 'border border-midground/15 bg-midground/8 text-midground',
-    success: 'border border-success/30 bg-success/15 text-success',
-    warning: 'border border-warning/30 bg-warning/15 text-warning'
+  destructive: "border border-destructive/30 bg-destructive/15 text-destructive",
+  outline: "border border-midground/30 bg-transparent text-midground/80",
+  secondary: "border border-midground/15 bg-midground/8 text-midground",
+  success: "border border-success/30 bg-success/15 text-success",
+  warning: "border border-warning/30 bg-warning/15 text-warning"
 };
-export const Badge = ({ className, style, tone = 'default', ...props }) => {
-    // `tone="default"` keeps the original Lens-aware BlendMode treatment so
-    // existing brand-style consumers (nousnet-web etc.) render unchanged.
-    if (tone === 'default') {
-        return (_jsx(BlendMode, { as: "span", background: "mg/0.075", className: cn(BASE_CN, className), color: "mg", style: { opacity: 'var(--midground-alpha)', ...style }, ...props }));
+export const Badge = ({
+  className,
+  style,
+  tone = "default",
+  ...props
+}) => {
+  if (tone === "default") {
+    return /* @__PURE__ */ jsx(
+      BlendMode,
+      {
+        as: "span",
+        background: "mg/0.075",
+        className: cn(BASE_CN, className),
+        color: "mg",
+        style: { opacity: "var(--midground-alpha)", ...style },
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(BASE_CN, TONE_CLASSES[tone], className),
+      style,
+      ...props
     }
-    // Semantic tones bypass BlendMode and use --color-* tokens directly so
-    // red stays red and green stays green regardless of the active Lens.
-    return (_jsx("span", { className: cn(BASE_CN, TONE_CLASSES[tone], className), style: style, ...props }));
+  );
 };
-//# sourceMappingURL=badge.js.map

package/dist/ui/components/badges/nous-girl.d.ts

@@ -1,3 +1,2 @@
 import { type SVGProps } from 'react';
-export declare function NousGirlBadge(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=nous-girl.d.ts.map
+export declare function NousGirlBadge(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;