@nous-research/ui 0.1.0

package/README.md

@@ -0,0 +1,49 @@
+# nous design language
+
+the shared design system for react ui @ nous. components, hooks, utils, fonts, overlays, etc.
+
+## setup
+
+add it as a submodule for now.
+
+if you're using next.js, add to your config:
+
+```ts
+transpilePackages: ['@nous/design-language']
+```
+
+import tailwind and the design language styles in your global css:
+
+```css
+@import 'tailwindcss';
+@import 'tw-animate-css';
+@import '@nous/design-language/styles/globals.css';
+```
+
+## usage
+
+everything exports from the top level export:
+
+```tsx
+import {
+  Button,
+  Grid
+  // whatever else!
+} from '@nous/design-language'
+```
+
+## buiold
+
+```
+pnpm build
+```
+
+compiles typescript, resolves path aliases, copies fonts + assets + css to `dist/`.
+
+## demo app
+
+there's a next.js showcase app in `app/` for previewing components:
+
+```
+pnpm dev
+```

package/dist/fonts.d.ts

@@ -0,0 +1,6 @@
+/** CSS variable names for the design language fonts. Set automatically by fonts.css. */
+export declare const FONT_SANS = "--font-sans";
+export declare const FONT_MONO = "--font-mono";
+export declare const FONT_RULES_COMPRESSED = "--font-rules-compressed";
+export declare const FONT_RULES_EXPANDED = "--font-rules-expanded";
+export declare const FONT_MONDWEST = "--font-mondwest";

package/dist/fonts.js

@@ -0,0 +1,7 @@
+/** CSS variable names for the design language fonts. Set automatically by fonts.css. */
+export const FONT_SANS = '--font-sans';
+export const FONT_MONO = '--font-mono';
+export const FONT_RULES_COMPRESSED = '--font-rules-compressed';
+export const FONT_RULES_EXPANDED = '--font-rules-expanded';
+export const FONT_MONDWEST = '--font-mondwest';
+//# sourceMappingURL=fonts.js.map

package/dist/fonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../src/fonts.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAA;AACtC,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAA;AACtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,yBAAyB,CAAA;AAC9D,MAAM,CAAC,MAAM,mBAAmB,GAAG,uBAAuB,CAAA;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAG,iBAAiB,CAAA"}

package/dist/hooks/use-capped-frame.d.ts

@@ -0,0 +1,2 @@
+import type { RenderCallback } from '@react-three/fiber';
+export declare function useCappedFrame(cb: RenderCallback, max?: number): void;

package/dist/hooks/use-capped-frame.js

@@ -0,0 +1,15 @@
+'use client';
+import { useFrame, useThree } from '@react-three/fiber';
+import { useRef } from 'react';
+export function useCappedFrame(cb, max) {
+    const last = useRef(performance.now());
+    const { size } = useThree();
+    const interval = 1e3 / (max ?? (size.width < 1024 ? 60 : 120));
+    useFrame((st, delta) => {
+        if (performance.now() - last.current > interval) {
+            last.current = performance.now();
+            cb(st, delta);
+        }
+    });
+}
+//# sourceMappingURL=use-capped-frame.js.map

package/dist/hooks/use-capped-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-capped-frame.js","sourceRoot":"","sources":["../../src/hooks/use-capped-frame.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,MAAM,UAAU,cAAc,CAAC,EAAkB,EAAE,GAAY;IAC7D,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAA;IACtC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC3B,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAE9D,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QACrB,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC;YAChD,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;YAChC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QACf,CAAC;IACH,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/hooks/use-css-var-dims.d.ts

@@ -0,0 +1 @@
+export declare function useCssVarDims(name: string, ref: React.RefObject<HTMLElement | null>): void;

package/dist/hooks/use-css-var-dims.js

@@ -0,0 +1,23 @@
+'use client';
+import { useEffect } from 'react';
+export function useCssVarDims(name, ref) {
+    useEffect(() => {
+        if (!ref.current) {
+            return;
+        }
+        const update = (width, height) => {
+            document.documentElement.style.setProperty(`--${name}-width`, `${width}px`);
+            document.documentElement.style.setProperty(`--${name}-height`, `${height}px`);
+        };
+        const { height, width } = ref.current.getBoundingClientRect();
+        update(width, height);
+        const ro = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                update(entry.contentRect.width, entry.contentRect.height);
+            }
+        });
+        ro.observe(ref.current);
+        return () => ro.disconnect();
+    }, [name, ref]);
+}
+//# sourceMappingURL=use-css-var-dims.js.map

package/dist/hooks/use-css-var-dims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-css-var-dims.js","sourceRoot":"","sources":["../../src/hooks/use-css-var-dims.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,UAAU,aAAa,CAC3B,IAAY,EACZ,GAAwC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YACjB,OAAM;QACR,CAAC;QAED,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;YAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACxC,KAAK,IAAI,QAAQ,EACjB,GAAG,KAAK,IAAI,CACb,CAAA;YAED,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACxC,KAAK,IAAI,SAAS,EAClB,GAAG,MAAM,IAAI,CACd,CAAA;QACH,CAAC,CAAA;QAED,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAA;QAC7D,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAErB,MAAM,EAAE,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YACtC,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC5B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;YAC3D,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAEvB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,CAAA;IAC9B,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;AACjB,CAAC"}

package/dist/hooks/use-gpu-tier.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Tiers:
+ *  0 — no WebGL / software renderer / prefers-reduced-motion
+ *  1 — low-end GPU (integrated, mobile, or failed perf benchmark)
+ *  2 — capable GPU (discrete / high-end integrated)
+ */
+export declare const $gpuTier: import("nanostores").PreinitializedWritableAtom<GpuTier> & object;
+export declare function useGpuTier(): GpuTier;
+type GpuTier = 0 | 1 | 2;
+export {};

package/dist/hooks/use-gpu-tier.js

@@ -0,0 +1,92 @@
+'use client';
+import { useStore } from '@nanostores/react';
+import { atom, onMount } from 'nanostores';
+/**
+ * Tiers:
+ *  0 — no WebGL / software renderer / prefers-reduced-motion
+ *  1 — low-end GPU (integrated, mobile, or failed perf benchmark)
+ *  2 — capable GPU (discrete / high-end integrated)
+ */
+export const $gpuTier = atom(2);
+const SOFTWARE_PATTERNS = /swiftshader|llvmpipe|softpipe|software|microsoft basic/i;
+const LOW_END_PATTERNS = /intel.*hd|intel.*uhd|intel.*iris|mali|adreno\s?[1-5]|powervr|apple gpu/i;
+onMount($gpuTier, () => {
+    if (typeof window === 'undefined') {
+        return;
+    }
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+        $gpuTier.set(0);
+        return;
+    }
+    const canvas = document.createElement('canvas');
+    const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
+    if (!gl) {
+        $gpuTier.set(0);
+        return;
+    }
+    const glCtx = gl;
+    const ext = glCtx.getExtension('WEBGL_debug_renderer_info');
+    const renderer = ext
+        ? glCtx.getParameter(ext.UNMASKED_RENDERER_WEBGL)
+        : glCtx.getParameter(glCtx.RENDERER);
+    if (SOFTWARE_PATTERNS.test(renderer)) {
+        $gpuTier.set(0);
+        glCtx.getExtension('WEBGL_lose_context')?.loseContext();
+        return;
+    }
+    if (LOW_END_PATTERNS.test(renderer)) {
+        $gpuTier.set(1);
+        glCtx.getExtension('WEBGL_lose_context')?.loseContext();
+        return;
+    }
+    runBenchmark(glCtx).then(fps => {
+        $gpuTier.set(fps < 30 ? 1 : 2);
+        glCtx.getExtension('WEBGL_lose_context')?.loseContext();
+    });
+});
+function runBenchmark(gl) {
+    return new Promise(resolve => {
+        const vs = gl.createShader(gl.VERTEX_SHADER);
+        const fs = gl.createShader(gl.FRAGMENT_SHADER);
+        gl.shaderSource(vs, 'attribute vec2 a;void main(){gl_Position=vec4(a,0,1);}');
+        gl.shaderSource(fs, 'precision highp float;uniform float t;void main(){float v=0.;for(int i=0;i<64;i++)v+=sin(float(i)*t*.01);gl_FragColor=vec4(v*.001);}');
+        gl.compileShader(vs);
+        gl.compileShader(fs);
+        const prog = gl.createProgram();
+        gl.attachShader(prog, vs);
+        gl.attachShader(prog, fs);
+        gl.linkProgram(prog);
+        gl.useProgram(prog);
+        const buf = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]), gl.STATIC_DRAW);
+        const a = gl.getAttribLocation(prog, 'a');
+        gl.enableVertexAttribArray(a);
+        gl.vertexAttribPointer(a, 2, gl.FLOAT, false, 0, 0);
+        const uT = gl.getUniformLocation(prog, 't');
+        let frames = 0;
+        const start = performance.now();
+        const tick = () => {
+            gl.uniform1f(uT, frames);
+            gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+            gl.finish();
+            frames++;
+            if (performance.now() - start < 200) {
+                requestAnimationFrame(tick);
+            }
+            else {
+                const elapsed = performance.now() - start;
+                gl.deleteProgram(prog);
+                gl.deleteShader(vs);
+                gl.deleteShader(fs);
+                gl.deleteBuffer(buf);
+                resolve((frames / elapsed) * 1000);
+            }
+        };
+        requestAnimationFrame(tick);
+    });
+}
+export function useGpuTier() {
+    return useStore($gpuTier);
+}
+//# sourceMappingURL=use-gpu-tier.js.map

package/dist/hooks/use-gpu-tier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-gpu-tier.js","sourceRoot":"","sources":["../../src/hooks/use-gpu-tier.ts"],"names":[],"mappings":"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"}

package/dist/hooks/use-smooth-controls.d.ts

@@ -0,0 +1,16 @@
+import { useControls } from 'leva';
+import { type WritableAtom } from 'nanostores';
+export declare function useSmoothControls<T extends Record<string, any>>(label: string, initialArgs: T, options?: UseSmoothControlsOptions, dependencies?: Parameters<typeof useControls>[3]): { [K in keyof T]: T[K] extends {
+    value: infer V;
+} ? V : never; };
+export declare const getControlAtom: <T = any>(label: string, key: string) => undefined | WritableAtom<T>;
+export declare const setControlValue: <T = any>(label: string, key: string, value: T, options?: {
+    animate?: boolean;
+    duration?: number;
+}) => void;
+type UseSmoothControlsOptions = Parameters<typeof useControls>[2] & {
+    duration?: number;
+    onRandomize?: () => void;
+    onReset?: () => void;
+};
+export {};

package/dist/hooks/use-smooth-controls.js

@@ -0,0 +1,202 @@
+'use client';
+import gsap from 'gsap';
+import { buttonGroup, useControls } from 'leva';
+import { atom } from 'nanostores';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+const atomRegistry = new Map();
+const val = (v) => v && typeof v === 'object' && 'value' in v ? v.value : v;
+const isHex = (v) => /color/i.test(v?.type) || /^#[0-9a-f]{3,8}$/i.test(val(v));
+const randHex = () => `#${Math.floor(Math.random() * 0xffffff)
+    .toString(16)
+    .padStart(6, '0')}`;
+const randNum = (v) => typeof v === 'object' && ('min' in v || 'max' in v)
+    ? gsap.utils.random(v.min ?? 0, v.max ?? 1, v.step ?? 0.01)
+    : gsap.utils.random(0, 1);
+export function useSmoothControls(label, initialArgs, options, dependencies) {
+    const entries = useMemo(() => Object.entries(initialArgs ?? {}), [initialArgs]);
+    const values = useMemo(() => entries.filter(([, v]) => !/button|folder/i.test(v?.type)), [entries]);
+    const atoms = useMemo(() => {
+        const map = atomRegistry.get(label) ?? new Map();
+        if (!atomRegistry.has(label)) {
+            atomRegistry.set(label, map);
+        }
+        entries.forEach(([k, v]) => {
+            if (v?.schema) {
+                Object.keys(v.schema).forEach(sk => {
+                    const key = `${k}.${sk}`;
+                    if (!map.has(key)) {
+                        map.set(key, atom(val(v.schema[sk])));
+                    }
+                });
+            }
+            else if (!map.has(k)) {
+                map.set(k, atom(val(v)));
+            }
+        });
+        return map;
+    }, [label, entries]);
+    const hydrate = useCallback(() => Object.fromEntries(entries.flatMap(([k, v]) => v?.schema
+        ? Object.entries(v.schema).map(([k0, v0]) => [
+            k0,
+            atoms.get(`${k}.${k0}`)?.get() ?? val(v0)
+        ])
+        : [[k, atoms.get(k)?.get() ?? val(v)]])), [entries, atoms]);
+    const [args, update] = useState(hydrate);
+    const setRef = useRef(null);
+    const atomVals = useRef({});
+    const fromAtom = useRef(false);
+    const fromControl = useRef(new Set());
+    useEffect(() => {
+        if (Object.keys(args).length !== Object.keys(initialArgs).length) {
+            update(hydrate);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initialArgs, args]);
+    useEffect(() => {
+        if (!setRef.current) {
+            return;
+        }
+        const unsubs = [];
+        let ready = false;
+        const initTimeout = setTimeout(() => (ready = true), 100);
+        const subscribe = (fullKey, updateFn) => {
+            const a = atoms.get(fullKey);
+            if (!a) {
+                return;
+            }
+            unsubs.push(a.subscribe(v => {
+                const prev = atomVals.current[fullKey];
+                atomVals.current[fullKey] = v;
+                if (setRef.current &&
+                    ready &&
+                    prev !== v &&
+                    !fromControl.current.has(fullKey)) {
+                    fromAtom.current = true;
+                    try {
+                        updateFn(v);
+                    }
+                    catch {
+                        //
+                    }
+                    setTimeout(() => (fromAtom.current = false), 0);
+                }
+            }));
+            atomVals.current[fullKey] = a.get();
+        };
+        entries.forEach(([k, v]) => {
+            if (v?.schema) {
+                Object.keys(v.schema).forEach(sk => {
+                    subscribe(`${k}.${sk}`, v => {
+                        try {
+                            setRef.current({
+                                [k]: { ...(args[k] ?? {}), [sk]: v }
+                            });
+                        }
+                        catch {
+                            //
+                        }
+                        update(st => ({
+                            ...st,
+                            [k]: { ...(st[k] ?? {}), [sk]: v }
+                        }));
+                    });
+                });
+            }
+            else {
+                subscribe(k, v => {
+                    try {
+                        setRef.current({ [k]: v });
+                    }
+                    catch {
+                        //
+                    }
+                    update(st => ({ ...st, [k]: v }));
+                });
+            }
+        });
+        return () => {
+            clearTimeout(initTimeout);
+            unsubs.forEach(fn => fn());
+        };
+    }, [label, entries, atoms, args]);
+    const onChange = (k, orig) => (e, k0) => {
+        if (fromAtom.current) {
+            return orig?.(e, k0);
+        }
+        const key = k0?.split('.')?.pop() ?? k;
+        const fullKey = k0 ?? k;
+        const a = atoms.get(fullKey);
+        fromControl.current.add(fullKey);
+        const sync = (v) => {
+            update(st => ({ ...st, [key]: v }));
+            a?.set(v);
+            orig?.(v, k0);
+        };
+        if (typeof e === 'number' && args[key] !== e) {
+            gsap.to(args, {
+                duration: options?.duration ?? 0.35,
+                ease: 'circ.out',
+                [key]: e,
+                onComplete: () => void fromControl.current.delete(fullKey),
+                onUpdate: () => {
+                    fromControl.current.add(fullKey);
+                    sync(args[key]);
+                    setTimeout(() => fromControl.current.delete(fullKey), 0);
+                }
+            });
+        }
+        else {
+            sync(e);
+            setTimeout(() => fromControl.current.delete(fullKey), 0);
+        }
+    };
+    const [, set] = useControls(label, () => ({
+        ...Object.fromEntries(entries.map(([k, v]) => v?.schema
+            ? [
+                k,
+                {
+                    ...v,
+                    schema: Object.fromEntries(Object.entries(v.schema).map(([sk, sv]) => [
+                        sk,
+                        { ...sv, onChange: onChange(k, sv?.onChange) }
+                    ]))
+                }
+            ]
+            : [k, { ...v, onChange: onChange(k, v?.onChange) }])),
+        ' ': buttonGroup({
+            flatten: () => void set(Object.fromEntries(values.map(([k]) => [k, 0]))),
+            randomize: () => {
+                set(Object.fromEntries(values.map(([k, v]) => [k, isHex(v) ? randHex() : randNum(v)])));
+                options?.onRandomize?.();
+            },
+            reset: () => {
+                set(Object.fromEntries(values.map(([k, v]) => [k, val(v)])));
+                options?.onReset?.();
+            }
+        })
+    }), { collapsed: true, ...options }, dependencies ?? []);
+    setRef.current = set;
+    return args;
+}
+export const getControlAtom = (label, key) => atomRegistry.get(label)?.get(key);
+export const setControlValue = (label, key, value, options) => {
+    const a = getControlAtom(label, key);
+    if (!a) {
+        return;
+    }
+    if (options?.animate &&
+        typeof value === 'number' &&
+        typeof a.get() === 'number') {
+        const t = { v: a.get() };
+        gsap.to(t, {
+            duration: options.duration ?? 0.35,
+            ease: 'circ.out',
+            onUpdate: () => a.set(t.v),
+            v: value
+        });
+    }
+    else {
+        a.set(value);
+    }
+};
+//# sourceMappingURL=use-smooth-controls.js.map

package/dist/hooks/use-smooth-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-smooth-controls.js","sourceRoot":"","sources":["../../src/hooks/use-smooth-controls.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+export { AnimatedCount, useAnimatedCount } from './ui/components/animated-count';
+export { AsciiSkeleton, Scramble as AsciiScramble } from './ui/components/ascii';
+export { Badge } from './ui/components/badge';
+export { NouseGirlBadge } from './ui/components/badges/nous-girl';
+export { BlendMode, useBlendMode, withBlendMode } from './ui/components/blend-mode';
+export type { BlendModeProps } from './ui/components/blend-mode';
+export { Blink } from './ui/components/blink';
+export { Button } from './ui/components/button';
+export { Cursor } from './ui/components/cursor';
+export { DropdownMenu } from './ui/components/dropdown-menu';
+export { FitText } from './ui/components/fit-text';
+export { BarChart, LineChart } from './ui/components/graphs';
+export { Cell, Grid } from './ui/components/grid';
+export { HoverBg } from './ui/components/hover-bg';
+export * as Icons from './ui/components/icons';
+export { LevaClient } from './ui/components/leva-client';
+export { Modal } from './ui/components/modal';
+export { applyLens, LENSES, LENS_0, LENS_5I, toggleLens, $lightMode } from './ui/components/overlays';
+export { Overlays } from './ui/components/overlays';
+export type { LensPreset } from './ui/components/overlays';
+export { Progress } from './ui/components/progress';
+export { SceneCanvas } from './ui/components/scene-canvas';
+export { Scramble } from './ui/components/scramble';
+export { SelectionSwitcher } from './ui/components/selection-switcher';
+export { Stats } from './ui/components/stats';
+export { TV } from './ui/components/tv';
+export { Watchlist } from './ui/components/watchlist';
+export { Typography } from './ui/components/typography';
+export type { TypographyProps } from './ui/components/typography';
+export { H1 } from './ui/components/typography/h1';
+export { H2 } from './ui/components/typography/h2';
+export { Legend } from './ui/components/typography/legend';
+export { Small } from './ui/components/typography/small';
+export { BasicPage } from './ui/basic-page';
+export { Header } from './ui/header';
+export { Footer } from './ui/footer';
+export { LayoutWrapper } from './ui/layout-wrapper';
+export { FONT_SANS, FONT_MONO, FONT_RULES_COMPRESSED, FONT_RULES_EXPANDED, FONT_MONDWEST } from './fonts';
+export { cn, clamp, smoothstep, hexToVec3, truncate, stripWpStyles } from './utils';
+export { polyRef } from './utils';
+export type { PolyComponent, PolyProps, PolyRef } from './utils';
+export { hexToRgb, rgbToHex, colorDodge, colorMix } from './utils/color';
+export { useCappedFrame } from './hooks/use-capped-frame';
+export { useCssVarDims } from './hooks/use-css-var-dims';
+export { useSmoothControls, getControlAtom, setControlValue } from './hooks/use-smooth-controls';

package/dist/index.js

@@ -0,0 +1,48 @@
+// Components
+export { AnimatedCount, useAnimatedCount } from './ui/components/animated-count';
+export { AsciiSkeleton, Scramble as AsciiScramble } from './ui/components/ascii';
+export { Badge } from './ui/components/badge';
+export { NouseGirlBadge } from './ui/components/badges/nous-girl';
+export { BlendMode, useBlendMode, withBlendMode } from './ui/components/blend-mode';
+export { Blink } from './ui/components/blink';
+export { Button } from './ui/components/button';
+export { Cursor } from './ui/components/cursor';
+export { DropdownMenu } from './ui/components/dropdown-menu';
+export { FitText } from './ui/components/fit-text';
+export { BarChart, LineChart } from './ui/components/graphs';
+export { Cell, Grid } from './ui/components/grid';
+export { HoverBg } from './ui/components/hover-bg';
+export * as Icons from './ui/components/icons';
+export { LevaClient } from './ui/components/leva-client';
+export { Modal } from './ui/components/modal';
+export { applyLens, LENSES, LENS_0, LENS_5I, toggleLens, $lightMode } from './ui/components/overlays';
+export { Overlays } from './ui/components/overlays';
+export { Progress } from './ui/components/progress';
+export { SceneCanvas } from './ui/components/scene-canvas';
+export { Scramble } from './ui/components/scramble';
+export { SelectionSwitcher } from './ui/components/selection-switcher';
+export { Stats } from './ui/components/stats';
+export { TV } from './ui/components/tv';
+export { Watchlist } from './ui/components/watchlist';
+// Typography
+export { Typography } from './ui/components/typography';
+export { H1 } from './ui/components/typography/h1';
+export { H2 } from './ui/components/typography/h2';
+export { Legend } from './ui/components/typography/legend';
+export { Small } from './ui/components/typography/small';
+// Layout
+export { BasicPage } from './ui/basic-page';
+export { Header } from './ui/header';
+export { Footer } from './ui/footer';
+export { LayoutWrapper } from './ui/layout-wrapper';
+// Fonts
+export { FONT_SANS, FONT_MONO, FONT_RULES_COMPRESSED, FONT_RULES_EXPANDED, FONT_MONDWEST } from './fonts';
+// Utils
+export { cn, clamp, smoothstep, hexToVec3, truncate, stripWpStyles } from './utils';
+export { polyRef } from './utils';
+export { hexToRgb, rgbToHex, colorDodge, colorMix } from './utils/color';
+// Hooks
+export { useCappedFrame } from './hooks/use-capped-frame';
+export { useCssVarDims } from './hooks/use-css-var-dims';
+export { useSmoothControls, getControlAtom, setControlValue } from './hooks/use-smooth-controls';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/ui/basic-page.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare function BasicPage({ children, subtitle, title }: BasicPageProps): import("react/jsx-runtime").JSX.Element;
+interface BasicPageProps extends React.PropsWithChildren {
+    subtitle?: string;
+    title?: ReactNode;
+}
+export {};

package/dist/ui/basic-page.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Cell, Grid } from './components/grid';
+import { Progress } from './components/progress';
+import { H1 } from './components/typography/h1';
+import { Small } from './components/typography/small';
+export function BasicPage({ children, subtitle, title }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Grid, { children: _jsx(Cell, { children: _jsx(Progress, { value: 0 }) }) }), _jsxs(Grid, { className: "lg:grid-cols-[max-content_1fr]", children: [_jsx(Cell, { className: "-order-1", children: _jsxs("div", { className: "sticky top-4 flex flex-col gap-4", children: [title ? _jsx(H1, { className: "-mb-2 pr-10 opacity-90", children: title }) : null, subtitle ? _jsx(Small, { className: "opacity-60", children: subtitle }) : null] }) }), _jsx(Cell, { className: "post bg-current/3", children: children })] })] }));
+}
+//# sourceMappingURL=basic-page.js.map