@nadicodeai/ui 8.6.0 → 9.0.1

package/dist/internal/agent-visual/poster.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import { cn } from "../../lib/utils.js";
-import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
-function Gradient({ id, recipe }) {
-    const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsx("linearGradient", { id: id, x1: "0", x2: "1", y1: "0", y2: "1", children: colors.map((color, index) => (_jsx("stop", { offset: `${(index / Math.max(colors.length - 1, 1)) * 100}%`, stopColor: `var(${identityVariable(color)})` }, color))) }));
-}
-function Surface({ clipId, gradientId, patternId, recipe, }) {
-    const { colors, material } = AGENT_VISUAL_RECIPE_SPECS[recipe];
-    if (material === "solid") {
-        return (_jsx("rect", { width: "160", height: "120", fill: `url(#${gradientId})`, clipPath: `url(#${clipId})` }));
-    }
-    if (material === "points") {
-        return (_jsx("g", { clipPath: `url(#${clipId})`, children: colors.map((color, index) => (_jsx("g", { transform: `translate(${index * 3} ${index * 2})`, children: Array.from({ length: 8 }, (_, row) => Array.from({ length: 11 }, (__, column) => (_jsx("circle", { cx: column * 16, cy: row * 16, fill: `var(${identityVariable(color)})`, r: 1.45 + ((row + column + index) % 3) * 0.35 }, `${row}-${column}`)))) }, color))) }));
-    }
-    if (material === "wire") {
-        return (_jsxs("g", { clipPath: `url(#${clipId})`, fill: "none", children: [Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 0 L ${42 + index * 14} 120`, stroke: `var(${identityVariable(colors[index % colors.length])})`, strokeWidth: "1" }, `wire-a-${index}`))), Array.from({ length: 14 }, (_, index) => (_jsx("path", { d: `M ${-28 + index * 14} 120 L ${42 + index * 14} 0`, stroke: `var(${identityVariable(colors[(index + 1) % colors.length])})`, strokeWidth: "1" }, `wire-b-${index}`))), Array.from({ length: 9 }, (_, index) => (_jsx("path", { d: `M 0 ${index * 15} H 160`, stroke: `var(${identityVariable(colors[(index + 2) % colors.length])})`, strokeWidth: "0.8" }, `wire-c-${index}`)))] }));
-    }
-    return (_jsxs("g", { clipPath: `url(#${clipId})`, children: [_jsx("rect", { width: "160", height: "120", fill: `url(#${patternId})` }), Array.from({ length: 46 }, (_, index) => {
-                const color = colors[index % colors.length];
-                const x = 20 + ((index * 37) % 125);
-                const y = 12 + ((index * 53) % 98);
-                const radius = 0.8 + ((index * 7) % 8) * 0.28;
-                return (_jsx("circle", { cx: x, cy: y, fill: `var(${identityVariable(color)})`, opacity: 0.48 + (index % 5) * 0.12, r: radius }, `particle-${index}`));
-            })] }));
-}
-export function AgentVisualPoster({ className, recipe, }) {
-    const id = useId().replaceAll(":", "");
-    const clipId = `${id}-clip`;
-    const gradientId = `${id}-gradient`;
-    const patternId = `${id}-particles`;
-    const colors = AGENT_VISUAL_RECIPE_SPECS[recipe].colors;
-    return (_jsxs("svg", { "aria-hidden": "true", className: cn("size-full", className), "data-agent-visual-poster": "true", focusable: "false", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 160 120", children: [_jsxs("defs", { children: [_jsx("clipPath", { id: clipId, children: AGENT_VISUAL_RECIPE_SPECS[recipe].posterForm.map(([cx, cy, radius], index) => (_jsx("circle", { cx: cx, cy: cy, r: radius }, index))) }), _jsx(Gradient, { id: gradientId, recipe: recipe }), _jsxs("pattern", { id: patternId, width: "14", height: "14", patternUnits: "userSpaceOnUse", children: [_jsx("circle", { cx: "2", cy: "3", r: "1.1", fill: `var(${identityVariable(colors[0])})` }), _jsx("circle", { cx: "10", cy: "8", r: "2.1", fill: `var(${identityVariable(colors[1] ?? colors[0])})` }), _jsx("circle", { cx: "5", cy: "12", r: "0.7", fill: `var(${identityVariable(colors[2] ?? colors[0])})` })] })] }), _jsx(Surface, { clipId: clipId, gradientId: gradientId, patternId: patternId, recipe: recipe })] }));
-}

package/dist/internal/agent-visual/recipes.d.ts

@@ -1,15 +0,0 @@
-export type AgentVisualRecipe = "general" | "reasoning" | "coordination" | "communication" | "execution";
-export type AgentVisualMaterial = "solid" | "points" | "wire" | "particles";
-type IdentityColor = "arancio" | "cobalto" | "giallo" | "ink" | "rosso" | "verde";
-export type AgentVisualRecipeSpec = {
-    colors: readonly IdentityColor[];
-    count: number;
-    frame: number;
-    material: AgentVisualMaterial;
-    posterForm: readonly (readonly [number, number, number])[];
-    size: number;
-};
-export declare const AGENT_VISUAL_RECIPE_SPECS: Record<AgentVisualRecipe, AgentVisualRecipeSpec>;
-export declare function identityVariable(color: IdentityColor): string;
-export {};
-//# sourceMappingURL=recipes.d.ts.map

package/dist/internal/agent-visual/recipes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/recipes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,cAAc,GACd,eAAe,GACf,WAAW,CAAC;AAEhB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,CAAC;AAE5E,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;AAElF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,iBAAiB,EAAE,qBAAqB,CAoEtF,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,aAAa,UAEpD"}

package/dist/internal/agent-visual/recipes.js

@@ -1,72 +0,0 @@
-export const AGENT_VISUAL_RECIPE_SPECS = {
-    general: {
-        colors: ["cobalto", "verde", "arancio", "giallo", "rosso"],
-        count: 10,
-        frame: 0,
-        material: "solid",
-        posterForm: [
-            [45, 64, 29],
-            [68, 42, 32],
-            [99, 45, 34],
-            [116, 71, 27],
-            [79, 80, 35],
-        ],
-        size: 0.83,
-    },
-    reasoning: {
-        colors: ["cobalto", "verde", "giallo"],
-        count: 10,
-        frame: 0,
-        material: "points",
-        posterForm: [
-            [44, 61, 28],
-            [69, 39, 31],
-            [98, 44, 34],
-            [113, 71, 29],
-            [76, 80, 34],
-        ],
-        size: 0.83,
-    },
-    coordination: {
-        colors: ["verde", "cobalto", "arancio"],
-        count: 8,
-        frame: 2_700,
-        material: "wire",
-        posterForm: [
-            [48, 61, 31],
-            [77, 40, 33],
-            [111, 58, 29],
-            [90, 82, 27],
-        ],
-        size: 0.76,
-    },
-    communication: {
-        colors: ["giallo", "arancio", "rosso"],
-        count: 12,
-        frame: 5_400,
-        material: "solid",
-        posterForm: [
-            [51, 55, 29],
-            [79, 43, 35],
-            [107, 63, 30],
-            [77, 80, 28],
-        ],
-        size: 0.69,
-    },
-    execution: {
-        colors: ["rosso", "arancio", "cobalto"],
-        count: 6,
-        frame: 8_100,
-        material: "particles",
-        posterForm: [
-            [48, 65, 28],
-            [78, 52, 39],
-            [109, 64, 32],
-            [82, 86, 24],
-        ],
-        size: 0.92,
-    },
-};
-export function identityVariable(color) {
-    return `--nc-identity-${color}`;
-}

package/dist/internal/agent-visual/renderer.d.ts

@@ -1,10 +0,0 @@
-import { type AgentVisualRecipe } from "./recipes.js";
-type AgentVisualRendererProps = {
-    host: HTMLElement;
-    onReady: () => void;
-    onUnavailable: () => void;
-    recipe: AgentVisualRecipe;
-};
-export default function AgentVisualRenderer({ host, onReady, onUnavailable, recipe, }: AgentVisualRendererProps): import("react").JSX.Element;
-export {};
-//# sourceMappingURL=renderer.d.ts.map

package/dist/internal/agent-visual/renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/renderer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAUhG,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,OAAO,EACP,aAAa,EACb,MAAM,GACP,EAAE,wBAAwB,+BA8G1B"}

package/dist/internal/agent-visual/renderer.js

@@ -1,112 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { defaultObjectSizing, getShaderNoiseTexture, metaballsFragmentShader, ShaderFitOptions, ShaderMount as PaperShaderMount, } from "@paper-design/shaders";
-import { useEffect, useRef } from "react";
-import { resolveIdentityColor } from "./color.js";
-import { AGENT_VISUAL_RECIPE_SPECS, identityVariable } from "./recipes.js";
-import { AGENT_VISUAL_SHADER } from "./shader.js";
-const MATERIAL_INDEX = {
-    particles: 3,
-    points: 1,
-    solid: 0,
-    wire: 2,
-};
-export default function AgentVisualRenderer({ host, onReady, onUnavailable, recipe, }) {
-    const mountRef = useRef(null);
-    useEffect(() => {
-        const mount = mountRef.current;
-        if (!mount)
-            return;
-        const spec = AGENT_VISUAL_RECIPE_SPECS[recipe];
-        const isSolid = spec.material === "solid";
-        const colors = spec.colors.map((color) => resolveIdentityColor(host, identityVariable(color)));
-        const colorBack = resolveIdentityColor(host, identityVariable("ink"));
-        const hasPalette = colors.every((color) => color !== null) && colorBack !== null;
-        if (!hasPalette) {
-            onUnavailable();
-            return;
-        }
-        let cancelled = false;
-        let canvas = null;
-        let readyFrame = 0;
-        let shaderMount = null;
-        const clearMount = () => {
-            mount.replaceChildren();
-            mount.removeAttribute("data-paper-shader");
-        };
-        const disposeMount = () => {
-            try {
-                shaderMount?.dispose();
-            }
-            catch {
-                // The deterministic poster remains visible even if vendor cleanup fails.
-            }
-            shaderMount = null;
-            clearMount();
-        };
-        const handleContextLost = (event) => {
-            event.preventDefault();
-            cancelled = true;
-            cancelAnimationFrame(readyFrame);
-            readyFrame = 0;
-            canvas?.removeEventListener("webglcontextlost", handleContextLost);
-            canvas = null;
-            disposeMount();
-            onUnavailable();
-        };
-        const initialize = async () => {
-            try {
-                const noiseTexture = getShaderNoiseTexture();
-                if (noiseTexture && !noiseTexture.complete)
-                    await noiseTexture.decode();
-                if (cancelled)
-                    return;
-                shaderMount = new PaperShaderMount(mount, isSolid ? metaballsFragmentShader : AGENT_VISUAL_SHADER, {
-                    u_colorBack: colorBack,
-                    u_colors: colors,
-                    u_colorsCount: colors.length,
-                    u_count: spec.count,
-                    u_fit: ShaderFitOptions[defaultObjectSizing.fit],
-                    u_noiseTexture: noiseTexture,
-                    u_offsetX: defaultObjectSizing.offsetX,
-                    u_offsetY: defaultObjectSizing.offsetY,
-                    u_originX: defaultObjectSizing.originX,
-                    u_originY: defaultObjectSizing.originY,
-                    u_rotation: defaultObjectSizing.rotation,
-                    u_scale: 1.15,
-                    u_size: spec.size,
-                    u_worldHeight: defaultObjectSizing.worldHeight,
-                    u_worldWidth: defaultObjectSizing.worldWidth,
-                    ...(isSolid
-                        ? {}
-                        : {
-                            u_detail: 0.55,
-                            u_material: MATERIAL_INDEX[spec.material],
-                        }),
-                }, undefined, 0.24, spec.frame, undefined, 720_000);
-                canvas = shaderMount.canvasElement;
-                canvas.addEventListener("webglcontextlost", handleContextLost);
-                readyFrame = requestAnimationFrame(() => {
-                    readyFrame = 0;
-                    if (!cancelled)
-                        onReady();
-                });
-            }
-            catch {
-                canvas?.removeEventListener("webglcontextlost", handleContextLost);
-                canvas = null;
-                disposeMount();
-                if (!cancelled)
-                    onUnavailable();
-            }
-        };
-        void initialize();
-        return () => {
-            cancelled = true;
-            cancelAnimationFrame(readyFrame);
-            canvas?.removeEventListener("webglcontextlost", handleContextLost);
-            disposeMount();
-        };
-    }, [host, onReady, onUnavailable, recipe]);
-    return _jsx("div", { className: "size-full", ref: mountRef });
-}

package/dist/internal/agent-visual/shader.d.ts

@@ -1,2 +0,0 @@
-export declare const AGENT_VISUAL_SHADER = "#version 300 es\nprecision mediump float;\n\nuniform float u_time;\nuniform sampler2D u_noiseTexture;\nuniform vec4 u_colorBack;\nuniform vec4 u_colors[8];\nuniform float u_colorsCount;\nuniform float u_size;\nuniform float u_count;\nuniform float u_material;\nuniform float u_detail;\nuniform vec2 u_resolution;\n\nin vec2 v_objectUV;\nout vec4 fragColor;\n\n#define TWO_PI 6.28318530718\n\nfloat randomR(vec2 p) {\n  vec2 uv = floor(p) / 100. + .5;\n  return texture(u_noiseTexture, fract(uv)).r;\n}\n\nfloat noise(float x) {\n  float i = floor(x);\n  float f = fract(x);\n  float u = f * f * (3.0 - 2.0 * f);\n  return mix(randomR(vec2(i, 0.0)), randomR(vec2(i + 1.0, 0.0)), u);\n}\n\nfloat getBallShape(vec2 uv, vec2 c, float p) {\n  float s = .5 * length(uv - c);\n  s = 1. - clamp(s, 0., 1.);\n  return pow(s, p);\n}\n\nfloat hash21(vec2 p) {\n  p = fract(p * vec2(123.34, 456.21));\n  p += dot(p, p + 45.32);\n  return fract(p.x * p.y);\n}\n\nfloat orderedPoints(vec2 surfaceUV, float depth) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 12.0 * u_detail, 6.0, 34.0);\n  vec2 pointUV = fract(surfaceUV * density) - 0.5;\n  float radius = mix(0.14, 0.23, depth);\n  return 1.0 - smoothstep(radius * 0.7, radius, length(pointUV));\n}\n\nfloat triangularWire(vec2 surfaceUV, float depth) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 16.0 * u_detail, 5.0, 26.0);\n  vec2 grid = surfaceUV * density;\n  float horizontal = abs(fract(grid.y) - 0.5);\n  float diagonalA = abs(fract(grid.x + grid.y * 0.5) - 0.5);\n  float diagonalB = abs(fract(grid.x - grid.y * 0.5) - 0.5);\n  float nearestLine = min(horizontal, min(diagonalA, diagonalB));\n  float width = mix(0.032, 0.072, depth);\n  return 1.0 - smoothstep(width * 0.55, width, nearestLine);\n}\n\nfloat particleLayer(vec2 surfaceUV, float density, float depth, float time, float layerSeed, float threshold) {\n  vec2 gridUV = surfaceUV * density + layerSeed;\n  vec2 cell = floor(gridUV);\n  vec2 local = fract(gridUV) - 0.5;\n  float seed = hash21(cell + layerSeed);\n  vec2 jitter = vec2(hash21(cell + layerSeed + 3.17), hash21(cell + layerSeed + 8.41)) - 0.5;\n  jitter *= 0.72;\n  jitter += 0.08 * vec2(sin(time * 0.42 + seed * 18.0 + layerSeed), cos(time * 0.31 + seed * 14.0 - layerSeed));\n  float radius = mix(0.055, 0.175, hash21(cell + layerSeed + 14.3)) * mix(0.78, 1.35, depth);\n  float particle = 1.0 - smoothstep(radius * 0.68, radius, length(local - jitter));\n  float brightness = mix(0.45, 1.0, hash21(cell + layerSeed + 24.7));\n  return particle * step(threshold, seed) * brightness;\n}\n\nfloat livingParticles(vec2 surfaceUV, float depth, float time) {\n  float density = clamp(min(u_resolution.x, u_resolution.y) / 6.5 * u_detail, 13.0, 68.0);\n  float dust = particleLayer(surfaceUV, density, depth, time, 0.0, 0.16);\n  float motes = particleLayer(surfaceUV, density * 0.46, depth, time * 0.72, 19.7, 0.62);\n  return max(dust * 0.78, motes);\n}\n\nfloat surfacePattern(vec2 surfaceUV, float depth, float material, float time) {\n  if (material < 0.5) return 1.0;\n  if (material < 1.5) return orderedPoints(surfaceUV, depth);\n  if (material < 2.5) return triangularWire(surfaceUV, depth);\n  return livingParticles(surfaceUV, depth, time);\n}\n\nvoid main() {\n  vec2 shape_uv = v_objectUV + .5;\n  const float firstFrameOffset = 2503.4;\n  float t = .2 * (u_time + firstFrameOffset);\n  vec3 totalColor = vec3(0.);\n  float totalShape = 0.;\n  float totalOpacity = 0.;\n  vec2 weightedCenter = vec2(0.);\n  vec2 weightedOrientation = vec2(0.);\n  float centerWeight = 0.;\n\n  for (int i = 0; i < 20; i++) {\n    if (i >= int(ceil(u_count))) break;\n    float idxFract = float(i) / 20.0;\n    float angle = TWO_PI * idxFract;\n    float speed = 1. - .2 * idxFract;\n    vec2 pos = vec2(.5) + 1e-4 + .9 * (vec2(noise(angle * 10. + float(i) + t * speed), noise(angle * 20. + float(i) - t * speed)) - .5);\n    int safeIndex = i % int(u_colorsCount + 0.5);\n    vec4 ballColor = u_colors[safeIndex];\n    ballColor.rgb *= ballColor.a;\n    float sizeFrac = 1.;\n    if (float(i) > floor(u_count - 1.)) sizeFrac *= fract(u_count);\n    float shape = getBallShape(shape_uv, pos, 45. - 30. * u_size * sizeFrac);\n    shape *= pow(u_size, .2);\n    shape = smoothstep(0., 1., shape);\n    totalColor += ballColor.rgb * shape;\n    totalShape += shape;\n    totalOpacity += ballColor.a * shape;\n    float centerContribution = shape * shape;\n    weightedCenter += pos * centerContribution;\n    weightedOrientation += vec2(cos(angle), sin(angle)) * centerContribution;\n    centerWeight += centerContribution;\n  }\n\n  totalColor /= max(totalShape, 1e-4);\n  totalOpacity /= max(totalShape, 1e-4);\n  float edgeWidth = fwidth(totalShape);\n  float finalShape = smoothstep(.4, .4 + edgeWidth, totalShape);\n  vec2 fieldCenter = weightedCenter / max(centerWeight, 1e-4);\n  vec2 fieldVector = shape_uv - fieldCenter;\n  float depth = smoothstep(0.4, 1.45, totalShape);\n  float fieldRotation = 0.18 * atan(weightedOrientation.y, weightedOrientation.x);\n  float rotationCos = cos(fieldRotation);\n  float rotationSin = sin(fieldRotation);\n  vec2 surfaceUV = fieldCenter + mat2(rotationCos, rotationSin, -rotationSin, rotationCos) * fieldVector * (1.0 + 0.1 * depth);\n  vec2 gradient = vec2(dFdx(totalShape), dFdy(totalShape));\n  vec2 gradientDirection = gradient / max(length(gradient), 1e-4);\n  surfaceUV += gradientDirection * 0.008 * sin(totalShape * 4.0);\n  float feature = surfacePattern(surfaceUV, depth, u_material, t);\n  vec3 normal = normalize(vec3(-gradient * 36.0, 1.0));\n  vec3 lightDirection = normalize(vec3(-0.45, 0.65, 0.8));\n  float surfaceLight = 0.62 + 0.38 * max(dot(normal, lightDirection), 0.0);\n  float baseSurface = mix(0.012, 0.06, depth);\n  float surface = u_material < 0.5 ? 1.0 : mix(baseSurface, surfaceLight, feature);\n  vec3 color = totalColor * finalShape * surface;\n  float opacity = totalOpacity * finalShape * surface;\n  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;\n  color = color + bgColor * (1. - opacity);\n  opacity = opacity + u_colorBack.a * (1. - opacity);\n  color += 1. / 256. * (fract(sin(dot(.014 * gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453123) - .5);\n  fragColor = vec4(color, opacity);\n}\n";
-//# sourceMappingURL=shader.d.ts.map

package/dist/internal/agent-visual/shader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shader.d.ts","sourceRoot":"","sources":["../../../src/internal/agent-visual/shader.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,+oMAuJ/B,CAAC"}

package/dist/internal/agent-visual/shader.js

@@ -1,158 +0,0 @@
-/*
- * Modified from Paper Shaders 0.0.78 Metaballs (Apache-2.0).
- * The metaball field, motion, colour blending, and edge calculation remain
- * Paper's construction. `surfacePattern` clips the four approved NadicodeAI
- * identity materials inside that generated form. Attribution ships in NOTICE.
- */
-export const AGENT_VISUAL_SHADER = `#version 300 es
-precision mediump float;
-
-uniform float u_time;
-uniform sampler2D u_noiseTexture;
-uniform vec4 u_colorBack;
-uniform vec4 u_colors[8];
-uniform float u_colorsCount;
-uniform float u_size;
-uniform float u_count;
-uniform float u_material;
-uniform float u_detail;
-uniform vec2 u_resolution;
-
-in vec2 v_objectUV;
-out vec4 fragColor;
-
-#define TWO_PI 6.28318530718
-
-float randomR(vec2 p) {
-  vec2 uv = floor(p) / 100. + .5;
-  return texture(u_noiseTexture, fract(uv)).r;
-}
-
-float noise(float x) {
-  float i = floor(x);
-  float f = fract(x);
-  float u = f * f * (3.0 - 2.0 * f);
-  return mix(randomR(vec2(i, 0.0)), randomR(vec2(i + 1.0, 0.0)), u);
-}
-
-float getBallShape(vec2 uv, vec2 c, float p) {
-  float s = .5 * length(uv - c);
-  s = 1. - clamp(s, 0., 1.);
-  return pow(s, p);
-}
-
-float hash21(vec2 p) {
-  p = fract(p * vec2(123.34, 456.21));
-  p += dot(p, p + 45.32);
-  return fract(p.x * p.y);
-}
-
-float orderedPoints(vec2 surfaceUV, float depth) {
-  float density = clamp(min(u_resolution.x, u_resolution.y) / 12.0 * u_detail, 6.0, 34.0);
-  vec2 pointUV = fract(surfaceUV * density) - 0.5;
-  float radius = mix(0.14, 0.23, depth);
-  return 1.0 - smoothstep(radius * 0.7, radius, length(pointUV));
-}
-
-float triangularWire(vec2 surfaceUV, float depth) {
-  float density = clamp(min(u_resolution.x, u_resolution.y) / 16.0 * u_detail, 5.0, 26.0);
-  vec2 grid = surfaceUV * density;
-  float horizontal = abs(fract(grid.y) - 0.5);
-  float diagonalA = abs(fract(grid.x + grid.y * 0.5) - 0.5);
-  float diagonalB = abs(fract(grid.x - grid.y * 0.5) - 0.5);
-  float nearestLine = min(horizontal, min(diagonalA, diagonalB));
-  float width = mix(0.032, 0.072, depth);
-  return 1.0 - smoothstep(width * 0.55, width, nearestLine);
-}
-
-float particleLayer(vec2 surfaceUV, float density, float depth, float time, float layerSeed, float threshold) {
-  vec2 gridUV = surfaceUV * density + layerSeed;
-  vec2 cell = floor(gridUV);
-  vec2 local = fract(gridUV) - 0.5;
-  float seed = hash21(cell + layerSeed);
-  vec2 jitter = vec2(hash21(cell + layerSeed + 3.17), hash21(cell + layerSeed + 8.41)) - 0.5;
-  jitter *= 0.72;
-  jitter += 0.08 * vec2(sin(time * 0.42 + seed * 18.0 + layerSeed), cos(time * 0.31 + seed * 14.0 - layerSeed));
-  float radius = mix(0.055, 0.175, hash21(cell + layerSeed + 14.3)) * mix(0.78, 1.35, depth);
-  float particle = 1.0 - smoothstep(radius * 0.68, radius, length(local - jitter));
-  float brightness = mix(0.45, 1.0, hash21(cell + layerSeed + 24.7));
-  return particle * step(threshold, seed) * brightness;
-}
-
-float livingParticles(vec2 surfaceUV, float depth, float time) {
-  float density = clamp(min(u_resolution.x, u_resolution.y) / 6.5 * u_detail, 13.0, 68.0);
-  float dust = particleLayer(surfaceUV, density, depth, time, 0.0, 0.16);
-  float motes = particleLayer(surfaceUV, density * 0.46, depth, time * 0.72, 19.7, 0.62);
-  return max(dust * 0.78, motes);
-}
-
-float surfacePattern(vec2 surfaceUV, float depth, float material, float time) {
-  if (material < 0.5) return 1.0;
-  if (material < 1.5) return orderedPoints(surfaceUV, depth);
-  if (material < 2.5) return triangularWire(surfaceUV, depth);
-  return livingParticles(surfaceUV, depth, time);
-}
-
-void main() {
-  vec2 shape_uv = v_objectUV + .5;
-  const float firstFrameOffset = 2503.4;
-  float t = .2 * (u_time + firstFrameOffset);
-  vec3 totalColor = vec3(0.);
-  float totalShape = 0.;
-  float totalOpacity = 0.;
-  vec2 weightedCenter = vec2(0.);
-  vec2 weightedOrientation = vec2(0.);
-  float centerWeight = 0.;
-
-  for (int i = 0; i < 20; i++) {
-    if (i >= int(ceil(u_count))) break;
-    float idxFract = float(i) / 20.0;
-    float angle = TWO_PI * idxFract;
-    float speed = 1. - .2 * idxFract;
-    vec2 pos = vec2(.5) + 1e-4 + .9 * (vec2(noise(angle * 10. + float(i) + t * speed), noise(angle * 20. + float(i) - t * speed)) - .5);
-    int safeIndex = i % int(u_colorsCount + 0.5);
-    vec4 ballColor = u_colors[safeIndex];
-    ballColor.rgb *= ballColor.a;
-    float sizeFrac = 1.;
-    if (float(i) > floor(u_count - 1.)) sizeFrac *= fract(u_count);
-    float shape = getBallShape(shape_uv, pos, 45. - 30. * u_size * sizeFrac);
-    shape *= pow(u_size, .2);
-    shape = smoothstep(0., 1., shape);
-    totalColor += ballColor.rgb * shape;
-    totalShape += shape;
-    totalOpacity += ballColor.a * shape;
-    float centerContribution = shape * shape;
-    weightedCenter += pos * centerContribution;
-    weightedOrientation += vec2(cos(angle), sin(angle)) * centerContribution;
-    centerWeight += centerContribution;
-  }
-
-  totalColor /= max(totalShape, 1e-4);
-  totalOpacity /= max(totalShape, 1e-4);
-  float edgeWidth = fwidth(totalShape);
-  float finalShape = smoothstep(.4, .4 + edgeWidth, totalShape);
-  vec2 fieldCenter = weightedCenter / max(centerWeight, 1e-4);
-  vec2 fieldVector = shape_uv - fieldCenter;
-  float depth = smoothstep(0.4, 1.45, totalShape);
-  float fieldRotation = 0.18 * atan(weightedOrientation.y, weightedOrientation.x);
-  float rotationCos = cos(fieldRotation);
-  float rotationSin = sin(fieldRotation);
-  vec2 surfaceUV = fieldCenter + mat2(rotationCos, rotationSin, -rotationSin, rotationCos) * fieldVector * (1.0 + 0.1 * depth);
-  vec2 gradient = vec2(dFdx(totalShape), dFdy(totalShape));
-  vec2 gradientDirection = gradient / max(length(gradient), 1e-4);
-  surfaceUV += gradientDirection * 0.008 * sin(totalShape * 4.0);
-  float feature = surfacePattern(surfaceUV, depth, u_material, t);
-  vec3 normal = normalize(vec3(-gradient * 36.0, 1.0));
-  vec3 lightDirection = normalize(vec3(-0.45, 0.65, 0.8));
-  float surfaceLight = 0.62 + 0.38 * max(dot(normal, lightDirection), 0.0);
-  float baseSurface = mix(0.012, 0.06, depth);
-  float surface = u_material < 0.5 ? 1.0 : mix(baseSurface, surfaceLight, feature);
-  vec3 color = totalColor * finalShape * surface;
-  float opacity = totalOpacity * finalShape * surface;
-  vec3 bgColor = u_colorBack.rgb * u_colorBack.a;
-  color = color + bgColor * (1. - opacity);
-  opacity = opacity + u_colorBack.a * (1. - opacity);
-  color += 1. / 256. * (fract(sin(dot(.014 * gl_FragCoord.xy, vec2(12.9898, 78.233))) * 43758.5453123) - .5);
-  fragColor = vec4(color, opacity);
-}
-`;

package/dist/internal/forma/frame.d.ts

@@ -1,10 +0,0 @@
-import { type FormaMotion, type Pose } from "./motion.js";
-export type PartAttributes = Record<string, string>;
-export type Frame = Record<string, PartAttributes>;
-export declare const SHELL_LAYERS: readonly ["tone", "form", "floor", "key", "rim"];
-export declare const ORBIT_DOTS = 20;
-export declare const RIBBON_BEADS = 8;
-export declare function computeFrame(motion: FormaMotion, pose: Pose, now: number): Frame;
-export declare const RIBBON_TILTS: (48 | -22 | -64)[];
-export declare const ORBIT_TILTS: readonly [-0.36, 0.49];
-//# sourceMappingURL=frame.d.ts.map

package/dist/internal/forma/frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/internal/forma/frame.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAsB,KAAK,WAAW,EAAE,KAAK,IAAI,EAAE,MAAM,UAAU,CAAC;AAE3E,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAanD,eAAO,MAAM,YAAY,kDAAmD,CAAC;AAY7E,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,IAAI,CAAC;AAE9B,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAyGhF;AAOD,eAAO,MAAM,YAAY,oBAAuC,CAAC;AACjE,eAAO,MAAM,WAAW,wBAAyB,CAAC"}

package/dist/internal/forma/frame.js

@@ -1,211 +0,0 @@
-import { TAU, bodies, closedPath, eyeProfiles, f3, project, shellPath, smooth, stripePath, superellipse, visorPoints, } from "./geometry.js";
-import { HALLMARK_LONGITUDE, HALLMARK_SIZE, ITALY_BOX } from "./hallmark.js";
-import { formDetails } from "./model.js";
-import { easeInOut, easeOut } from "./motion.js";
-const eyeShapes = new Map();
-function eyeShape(form) {
-    let shape = eyeShapes.get(form);
-    if (!shape) {
-        const profile = eyeProfiles[form];
-        shape = closedPath(superellipse(profile.width, profile.height, profile.power, 32));
-        eyeShapes.set(form, shape);
-    }
-    return shape;
-}
-export const SHELL_LAYERS = ["tone", "form", "floor", "key", "rim"];
-const VISOR_LAYERS = [
-    "visor",
-    "visorClip",
-    "bezel",
-    "bezelLight",
-    "visorShade",
-    "glass",
-    "streak",
-    "sole",
-    "visorEdge",
-];
-export const ORBIT_DOTS = 20;
-export const RIBBON_BEADS = 8;
-export function computeFrame(motion, pose, now) {
-    const body = bodies[motion.form];
-    const nadia = motion.form === "nadia";
-    const t = (now - motion.entered) / 1000;
-    const morph = pose.morph < 0.00005 ? 0 : pose.morph > 0.99995 ? 1 : pose.morph;
-    const { yaw, pitch } = pose;
-    const frame = {};
-    const shell = shellPath(body, morph);
-    frame.shell = { d: shell };
-    frame.shellClip = { d: shell };
-    for (const layer of SHELL_LAYERS)
-        frame[layer] = { d: shell };
-    frame.tube = { d: shell, opacity: f3(morph) };
-    frame.hot = { opacity: f3(1 - morph * 0.6) };
-    frame.fade = { d: shell, opacity: f3(nadia ? 0 : morph * 0.28) };
-    frame.object = {
-        transform: `translate(0 ${f3(pose.lift)}) rotate(${f3((pose.roll * 180) / Math.PI)}) scale(${f3(1 / Math.sqrt(pose.stretch))} ${f3(pose.stretch)})`,
-    };
-    frame.blockedBar = { opacity: f3(morph > 0.42 ? smooth((morph - 0.42) / 0.4) : 0) };
-    if (nadia) {
-        frame.bandW = { d: stripePath(body, yaw, -0.36, 0.36) };
-        frame.bandR = { d: stripePath(body, yaw, 0.36, Math.PI) };
-        frame.bandSand = { d: frame.bandW.d, opacity: f3(morph * 0.28) };
-    }
-    const faceOpacity = 1 - smooth(morph / 0.52);
-    frame.face = { opacity: f3(faceOpacity), display: faceOpacity > 0.001 ? "" : "none" };
-    const visor = closedPath(visorPoints.map(([x, y]) => {
-        const p = project(body, x, y, yaw, pitch);
-        return [p.x, p.y];
-    }));
-    for (const layer of VISOR_LAYERS)
-        frame[layer] = { d: visor };
-    if (nadia) {
-        const hm = project(body, Math.sin(HALLMARK_LONGITUDE), -0.12, yaw, pitch);
-        const scale = HALLMARK_SIZE / ITALY_BOX;
-        frame.hallmark = {
-            display: hm.front && faceOpacity > 0.001 ? "" : "none",
-            transform: `translate(${f3(hm.x)} ${f3(hm.y)}) scale(${f3(hm.sx * scale)} ${f3(-hm.sy * scale)}) translate(${-ITALY_BOX / 2} ${-ITALY_BOX / 2})`,
-        };
-    }
-    const happiness = smooth(pose.done);
-    const pauseAmount = smooth((pose.waiting - 0.15) / 0.85);
-    const blinkPhase = ((t % 5.2) - 3.4) / 0.16;
-    const blink = !motion.still &&
-        motion.state !== "blocked" &&
-        motion.state !== "waiting" &&
-        blinkPhase > 0 &&
-        blinkPhase < 1
-        ? 1 - Math.sin(blinkPhase * Math.PI)
-        : 1;
-    const eyeOpen = Math.max(0.055, pose.open * blink);
-    const profile = eyeProfiles[motion.form];
-    const glow = formDetails[motion.form].eyes === "ink" ? 0 : profile.signature ? 0.95 : 0.65;
-    const shape = eyeShape(motion.form);
-    for (const [name, side] of [
-        ["L", -1],
-        ["R", 1],
-    ]) {
-        const x = side * ((1 - pauseAmount) * profile.spacing + pauseAmount * 0.125) + pose.gazeX;
-        const y = profile.y + pose.gazeY;
-        const p = project(body, x, y, yaw, pitch);
-        frame[`eye${name}`] = {
-            display: p.front ? "" : "none",
-            transform: `translate(${f3(p.x)} ${f3(p.y)}) scale(${f3(p.sx)} ${f3(p.sy)})`,
-        };
-        frame[`light${name}`] = {
-            d: shape,
-            transform: `scale(1 ${f3(eyeOpen)})`,
-            opacity: f3((1 - happiness) * (1 - pauseAmount)),
-        };
-        frame[`glint${name}`] = frame[`light${name}`];
-        frame[`halo${name}`] = {
-            rx: f3(profile.width * 2.8),
-            ry: f3(profile.height * (1.1 + 0.9 * eyeOpen)),
-            opacity: f3(glow * (1 - pauseAmount) * (1 - happiness)),
-        };
-        if (profile.signature)
-            frame[`flick${name}`] = {
-                transform: `scale(${side} ${f3(eyeOpen)})`,
-                opacity: f3((1 - happiness) * (1 - pauseAmount)),
-            };
-        frame[`happy${name}`] = {
-            opacity: f3(happiness * (1 - pauseAmount)),
-            transform: `rotate(${f3(side * pose.done * 1.7)})`,
-        };
-        frame[`pause${name}`] = { opacity: f3(pauseAmount) };
-        frame[`pauseHalo${name}`] = { opacity: f3(pauseAmount * 0.7) };
-    }
-    for (let i = 0; i < 3; i++) {
-        const pulse = motion.still ? 0.6 : 0.18 + (0.82 * (Math.sin(t * 5.6 - i * 1.25) + 1)) / 2;
-        const p = project(body, (i - 1) * 0.086, -0.266, yaw, pitch);
-        frame[`tick${i}`] = {
-            transform: `translate(${f3(p.x - 0.0235 * p.sx)} ${f3(p.y - 0.012)}) scale(${f3(p.sx)} 1)`,
-            opacity: f3(pose.working * pulse * 0.75 + pose.thinking * pulse * 0.35),
-        };
-    }
-    writeEffects(frame, motion, pose, now);
-    return frame;
-}
-const RIBBONS = [
-    { tilt: -22, aspect: 0.62, radius: 1.2, span: 2.85, phase: 0.2, direction: 1 },
-    { tilt: 48, aspect: 0.5, radius: 1.19, span: 2.5, phase: 2.1, direction: -1 },
-    { tilt: -64, aspect: 0.72, radius: 1.24, span: 2.3, phase: 4.0, direction: 1 },
-];
-export const RIBBON_TILTS = RIBBONS.map((ribbon) => ribbon.tilt);
-export const ORBIT_TILTS = [-0.36, 0.49];
-function writeEffects(frame, motion, pose, now) {
-    const morph = pose.morph < 0.00005 ? 0 : pose.morph > 0.99995 ? 1 : pose.morph;
-    const clock = motion.still ? 0.6 : (now - motion.started) / 1000;
-    const celebrationAge = (now - motion.celebratedAt) / 1000;
-    const celebrating = !motion.still && celebrationAge > 0.14 && celebrationAge < 2.4;
-    const workAmount = pose.working * (1 - morph);
-    const thoughtAmount = pose.thinking * (1 - morph);
-    const ribbonOpacity = celebrating ? pose.done * (1 - morph) : 0;
-    const active = workAmount > 0.003 || thoughtAmount > 0.003 || ribbonOpacity > 0.003;
-    frame.effectsBack = { display: active ? "" : "none" };
-    frame.effectsFront = {
-        display: active ? "" : "none",
-        transform: `translate(0 ${f3(pose.lift * 0.45)})`,
-    };
-    ORBIT_TILTS.forEach((tilt, index) => {
-        for (let i = 0; i < ORBIT_DOTS; i++) {
-            const tail = i % 10;
-            const offset = i < 10 ? 0 : Math.PI;
-            const a = clock * (index === 0 ? 2.8 : -2.2) + index * 2.2 + offset - tail * 0.065;
-            const x = 1.2 * Math.cos(a);
-            const y = 0.49 * Math.sin(a);
-            const front = Math.sin(a) > 0;
-            const dot = {
-                cx: f3(x * Math.cos(tilt) - y * Math.sin(tilt)),
-                cy: f3(x * Math.sin(tilt) + y * Math.cos(tilt) - 0.04),
-                opacity: f3(workAmount * (tail === 0 ? 0.94 : 0.47 * (1 - tail / 10))),
-            };
-            frame[`orbit${index}Back${i}`] = { ...dot, display: front ? "none" : "" };
-            frame[`orbit${index}Front${i}`] = { ...dot, display: front ? "" : "none" };
-        }
-    });
-    for (let i = 0; i < 3; i++) {
-        const pulse = motion.still ? 0.72 : 0.23 + (0.77 * (Math.sin(clock * 2.4 - i * 0.9) + 1)) / 2;
-        frame[`thought${i}`] = {
-            transform: `translate(${f3(0.68 + i * 0.23)} ${f3(0.79 + i * 0.13 + (motion.still ? 0 : 0.025 * Math.sin(clock * 2.4 - i * 0.9)))})`,
-            opacity: f3(thoughtAmount * pulse),
-        };
-    }
-    RIBBONS.forEach((ribbon, index) => {
-        const name = `ribbon${index}`;
-        if (ribbonOpacity <= 0.003) {
-            frame[`${name}Plane`] = { opacity: "0", display: "none" };
-            return;
-        }
-        const age = celebrationAge - 0.14 - index * 0.06;
-        const reveal = easeOut(age / 0.46);
-        const dissolve = easeInOut((age - 1.1) / 0.95);
-        const fade = easeOut(age / 0.2) * (1 - easeOut((age - 1.76) / 0.44)) * ribbonOpacity;
-        const a0 = dissolve * ribbon.span;
-        const a1 = Math.max(a0, reveal * ribbon.span);
-        const points = [];
-        for (let i = 0; i <= 24; i++) {
-            const a = a0 + ((a1 - a0) * i) / 24;
-            points.push(`${i ? "L" : "M"}${f3(Math.cos(a) * ribbon.radius)} ${f3(Math.sin(a) * ribbon.radius * ribbon.aspect)}`);
-        }
-        frame[`${name}Plane`] = { opacity: f3(fade * 0.88), display: "" };
-        frame[`${name}Sweep`] = {
-            transform: `rotate(${f3(((ribbon.phase + ribbon.direction * TAU * easeInOut(Math.min(1, Math.max(0, age / 2.12)))) * 180) / Math.PI)})`,
-        };
-        frame[`${name}Arc`] = { d: a1 > a0 + 0.01 ? points.join("") : "M0 0" };
-        frame[`${name}Head`] = {
-            cx: f3(Math.cos(a1) * ribbon.radius),
-            cy: f3(Math.sin(a1) * ribbon.radius * ribbon.aspect),
-        };
-        for (let i = 0; i < RIBBON_BEADS; i++) {
-            const u = i / 7;
-            const angle = a0 - u * (0.95 + 0.48 * dissolve);
-            const radial = ribbon.radius + ((i % 3) - 1) * (0.014 + 0.034 * u) + dissolve * u * 0.06;
-            frame[`${name}Bead${i}`] = {
-                cx: f3(Math.cos(angle) * radial),
-                cy: f3(Math.sin(angle) * radial * ribbon.aspect),
-                r: f3(0.006 + 0.012 * (1 - u)),
-                opacity: f3(dissolve > 0.01 ? 0.78 : 0),
-            };
-        }
-    });
-}