@nous-research/ui 0.1.0

package/dist/ui/globals.css

@@ -0,0 +1,340 @@
+@import './fonts.css';
+@import './components/fit-text/fit-text.css' layer(components);
+@import './components/grid/grid.css' layer(components);
+@import './components/modal/modal.css' layer(components);
+
+@view-transition {
+  navigation: auto;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  @view-transition {
+    navigation: none;
+  }
+}
+
+::view-transition-old(page),
+::view-transition-new(page) {
+  animation-duration: 0.25s;
+  animation-timing-function: ease-out;
+}
+
+::view-transition-old(page) {
+  animation: fade-out 0.25s ease-out;
+}
+
+::view-transition-new(page) {
+  animation: fade-in 0.25s ease-out;
+}
+
+@keyframes fade-out {
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+}
+
+@keyframes slide-down {
+  from {
+    opacity: 0;
+    transform: translateY(-6px);
+  }
+}
+
+@keyframes slide-up {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+}
+
+.animate-slide-down {
+  animation: slide-down 0.6s ease-out both;
+}
+
+.animate-slide-up {
+  animation: slide-up 0.6s ease-out both;
+}
+
+.animate-fade-in {
+  animation: fade-in 0.5s ease-out both;
+}
+
+@keyframes blink {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+@keyframes spin-slow {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin-slow {
+  animation: spin-slow 12s linear infinite;
+}
+
+@keyframes march {
+  to {
+    background-position: 0.5rem 0;
+  }
+}
+
+.group:hover .blink {
+  animation: blink 1s step-end infinite;
+}
+
+.dither {
+  background: repeating-conic-gradient(currentColor 0% 25%, transparent 0% 50%)
+    0 0 / 2px 2px;
+}
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-background-base: var(--background-base);
+  --color-midground: var(--midground);
+  --color-midground-base: var(--midground-base);
+  --color-foreground: var(--foreground);
+  --color-foreground-base: var(--foreground-base);
+  --color-gesso: #eaeaea;
+
+  --color-current: currentColor;
+  --color-transparent: transparent;
+
+  --gap-inherit: inherit;
+  --height-between-header-footer: max(
+    400px,
+    calc(
+      100dvh - 5rem -
+        (var(--header-height, 3.5rem) + var(--footer-height, 4.35rem))
+    )
+  );
+}
+
+:root {
+  --background: color-mix(in srgb, #170d02 100%, transparent);
+  --background-base: #170d02;
+  --background-alpha: 1;
+  --midground: color-mix(in srgb, #ffac02 100%, transparent);
+  --midground-base: #ffac02;
+  --midground-alpha: 1;
+  --foreground: color-mix(in srgb, #fff 100%, transparent);
+  --foreground-base: #fff;
+  --foreground-alpha: 1;
+  --vsq: calc(0.5vw + 0.5vh);
+}
+
+@property --fit-captured-length {
+  syntax: '<length>';
+  initial-value: 0px;
+  inherits: true;
+}
+
+@utility font-compressed {
+  font-family: var(--font-rules-compressed);
+}
+
+@utility font-expanded {
+  font-family: var(--font-rules-expanded);
+}
+
+@utility font-mondwest {
+  font-family: var(--font-mondwest);
+}
+
+@utility font-courier {
+  font-family: 'Courier New', var(--font-mono), monospace;
+}
+
+@utility font-serif {
+  font-family: 'Times New Roman', Times, serif;
+}
+
+@utility text-box-trim-none {
+  text-box-trim: none;
+}
+
+@utility text-box-trim-both {
+  text-box-trim: trim-both;
+}
+
+@utility text-box-trim-start {
+  text-box-trim: trim-start;
+}
+
+@utility text-box-trim-end {
+  text-box-trim: trim-end;
+}
+
+@utility grid-cols-auto-fit {
+  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+
+@utility h-between-header-footer {
+  min-height: var(--height-between-header-footer);
+}
+
+@utility w-fill {
+  width: -webkit-fill-available;
+}
+
+@utility h-fill {
+  height: -webkit-fill-available;
+}
+
+@utility antialiased {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+}
+
+@utility underline-from-font {
+  text-decoration-skip-ink: auto;
+  text-underline-position: from-font;
+}
+
+@keyframes gradient-stroke {
+  0% {
+    background-position: 15% 15%;
+  }
+
+  100% {
+    background-position: 75% 75%;
+  }
+}
+
+.arc-border {
+  --_t: clamp(0%, (0.5 - var(--foreground-alpha, 1)) * 99900%, 100%);
+  --arc-c0: color-mix(in srgb, var(--foreground) var(--_t), transparent);
+  --arc-c1: var(--midground);
+  --arc-c2: var(--background);
+  --arc-angle: 160deg;
+  --arc-width: 1.25px;
+  --arc-inset: -2px;
+  --arc-duration: 2.23s;
+  --arc-gradient: linear-gradient(
+    var(--arc-angle),
+    transparent 0%,
+    var(--arc-c0) 15%,
+    var(--arc-c1) 20%,
+    var(--arc-c2) 25%,
+    transparent 35%,
+    transparent 40%,
+    var(--arc-c0) 55%,
+    var(--arc-c1) 60%,
+    var(--arc-c2) 65%,
+    transparent 75%,
+    transparent 80%,
+    var(--arc-c0) 95%,
+    var(--arc-c1) 100%
+  );
+
+  @apply pointer-events-none absolute z-[-1] overflow-hidden rounded-[inherit];
+
+  inset: var(--arc-inset);
+  padding: var(--arc-width);
+  mask:
+    linear-gradient(#000 0 0) content-box,
+    linear-gradient(#000 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+
+  &::before {
+    content: '';
+    @apply absolute inset-0 rounded-[inherit];
+    background: var(--arc-gradient);
+    background-size: 300% 300%;
+    animation: gradient-stroke var(--arc-duration) linear infinite;
+  }
+}
+
+@layer base {
+  * {
+    @apply antialiased;
+
+    text-box-trim: trim-both;
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+
+    &:hover {
+      scrollbar-color: color-mix(in srgb, var(--midground) 20%, transparent)
+        transparent;
+    }
+  }
+
+  ::-webkit-scrollbar {
+    width: 0.25rem;
+    height: 0.25rem;
+  }
+
+  ::-webkit-scrollbar-track,
+  ::-webkit-scrollbar-button {
+    display: none;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: transparent;
+    border-radius: 1rem;
+    min-height: 1rem;
+  }
+
+  *:hover::-webkit-scrollbar-thumb {
+    background: color-mix(in srgb, var(--midground) 20%, transparent);
+  }
+
+  html,
+  body {
+    scrollbar-color: color-mix(in srgb, var(--midground) 65%, transparent)
+      transparent;
+  }
+
+  html:hover,
+  body:hover {
+    scrollbar-color: color-mix(in srgb, var(--midground) 80%, transparent)
+      transparent;
+  }
+
+  html::-webkit-scrollbar-thumb,
+  body::-webkit-scrollbar-thumb {
+    background: color-mix(in srgb, var(--midground) 65%, transparent);
+  }
+
+  html:hover::-webkit-scrollbar-thumb,
+  body:hover::-webkit-scrollbar-thumb {
+    background: color-mix(in srgb, var(--midground) 80%, transparent);
+  }
+
+  html {
+    font-size: clamp(10px, var(--vsq) * 5, 14px);
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+
+  .underline {
+    @apply underline-from-font uppercase underline decoration-current/25 decoration-solid decoration-auto underline-offset-1 transition-[text-decoration-color] hover:decoration-current;
+  }
+
+  *::selection,
+  code {
+    background: var(--selection-bg, var(--midground));
+    @apply text-background;
+  }
+}

package/dist/ui/header.d.ts

@@ -0,0 +1 @@
+export declare function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/header.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'next-view-transitions';
+import { useRef } from 'react';
+import { useCssVarDims } from '../hooks/use-css-var-dims';
+import { Blink } from './components/blink';
+import { Cell, Grid } from './components/grid';
+import { HoverBg } from './components/hover-bg';
+import { H2 } from './components/typography/h2';
+import { Small } from './components/typography/small';
+const NAV = [
+    { href: '/projects', label: 'Projects' },
+    { href: '/participants', label: 'Participants' },
+    { href: '/provenance', label: 'Provenance' },
+    { href: '/contribute', label: 'Contribute' }
+];
+export function Header() {
+    const ref = useRef(null);
+    useCssVarDims('header', ref);
+    return (_jsxs(Grid, { as: "header", ref, children: [_jsx(Cell, { as: Link, href: "/", children: _jsxs("hgroup", { className: "flex flex-col gap-2", children: [_jsx(Small, { children: "Nous" }), _jsx(H2, { children: "Psyche" })] }) }), NAV.map(({ href, label }) => (_jsxs(Cell, { as: Link, className: "group relative", href: '/runs', children: [_jsxs(Small, { children: [label, _jsx(Blink, {})] }), _jsx(HoverBg, {})] }, href)))] }));
+}
+//# sourceMappingURL=header.js.map

package/dist/ui/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/ui/header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAA;AAErD,MAAM,GAAG,GAAG;IACV,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;IACxC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE;IAChD,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE;IAC5C,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE;CAC7C,CAAA;AAED,MAAM,UAAU,MAAM;IACpB,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAA;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAO,GAAG,aACzB,KAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,YACtB,kBAAQ,SAAS,EAAC,qBAAqB,aACrC,KAAC,KAAK,uBAAa,EACnB,KAAC,EAAE,yBAAY,IACR,GACJ,EAEN,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC5B,MAAC,IAAI,IACH,EAAE,EAAE,IAAI,EACR,SAAS,EAAC,gBAAgB,EAEpB,IAAI,EAAE,OAAO,aAEnB,MAAC,KAAK,eACH,KAAK,EACN,KAAC,KAAK,KAAG,IACH,EAER,KAAC,OAAO,KAAG,KARN,IAAI,CASJ,CACR,CAAC,IACG,CACR,CAAA;AACH,CAAC"}

package/dist/ui/layout-wrapper.d.ts

@@ -0,0 +1 @@
+export declare function LayoutWrapper({ children }: Readonly<React.PropsWithChildren>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/layout-wrapper.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LayoutWrapper({ children }) {
+    return (_jsx("html", { lang: "en", children: _jsx("body", { className: "text-midground font-mondwest bg-black uppercase antialiased", children: children }) }));
+}
+//# sourceMappingURL=layout-wrapper.js.map

package/dist/ui/layout-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-wrapper.js","sourceRoot":"","sources":["../../src/ui/layout-wrapper.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EAC0B;IAClC,OAAO,CACL,eAAM,IAAI,EAAC,IAAI,YACb,eAAM,SAAS,EAAC,6DAA6D,YAC1E,QAAQ,GACJ,GACF,CACR,CAAA;AACH,CAAC"}

package/dist/utils/color.d.ts

@@ -0,0 +1,4 @@
+export declare const hexToRgb: (hex: string) => number[];
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const colorDodge: (base: string, blend: string) => string;
+export declare const colorMix: (color: string, alpha: number) => string;

package/dist/utils/color.js

@@ -0,0 +1,14 @@
+export const hexToRgb = (hex) => [
+    parseInt(hex.slice(1, 3), 16),
+    parseInt(hex.slice(3, 5), 16),
+    parseInt(hex.slice(5, 7), 16)
+];
+export const rgbToHex = (r, g, b) => `#${[r, g, b].map(v => v.toString(16).padStart(2, '0')).join('')}`;
+export const colorDodge = (base, blend) => {
+    const [br, bg, bb] = hexToRgb(base);
+    const [lr, lg, lb] = hexToRgb(blend);
+    const d = (b, l) => l === 255 ? 255 : Math.min(255, Math.floor((b * 255) / (255 - l)));
+    return rgbToHex(d(br, lr), d(bg, lg), d(bb, lb));
+};
+export const colorMix = (color, alpha) => `color-mix(in srgb, ${color} ${Math.round(alpha * 100)}%, transparent)`;
+//# sourceMappingURL=color.js.map

package/dist/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC;IACvC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IAC7B,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,EAAE,CAC1D,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;AAEpE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,EAAE;IACxD,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEpC,MAAM,CAAC,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CACjC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpE,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,KAAa,EAAE,EAAE,CACvD,sBAAsB,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,iBAAiB,CAAA"}

package/dist/utils/index.d.ts

@@ -0,0 +1,15 @@
+import { type ClassValue } from 'clsx';
+import * as THREE from 'three';
+import { hexToRgb, rgbToHex } from './color';
+import { polyRef } from './poly';
+import type { PolyComponent, PolyProps, PolyRef } from './poly';
+export { hexToRgb, polyRef, rgbToHex };
+export type { PolyComponent, PolyProps, PolyRef };
+export declare const cn: (...inputs: ClassValue[]) => string;
+export declare const clamp: (v: number, min?: number, max?: number) => number;
+export declare const smoothstep: (edge0: number, edge1: number, x: number) => number;
+export declare const hexToVec3: (hex: string) => THREE.Vector3;
+export declare const truncate: (text: string, options: {
+    length: number;
+}) => string;
+export declare const stripWpStyles: (html: string) => string;

package/dist/utils/index.js

@@ -0,0 +1,48 @@
+import { clsx } from 'clsx';
+import sanitize from 'sanitize-html';
+import { twMerge } from 'tailwind-merge';
+import * as THREE from 'three';
+import { hexToRgb, rgbToHex } from './color';
+import { polyRef } from './poly';
+export { hexToRgb, polyRef, rgbToHex };
+export const cn = (...inputs) => twMerge(clsx(inputs));
+export const clamp = (v, min = 0, max = 1) => Math.min(max, Math.max(min, Number.isFinite(v) ? v : min));
+export const smoothstep = (edge0, edge1, x) => {
+    const t = clamp((x - edge0) / (edge1 - edge0));
+    return t * t * (3 - 2 * t);
+};
+export const hexToVec3 = (hex) => {
+    const [r, g, b] = hexToRgb(hex);
+    return new THREE.Vector3(r / 255, g / 255, b / 255);
+};
+export const truncate = (text, options) => text.length > options.length ? `${text.slice(0, options.length)}...` : text;
+export const stripWpStyles = (html) => sanitize(html, {
+    allowedAttributes: {
+        a: ['href', 'target', 'rel', 'name'],
+        audio: ['src', 'controls'],
+        iframe: ['src', 'width', 'height', 'frameborder', 'allowfullscreen'],
+        img: ['src', 'alt', 'width', 'height', 'loading'],
+        source: ['src', 'type', 'srcset'],
+        td: ['colspan', 'rowspan'],
+        th: ['colspan', 'rowspan'],
+        video: ['src', 'controls', 'width', 'height', 'poster']
+    },
+    allowedIframeHostnames: [
+        'www.youtube.com',
+        'youtube.com',
+        'player.vimeo.com'
+    ],
+    allowedSchemes: ['http', 'https', 'mailto'],
+    allowedTags: [
+        ...sanitize.defaults.allowedTags,
+        'img',
+        'figure',
+        'figcaption',
+        'iframe',
+        'video',
+        'audio',
+        'source',
+        'picture'
+    ]
+});
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/utils/poly.d.ts

@@ -0,0 +1,8 @@
+export type PolyProps<T extends React.ElementType, Own extends object = object> = {
+    as?: T;
+} & Own & Omit<React.ComponentPropsWithoutRef<T>, 'as' | keyof Own>;
+export type PolyRef<T extends React.ElementType> = React.ComponentPropsWithRef<T>['ref'];
+export type PolyComponent<D extends React.ElementType, Own extends object = object> = <T extends React.ElementType = D>(props: PolyProps<T, Own> & {
+    ref?: PolyRef<T>;
+}) => null | React.ReactElement;
+export declare const polyRef: <D extends React.ElementType, Own extends object = object>(render: <T extends React.ElementType = D>(props: PolyProps<T, Own>, ref: PolyRef<T>) => null | React.ReactElement) => PolyComponent<D, Own>;

package/dist/utils/poly.js

@@ -0,0 +1,3 @@
+import { forwardRef } from 'react';
+export const polyRef = forwardRef;
+//# sourceMappingURL=poly.js.map

package/dist/utils/poly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"poly.js","sourceRoot":"","sources":["../../src/utils/poly.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAiBlC,MAAM,CAAC,MAAM,OAAO,GAAG,UAQG,CAAA"}

package/package.json

@@ -0,0 +1,95 @@
+{
+  "name": "@nous-research/ui",
+  "version": "0.1.0",
+  "type": "module",
+  "license": "MIT",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./ui/*": {
+      "types": "./dist/ui/*.d.ts",
+      "import": "./dist/ui/*.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./assets/*": "./dist/assets/*",
+    "./styles/*": "./dist/ui/*.css",
+    "./styles/globals.css": "./dist/ui/globals.css",
+    "./styles/fonts.css": "./dist/ui/fonts.css"
+  },
+  "dependencies": {
+    "sanitize-html": "^2.16.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "@types/sanitize-html": "^2.16.0",
+    "@types/three": "^0.183.1",
+    "next": "^16",
+    "tailwindcss": "^4",
+    "tsc-alias": "^1.8.16",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "@nanostores/react": "^1.0.0",
+    "@observablehq/plot": "^0.6.17",
+    "@react-three/fiber": "^9.4.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "gsap": "^3.13.0",
+    "leva": "^0.10.1",
+    "nanostores": "^1.0.1",
+    "next-view-transitions": "^0.3.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwind-merge": "^3.3.1",
+    "three": "^0.180.0"
+  },
+  "peerDependenciesMeta": {
+    "three": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "@observablehq/plot": {
+      "optional": true
+    },
+    "leva": {
+      "optional": true
+    },
+    "gsap": {
+      "optional": true
+    },
+    "next-view-transitions": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "dev": "cp -r src/fonts public/fonts && next dev",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && cp -r src/assets dist/assets && cp -r src/fonts dist/fonts && find src -name '*.css' | while read f; do d=dist/${f#src/}; mkdir -p $(dirname $d); cp $f $d; done",
+    "build:server": "next build"
+  }
+}