@kitn.ai/ui 0.18.2 → 0.20.0

package/dist/components/audio-visualizer/variant-aurora.d.ts

@@ -0,0 +1,89 @@
+import { JSX } from 'solid-js';
+import { VisualizerState } from '../../primitives/visualizer-sequences';
+import { ShaderVariantProps } from './index';
+/**
+ * Per-state uniform targets, straight from fact sheet section 5's measured
+ * table (`.superpowers/sdd/2026-08-07-audio-visualizers/reference/
+ * aura-prototype/lk-aura-factsheet.md`) and reconciled against `aurora.glsl.ts`'s
+ * own module doc / the Task 14 report's "Uniform list for Task 15" table.
+ *
+ * ATTRIBUTION: these same values are upstream's, and upstream's copy is
+ * Apache-2.0. They live in `packages/shadcn/hooks/agents-ui/
+ * use-agent-audio-visualizer-aura.ts` -- the aura DRIVING hook, which carries
+ * no Polyform header and is ordinary Apache-2.0 code, unlike the aura
+ * COMPONENT and its inline shader. Every row below matches that hook: the
+ * four state rows, the listening spring (1.0s, bounce 0.35), the tween and
+ * pulse cadences, and the analyser settings the visualizer feeds from
+ * (fftSize 512, smoothingTimeConstant 0.55). Recorded in `packages/ui/NOTICE`
+ * as an attribution rather than a port, since no code was copied. This is
+ * the BEHAVIOUR layer only -- `aurora.glsl.ts` (the rendering) is original
+ * work and owes the hook nothing. See `docs/provenance/aurora-clean-room.md`
+ * section 7 for the license map that separates the two upstream files.
+ *
+ * Deliberately NOT `shaderTargets()` (primitives/visualizer-sequences.ts):
+ * that helper only carries two axes -- a 0..1 "energy" intensity and a 1..4
+ * speed -- built for the OLD custom/aura convention. This shader's real table
+ * is non-monotonic across those same two axes (thinking/connecting has LOWER
+ * amplitude than idle despite HIGHER brightness) and every value below is a
+ * direct fact-sheet pass-through, not a normalized knob, so reusing that
+ * helper cannot reproduce it. The Task 14 report calls this out explicitly
+ * and asks for this shader's own mapping, parallel to how `waveTargets()`
+ * already exists alongside `shaderTargets()` for the wave shader.
+ *
+ * `speed` here is fact sheet section 5's `S / 20` (state speed 10..70,
+ * divided by 20) -- NOT the raw 10..70 value. `complexity` is `freqParam`
+ * directly.
+ *
+ * `rotation` (deg/s, positive = clockwise ON SCREEN) is NOT from the fact
+ * sheet: it is this port's own solid-body trim on top of the wind's
+ * emergent angular drift, calibrated offline (campaign task #6's probe,
+ * replicating scripts/aurora-audit.mjs's estimator at its capture cadence)
+ * so the audit-measured per-state rotation lands on the reference values:
+ * speaking ~+17 (their +12.9, Rob's reference ~20 CW), listening ~+4.6,
+ * thinking ~+9. The wind supplies most of the apparent motion (post-flip
+ * it reads ~+22 CW at speaking, ~0 elsewhere); these trims close the
+ * per-state gaps. Like `speed`, rotation is never tweened.
+ *
+ * Connecting originally carried the probe's -4.7 CCW as a -5.5 trim,
+ * flipped to the clockwise equivalent (same magnitude) 2026-08-10
+ * (supervisor call, Rob delegated): the direction split came from the
+ * screenshot-cadence estimator later shown unreliable (closing-sweep
+ * finding: IQR swamps the medians), upstream's hook drives thinking and
+ * connecting with identical dynamics, and opposite spins on adjacent
+ * transitional states read inconsistent. Single-line revert (connecting's
+ * `rotation` below) if the eye test ever disagrees.
+ */
+declare function auroraTargets(state: VisualizerState): {
+    intensity: number | [number, number];
+    speed: number;
+    complexity: number;
+    amplitude: number;
+    scale: number;
+    rotation: number;
+};
+/**
+ * A glowing, drifting aura: 36 phase-offset rings folded through a warp
+ * cascade into soft veils. See `aurora.glsl.ts`'s module doc for the shader
+ * itself and its provenance.
+ *
+ * The uniform contract is a direct pass-through of fact sheet section 5's
+ * measured per-state table (`auroraTargets` above), NOT the 0..1 convention
+ * `wave` and `custom` use. There is deliberately no `uVolume` uniform: the
+ * shader would double-apply voice-driven growth if it read one itself on top
+ * of whatever this component also does at the state layer, so the live
+ * volume drives the scale TWEEN here, in exactly one place (the
+ * volume-override effect below), and nowhere else.
+ *
+ * `dark` is an extra field on top of `ShaderVariantProps`, not yet a member
+ * of that shared type: it is meant to carry the FACADE's already-resolved
+ * `theme="light"|"dark"|"auto"` decision (see `define.tsx`'s
+ * `createDarkMode`), threaded down through the dispatcher, once that wiring
+ * lands (see the task report for the exact shape requested). Optional, with
+ * a live `prefers-color-scheme` fallback, so this component still works
+ * correctly when mounted standalone (no facade above it resolving a
+ * `theme` attribute at all).
+ */
+export default function AuroraVisualizer(props: ShaderVariantProps & {
+    dark?: boolean;
+}): JSX.Element;
+export { auroraTargets };

package/dist/components/audio-visualizer/variant-bar.d.ts

@@ -0,0 +1,46 @@
+import { JSX } from 'solid-js';
+import { VisualizerState } from '../../primitives/visualizer-sequences';
+import { VisualizerSize } from './sizes';
+/** Props every DOM variant takes. The dispatcher supplies all of them. */
+export interface VariantProps {
+    state: VisualizerState;
+    size: VisualizerSize;
+    /** Multiband levels, 0..1. Only read while `state === 'speaking'`. */
+    bands: number[];
+    /** `prefers-reduced-motion`: pin the sequencer at its first frame. */
+    frozen: boolean;
+    /** Overrides the inherited `currentColor` the bars are painted with. */
+    color?: string;
+    class?: string;
+    /**
+     * Render each element yourself. Receives the element's static index plus
+     * `highlighted` and `value` as live accessors, not plain values: the
+     * markup is only mapped once per position (see the `<Index>` note below),
+     * so you must CALL `highlighted()` and `value()` from inside your own JSX
+     * for them to stay live. Destructuring them into a plain variable freezes
+     * them at that moment. `::part(bar)` / `::part(bar highlighted)` (or
+     * `cell`) handle restyling from outside; this render-prop is for replacing
+     * the markup outright.
+     *
+     * In bar and grid, your returned element IS the drawn item. Radial is the
+     * exception: it always wraps whatever you return in its own positioning
+     * element, because each spoke must be absolutely placed around the ring.
+     * You still control the markup inside that wrapper, just not its position.
+     */
+    children?: (item: {
+        index: number;
+        highlighted: () => boolean;
+        value: () => number;
+    }) => JSX.Element;
+}
+/**
+ * Vertical bars that rise with the audio while speaking, and run a scripted
+ * pattern in every other state.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-bar.tsx`
+ * (Apache License 2.0).
+ */
+export declare function BarVisualizer(props: VariantProps & {
+    barCount?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-custom.d.ts

@@ -0,0 +1,73 @@
+import { JSX } from 'solid-js';
+import { UniformSpec } from './shader-canvas';
+import { ShaderVariantProps } from './index';
+/**
+ * Uniforms every custom shader receives without asking: the standard set
+ * (`uColor`, `uIntensity`, `uSpeed`, `uComplexity`) plus the audio pair that
+ * ONLY this variant gets. Upstream's shader path only ever hands a shader a
+ * scalar volume; `uBands` -- a per-band `float` array -- has no equivalent
+ * there, so a spectrum-reactive custom shader is possible here and not
+ * there. `iTime`/`iResolution`/`iMouse`/`iFrame`/`iDate` are declared by
+ * `ShaderCanvas` itself for every shader, custom or not, so they are not
+ * repeated here.
+ *
+ * `extra` is a consumer's `ShaderSpec.uniforms` -- untrusted input. Every
+ * entry is checked with `uniformProblem` before being merged in; a bad
+ * `type`/`value` pairing throws rather than being handed to `ShaderCanvas`,
+ * where the mismatch would otherwise throw a `TypeError` inside WebGL's
+ * `uniform*` setters, called from `ShaderCanvas`'s OWN
+ * `requestAnimationFrame` loop, where nothing catches it and the canvas
+ * silently stops animating. `CustomVisualizer` below is what turns that
+ * throw into the same `onUnavailable` seam every other shader failure uses
+ * -- see its own doc for how.
+ *
+ * Pure and synchronous: reads no signals, schedules nothing. Task 15 reuses
+ * it as-is.
+ */
+export declare function customUniforms(values: {
+    color: string;
+    intensity: number;
+    speed: number;
+    complexity: number;
+    volume: number;
+    bands: number[];
+}, extra?: Record<string, UniformSpec>): Record<string, UniformSpec>;
+/**
+ * Renders a consumer-supplied fragment shader.
+ *
+ * The shader must define `mainImage(out vec4 fragColor, in vec2 fragCoord)`
+ * and gets the five ShaderToy built-ins (`iTime`, `iResolution`, `iMouse`,
+ * `iFrame`, `iDate`) plus every uniform `customUniforms` above declares.
+ * `ShaderCanvas` DECLARES all of them for you -- declaring the SAME name
+ * again inside the shader body is a GLSL redefinition and fails to compile.
+ *
+ * `fragColor` MUST be premultiplied: `vec4(rgb * alpha, alpha)`, never
+ * `vec4(rgb, alpha)`. The canvas composites using the browser's default
+ * `premultipliedAlpha: true`; a translucent edge written the natural
+ * (straight-alpha) way gets a dark fringe where it meets a light page. For
+ * example, a shader painting a soft circle that fades to transparent at its
+ * edge:
+ *
+ * ```glsl
+ * void mainImage(out vec4 fragColor, in vec2 fragCoord) {
+ *   vec2 uv = fragCoord / iResolution.xy;
+ *   float alpha = smoothstep(1.0, 0.0, length(uv - 0.5) * 2.0) * uIntensity;
+ *   fragColor = vec4(uColor * alpha, alpha); // premultiplied -- NOT vec4(uColor, alpha)
+ * }
+ * ```
+ *
+ * `uVolume` (scalar) and `uBands` (a `float[N]` array, `N` tracking the
+ * visualizer's actual band count) are this task's differentiating feature:
+ * upstream's shader path only ever hands a shader a scalar, so a
+ * spectrum-reactive custom shader is only possible here.
+ *
+ * A bad `props.shader.uniforms` entry (an unrecognized `type`, or a `value`
+ * that does not match it) is logged loudly via `console.error` -- it is a
+ * bug in the consumer's shader spec they need to see -- and routed through
+ * `props.onUnavailable`, same as a shader compile or link failure. A
+ * missing WebGL context logs quietly via `console.warn`: that is an
+ * expected environment limitation, not a bug. `props.shader` being absent
+ * entirely is neither: it renders an empty placeholder and does not call
+ * `onUnavailable` at all, since nothing was ever asked to render.
+ */
+export default function CustomVisualizer(props: ShaderVariantProps): JSX.Element;

package/dist/components/audio-visualizer/variant-grid.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from 'solid-js';
+import { VariantProps } from './variant-bar';
+/**
+ * A grid of dots that pulses with the audio.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-grid.tsx`
+ * (Apache License 2.0), except the speaking threshold remap — see the
+ * divergence note above.
+ */
+export declare function GridVisualizer(props: VariantProps & {
+    /** Rows AND columns of the (always square) grid. Default from the size
+     *  preset. Replaced the former independent rowCount/columnCount pre-1.0:
+     *  columns alone carry the audio signal, so a non-square grid only ever
+     *  changed threshold-ring resolution — never expression (Rob, 2026-08-09;
+     *  upstream is square-by-default via `rowCount ?? columnCount` too). */
+    count?: number;
+    /** Ring distance from center for the connecting animation, in cells. */
+    spread?: number;
+    /** Ms between scripted frames. Default 100. */
+    interval?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-radial.d.ts

@@ -0,0 +1,13 @@
+import { JSX } from 'solid-js';
+import { VariantProps } from './variant-bar';
+/**
+ * Bars arranged around a circle, growing outward with the audio.
+ *
+ * Ported from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-radial.tsx`
+ * (Apache License 2.0).
+ */
+export declare function RadialVisualizer(props: VariantProps & {
+    barCount?: number;
+    radius?: number;
+}): JSX.Element;

package/dist/components/audio-visualizer/variant-wave.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { ShaderVariantProps } from './index';
+/**
+ * A flowing oscilloscope line.
+ *
+ * Ported from livekit/components-js `agent-audio-visualizer-wave.tsx`
+ * (Apache License 2.0). The shader itself (`wave.glsl.ts`) is copied
+ * verbatim; this wrapper replaces upstream's React component and its
+ * `motion` dependency with Solid signals and `createTween`.
+ */
+export default function WaveVisualizer(props: ShaderVariantProps): JSX.Element;

package/dist/components/audio-visualizer/wave.glsl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Oscilloscope wave fragment shader.
+ *
+ * Copied verbatim from livekit/components-js
+ * `packages/shadcn/components/agents-ui/agent-audio-visualizer-wave.tsx`
+ * (Apache License 2.0). Unmodified apart from being extracted to its own
+ * module: no GLSL lines were added, removed, or reformatted. The source
+ * contained no `uniform ...;` declarations to strip -- `uFrequency`,
+ * `uSpeed`, `uAmplitude`, `uLineWidth`, `uSmoothing`, `uColor`,
+ * `uColorShift`, and `uMix` are all bound by the caller (see uses of
+ * `ShaderCanvas` below), which is what declares them.
+ *
+ * Uniforms are declared by ShaderCanvas. Do not declare them here.
+ */
+declare const _default: "\nconst float TAU = 6.28318530718;\n\n// Noise for dithering\nvec2 randFibo(vec2 p) {\n  p = fract(p * vec2(443.897, 441.423));\n  p += dot(p, p.yx + 19.19);\n  return fract((p.xx + p.yx) * p.xy);\n}\n\n// Luma for alpha\nfloat luma(vec3 color) {\n  return dot(color, vec3(0.299, 0.587, 0.114));\n}\n\n// RGB to HSV\nvec3 rgb2hsv(vec3 c) {\n  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n  float d = q.x - min(q.w, q.y);\n  float e = 1.0e-10;\n  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n}\n\n// HSV to RGB\nvec3 hsv2rgb(vec3 c) {\n  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n\n// Bell curve function for attenuation from center with rounded top\nfloat bellCurve(float distanceFromCenter, float maxDistance) {\n  float normalizedDistance = distanceFromCenter / maxDistance;\n  // Use cosine with high power for smooth rounded top\n  return pow(cos(normalizedDistance * (3.14159265359 / 4.0)), 16.0);\n}\n\n// Calculate the sine wave\nfloat oscilloscopeWave(float x, float centerX, float time) {\n  float relativeX = x - centerX;\n  float maxDistance = centerX;\n  float distanceFromCenter = abs(relativeX);\n\n  // Apply bell curve for amplitude attenuation\n  float bell = bellCurve(distanceFromCenter, maxDistance);\n\n  // Calculate wave with uniforms and bell curve attenuation\n  float wave = sin(relativeX * uFrequency + time * uSpeed) * uAmplitude * bell;\n\n  return wave;\n}\n\nvoid mainImage(out vec4 fragColor, in vec2 fragCoord) {\n  vec2 uv = fragCoord / iResolution.xy;\n  vec2 pos = uv - 0.5;\n\n  // Calculate center and positions\n  float centerX = 0.5;\n  float centerY = 0.5;\n  float x = uv.x;\n  float y = uv.y;\n\n  // Convert line width from pixels to UV space\n  // Use the average of width and height to handle aspect ratio\n  float pixelSize = 2.0 / (iResolution.x + iResolution.y);\n  float lineWidthUV = uLineWidth * pixelSize;\n  float smoothingUV = uSmoothing * pixelSize;\n\n  // Find minimum distance to the wave by sampling nearby points\n  // This gives us consistent line width without high-frequency artifacts\n  const int NUM_SAMPLES = 50; // Must be const for GLSL loop\n  float minDist = 1000.0;\n  float sampleRange = 0.02; // Range to search for closest point\n\n  for(int i = 0; i < NUM_SAMPLES; i++) {\n    float offset = (float(i) / float(NUM_SAMPLES - 1) - 0.5) * sampleRange;\n    float sampleX = x + offset;\n    float waveY = centerY + oscilloscopeWave(sampleX, centerX, iTime);\n\n    // Calculate distance from current pixel to this point on the wave\n    vec2 wavePoint = vec2(sampleX, waveY);\n    vec2 currentPoint = vec2(x, y);\n    float dist = distance(currentPoint, wavePoint);\n\n    minDist = min(minDist, dist);\n  }\n\n  // Solid line with smooth edges using minimum distance\n  float line = smoothstep(lineWidthUV + smoothingUV, lineWidthUV - smoothingUV, minDist);\n\n  vec3 color = uColor;\n  if(abs(uColorShift) > 0.01) {\n    // Keep the center 50% at base color, then ramp shift across outer 25% on each side.\n    float centerBandHalfWidth = 0.2;\n    float edgeBandWidth = 0.5;\n    float distanceFromCenter = abs(x - centerX);\n    float edgeFactor = clamp((distanceFromCenter - centerBandHalfWidth) / edgeBandWidth, 0.0, 1.0);\n    vec3 hsv = rgb2hsv(color);\n    // Hue shift is zero in the center band and strongest at far edges.\n    hsv.x = fract(hsv.x + edgeFactor * uColorShift * 0.3);\n    color = hsv2rgb(hsv);\n  }\n\n  // Apply line intensity\n  color *= line;\n\n  // Add dithering for smoother gradients\n  // color += (randFibo(fragCoord).x - 0.5) / 255.0;\n\n  // Calculate alpha based on line intensity\n  float alpha = line * uMix;\n\n  fragColor = vec4(color * uMix, alpha);\n}";
+export default _default;

package/dist/components/thread.d.ts

@@ -0,0 +1,54 @@
+import { JSX } from 'solid-js';
+import { MessageActionDetail } from '../primitives/message-feedback';
+import { ChatMessage } from '../elements/chat-types';
+import { ProseSize } from '../primitives/chat-config';
+/** Imperative handle exposed via `controllerRef` — the thread's scroll control,
+ *  forwarded onto `<kai-thread>` as the `scrollToBottom()` instance method. */
+export interface ThreadController {
+    /** Scroll the message list to the bottom (default `'smooth'`). */
+    scrollToBottom(behavior?: ScrollBehavior): void;
+}
+export interface ThreadProps {
+    /** Extra classes for the thread root (e.g. `rounded-xl`). */
+    class?: string;
+    /** The full message thread to render, newest last. Each entry carries its role,
+     *  content, and optional reasoning/tools/attachments/actions/avatar. A new array
+     *  reference per streaming chunk re-renders (mutating in place does not). */
+    messages: ChatMessage[];
+    /** Show a typing indicator on the pending assistant turn — use while awaiting
+     *  the assistant's reply. */
+    loading?: boolean;
+    /** Body/prose font scale for rendered markdown (`'xs' | 'sm' | 'base' | 'lg'`).
+     *  Defaults to `'sm'`. */
+    proseSize?: ProseSize;
+    /** Shiki theme name for syntax-highlighted code blocks (e.g.
+     *  `'github-dark-dimmed'`). */
+    codeTheme?: string;
+    /** Enable Shiki syntax highlighting in code blocks. Turn off to render plain
+     *  `<pre>` blocks (lighter, no highlighter load). Default true. */
+    codeHighlight?: boolean;
+    /** Whether each message's action bar is always visible (`'always'`, default) or
+     *  only revealed on hover of that message row (`'hover'`). */
+    actionsReveal?: 'always' | 'hover';
+    /** Show the scroll-to-bottom button inside the scroll area. Default true. */
+    scrollButton?: boolean;
+    /** Custom zero-state shown while the thread is empty. A sensible default renders
+     *  when omitted (the `<kai-thread>` facade wires this to `slot="empty"`). */
+    empty?: JSX.Element;
+    /** Fired when a message's action button is clicked (copy / vote / regenerate /
+     *  edit / custom). The facade re-dispatches this as `kai-message-action`. */
+    onMessageAction?: (detail: MessageActionDetail) => void;
+    /** Receive the imperative controller once mounted — the `<kai-thread>` facade
+     *  forwards `scrollToBottom` onto the host. */
+    controllerRef?: (controller: ThreadController) => void;
+}
+/**
+ * `Thread` — the message-list slice of a chat, as a standalone composable: the
+ * scrolling list of messages + per-message rendering (markdown, code highlight,
+ * reasoning + tool panels, avatars, and the action row), stick-to-bottom scroll
+ * with a scroll-to-bottom button, an optional typing indicator, and an empty
+ * state. No composer, header, suggestions, or sidebar — those are sibling/preset
+ * concerns. This is the source of truth behind the `<kai-thread>` facade; it is
+ * composed from the same internal pieces `ChatThread` uses for its message list.
+ */
+export declare function Thread(props: ThreadProps): JSX.Element;

package/dist/create-tween-hvpmSuwW.js

@@ -0,0 +1,7 @@
+import{t as we,u as Le,c as ye,e as Re}from"./register-impl-DQyejdfb.js";import{c as B,o as U,d as le,u as fe,b as Ie,f as ce}from"./kai.es.js";var Pe=we("<canvas part=canvas>");const ue="#1FD5F9";function me(e){const n=e.trim().match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);if(!n)return me(ue);const[,o,a,l]=n;return[parseInt(o,16)/255,parseInt(a,16)/255,parseInt(l,16)/255]}const Ce={"1f":"float","1i":"int","1fv":"float","2f":"vec2","3f":"vec3","3fv":"vec3","4f":"vec4","4fv":"vec4",Matrix2fv:"mat2",Matrix3fv:"mat3",Matrix4fv:"mat4"},_e={"1fv":1,"3fv":3,"4fv":4,Matrix2fv:4,Matrix3fv:9,Matrix4fv:16};function Oe(e){const n=_e[e.type];if(!n||!Array.isArray(e.value))return;const o=e.value.length/n;return o>1&&Number.isInteger(o)?o:void 0}function ve(e){return e.arraySize??Oe(e)}const ke=["uniform float iTime;","uniform vec2 iResolution;","uniform vec4 iMouse;","uniform int iFrame;","uniform vec4 iDate;"].join(`
+`),Te=`
+attribute vec3 aVertexPosition;
+void main() { gl_Position = vec4(aVertexPosition, 1.0); }
+`;function De(e,n,o){const a=Object.entries(n).map(([l,i])=>{const v=ve(i),m=v?`[${v}]`:"";return`uniform ${Ce[i.type]} ${l}${m};`}).join(`
+`);return[`precision ${o} float;`,ke,a,e,"void main() { mainImage(gl_FragColor, gl_FragCoord.xy); }"].join(`
+`)}function Be(e){return Object.keys(e).sort().map(n=>{const o=e[n];return`${n}:${o.type}:${ve(o)??""}`}).join("|")}function de(e,n,o){const a=e.createShader(n);if(!a)return"Could not create a WebGL shader.";if(e.shaderSource(a,o),e.compileShader(a),!e.getShaderParameter(a,e.COMPILE_STATUS)){const l=e.getShaderInfoLog(a)??"Unknown shader compile error.";return e.deleteShader(a),l}return a}function Ne(e,n,o){const a=o.value;switch(o.type){case"1f":e.uniform1f(n,a);break;case"1i":e.uniform1i(n,a);break;case"1fv":e.uniform1fv(n,a);break;case"2f":e.uniform2fv(n,a);break;case"3f":case"3fv":e.uniform3fv(n,a);break;case"4f":case"4fv":e.uniform4fv(n,a);break;case"Matrix2fv":e.uniformMatrix2fv(n,!1,a);break;case"Matrix3fv":e.uniformMatrix3fv(n,!1,a);break;case"Matrix4fv":e.uniformMatrix4fv(n,!1,a);break}}function $e(e){let n;const o=B(()=>Be(e.uniforms??{})),a=B(()=>e.fragment),l=B(()=>e.precision??"highp");let i="none",v=null,m=null,r=null,c=null,f=0,h=null,u=!1,M=!1,F=!1,E=!1,p,A=!1,w=!0,R=!1,I=0,P=0,q=0;const ge=()=>{var s;return v||(v=n.getContext("webgl")??n.getContext("experimental-webgl"),v&&(i="live",m=((s=v.getExtension)==null?void 0:s.call(v,"WEBGL_lose_context"))??null),v)},j=()=>{f!==0||!c||E||(P=performance.now(),f=requestAnimationFrame(c))},G=()=>{f!==0&&(cancelAnimationFrame(f),f=0,I+=Math.max(0,performance.now()-P))},T=()=>{G();const s=r;r=null,s?.()},be=()=>{!m||i!=="live"||(i="losing",m.loseContext())},V=()=>{m&&(i="restoring",m.restoreContext())},O=()=>{if(!(E||M||F))if(w||R){if(i==="losing"||i==="restoring")return;if(i==="lost"){V();return}Ae()}else m&&i==="live"?(T(),be()):G()},xe=s=>{s===w||E||(w=s,O())},H=s=>{var g;s.preventDefault();const L=i==="losing";if(i="lost",T(),L){O();return}F=!0,(g=e.onError)==null||g.call(e,"WebGL context was lost.")},Y=()=>{i="live",O()},pe=()=>{A||(A=!0,n.addEventListener("webglcontextlost",H,!1),n.addEventListener("webglcontextrestored",Y,!1),!(typeof IntersectionObserver>"u")&&(w=!1,p=new IntersectionObserver(s=>{const g=s[s.length-1];g&&xe(g.isIntersecting)},{threshold:0}),p.observe(n)))},Ae=()=>{var s,g,L,z,X;if(E||M||F||u)return;const K=h;if(!K)return;if(r){j();return}const t=ge();if(!t){M=!0,(s=e.onError)==null||s.call(e,"WebGL is not available in this browser.");return}if(t.isContextLost()){V();return}const{source:Se,uniforms:Fe}=K,y=de(t,t.VERTEX_SHADER,Te);if(typeof y=="string"){u=!0,(g=e.onError)==null||g.call(e,y);return}const C=de(t,t.FRAGMENT_SHADER,Se);if(typeof C=="string"){t.deleteShader(y),u=!0,(L=e.onError)==null||L.call(e,C);return}const b=t.createProgram();if(!b){t.deleteShader(y),t.deleteShader(C),u=!0,(z=e.onError)==null||z.call(e,"Could not create a WebGL program.");return}if(t.attachShader(b,y),t.attachShader(b,C),t.linkProgram(b),!t.getProgramParameter(b,t.LINK_STATUS)){const d=t.getProgramInfoLog(b)??"Shader program failed to link.";t.deleteProgram(b),t.deleteShader(y),t.deleteShader(C),u=!0,(X=e.onError)==null||X.call(e,d);return}t.useProgram(b);const J=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,J),t.bufferData(t.ARRAY_BUFFER,new Float32Array([-1,-1,0,1,-1,0,-1,1,0,1,1,0]),t.STATIC_DRAW);const Q=t.getAttribLocation(b,"aVertexPosition");t.enableVertexAttribArray(Q),t.vertexAttribPointer(Q,3,t.FLOAT,!1,0,0),t.enable(t.BLEND),t.blendFunc(t.ONE,t.ONE_MINUS_SRC_ALPHA);const _=d=>t.getUniformLocation(b,d),Z=_("iTime"),ee=_("iResolution"),te=_("iMouse"),ne=_("iFrame"),re=_("iDate"),Ee=Object.keys(Fe).map(d=>[d,_(d)]),N=[0,0,0,0],oe=d=>{const x=n.getBoundingClientRect();N[0]=d.clientX-x.left,N[1]=x.height-(d.clientY-x.top)};n.addEventListener("pointermove",oe,{passive:!0});const $=()=>{const d=globalThis.devicePixelRatio??1,x=Math.max(1,Math.floor(n.clientWidth*d)),k=Math.max(1,Math.floor(n.clientHeight*d));(n.width!==x||n.height!==k)&&(n.width=x,n.height=k,t.viewport(0,0,x,k))},D=typeof ResizeObserver<"u"?new ResizeObserver($):void 0;D?.observe(n),$();const ae=d=>{var x;if(F||t.isContextLost())return;$();const k=Math.max(0,(I+(d-P))/1e3);if(Z&&t.uniform1f(Z,k),ee&&t.uniform2fv(ee,[n.width,n.height]),te&&t.uniform4fv(te,N),ne&&t.uniform1i(ne,q),re){const S=new Date;t.uniform4fv(re,[S.getFullYear(),S.getMonth(),S.getDate(),S.getHours()*3600+S.getMinutes()*60+S.getSeconds()])}for(const[S,ie]of Ee){const se=(x=e.uniforms)==null?void 0:x[S];se&&ie&&Ne(t,ie,se)}t.clearColor(0,0,0,0),t.clear(t.COLOR_BUFFER_BIT),t.drawArrays(t.TRIANGLE_STRIP,0,4),q++,f=requestAnimationFrame(ae)};r=()=>{c=null,D?.disconnect(),n.removeEventListener("pointermove",oe),t.deleteProgram(b),t.deleteShader(y),t.deleteShader(C),t.deleteBuffer(J)},c=ae,j()};U(()=>{E=!0,p?.disconnect(),A&&(n.removeEventListener("webglcontextlost",H),n.removeEventListener("webglcontextrestored",Y)),T(),m&&i==="live"&&m.loseContext()});const Me=B(()=>e.animateWhenNotVisible??!1);return le(()=>{R=Me(),O()}),le(()=>{const s=a(),g=l();o();const L=fe(()=>e.uniforms??{});h={source:De(s,L,g),uniforms:L},u=!1,pe(),O(),U(T)}),(()=>{var s=Pe(),g=n;return typeof g=="function"?Le(g,s):n=s,Ie(()=>ye(s,Re("block h-full w-full",e.class))),s})()}function W(e,n,o,a){const l=r=>3*(1-r)*(1-r)*r*e+3*(1-r)*r*r*o+r*r*r,i=r=>3*(1-r)*(1-r)*r*n+3*(1-r)*r*r*a+r*r*r,v=r=>3*(1-r)*(1-r)*e+6*(1-r)*r*(o-e)+3*r*r*(1-o);function m(r){let c=0,f=1;for(let h=0;h<30;h++){const u=(c+f)/2;l(u)<r?c=u:f=u}return(c+f)/2}return r=>{if(r<=0)return 0;if(r>=1)return 1;let c=r;for(let f=0;f<8;f++){const h=v(c);if(Math.abs(h)<1e-6)return i(m(r));const u=c-(l(c)-r)/h;if(u<=0||u>=1)return i(m(r));c=u}return i(c)}}const Ue={linear:e=>e,easeIn:W(.42,0,1,1),easeOut:W(0,0,.58,1),easeInOut:W(.42,0,.58,1)};function We(e,n){const o=Math.max(.05,1-Math.min(.95,n)),a=10,l=a*Math.sqrt(Math.max(0,1-o*o));return 1-Math.exp(-o*a*e)*(Math.cos(l*e)+o*a/(l||1)*Math.sin(l*e))}function he(e){return"type"in e&&e.type==="spring"}function qe(e){const[n,o]=ce(e),[a,l]=ce(!1);let i=0,v=!1;const m=()=>{i&&cancelAnimationFrame(i),i=0};U(()=>{v=!0,m(),l(!1)});function r(c,f){if(m(),v)return;const h=Array.isArray(c),[u,M]=h?c:[fe(n),c];if(!f||!he(f)&&f.duration===0){l(!1),o(h?u:M);return}const F=f.duration*1e3;if(F<=0){l(!1),o(M);return}if(typeof requestAnimationFrame>"u"){l(!1),o(M);return}const E=he(f)?I=>We(I,f.bounce):Ue[f.ease??"easeOut"];let p=u,A=M;h&&o(u);let w=performance.now();const R=I=>{const P=Math.min(1,(I-w)/F);if(o(p+(A-p)*E(P)),P<1){i=requestAnimationFrame(R);return}if(!h){o(A),i=0,l(!1);return}o(A),[p,A]=[A,p],w=performance.now(),i=requestAnimationFrame(R)};l(!0),i=requestAnimationFrame(R)}return{value:n,animating:a,to:r}}export{ue as D,$e as S,qe as c,me as h};