@nous-research/ui 0.2.7 → 0.4.0

package/dist/ui/header.d.ts

@@ -1 +1,6 @@
-export declare function Header(): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ LinkComponent }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+interface HeaderProps {
+    LinkComponent?: React.ElementType;
+}
+export {};
+//# sourceMappingURL=header.d.ts.map

package/dist/ui/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/ui/header.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,MAAM,CAAC,EAAE,aAAmB,EAAE,EAAE,WAAW,2CA8B1D;AAED,UAAU,WAAW;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC"}

package/dist/ui/header.js

@@ -1,6 +1,5 @@
 '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';
@@ -14,9 +13,9 @@ const NAV = [
     { href: '/provenance', label: 'Provenance' },
     { href: '/contribute', label: 'Contribute' }
 ];
-export function Header() {
+export function Header({ LinkComponent = 'a' }) {
     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)))] }));
+    return (_jsxs(Grid, { as: "header", ref, children: [_jsx(Cell, { as: LinkComponent, 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: LinkComponent, 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

@@ -1 +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"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/ui/header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,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,CAAC,EAAE,aAAa,GAAG,GAAG,EAAe;IACzD,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,aAAa,EAAE,IAAI,EAAC,GAAG,YAC/B,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,aAAa,EACjB,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","sourcesContent":["'use client'\n\nimport { useRef } from 'react'\n\nimport { useCssVarDims } from '../hooks/use-css-var-dims'\nimport { Blink } from './components/blink'\nimport { Cell, Grid } from './components/grid'\nimport { HoverBg } from './components/hover-bg'\nimport { H2 } from './components/typography/h2'\nimport { Small } from './components/typography/small'\n\nconst NAV = [\n  { href: '/projects', label: 'Projects' },\n  { href: '/participants', label: 'Participants' },\n  { href: '/provenance', label: 'Provenance' },\n  { href: '/contribute', label: 'Contribute' }\n]\n\nexport function Header({ LinkComponent = 'a' }: HeaderProps) {\n  const ref = useRef<HTMLElement>(null)\n  useCssVarDims('header', ref)\n\n  return (\n    <Grid as=\"header\" {...{ ref }}>\n      <Cell as={LinkComponent} href=\"/\">\n        <hgroup className=\"flex flex-col gap-2\">\n          <Small>Nous</Small>\n          <H2>Psyche</H2>\n        </hgroup>\n      </Cell>\n\n      {NAV.map(({ href, label }) => (\n        <Cell\n          as={LinkComponent}\n          className=\"group relative\"\n          key={href}\n          {...{ href: '/runs' }}\n        >\n          <Small>\n            {label}\n            <Blink />\n          </Small>\n\n          <HoverBg />\n        </Cell>\n      ))}\n    </Grid>\n  )\n}\n\ninterface HeaderProps {\n  LinkComponent?: React.ElementType\n}\n"]}

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

@@ -1 +1,2 @@
 export declare function LayoutWrapper({ children }: Readonly<React.PropsWithChildren>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=layout-wrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout-wrapper.d.ts","sourceRoot":"","sources":["../../src/ui/layout-wrapper.tsx"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACT,EAAE,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,2CAQnC"}

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

@@ -1 +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"}
+{"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","sourcesContent":["export function LayoutWrapper({\n  children\n}: Readonly<React.PropsWithChildren>) {\n  return (\n    <html lang=\"en\">\n      <body className=\"text-midground font-mondwest bg-black uppercase antialiased\">\n        {children}\n      </body>\n    </html>\n  )\n}\n"]}

package/dist/utils/color.d.ts

@@ -2,3 +2,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;
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/utils/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,KAAK,MAAM,aAInC,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,MAAM,WACY,CAAA;AAEpE,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,WAQrD,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,WACoB,CAAA"}

package/dist/utils/color.js.map

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

package/dist/utils/index.d.ts

@@ -13,3 +13,4 @@ export declare const truncate: (text: string, options: {
     length: number;
 }) => string;
 export declare const stripWpStyles: (html: string) => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAG5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAE/D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAA;AACtC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;AAEjD,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAA0B,CAAA;AAEpE,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,YAAO,EAAE,YAAO,WACW,CAAA;AAE5D,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,EAAE,GAAG,MAAM,WAIjE,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,KAAK,MAAM,kBAIpC,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,EAAE,SAAS;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,WACW,CAAA;AAE7E,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,WA6BtC,CAAA"}

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { type ClassValue, clsx } from 'clsx'\nimport sanitize from 'sanitize-html'\nimport { twMerge } from 'tailwind-merge'\nimport * as THREE from 'three'\n\nimport { hexToRgb, rgbToHex } from './color'\nimport { polyRef } from './poly'\nimport type { PolyComponent, PolyProps, PolyRef } from './poly'\n\nexport { hexToRgb, polyRef, rgbToHex }\nexport type { PolyComponent, PolyProps, PolyRef }\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs))\n\nexport const clamp = (v: number, min = 0, max = 1) =>\n  Math.min(max, Math.max(min, Number.isFinite(v) ? v : min))\n\nexport const smoothstep = (edge0: number, edge1: number, x: number) => {\n  const t = clamp((x - edge0) / (edge1 - edge0))\n\n  return t * t * (3 - 2 * t)\n}\n\nexport const hexToVec3 = (hex: string) => {\n  const [r, g, b] = hexToRgb(hex)\n\n  return new THREE.Vector3(r / 255, g / 255, b / 255)\n}\n\nexport const truncate = (text: string, options: { length: number }) =>\n  text.length > options.length ? `${text.slice(0, options.length)}...` : text\n\nexport const stripWpStyles = (html: string) =>\n  sanitize(html, {\n    allowedAttributes: {\n      a: ['href', 'target', 'rel', 'name'],\n      audio: ['src', 'controls'],\n      iframe: ['src', 'width', 'height', 'frameborder', 'allowfullscreen'],\n      img: ['src', 'alt', 'width', 'height', 'loading'],\n      source: ['src', 'type', 'srcset'],\n      td: ['colspan', 'rowspan'],\n      th: ['colspan', 'rowspan'],\n      video: ['src', 'controls', 'width', 'height', 'poster']\n    },\n    allowedIframeHostnames: [\n      'www.youtube.com',\n      'youtube.com',\n      'player.vimeo.com'\n    ],\n    allowedSchemes: ['http', 'https', 'mailto'],\n    allowedTags: [\n      ...sanitize.defaults.allowedTags,\n      'img',\n      'figure',\n      'figcaption',\n      'iframe',\n      'video',\n      'audio',\n      'source',\n      'picture'\n    ]\n  })\n"]}

package/dist/utils/poly.d.ts

@@ -6,3 +6,4 @@ export type PolyComponent<D extends React.ElementType, Own extends object = obje
     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>;
+//# sourceMappingURL=poly.d.ts.map

package/dist/utils/poly.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"poly.d.ts","sourceRoot":"","sources":["../../src/utils/poly.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,CACnB,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,GAAG,SAAS,MAAM,GAAG,MAAM,IACzB;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,CAAA;AAEhF,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC7C,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;AAEvC,MAAM,MAAM,aAAa,CACvB,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,GAAG,SAAS,MAAM,GAAG,MAAM,IACzB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EAClC,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;CAAE,KAC5C,IAAI,GAAG,KAAK,CAAC,YAAY,CAAA;AAE9B,eAAO,MAAM,OAAO,EAAiB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,GAAG,SAAS,MAAM,GAAG,MAAM,EAE3B,MAAM,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,CAAC,EACtC,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,EACxB,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,KACZ,IAAI,GAAG,KAAK,CAAC,YAAY,KAC3B,aAAa,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA"}

package/dist/utils/poly.js.map

@@ -1 +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"}
+{"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","sourcesContent":["import { forwardRef } from 'react'\n\nexport type PolyProps<\n  T extends React.ElementType,\n  Own extends object = object\n> = { as?: T } & Own & Omit<React.ComponentPropsWithoutRef<T>, 'as' | keyof Own>\n\nexport type PolyRef<T extends React.ElementType> =\n  React.ComponentPropsWithRef<T>['ref']\n\nexport type PolyComponent<\n  D extends React.ElementType,\n  Own extends object = object\n> = <T extends React.ElementType = D>(\n  props: PolyProps<T, Own> & { ref?: PolyRef<T> }\n) => null | React.ReactElement\n\nexport const polyRef = forwardRef as <\n  D extends React.ElementType,\n  Own extends object = object\n>(\n  render: <T extends React.ElementType = D>(\n    props: PolyProps<T, Own>,\n    ref: PolyRef<T>\n  ) => null | React.ReactElement\n) => PolyComponent<D, Own>\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nous-research/ui",
-  "version": "0.2.7",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "sideEffects": [
@@ -46,23 +46,32 @@
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
+    "@observablehq/plot": "^0.6.17",
+    "@react-three/fiber": "^9.4.0",
+    "@storybook/addon-a11y": "^10.3.1",
+    "@storybook/addon-docs": "^10.3.1",
+    "@storybook/react-vite": "^10.3.1",
     "@tailwindcss/cli": "^4",
-    "@tailwindcss/postcss": "^4",
+    "@tailwindcss/vite": "^4",
     "@types/node": "25.6.0",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
     "@types/sanitize-html": "^2.16.0",
     "@types/three": "^0.183.1",
-    "next": "^16",
+    "@vitejs/plugin-react": "^5.0.0",
+    "gsap": "^3.13.0",
+    "leva": "^0.10.1",
+    "storybook": "^10.3.1",
     "tailwindcss": "^4",
-    "typescript": "^5"
+    "three": "^0.180.0",
+    "typescript": "^5",
+    "vite": "^6.0.0"
   },
   "peerDependencies": {
     "@observablehq/plot": "^0.6.17",
     "@react-three/fiber": "^9.4.0",
     "gsap": "^3.13.0",
     "leva": "^0.10.1",
-    "next-view-transitions": "^0.3.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "three": "^0.180.0"
@@ -82,15 +91,13 @@
     },
     "gsap": {
       "optional": true
-    },
-    "next-view-transitions": {
-      "optional": true
     }
   },
   "scripts": {
-    "dev": "cp -r src/fonts public/fonts && next dev",
+    "dev": "storybook dev -p 6006",
     "build": "rm -rf dist && tsc -p tsconfig.build.json && cp -r src/assets dist/assets && cp -r src/fonts dist/fonts && cd src && find . -name '*.css' -exec sh -c 'mkdir -p \"../dist/$(dirname \"$1\")\" && cp \"$1\" \"../dist/$1\"' _ {} \\;",
-    "build:server": "next build",
+    "build:watch": "pnpm build && tsc -p tsconfig.build.json --watch --preserveWatchOutput",
+    "build-storybook": "storybook build -o storybook-static",
     "release": "./scripts/release.sh"
   }
 }