@sophostechne/ui 0.18.2

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

@@ -0,0 +1,111 @@
+"use client";
+import { useStore } from "@nanostores/react";
+import { atom } from "nanostores";
+export const $gpuTier = atom(0);
+const SOFTWARE_PATTERNS = /swiftshader|llvmpipe|softpipe|software|microsoft basic/i;
+const LOW_END_PATTERNS = /intel.*hd|intel.*uhd|intel.*iris|mali|adreno\s?[1-5]|powervr|apple gpu/i;
+let detected = false;
+function detectGpuTier() {
+  if (detected || typeof window === "undefined") {
+    return;
+  }
+  detected = true;
+  if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+    return;
+  }
+  let gl = null;
+  try {
+    const canvas = document.createElement("canvas");
+    gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+  } catch {
+    return;
+  }
+  if (!gl) {
+    return;
+  }
+  const ext = gl.getExtension("WEBGL_debug_renderer_info");
+  const renderer = String(
+    ext ? gl.getParameter(ext.UNMASKED_RENDERER_WEBGL) : gl.getParameter(gl.RENDERER)
+  );
+  if (SOFTWARE_PATTERNS.test(renderer)) {
+    gl.getExtension("WEBGL_lose_context")?.loseContext();
+    return;
+  }
+  if (LOW_END_PATTERNS.test(renderer)) {
+    $gpuTier.set(1);
+    gl.getExtension("WEBGL_lose_context")?.loseContext();
+    return;
+  }
+  $gpuTier.set(2);
+  runBenchmark(gl).then((fps) => $gpuTier.set(fps < 30 ? 1 : 2)).catch(() => $gpuTier.set(1)).finally(() => gl?.getExtension("WEBGL_lose_context")?.loseContext());
+}
+function scheduleDetection() {
+  if (typeof window === "undefined") {
+    return;
+  }
+  if (typeof window.requestIdleCallback === "function") {
+    window.requestIdleCallback(() => detectGpuTier(), { timeout: 1e3 });
+  } else if (typeof window.requestAnimationFrame === "function") {
+    window.requestAnimationFrame(
+      () => window.requestAnimationFrame(() => detectGpuTier())
+    );
+  } else {
+    setTimeout(() => detectGpuTier(), 0);
+  }
+}
+scheduleDetection();
+function runBenchmark(gl) {
+  return new Promise((resolve) => {
+    const vs = gl.createShader(gl.VERTEX_SHADER);
+    const fs = gl.createShader(gl.FRAGMENT_SHADER);
+    gl.shaderSource(
+      vs,
+      "attribute vec2 a;void main(){gl_Position=vec4(a,0,1);}"
+    );
+    gl.shaderSource(
+      fs,
+      "precision highp float;uniform float t;void main(){float v=0.;for(int i=0;i<64;i++)v+=sin(float(i)*t*.01);gl_FragColor=vec4(v*.001);}"
+    );
+    gl.compileShader(vs);
+    gl.compileShader(fs);
+    const prog = gl.createProgram();
+    gl.attachShader(prog, vs);
+    gl.attachShader(prog, fs);
+    gl.linkProgram(prog);
+    gl.useProgram(prog);
+    const buf = gl.createBuffer();
+    gl.bindBuffer(gl.ARRAY_BUFFER, buf);
+    gl.bufferData(
+      gl.ARRAY_BUFFER,
+      new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),
+      gl.STATIC_DRAW
+    );
+    const a = gl.getAttribLocation(prog, "a");
+    gl.enableVertexAttribArray(a);
+    gl.vertexAttribPointer(a, 2, gl.FLOAT, false, 0, 0);
+    const uT = gl.getUniformLocation(prog, "t");
+    let frames = 0;
+    const start = performance.now();
+    const tick = () => {
+      gl.uniform1f(uT, frames);
+      gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
+      gl.finish();
+      frames++;
+      if (performance.now() - start < 200) {
+        requestAnimationFrame(tick);
+      } else {
+        const elapsed = performance.now() - start;
+        gl.deleteProgram(prog);
+        gl.deleteShader(vs);
+        gl.deleteShader(fs);
+        gl.deleteBuffer(buf);
+        resolve(frames / elapsed * 1e3);
+      }
+    };
+    requestAnimationFrame(tick);
+  });
+}
+export function useGpuTier() {
+  return useStore($gpuTier);
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZVN0b3JlIH0gZnJvbSAnQG5hbm9zdG9yZXMvcmVhY3QnXG5pbXBvcnQgeyBhdG9tIH0gZnJvbSAnbmFub3N0b3JlcydcblxuLyoqXG4gKiBUaWVyczpcbiAqICAwIFx1MjAxNCBubyBXZWJHTCAvIHNvZnR3YXJlIHJlbmRlcmVyIC8gcHJlZmVycy1yZWR1Y2VkLW1vdGlvbiAvIFdlYkdMIGN0eFxuICogICAgICBjcmVhdGlvbiBmYWlsZWQgLyBkZXRlY3Rpb24gbm90IHlldCBydW5cbiAqICAxIFx1MjAxNCBsb3ctZW5kIEdQVSAoaW50ZWdyYXRlZCwgbW9iaWxlLCBvciBmYWlsZWQgcGVyZiBiZW5jaG1hcmspXG4gKiAgMiBcdTIwMTQgY2FwYWJsZSBHUFUgKGRpc2NyZXRlIC8gaGlnaC1lbmQgaW50ZWdyYXRlZClcbiAqXG4gKiBUaGUgYXRvbSBzdGFydHMgKipwZXNzaW1pc3RpYyoqIChgMGApIGFuZCB0aGUgcHJvYmUgaXMgc2NoZWR1bGVkIHRvIHJ1blxuICogKmFmdGVyIHRoZSBmaXJzdCBwYWludCogKHNlZSBgc2NoZWR1bGVEZXRlY3Rpb25gIGJlbG93KSwgbmV2ZXIgc3luY2hyb25vdXNseVxuICogYXQgbW9kdWxlLWV2YWx1YXRpb24gdGltZS5cbiAqXG4gKiBXaHkgcGVzc2ltaXN0aWMgKyBkZWZlcnJlZDpcbiAqICAtIEV2ZXJ5IGNvbnN1bWVyIGdhdGVzIGl0cyBgPGNhbnZhcz5gIC8gYFRIUkVFLldlYkdMUmVuZGVyZXJgIG9uIGB0aWVyID4gMGBcbiAqICAgIChvciBgPT09IDJgKS4gU3RhcnRpbmcgYXQgYDBgIG1lYW5zIGEgY29uc3VtZXIgcmVhZGluZyBgJGdwdVRpZXJgIGR1cmluZ1xuICogICAgaXRzIGZpcnN0IHJlbmRlciBuZXZlciBhdHRlbXB0cyB0byBjcmVhdGUgYSByZW5kZXJlciBiZWZvcmUgZGV0ZWN0aW9uIGhhc1xuICogICAgcnVuLCBzbyB0aGUgYFRIUkVFLldlYkdMUmVuZGVyZXI6IEVycm9yIGNyZWF0aW5nIFdlYkdMIGNvbnRleHRgIGNyYXNoIG9uXG4gKiAgICBoYXJkd2FyZSB3aGVyZSBjb250ZXh0IGNyZWF0aW9uIGZhaWxzIGNhbm5vdCBoYXBwZW4gXHUyMDE0IHRoZSBjb21wb25lbnRcbiAqICAgIHJlbmRlcnMgaXRzIGZhbGxiYWNrIGFuZCB1cGdyYWRlcyBvbmNlIGRldGVjdGlvbiByZXNvbHZlcyB0byBhIGNhcGFibGVcbiAqICAgIHRpZXIuIChBIHByZXZpb3VzIHZlcnNpb24gbWFkZSB0aGUgcHJvYmUgc3luY2hyb25vdXMtYXQtbW9kdWxlLWxvYWQgdG9cbiAqICAgIGRvZGdlIHRoaXMgY3Jhc2g7IHRoZSBwZXNzaW1pc3RpYyBkZWZhdWx0IHJlbW92ZXMgdGhlIGNyYXNoIHdpdGhvdXQgdGhhdFxuICogICAgY29zdC4pXG4gKiAgLSBQcm9iaW5nIFdlYkdMIGlzICpleHBlbnNpdmUqIG9uIHNvZnR3YXJlIHJlbmRlcmVyczogY3JlYXRpbmcgYSBjb250ZXh0XG4gKiAgICB1bmRlciBTd2lmdFNoYWRlciAvIGxsdm1waXBlIGNhbiBibG9jayB0aGUgbWFpbiB0aHJlYWQgZm9yIGh1bmRyZWRzIG9mXG4gKiAgICBtaWxsaXNlY29uZHMuIFJ1bm5pbmcgaXQgc3luY2hyb25vdXNseSBhdCBtb2R1bGUgbG9hZCBzdGFsbGVkIGZpcnN0IHBhaW50XG4gKiAgICBhbmQgcHJvZHVjZWQgYSB2aXNpYmxlIGJvb3QtdGltZSBmbGFzaCBpbiBhcHBzIHRoYXQgbWVyZWx5IGltcG9ydCB0aGlzXG4gKiAgICBob29rIChlLmcuIHRoZSBIZXJtZXMgZGFzaGJvYXJkIGJhY2tkcm9wKS4gRGVmZXJyaW5nIHBhc3QgZmlyc3QgcGFpbnRcbiAqICAgIGtlZXBzIGJvb3Qgc21vb3RoOyB0aGUgdGllciBqdXN0IHVwZ3JhZGVzIGEgZnJhbWUgb3IgdHdvIGxhdGVyLlxuICogIC0gRm9yIFNTUiB0aGUgc2VydmVyIGtlZXBzIHRoZSBkZWZhdWx0IGAwYCBhbmQgdGhlIGNsaWVudCdzIGZpcnN0IHJlbmRlclxuICogICAgYWxzbyByZWFkcyBgMGAsIHNvIHRoZXJlIGlzIG5vIGh5ZHJhdGlvbiBtaXNtYXRjaC5cbiAqL1xuZXhwb3J0IGNvbnN0ICRncHVUaWVyID0gYXRvbTxHcHVUaWVyPigwKVxuXG5jb25zdCBTT0ZUV0FSRV9QQVRURVJOUyA9XG4gIC9zd2lmdHNoYWRlcnxsbHZtcGlwZXxzb2Z0cGlwZXxzb2Z0d2FyZXxtaWNyb3NvZnQgYmFzaWMvaVxuXG5jb25zdCBMT1dfRU5EX1BBVFRFUk5TID1cbiAgL2ludGVsLipoZHxpbnRlbC4qdWhkfGludGVsLippcmlzfG1hbGl8YWRyZW5vXFxzP1sxLTVdfHBvd2VydnJ8YXBwbGUgZ3B1L2lcblxubGV0IGRldGVjdGVkID0gZmFsc2VcblxuZnVuY3Rpb24gZGV0ZWN0R3B1VGllcigpIHtcbiAgaWYgKGRldGVjdGVkIHx8IHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuXG4gIH1cblxuICBkZXRlY3RlZCA9IHRydWVcblxuICAvLyBUaGUgYXRvbSBhbHJlYWR5IGhvbGRzIDA7IHRoZSBlYXJseSByZXR1cm5zIGJlbG93IHNpbXBseSBsZWF2ZSBpdCB0aGVyZS5cbiAgaWYgKHdpbmRvdy5tYXRjaE1lZGlhKCcocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKScpLm1hdGNoZXMpIHtcbiAgICByZXR1cm5cbiAgfVxuXG4gIGxldCBnbDogbnVsbCB8IFdlYkdMUmVuZGVyaW5nQ29udGV4dCA9IG51bGxcblxuICB0cnkge1xuICAgIGNvbnN0IGNhbnZhcyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2NhbnZhcycpXG4gICAgZ2wgPSAoY2FudmFzLmdldENvbnRleHQoJ3dlYmdsJykgfHxcbiAgICAgIGNhbnZhcy5nZXRDb250ZXh0KCdleHBlcmltZW50YWwtd2ViZ2wnKSkgYXMgbnVsbCB8IFdlYkdMUmVuZGVyaW5nQ29udGV4dFxuICB9IGNhdGNoIHtcbiAgICAvLyBTb21lIHNhbmRib3hlZCAvIGhhcmRlbmVkIGNvbnRleHRzIHRocm93IG9uIGdldENvbnRleHQgcmF0aGVyIHRoYW5cbiAgICAvLyByZXR1cm5pbmcgbnVsbCAoZS5nLiBjZXJ0YWluIGNvcnBvcmF0ZSBicm93c2VyIHBvbGljaWVzKS4gVHJlYXQgYXNcbiAgICAvLyBcIm5vIFdlYkdMIGF2YWlsYWJsZVwiLlxuICAgIHJldHVyblxuICB9XG5cbiAgaWYgKCFnbCkge1xuICAgIHJldHVyblxuICB9XG5cbiAgY29uc3QgZXh0ID0gZ2wuZ2V0RXh0ZW5zaW9uKCdXRUJHTF9kZWJ1Z19yZW5kZXJlcl9pbmZvJylcbiAgY29uc3QgcmVuZGVyZXIgPSBTdHJpbmcoXG4gICAgZXh0XG4gICAgICA/IGdsLmdldFBhcmFtZXRlcihleHQuVU5NQVNLRURfUkVOREVSRVJfV0VCR0wpXG4gICAgICA6IGdsLmdldFBhcmFtZXRlcihnbC5SRU5ERVJFUilcbiAgKVxuXG4gIGlmIChTT0ZUV0FSRV9QQVRURVJOUy50ZXN0KHJlbmRlcmVyKSkge1xuICAgIGdsLmdldEV4dGVuc2lvbignV0VCR0xfbG9zZV9jb250ZXh0Jyk/Lmxvc2VDb250ZXh0KClcblxuICAgIHJldHVyblxuICB9XG5cbiAgaWYgKExPV19FTkRfUEFUVEVSTlMudGVzdChyZW5kZXJlcikpIHtcbiAgICAkZ3B1VGllci5zZXQoMSlcbiAgICBnbC5nZXRFeHRlbnNpb24oJ1dFQkdMX2xvc2VfY29udGV4dCcpPy5sb3NlQ29udGV4dCgpXG5cbiAgICByZXR1cm5cbiAgfVxuXG4gICRncHVUaWVyLnNldCgyKVxuXG4gIHJ1bkJlbmNobWFyayhnbClcbiAgICAudGhlbihmcHMgPT4gJGdwdVRpZXIuc2V0KGZwcyA8IDMwID8gMSA6IDIpKVxuICAgIC5jYXRjaCgoKSA9PiAkZ3B1VGllci5zZXQoMSkpXG4gICAgLmZpbmFsbHkoKCkgPT4gZ2w/LmdldEV4dGVuc2lvbignV0VCR0xfbG9zZV9jb250ZXh0Jyk/Lmxvc2VDb250ZXh0KCkpXG59XG5cbi8qKlxuICogUnVuIGRldGVjdGlvbiBvbmNlLCAqYWZ0ZXIqIHRoZSBmaXJzdCBwYWludCBzbyB0aGUgKHBvdGVudGlhbGx5IGV4cGVuc2l2ZSlcbiAqIFdlYkdMIHByb2JlIG5ldmVyIGJsb2NrcyBpbml0aWFsIHJlbmRlci4gUHJlZmVyIGByZXF1ZXN0SWRsZUNhbGxiYWNrYCBzbyB0aGVcbiAqIHByb2JlIHlpZWxkcyB0byByZW5kZXJpbmcgYW5kIGlucHV0OyBmYWxsIGJhY2sgdG8gYSBkb3VibGVcbiAqIGByZXF1ZXN0QW5pbWF0aW9uRnJhbWVgIChndWFyYW50ZWVzIGF0IGxlYXN0IG9uZSBwYWludGVkIGZyYW1lKSBhbmQgZmluYWxseVxuICogYHNldFRpbWVvdXRgIHdoZXJlIG5laXRoZXIgZXhpc3RzLlxuICovXG5mdW5jdGlvbiBzY2hlZHVsZURldGVjdGlvbigpIHtcbiAgaWYgKHR5cGVvZiB3aW5kb3cgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuXG4gIH1cblxuICBpZiAodHlwZW9mIHdpbmRvdy5yZXF1ZXN0SWRsZUNhbGxiYWNrID09PSAnZnVuY3Rpb24nKSB7XG4gICAgd2luZG93LnJlcXVlc3RJZGxlQ2FsbGJhY2soKCkgPT4gZGV0ZWN0R3B1VGllcigpLCB7IHRpbWVvdXQ6IDEwMDAgfSlcbiAgfSBlbHNlIGlmICh0eXBlb2Ygd2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZSA9PT0gJ2Z1bmN0aW9uJykge1xuICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT5cbiAgICAgIHdpbmRvdy5yZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gZGV0ZWN0R3B1VGllcigpKVxuICAgIClcbiAgfSBlbHNlIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IGRldGVjdEdwdVRpZXIoKSwgMClcbiAgfVxufVxuXG5zY2hlZHVsZURldGVjdGlvbigpXG5cbmZ1bmN0aW9uIHJ1bkJlbmNobWFyayhnbDogV2ViR0xSZW5kZXJpbmdDb250ZXh0KTogUHJvbWlzZTxudW1iZXI+IHtcbiAgcmV0dXJuIG5ldyBQcm9taXNlKHJlc29sdmUgPT4ge1xuICAgIGNvbnN0IHZzID0gZ2wuY3JlYXRlU2hhZGVyKGdsLlZFUlRFWF9TSEFERVIpIVxuICAgIGNvbnN0IGZzID0gZ2wuY3JlYXRlU2hhZGVyKGdsLkZSQUdNRU5UX1NIQURFUikhXG4gICAgZ2wuc2hhZGVyU291cmNlKFxuICAgICAgdnMsXG4gICAgICAnYXR0cmlidXRlIHZlYzIgYTt2b2lkIG1haW4oKXtnbF9Qb3NpdGlvbj12ZWM0KGEsMCwxKTt9J1xuICAgIClcbiAgICBnbC5zaGFkZXJTb3VyY2UoXG4gICAgICBmcyxcbiAgICAgICdwcmVjaXNpb24gaGlnaHAgZmxvYXQ7dW5pZm9ybSBmbG9hdCB0O3ZvaWQgbWFpbigpe2Zsb2F0IHY9MC47Zm9yKGludCBpPTA7aTw2NDtpKyspdis9c2luKGZsb2F0KGkpKnQqLjAxKTtnbF9GcmFnQ29sb3I9dmVjNCh2Ki4wMDEpO30nXG4gICAgKVxuICAgIGdsLmNvbXBpbGVTaGFkZXIodnMpXG4gICAgZ2wuY29tcGlsZVNoYWRlcihmcylcblxuICAgIGNvbnN0IHByb2cgPSBnbC5jcmVhdGVQcm9ncmFtKCkhXG4gICAgZ2wuYXR0YWNoU2hhZGVyKHByb2csIHZzKVxuICAgIGdsLmF0dGFjaFNoYWRlcihwcm9nLCBmcylcbiAgICBnbC5saW5rUHJvZ3JhbShwcm9nKVxuICAgIGdsLnVzZVByb2dyYW0ocHJvZylcblxuICAgIGNvbnN0IGJ1ZiA9IGdsLmNyZWF0ZUJ1ZmZlcigpXG4gICAgZ2wuYmluZEJ1ZmZlcihnbC5BUlJBWV9CVUZGRVIsIGJ1ZilcbiAgICBnbC5idWZmZXJEYXRhKFxuICAgICAgZ2wuQVJSQVlfQlVGRkVSLFxuICAgICAgbmV3IEZsb2F0MzJBcnJheShbLTEsIC0xLCAxLCAtMSwgLTEsIDEsIDEsIDFdKSxcbiAgICAgIGdsLlNUQVRJQ19EUkFXXG4gICAgKVxuICAgIGNvbnN0IGEgPSBnbC5nZXRBdHRyaWJMb2NhdGlvbihwcm9nLCAnYScpXG4gICAgZ2wuZW5hYmxlVmVydGV4QXR0cmliQXJyYXkoYSlcbiAgICBnbC52ZXJ0ZXhBdHRyaWJQb2ludGVyKGEsIDIsIGdsLkZMT0FULCBmYWxzZSwgMCwgMClcblxuICAgIGNvbnN0IHVUID0gZ2wuZ2V0VW5pZm9ybUxvY2F0aW9uKHByb2csICd0JylcbiAgICBsZXQgZnJhbWVzID0gMFxuICAgIGNvbnN0IHN0YXJ0ID0gcGVyZm9ybWFuY2Uubm93KClcblxuICAgIGNvbnN0IHRpY2sgPSAoKSA9PiB7XG4gICAgICBnbC51bmlmb3JtMWYodVQsIGZyYW1lcylcbiAgICAgIGdsLmRyYXdBcnJheXMoZ2wuVFJJQU5HTEVfU1RSSVAsIDAsIDQpXG4gICAgICBnbC5maW5pc2goKVxuICAgICAgZnJhbWVzKytcblxuICAgICAgaWYgKHBlcmZvcm1hbmNlLm5vdygpIC0gc3RhcnQgPCAyMDApIHtcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHRpY2spXG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zdCBlbGFwc2VkID0gcGVyZm9ybWFuY2Uubm93KCkgLSBzdGFydFxuICAgICAgICBnbC5kZWxldGVQcm9ncmFtKHByb2cpXG4gICAgICAgIGdsLmRlbGV0ZVNoYWRlcih2cylcbiAgICAgICAgZ2wuZGVsZXRlU2hhZGVyKGZzKVxuICAgICAgICBnbC5kZWxldGVCdWZmZXIoYnVmKVxuICAgICAgICByZXNvbHZlKChmcmFtZXMgLyBlbGFwc2VkKSAqIDEwMDApXG4gICAgICB9XG4gICAgfVxuXG4gICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHRpY2spXG4gIH0pXG59XG5cbmV4cG9ydCBmdW5jdGlvbiB1c2VHcHVUaWVyKCkge1xuICByZXR1cm4gdXNlU3RvcmUoJGdwdVRpZXIpXG59XG5cbnR5cGUgR3B1VGllciA9IDAgfCAxIHwgMlxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUVBLFNBQVMsZ0JBQWdCO0FBQ3pCLFNBQVMsWUFBWTtBQWdDZCxhQUFNLFdBQVcsS0FBYyxD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

package/dist/hooks/use-render-loop.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Visibility- and intersection-aware render-loop helper for the WebGL
+ * overlays.
+ *
+ * The overlays were previously running fragment shaders at 60fps for the
+ * entire lifetime of the page — including when the tab was hidden, the
+ * canvas had been scrolled out of view, or the user had been idle for
+ * hours. On retina laptops the compositor cost of mix-blend-mode on a
+ * full-viewport canvas plus continuous WebGL rasterisation is enough to
+ * keep the GPU hot indefinitely, which is what manifests as "fans go
+ * crazy after 2 hours of idle".
+ *
+ * `runRenderLoop` wraps a frame callback so that it:
+ *
+ *   1. Pauses entirely when `document.hidden` is true (background tab,
+ *      minimised window, screen locked).
+ *   2. Pauses when the canvas's bounding rect is offscreen (we tell
+ *      `IntersectionObserver` to look at the canvas itself).
+ *   3. Optionally caps the frame rate via a min-interval — the previous
+ *      `gpuTier === 1 ? setTimeout(loop, 100) : raf` trick is preserved
+ *      and extended so even tier-2 GPUs cap at e.g. 30fps for overlays
+ *      that don't need 60.
+ *
+ * The callback receives the *delta* time in seconds since the last call
+ * (so `uTime` advances correctly across pauses without ever skipping
+ * forward by hours).
+ */
+interface RunRenderLoopOptions {
+    /** Element to observe with IntersectionObserver. When fully out of
+     *  view, the loop pauses. Pass the canvas element itself. */
+    el: Element;
+    /** Min ms between frames. 0 = no cap (uses requestAnimationFrame).
+     *  Anything > 0 uses setTimeout-driven scheduling. */
+    minIntervalMs?: number;
+    /** Frame callback. Receives the elapsed seconds since the previous
+     *  *executed* frame (not since the previous scheduled frame), so
+     *  uniforms keyed off this value will not jump after a long pause. */
+    onFrame: (deltaSeconds: number) => void;
+}
+export declare function runRenderLoop({ el, minIntervalMs, onFrame }: RunRenderLoopOptions): () => void;
+export {};

package/dist/hooks/use-render-loop.js

@@ -0,0 +1,63 @@
+"use client";
+export function runRenderLoop({
+  el,
+  minIntervalMs = 0,
+  onFrame
+}) {
+  let running = true;
+  let visible = !document.hidden;
+  let inView = true;
+  let last = performance.now();
+  let raf = 0;
+  let timer;
+  const onVisibility = () => {
+    visible = !document.hidden;
+    if (visible) {
+      last = performance.now();
+      schedule();
+    }
+  };
+  const io = new IntersectionObserver(
+    (entries) => {
+      const wasInView = inView;
+      inView = entries.some((e) => e.isIntersecting);
+      if (!wasInView && inView) {
+        last = performance.now();
+        schedule();
+      }
+    },
+    { threshold: 0 }
+  );
+  io.observe(el);
+  document.addEventListener("visibilitychange", onVisibility);
+  const tick = () => {
+    if (!running) return;
+    if (!visible || !inView) {
+      return;
+    }
+    const now = performance.now();
+    const delta = (now - last) / 1e3;
+    last = now;
+    onFrame(delta);
+    schedule();
+  };
+  function schedule() {
+    if (!running || !visible || !inView) return;
+    if (minIntervalMs > 0) {
+      timer = setTimeout(tick, minIntervalMs);
+    } else {
+      raf = requestAnimationFrame(tick);
+    }
+  }
+  schedule();
+  return () => {
+    running = false;
+    io.disconnect();
+    document.removeEventListener("visibilitychange", onVisibility);
+    cancelAnimationFrame(raf);
+    if (timer !== void 0) {
+      clearTimeout(timer);
+    }
+  };
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbi8qKlxuICogVmlzaWJpbGl0eS0gYW5kIGludGVyc2VjdGlvbi1hd2FyZSByZW5kZXItbG9vcCBoZWxwZXIgZm9yIHRoZSBXZWJHTFxuICogb3ZlcmxheXMuXG4gKlxuICogVGhlIG92ZXJsYXlzIHdlcmUgcHJldmlvdXNseSBydW5uaW5nIGZyYWdtZW50IHNoYWRlcnMgYXQgNjBmcHMgZm9yIHRoZVxuICogZW50aXJlIGxpZmV0aW1lIG9mIHRoZSBwYWdlIFx1MjAxNCBpbmNsdWRpbmcgd2hlbiB0aGUgdGFiIHdhcyBoaWRkZW4sIHRoZVxuICogY2FudmFzIGhhZCBiZWVuIHNjcm9sbGVkIG91dCBvZiB2aWV3LCBvciB0aGUgdXNlciBoYWQgYmVlbiBpZGxlIGZvclxuICogaG91cnMuIE9uIHJldGluYSBsYXB0b3BzIHRoZSBjb21wb3NpdG9yIGNvc3Qgb2YgbWl4LWJsZW5kLW1vZGUgb24gYVxuICogZnVsbC12aWV3cG9ydCBjYW52YXMgcGx1cyBjb250aW51b3VzIFdlYkdMIHJhc3RlcmlzYXRpb24gaXMgZW5vdWdoIHRvXG4gKiBrZWVwIHRoZSBHUFUgaG90IGluZGVmaW5pdGVseSwgd2hpY2ggaXMgd2hhdCBtYW5pZmVzdHMgYXMgXCJmYW5zIGdvXG4gKiBjcmF6eSBhZnRlciAyIGhvdXJzIG9mIGlkbGVcIi5cbiAqXG4gKiBgcnVuUmVuZGVyTG9vcGAgd3JhcHMgYSBmcmFtZSBjYWxsYmFjayBzbyB0aGF0IGl0OlxuICpcbiAqICAgMS4gUGF1c2VzIGVudGlyZWx5IHdoZW4gYGRvY3VtZW50LmhpZGRlbmAgaXMgdHJ1ZSAoYmFja2dyb3VuZCB0YWIsXG4gKiAgICAgIG1pbmltaXNlZCB3aW5kb3csIHNjcmVlbiBsb2NrZWQpLlxuICogICAyLiBQYXVzZXMgd2hlbiB0aGUgY2FudmFzJ3MgYm91bmRpbmcgcmVjdCBpcyBvZmZzY3JlZW4gKHdlIHRlbGxcbiAqICAgICAgYEludGVyc2VjdGlvbk9ic2VydmVyYCB0byBsb29rIGF0IHRoZSBjYW52YXMgaXRzZWxmKS5cbiAqICAgMy4gT3B0aW9uYWxseSBjYXBzIHRoZSBmcmFtZSByYXRlIHZpYSBhIG1pbi1pbnRlcnZhbCBcdTIwMTQgdGhlIHByZXZpb3VzXG4gKiAgICAgIGBncHVUaWVyID09PSAxID8gc2V0VGltZW91dChsb29wLCAxMDApIDogcmFmYCB0cmljayBpcyBwcmVzZXJ2ZWRcbiAqICAgICAgYW5kIGV4dGVuZGVkIHNvIGV2ZW4gdGllci0yIEdQVXMgY2FwIGF0IGUuZy4gMzBmcHMgZm9yIG92ZXJsYXlzXG4gKiAgICAgIHRoYXQgZG9uJ3QgbmVlZCA2MC5cbiAqXG4gKiBUaGUgY2FsbGJhY2sgcmVjZWl2ZXMgdGhlICpkZWx0YSogdGltZSBpbiBzZWNvbmRzIHNpbmNlIHRoZSBsYXN0IGNhbGxcbiAqIChzbyBgdVRpbWVgIGFkdmFuY2VzIGNvcnJlY3RseSBhY3Jvc3MgcGF1c2VzIHdpdGhvdXQgZXZlciBza2lwcGluZ1xuICogZm9yd2FyZCBieSBob3VycykuXG4gKi9cblxuaW50ZXJmYWNlIFJ1blJlbmRlckxvb3BPcHRpb25zIHtcbiAgLyoqIEVsZW1lbnQgdG8gb2JzZXJ2ZSB3aXRoIEludGVyc2VjdGlvbk9ic2VydmVyLiBXaGVuIGZ1bGx5IG91dCBvZlxuICAgKiAgdmlldywgdGhlIGxvb3AgcGF1c2VzLiBQYXNzIHRoZSBjYW52YXMgZWxlbWVudCBpdHNlbGYuICovXG4gIGVsOiBFbGVtZW50XG4gIC8qKiBNaW4gbXMgYmV0d2VlbiBmcmFtZXMuIDAgPSBubyBjYXAgKHVzZXMgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKS5cbiAgICogIEFueXRoaW5nID4gMCB1c2VzIHNldFRpbWVvdXQtZHJpdmVuIHNjaGVkdWxpbmcuICovXG4gIG1pbkludGVydmFsTXM/OiBudW1iZXJcbiAgLyoqIEZyYW1lIGNhbGxiYWNrLiBSZWNlaXZlcyB0aGUgZWxhcHNlZCBzZWNvbmRzIHNpbmNlIHRoZSBwcmV2aW91c1xuICAgKiAgKmV4ZWN1dGVkKiBmcmFtZSAobm90IHNpbmNlIHRoZSBwcmV2aW91cyBzY2hlZHVsZWQgZnJhbWUpLCBzb1xuICAgKiAgdW5pZm9ybXMga2V5ZWQgb2ZmIHRoaXMgdmFsdWUgd2lsbCBub3QganVtcCBhZnRlciBhIGxvbmcgcGF1c2UuICovXG4gIG9uRnJhbWU6IChkZWx0YVNlY29uZHM6IG51bWJlcikgPT4gdm9pZFxufVxuXG5leHBvcnQgZnVuY3Rpb24gcnVuUmVuZGVyTG9vcCh7XG4gIGVsLFxuICBtaW5JbnRlcnZhbE1zID0gMCxcbiAgb25GcmFtZVxufTogUnVuUmVuZGVyTG9vcE9wdGlvbnMpIHtcbiAgbGV0IHJ1bm5pbmcgPSB0cnVlXG4gIGxldCB2aXNpYmxlID0gIWRvY3VtZW50LmhpZGRlblxuICBsZXQgaW5WaWV3ID0gdHJ1ZVxuICBsZXQgbGFzdCA9IHBlcmZvcm1hbmNlLm5vdygpXG4gIGxldCByYWYgPSAwXG4gIGxldCB0aW1lcjogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWRcblxuICBjb25zdCBvblZpc2liaWxpdHkgPSAoKSA9PiB7XG4gICAgdmlzaWJsZSA9ICFkb2N1bWVudC5oaWRkZW5cblxuICAgIC8vIFdoZW4gd2UgY29tZSBiYWNrIGZyb20gYSBoaWRkZW4gdGFiLCByZXNldCB0aGUgY2xvY2sgc28gdGhlIG5leHRcbiAgICAvLyBmcmFtZSdzIGRlbHRhIGlzIH5vbmUgZnJhbWUsIG5vdCBcImhvdXJzIHNpbmNlIEkgd2FzIGhpZGRlblwiLlxuICAgIGlmICh2aXNpYmxlKSB7XG4gICAgICBsYXN0ID0gcGVyZm9ybWFuY2Uubm93KClcbiAgICAgIHNjaGVkdWxlKClcbiAgICB9XG4gIH1cblxuICBjb25zdCBpbyA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihcbiAgICBlbnRyaWVzID0+IHtcbiAgICAgIGNvbnN0IHdhc0luVmlldyA9IGluVmlld1xuICAgICAgaW5WaWV3ID0gZW50cmllcy5zb21lKGUgPT4gZS5pc0ludGVyc2VjdGluZylcblxuICAgICAgaWYgKCF3YXNJblZpZXcgJiYgaW5WaWV3KSB7XG4gICAgICAgIGxhc3QgPSBwZXJmb3JtYW5jZS5ub3coKVxuICAgICAgICBzY2hlZHVsZSgpXG4gICAgICB9XG4gICAgfSxcbiAgICB7IHRocmVzaG9sZDogMCB9XG4gIClcblxuICBpby5vYnNlcnZlKGVsKVxuICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCd2aXNpYmlsaXR5Y2hhbmdlJywgb25WaXNpYmlsaXR5KVxuXG4gIGNvbnN0IHRpY2sgPSAoKSA9PiB7XG4gICAgaWYgKCFydW5uaW5nKSByZXR1cm5cblxuICAgIGlmICghdmlzaWJsZSB8fCAhaW5WaWV3KSB7XG4gICAgICAvLyBEb24ndCByZXNjaGVkdWxlIFx1MjAxNCB3ZSdsbCBiZSByZS1raWNrZWQgYnkgdmlzaWJpbGl0eWNoYW5nZSBvciBJTy5cbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IG5vdyA9IHBlcmZvcm1hbmNlLm5vdygpXG4gICAgY29uc3QgZGVsdGEgPSAobm93IC0gbGFzdCkgLyAxMDAwXG4gICAgbGFzdCA9IG5vd1xuXG4gICAgb25GcmFtZShkZWx0YSlcbiAgICBzY2hlZHVsZSgpXG4gIH1cblxuICBmdW5jdGlvbiBzY2hlZHVsZSgpIHtcbiAgICBpZiAoIXJ1bm5pbmcgfHwgIXZpc2libGUgfHwgIWluVmlldykgcmV0dXJuXG5cbiAgICBpZiAobWluSW50ZXJ2YWxNcyA+IDApIHtcbiAgICAgIHRpbWVyID0gc2V0VGltZW91dCh0aWNrLCBtaW5JbnRlcnZhbE1zKVxuICAgIH0gZWxzZSB7XG4gICAgICByYWYgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUodGljaylcbiAgICB9XG4gIH1cblxuICBzY2hlZHVsZSgpXG5cbiAgcmV0dXJuICgpID0+IHtcbiAgICBydW5uaW5nID0gZmFsc2VcbiAgICBpby5kaXNjb25uZWN0KClcbiAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCd2aXNpYmlsaXR5Y2hhbmdlJywgb25WaXNpYmlsaXR5KVxuICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHJhZilcblxuICAgIGlmICh0aW1lciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGltZXIpXG4gICAgfVxuICB9XG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBMkNPLGdCQUFTLGNBQWM7QUFBQSxFQUM1QjtBQUFBLEVBQ0EsZ0JBQWdCO0FBQUEsRUFDaEI7QUFDRixHQUF5QjtBQUN2QixNQUFJLFVBQVU7QUFDZCxNQUFJLFVBQVUsQ0FBQyxTQUFTO0FBQ3hCLE1BQUksU0FBUztBQUNiLE1BQUksT0FBTyxZQUFZLElBQUk7QUFDM0IsTUFBSSxNQUFNO0FBQ1YsTUFBSTtBQUVKLFFBQU0sZUFBZSxNQUFNO0FBQ3pCLGNBQVUsQ0FBQyxTQUFTO0FBSXBCLFFBQUksU0FBUztBQUNYLGFBQU8sWUFBWSxJQUFJO0FBQ3ZCLGVBQVM7QUFBQSxJQUNYO0FBQUEsRUFDRjtBQUVBLFFBQU0sS0FBSyxJQUFJO0FBQUEsSUFDYixhQUFXO0FBQ1QsWUFBTSxZQUFZO0FBQ2xCLGVBQVMsUUFBUSxLQUFLLE9BQUssRUFBRSxjQUFjO0FBRTNDLFVBQUksQ0FBQyxhQUFhLFFBQVE7QUFDeEIsZUFBTyxZQUFZLElBQUk7QUFDdkIsaUJBQVM7QUFBQSxNQUNYO0FBQUEsSUFDRjtBQUFBLElBQ0EsRUFBRSxXQUFXLEVBQUU7QUFBQSxFQUNqQjtBQUVBLEtBQUcsUUFBUSxFQUFFO0FBQ2IsV0FBUyxpQkFBaUIsb0JBQW9CLFlBQVk7QUFFMUQsUUFBTSxPQUFPLE1BQU07QUFDakIsUUFBSSxDQUFDLFFBQVM7QUFFZCxRQUFJLENBQUMsV0FBVyxDQUFDLFFBQVE7QUFFdkI7QUFBQSxJQUNGO0FBRUEsVUFBTSxNQUFNLFlBQVksSUFBSTtBQUM1QixVQUFNLFNBQVMsTUFBTSxRQUFRO0FBQzdCLFdBQU87QUFFUCxZQUFRLEtBQUs7QUFDYixhQUFTO0FBQUEsRUFDWDtBQUVBLFdBQVMsV0FBVztBQUNsQixRQUFJLENBQUMsV0FBVyxDQUFDLFdBQVcsQ0FBQyxPQUFRO0FBRXJDLFFBQUksZ0JBQWdCLEdBQUc7QUFDckIsY0FBUSxXQUFXLE1BQU0sYUFBYTtBQUFBLElBQ3hDLE9BQU87QUFDTCxZQUFNLHNCQUFzQixJQUFJO0FBQUEsSUFDbEM7QUFBQSxFQUNGO0FBRUEsV0FBUztBQUVULFNBQU8sTUFBTTtBQUNYLGNBQVU7QUFDVixPQUFHLFdBQVc7QUFDZCxhQUFTLG9CQUFvQixvQkFBb0IsWUFBWTtBQUM3RCx5QkFBcUIsR0FBRztBQUV4QixRQUFJLFVBQVUsUUFBVztBQUN2QixtQkFBYSxLQUFLO0FBQUEsSUFDcEI7QUFBQSxFQUNGO0FBQ0Y7IiwKICAibmFtZXMiOiBbXQp9Cg==

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

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

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

@@ -0,0 +1,217 @@
+"use client";
+import gsap from "gsap";
+import { buttonGroup, useControls } from "leva";
+import { atom } from "nanostores";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+const atomRegistry = /* @__PURE__ */ new Map();
+const val = (v) => v && typeof v === "object" && "value" in v ? v.value : v;
+const isHex = (v) => /color/i.test(v?.type) || /^#[0-9a-f]{3,8}$/i.test(val(v));
+const randHex = () => `#${Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0")}`;
+const randNum = (v) => typeof v === "object" && ("min" in v || "max" in v) ? gsap.utils.random(v.min ?? 0, v.max ?? 1, v.step ?? 0.01) : gsap.utils.random(0, 1);
+export function useSmoothControls(label, initialArgs, options, dependencies) {
+  const entries = useMemo(
+    () => Object.entries(initialArgs ?? {}),
+    [initialArgs]
+  );
+  const values = useMemo(
+    () => entries.filter(([, v]) => !/button|folder/i.test(v?.type)),
+    [entries]
+  );
+  const mountedRef = useRef(false);
+  const atoms = useMemo(() => {
+    const map = atomRegistry.get(label) ?? /* @__PURE__ */ new Map();
+    if (!atomRegistry.has(label)) {
+      atomRegistry.set(label, map);
+    }
+    const freshMount = !mountedRef.current;
+    entries.forEach(([k, v]) => {
+      if (v?.schema) {
+        Object.keys(v.schema).forEach((sk) => {
+          const key = `${k}.${sk}`;
+          if (!map.has(key)) {
+            map.set(key, atom(val(v.schema[sk])));
+          } else if (freshMount) {
+            map.get(key).set(val(v.schema[sk]));
+          }
+        });
+      } else if (!map.has(k)) {
+        map.set(k, atom(val(v)));
+      } else if (freshMount) {
+        map.get(k).set(val(v));
+      }
+    });
+    return map;
+  }, [label, entries]);
+  useEffect(() => {
+    mountedRef.current = true;
+  }, []);
+  const hydrate = useCallback(
+    () => Object.fromEntries(
+      entries.flatMap(
+        ([k, v]) => v?.schema ? Object.entries(v.schema).map(([k0, v0]) => [
+          k0,
+          atoms.get(`${k}.${k0}`)?.get() ?? val(v0)
+        ]) : [[k, atoms.get(k)?.get() ?? val(v)]]
+      )
+    ),
+    [entries, atoms]
+  );
+  const [args, update] = useState(hydrate);
+  const setRef = useRef(null);
+  const atomVals = useRef({});
+  const fromAtom = useRef(false);
+  const fromControl = useRef(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    if (Object.keys(args).length !== Object.keys(initialArgs).length) {
+      update(hydrate);
+    }
+  }, [initialArgs, args]);
+  useEffect(() => {
+    if (!setRef.current) {
+      return;
+    }
+    const unsubs = [];
+    let ready = false;
+    const initTimeout = setTimeout(() => ready = true, 100);
+    const subscribe = (fullKey, updateFn) => {
+      const a = atoms.get(fullKey);
+      if (!a) {
+        return;
+      }
+      unsubs.push(
+        a.subscribe((v) => {
+          const prev = atomVals.current[fullKey];
+          atomVals.current[fullKey] = v;
+          if (setRef.current && ready && prev !== v && !fromControl.current.has(fullKey)) {
+            fromAtom.current = true;
+            try {
+              updateFn(v);
+            } catch {
+            }
+            setTimeout(() => fromAtom.current = false, 0);
+          }
+        })
+      );
+      atomVals.current[fullKey] = a.get();
+    };
+    entries.forEach(([k, v]) => {
+      if (v?.schema) {
+        Object.keys(v.schema).forEach((sk) => {
+          subscribe(`${k}.${sk}`, (v2) => {
+            try {
+              setRef.current({
+                [k]: { ...args[k] ?? {}, [sk]: v2 }
+              });
+            } catch {
+            }
+            update((st) => ({
+              ...st,
+              [k]: { ...st[k] ?? {}, [sk]: v2 }
+            }));
+          });
+        });
+      } else {
+        subscribe(k, (v2) => {
+          try {
+            setRef.current({ [k]: v2 });
+          } catch {
+          }
+          update((st) => ({ ...st, [k]: v2 }));
+        });
+      }
+    });
+    return () => {
+      clearTimeout(initTimeout);
+      unsubs.forEach((fn) => fn());
+    };
+  }, [label, entries, atoms, args]);
+  const onChange = (k, orig) => (e, k0) => {
+    if (fromAtom.current) {
+      return orig?.(e, k0);
+    }
+    const key = k0?.split(".")?.pop() ?? k;
+    const fullKey = k0 ?? k;
+    const a = atoms.get(fullKey);
+    fromControl.current.add(fullKey);
+    const sync = (v) => {
+      update((st) => ({ ...st, [key]: v }));
+      a?.set(v);
+      orig?.(v, k0);
+    };
+    if (typeof e === "number" && args[key] !== e) {
+      gsap.to(args, {
+        duration: options?.duration ?? 0.35,
+        ease: "circ.out",
+        [key]: e,
+        onComplete: () => void fromControl.current.delete(fullKey),
+        onUpdate: () => {
+          fromControl.current.add(fullKey);
+          sync(args[key]);
+          setTimeout(() => fromControl.current.delete(fullKey), 0);
+        }
+      });
+    } else {
+      sync(e);
+      setTimeout(() => fromControl.current.delete(fullKey), 0);
+    }
+  };
+  const [, set] = useControls(
+    label,
+    () => ({
+      ...Object.fromEntries(
+        entries.map(
+          ([k, v]) => v?.schema ? [
+            k,
+            {
+              ...v,
+              schema: Object.fromEntries(
+                Object.entries(v.schema).map(([sk, sv]) => [
+                  sk,
+                  { ...sv, onChange: onChange(k, sv?.onChange) }
+                ])
+              )
+            }
+          ] : [k, { ...v, onChange: onChange(k, v?.onChange) }]
+        )
+      ),
+      " ": buttonGroup({
+        flatten: () => void set(Object.fromEntries(values.map(([k]) => [k, 0]))),
+        randomize: () => {
+          set(
+            Object.fromEntries(
+              values.map(([k, v]) => [k, isHex(v) ? randHex() : randNum(v)])
+            )
+          );
+          options?.onRandomize?.();
+        },
+        reset: () => {
+          set(Object.fromEntries(values.map(([k, v]) => [k, val(v)])));
+          options?.onReset?.();
+        }
+      })
+    }),
+    { collapsed: true, ...options },
+    dependencies ?? []
+  );
+  setRef.current = set;
+  return args;
+}
+export const getControlAtom = (label, key) => atomRegistry.get(label)?.get(key);
+export const setControlValue = (label, key, value, options) => {
+  const a = getControlAtom(label, key);
+  if (!a) {
+    return;
+  }
+  if (options?.animate && typeof value === "number" && typeof a.get() === "number") {
+    const t = { v: a.get() };
+    gsap.to(t, {
+      duration: options.duration ?? 0.35,
+      ease: "circ.out",
+      onUpdate: () => a.set(t.v),
+      v: value
+    });
+  } else {
+    a.set(value);
+  }
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBnc2FwIGZyb20gJ2dzYXAnXG5pbXBvcnQgeyBidXR0b25Hcm91cCwgdXNlQ29udHJvbHMgfSBmcm9tICdsZXZhJ1xuaW1wb3J0IHsgYXRvbSwgdHlwZSBXcml0YWJsZUF0b20gfSBmcm9tICduYW5vc3RvcmVzJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBhdG9tUmVnaXN0cnkgPSBuZXcgTWFwPHN0cmluZywgTWFwPHN0cmluZywgV3JpdGFibGVBdG9tPGFueT4+PigpXG5cbmNvbnN0IHZhbCA9ICh2OiBhbnkpID0+XG4gIHYgJiYgdHlwZW9mIHYgPT09ICdvYmplY3QnICYmICd2YWx1ZScgaW4gdiA/IHYudmFsdWUgOiB2XG5cbmNvbnN0IGlzSGV4ID0gKHY6IGFueSkgPT5cbiAgL2NvbG9yL2kudGVzdCh2Py50eXBlKSB8fCAvXiNbMC05YS1mXXszLDh9JC9pLnRlc3QodmFsKHYpKVxuXG5jb25zdCByYW5kSGV4ID0gKCkgPT5cbiAgYCMke01hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDB4ZmZmZmZmKVxuICAgIC50b1N0cmluZygxNilcbiAgICAucGFkU3RhcnQoNiwgJzAnKX1gXG5cbmNvbnN0IHJhbmROdW0gPSAodjogYW55KSA9PlxuICB0eXBlb2YgdiA9PT0gJ29iamVjdCcgJiYgKCdtaW4nIGluIHYgfHwgJ21heCcgaW4gdilcbiAgICA/IGdzYXAudXRpbHMucmFuZG9tKHYubWluID8/IDAsIHYubWF4ID8/IDEsIHYuc3RlcCA/PyAwLjAxKVxuICAgIDogZ3NhcC51dGlscy5yYW5kb20oMCwgMSlcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVNtb290aENvbnRyb2xzPFQgZXh0ZW5kcyBSZWNvcmQ8c3RyaW5nLCBhbnk+PihcbiAgbGFiZWw6IHN0cmluZyxcbiAgaW5pdGlhbEFyZ3M6IFQsXG4gIG9wdGlvbnM/OiBVc2VTbW9vdGhDb250cm9sc09wdGlvbnMsXG4gIGRlcGVuZGVuY2llcz86IFBhcmFtZXRlcnM8dHlwZW9mIHVzZUNvbnRyb2xzPlszXVxuKSB7XG4gIHR5cGUgUiA9IHsgW0sgaW4ga2V5b2YgVF06IFRbS10gZXh0ZW5kcyB7IHZhbHVlOiBpbmZlciBWIH0gPyBWIDogbmV2ZXIgfVxuXG4gIGNvbnN0IGVudHJpZXMgPSB1c2VNZW1vKFxuICAgICgpID0+IE9iamVjdC5lbnRyaWVzKGluaXRpYWxBcmdzID8/IHt9KSxcbiAgICBbaW5pdGlhbEFyZ3NdXG4gIClcblxuICBjb25zdCB2YWx1ZXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGVudHJpZXMuZmlsdGVyKChbLCB2XSkgPT4gIS9idXR0b258Zm9sZGVyL2kudGVzdCh2Py50eXBlKSksXG4gICAgW2VudHJpZXNdXG4gIClcblxuICAvLyBUcmFja3Mgd2hldGhlciB0aGlzIGNvbXBvbmVudCBpbnN0YW5jZSBoYXMgbW91bnRlZCB5ZXQuIFdoZW4gYSByZW1vdW50XG4gIC8vIGhhcHBlbnMgKGUuZy4gU3Rvcnlib29rIGNoYW5naW5nIGEgYGtleWAgcHJvcCB0byBmb3JjZSBhIGxlbnMgcmVzZXQpLCB3ZVxuICAvLyB3YW50IHRoZSBtb2R1bGUtc2NvcGVkIGF0b21zIHRvIGJlIHJlc2VlZGVkIGZyb20gdGhlIG5ldyBgaW5pdGlhbEFyZ3NgIHNvXG4gIC8vIHRoZSBmaXJzdCBwYWludCByZWZsZWN0cyB0aGUgbmV3bHktc2VsZWN0ZWQgcHJlc2V0IFx1MjAxNCBub3QgbGVmdG92ZXIgdmFsdWVzXG4gIC8vIGZyb20gdGhlIHByZXZpb3VzIG1vdW50LlxuICBjb25zdCBtb3VudGVkUmVmID0gdXNlUmVmKGZhbHNlKVxuXG4gIGNvbnN0IGF0b21zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgbWFwID0gYXRvbVJlZ2lzdHJ5LmdldChsYWJlbCkgPz8gbmV3IE1hcDxzdHJpbmcsIFdyaXRhYmxlQXRvbTxhbnk+PigpXG5cbiAgICBpZiAoIWF0b21SZWdpc3RyeS5oYXMobGFiZWwpKSB7XG4gICAgICBhdG9tUmVnaXN0cnkuc2V0KGxhYmVsLCBtYXApXG4gICAgfVxuXG4gICAgY29uc3QgZnJlc2hNb3VudCA9ICFtb3VudGVkUmVmLmN1cnJlbnRcblxuICAgIGVudHJpZXMuZm9yRWFjaCgoW2ssIHZdKSA9PiB7XG4gICAgICBpZiAodj8uc2NoZW1hKSB7XG4gICAgICAgIE9iamVjdC5rZXlzKHYuc2NoZW1hKS5mb3JFYWNoKHNrID0+IHtcbiAgICAgICAgICBjb25zdCBrZXkgPSBgJHtrfS4ke3NrfWBcblxuICAgICAgICAgIGlmICghbWFwLmhhcyhrZXkpKSB7XG4gICAgICAgICAgICBtYXAuc2V0KGtleSwgYXRvbSh2YWwodi5zY2hlbWFbc2tdKSkpXG4gICAgICAgICAgfSBlbHNlIGlmIChmcmVzaE1vdW50KSB7XG4gICAgICAgICAgICBtYXAuZ2V0KGtleSkhLnNldCh2YWwodi5zY2hlbWFbc2tdKSlcbiAgICAgICAgICB9XG4gICAgICAgIH0pXG4gICAgICB9IGVsc2UgaWYgKCFtYXAuaGFzKGspKSB7XG4gICAgICAgIG1hcC5zZXQoaywgYXRvbSh2YWwodikpKVxuICAgICAgfSBlbHNlIGlmIChmcmVzaE1vdW50KSB7XG4gICAgICAgIG1hcC5nZXQoaykhLnNldCh2YWwodikpXG4gICAgICB9XG4gICAgfSlcblxuICAgIHJldHVybiBtYXBcbiAgfSwgW2xhYmVsLCBlbnRyaWVzXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG1vdW50ZWRSZWYuY3VycmVudCA9IHRydWVcbiAgfSwgW10pXG5cbiAgY29uc3QgaHlkcmF0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+XG4gICAgICBPYmplY3QuZnJvbUVudHJpZXMoXG4gICAgICAgIGVudHJpZXMuZmxhdE1hcCgoW2ssIHZdKSA9PlxuICAgICAgICAgIHY/LnNjaGVtYVxuICAgICAgICAgICAgPyBPYmplY3QuZW50cmllcyh2LnNjaGVtYSkubWFwKChbazAsIHYwXTogW3N0cmluZywgYW55XSkgPT4gW1xuICAgICAgICAgICAgICAgIGswLFxuICAgICAgICAgICAgICAgIGF0b21zLmdldChgJHtrfS4ke2swfWApPy5nZXQoKSA/PyB2YWwodjApXG4gICAgICAgICAgICAgIF0pXG4gICAgICAgICAgICA6IFtbaywgYXRvbXMuZ2V0KGspPy5nZXQoKSA/PyB2YWwodildXVxuICAgICAgICApXG4gICAgICApIGFzIFIsXG4gICAgW2VudHJpZXMsIGF0b21zXVxuICApXG5cbiAgY29uc3QgW2FyZ3MsIHVwZGF0ZV0gPSB1c2VTdGF0ZTxSPihoeWRyYXRlKVxuICBjb25zdCBzZXRSZWYgPSB1c2VSZWY8KCh2YWx1ZXM6IFBhcnRpYWw8Uj4pID0+IHZvaWQpIHwgbnVsbD4obnVsbClcbiAgY29uc3QgYXRvbVZhbHMgPSB1c2VSZWY8UmVjb3JkPHN0cmluZywgYW55Pj4oe30pXG4gIGNvbnN0IGZyb21BdG9tID0gdXNlUmVmKGZhbHNlKVxuICBjb25zdCBmcm9tQ29udHJvbCA9IHVzZVJlZjxTZXQ8c3RyaW5nPj4obmV3IFNldCgpKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKE9iamVjdC5rZXlzKGFyZ3MpLmxlbmd0aCAhPT0gT2JqZWN0LmtleXMoaW5pdGlhbEFyZ3MpLmxlbmd0aCkge1xuICAgICAgdXBkYXRlKGh5ZHJhdGUpXG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2luaXRpYWxBcmdzLCBhcmdzXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghc2V0UmVmLmN1cnJlbnQpIHtcbiAgICAgIHJldHVyblxuICAgIH1cblxuICAgIGNvbnN0IHVuc3ViczogQXJyYXk8KCkgPT4gdm9pZD4gPSBbXVxuICAgIGxldCByZWFkeSA9IGZhbHNlXG4gICAgY29uc3QgaW5pdFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IChyZWFkeSA9IHRydWUpLCAxMDApXG5cbiAgICBjb25zdCBzdWJzY3JpYmUgPSAoZnVsbEtleTogc3RyaW5nLCB1cGRhdGVGbjogKHY6IGFueSkgPT4gdm9pZCkgPT4ge1xuICAgICAgY29uc3QgYSA9IGF0b21zLmdldChmdWxsS2V5KVxuXG4gICAgICBpZiAoIWEpIHtcbiAgICAgICAgcmV0dXJuXG4gICAgICB9XG5cbiAgICAgIHVuc3Vicy5wdXNoKFxuICAgICAgICBhLnN1YnNjcmliZSh2ID0+IHtcbiAgICAgICAgICBjb25zdCBwcmV2ID0gYXRvbVZhbHMuY3VycmVudFtmdWxsS2V5XVxuICAgICAgICAgIGF0b21WYWxzLmN1cnJlbnRbZnVsbEtleV0gPSB2XG5cbiAgICAgICAgICBpZiAoXG4gICAgICAgICAgICBzZXRSZWYuY3VycmVudCAmJlxuICAgICAgICAgICAgcmVhZHkgJiZcbiAgICAgICAgICAgIHByZXYgIT09IHYgJiZcbiAgICAgICAgICAgICFmcm9tQ29udHJvbC5jdXJyZW50LmhhcyhmdWxsS2V5KVxuICAgICAgICAgICkge1xuICAgICAgICAgICAgZnJvbUF0b20uY3VycmVudCA9IHRydWVcblxuICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgdXBkYXRlRm4odilcbiAgICAgICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgICAgICAvL1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IChmcm9tQXRvbS5jdXJyZW50ID0gZmFsc2UpLCAwKVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgIClcblxuICAgICAgYXRvbVZhbHMuY3VycmVudFtmdWxsS2V5XSA9IGEuZ2V0KClcbiAgICB9XG5cbiAgICBlbnRyaWVzLmZvckVhY2goKFtrLCB2XSkgPT4ge1xuICAgICAgaWYgKHY/LnNjaGVtYSkge1xuICAgICAgICBPYmplY3Qua2V5cyh2LnNjaGVtYSkuZm9yRWFjaChzayA9PiB7XG4gICAgICAgICAgc3Vic2NyaWJlKGAke2t9LiR7c2t9YCwgdiA9PiB7XG4gICAgICAgICAgICB0cnkge1xuICAgICAgICAgICAgICBzZXRSZWYuY3VycmVudCEoe1xuICAgICAgICAgICAgICAgIFtrXTogeyAuLi4oKGFyZ3Nba10gYXMgYW55KSA/PyB7fSksIFtza106IHYgfVxuICAgICAgICAgICAgICB9IGFzIFBhcnRpYWw8Uj4pXG4gICAgICAgICAgICB9IGNhdGNoIHtcbiAgICAgICAgICAgICAgLy9cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgdXBkYXRlKHN0ID0+ICh7XG4gICAgICAgICAgICAgIC4uLnN0LFxuICAgICAgICAgICAgICBba106IHsgLi4uKChzdFtrXSBhcyBhbnkpID8/IHt9KSwgW3NrXTogdiB9XG4gICAgICAgICAgICB9KSlcbiAgICAgICAgICB9KVxuICAgICAgICB9KVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgc3Vic2NyaWJlKGssIHYgPT4ge1xuICAgICAgICAgIHRyeSB7XG4gICAgICAgICAgICBzZXRSZWYuY3VycmVudCEoeyBba106IHYgfSBhcyBQYXJ0aWFsPFI+KVxuICAgICAgICAgIH0gY2F0Y2gge1xuICAgICAgICAgICAgLy9cbiAgICAgICAgICB9XG5cbiAgICAgICAgICB1cGRhdGUoc3QgPT4gKHsgLi4uc3QsIFtrXTogdiB9KSlcbiAgICAgICAgfSlcbiAgICAgIH1cbiAgICB9KVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNsZWFyVGltZW91dChpbml0VGltZW91dClcbiAgICAgIHVuc3Vicy5mb3JFYWNoKGZuID0+IGZuKCkpXG4gICAgfVxuICB9LCBbbGFiZWwsIGVudHJpZXMsIGF0b21zLCBhcmdzXSlcblxuICBjb25zdCBvbkNoYW5nZSA9XG4gICAgKGs6IHN0cmluZywgb3JpZz86IChlOiBhbnksIGswPzogc3RyaW5nKSA9PiB2b2lkKSA9PlxuICAgIChlOiBhbnksIGswPzogc3RyaW5nKSA9PiB7XG4gICAgICBpZiAoZnJvbUF0b20uY3VycmVudCkge1xuICAgICAgICByZXR1cm4gb3JpZz8uKGUsIGswKVxuICAgICAgfVxuXG4gICAgICBjb25zdCBrZXkgPSBrMD8uc3BsaXQoJy4nKT8ucG9wKCkgPz8ga1xuICAgICAgY29uc3QgZnVsbEtleSA9IGswID8/IGtcbiAgICAgIGNvbnN0IGEgPSBhdG9tcy5nZXQoZnVsbEtleSlcblxuICAgICAgZnJvbUNvbnRyb2wuY3VycmVudC5hZGQoZnVsbEtleSlcblxuICAgICAgY29uc3Qgc3luYyA9ICh2OiBhbnkpID0+IHtcbiAgICAgICAgdXBkYXRlKHN0ID0+ICh7IC4uLnN0LCBba2V5XTogdiB9KSlcbiAgICAgICAgYT8uc2V0KHYpXG4gICAgICAgIG9yaWc/Lih2LCBrMClcbiAgICAgIH1cblxuICAgICAgaWYgKHR5cGVvZiBlID09PSAnbnVtYmVyJyAmJiBhcmdzW2tleV0gIT09IGUpIHtcbiAgICAgICAgZ3NhcC50byhhcmdzLCB7XG4gICAgICAgICAgZHVyYXRpb246IG9wdGlvbnM/LmR1cmF0aW9uID8/IDAuMzUsXG4gICAgICAgICAgZWFzZTogJ2NpcmMub3V0JyxcbiAgICAgICAgICBba2V5XTogZSxcbiAgICAgICAgICBvbkNvbXBsZXRlOiAoKSA9PiB2b2lkIGZyb21Db250cm9sLmN1cnJlbnQuZGVsZXRlKGZ1bGxLZXkpLFxuICAgICAgICAgIG9uVXBkYXRlOiAoKSA9PiB7XG4gICAgICAgICAgICBmcm9tQ29udHJvbC5jdXJyZW50LmFkZChmdWxsS2V5KVxuICAgICAgICAgICAgc3luYyhhcmdzW2tleV0pXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IGZyb21Db250cm9sLmN1cnJlbnQuZGVsZXRlKGZ1bGxLZXkpLCAwKVxuICAgICAgICAgIH1cbiAgICAgICAgfSlcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHN5bmMoZSlcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiBmcm9tQ29udHJvbC5jdXJyZW50LmRlbGV0ZShmdWxsS2V5KSwgMClcbiAgICAgIH1cbiAgICB9XG5cbiAgY29uc3QgWywgc2V0XSA9IHVzZUNvbnRyb2xzKFxuICAgIGxhYmVsLFxuICAgICgpID0+ICh7XG4gICAgICAuLi5PYmplY3QuZnJvbUVudHJpZXMoXG4gICAgICAgIGVudHJpZXMubWFwKChbaywgdl0pID0+XG4gICAgICAgICAgdj8uc2NoZW1hXG4gICAgICAgICAgICA/IFtcbiAgICAgICAgICAgICAgICBrLFxuICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgIC4uLnYsXG4gICAgICAgICAgICAgICAgICBzY2hlbWE6IE9iamVjdC5mcm9tRW50cmllcyhcbiAgICAgICAgICAgICAgICAgICAgT2JqZWN0LmVudHJpZXModi5zY2hlbWEpLm1hcCgoW3NrLCBzdl06IFtzdHJpbmcsIGFueV0pID0+IFtcbiAgICAgICAgICAgICAgICAgICAgICBzayxcbiAgICAgICAgICAgICAgICAgICAgICB7IC4uLnN2ISwgb25DaGFuZ2U6IG9uQ2hhbmdlKGssIHN2Py5vbkNoYW5nZSkgfVxuICAgICAgICAgICAgICAgICAgICBdKVxuICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgOiBbaywgeyAuLi52LCBvbkNoYW5nZTogb25DaGFuZ2Uoaywgdj8ub25DaGFuZ2UpIH1dXG4gICAgICAgIClcbiAgICAgICksXG5cbiAgICAgICcgJzogYnV0dG9uR3JvdXAoe1xuICAgICAgICBmbGF0dGVuOiAoKSA9PlxuICAgICAgICAgIHZvaWQgc2V0KE9iamVjdC5mcm9tRW50cmllcyh2YWx1ZXMubWFwKChba10pID0+IFtrLCAwXSkpKSxcbiAgICAgICAgcmFuZG9taXplOiAoKSA9PiB7XG4gICAgICAgICAgc2V0KFxuICAgICAgICAgICAgT2JqZWN0LmZyb21FbnRyaWVzKFxuICAgICAgICAgICAgICB2YWx1ZXMubWFwKChbaywgdl0pID0+IFtrLCBpc0hleCh2KSA/IHJhbmRIZXgoKSA6IHJhbmROdW0odildKVxuICAgICAgICAgICAgKVxuICAgICAgICAgIClcbiAgICAgICAgICBvcHRpb25zPy5vblJhbmRvbWl6ZT8uKClcbiAgICAgICAgfSxcbiAgICAgICAgcmVzZXQ6ICgpID0+IHtcbiAgICAgICAgICBzZXQoT2JqZWN0LmZyb21FbnRyaWVzKHZhbHVlcy5tYXAoKFtrLCB2XSkgPT4gW2ssIHZhbCh2KV0pKSlcbiAgICAgICAgICBvcHRpb25zPy5vblJlc2V0Py4oKVxuICAgICAgICB9XG4gICAgICB9KVxuICAgIH0pLFxuICAgIHsgY29sbGFwc2VkOiB0cnVlLCAuLi5vcHRpb25zIH0sXG4gICAgZGVwZW5kZW5jaWVzID8/IFtdXG4gIClcblxuICBzZXRSZWYuY3VycmVudCA9IHNldFxuXG4gIHJldHVybiBhcmdzXG59XG5cbmV4cG9ydCBjb25zdCBnZXRDb250cm9sQXRvbSA9IDxUID0gYW55PihcbiAgbGFiZWw6IHN0cmluZyxcbiAga2V5OiBzdHJpbmdcbik6IHVuZGVmaW5lZCB8IFdyaXRhYmxlQXRvbTxUPiA9PlxuICBhdG9tUmVnaXN0cnkuZ2V0KGxhYmVsKT8uZ2V0KGtleSkgYXMgdW5kZWZpbmVkIHwgV3JpdGFibGVBdG9tPFQ+XG5cbmV4cG9ydCBjb25zdCBzZXRDb250cm9sVmFsdWUgPSA8VCA9IGFueT4oXG4gIGxhYmVsOiBzdHJpbmcsXG4gIGtleTogc3RyaW5nLFxuICB2YWx1ZTogVCxcbiAgb3B0aW9ucz86IHsgYW5pbWF0ZT86IGJvb2xlYW47IGR1cmF0aW9uPzogbnVtYmVyIH1cbikgPT4ge1xuICBjb25zdCBhID0gZ2V0Q29udHJvbEF0b208VD4obGFiZWwsIGtleSlcblxuICBpZiAoIWEpIHtcbiAgICByZXR1cm5cbiAgfVxuXG4gIGlmIChcbiAgICBvcHRpb25zPy5hbmltYXRlICYmXG4gICAgdHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJyAmJlxuICAgIHR5cGVvZiBhLmdldCgpID09PSAnbnVtYmVyJ1xuICApIHtcbiAgICBjb25zdCB0ID0geyB2OiBhLmdldCgpIH1cblxuICAgIGdzYXAudG8odCwge1xuICAgICAgZHVyYXRpb246IG9wdGlvbnMuZHVyYXRpb24gPz8gMC4zNSxcbiAgICAgIGVhc2U6ICdjaXJjLm91dCcsXG4gICAgICBvblVwZGF0ZTogKCkgPT4gYS5zZXQodC52KSxcbiAgICAgIHY6IHZhbHVlXG4gICAgfSlcbiAgfSBlbHNlIHtcbiAgICBhLnNldCh2YWx1ZSlcbiAgfVxufVxuXG50eXBlIFVzZVNtb290aENvbnRyb2xzT3B0aW9ucyA9IFBhcmFtZXRlcnM8dHlwZW9mIHVzZUNvbnRyb2xzPlsyXSAmIHtcbiAgZHVyYXRpb24/OiBudW1iZXJcbiAgb25SYW5kb21pemU/OiAoKSA9PiB2b2lkXG4gIG9uUmVzZXQ/OiAoKSA9PiB2b2lkXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBRUEsT0FBTyxVQUFVO0FBQ2pCLFNBQVMsYUFBYSxtQkFBbUI7QUFDekMsU0FBUyxZQUErQjtBQUN4QyxTQUFTLGFBQWEsV0FBVyxTQUFTLFFBQVEsZ0JBQWdCO0FBRWxFLE1BQU0sZUFBZSxvQkFBSSxJQUE0QztBQUVyRSxNQUFNLE1BQU0sQ0FBQyxNQUNYLEtBQUssT0FBTyxNQUFNLFlBQVksV0FBVyxJQUFJLEVBQUUsUUFBUTtBQUV6RCxNQUFNLFFBQVEsQ0FBQyxNQUNiLFNBQVMsS0FBSyxHQUFHLElBQUksS0FBSyxvQkFBb0IsS0FBSyxJQUFJLENBQUMsQ0FBQztBQUUzRCxNQUFNLFVBQVUsTUFDZCxJQUFJLEtBQUssTUFBTSxLQUFLLE9BQU8sSUFBSSxRQUFRLEVBQ3BDLFNBQVMsRUFBRSxFQUNYLFNBQVMsR0FBRyxHQUFHLENBQUM7QUFFckIsTUFBTSxVQUFVLENBQUMsTUFDZixPQUFPLE1BQU0sYUFBYSxTQUFTLEtBQUssU0FBUyxLQUM3QyxLQUFLLE1BQU0sT0FBTyxFQUFFLE9BQU8sR0FBRyxFQUFFLE9BQU8sR0FBRyxFQUFFLFFBQVEsSUFBSSxJQUN4RCxLQUFLLE1BQU0sT0FBTyxHQUFHLENBQUM7QUFFckIsZ0JBQVMsa0JBQ2QsT0FDQSxhQUNBLFNBQ0Es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

package/dist/hooks/use-toast.d.ts

@@ -0,0 +1,7 @@
+export declare function useToast(duration?: number): {
+    showToast: (message: string, type: "error" | "success") => void;
+    toast: {
+        message: string;
+        type: "error" | "success";
+    } | null;
+};

package/dist/hooks/use-toast.js

@@ -0,0 +1,21 @@
+"use client";
+import { useCallback, useEffect, useRef, useState } from "react";
+export function useToast(duration = 3e3) {
+  const [toast, setToast] = useState(null);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, []);
+  const showToast = useCallback(
+    (message, type) => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      setToast({ message, type });
+      timerRef.current = setTimeout(() => setToast(null), duration);
+    },
+    [duration]
+  );
+  return { showToast, toast };
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIHVzZVRvYXN0KGR1cmF0aW9uID0gMzAwMCkge1xuICBjb25zdCBbdG9hc3QsIHNldFRvYXN0XSA9IHVzZVN0YXRlPHtcbiAgICBtZXNzYWdlOiBzdHJpbmdcbiAgICB0eXBlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnXG4gIH0gfCBudWxsPihudWxsKVxuXG4gIGNvbnN0IHRpbWVyUmVmID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgbnVsbD4obnVsbClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodGltZXJSZWYuY3VycmVudCkgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpXG4gICAgfVxuICB9LCBbXSlcblxuICBjb25zdCBzaG93VG9hc3QgPSB1c2VDYWxsYmFjayhcbiAgICAobWVzc2FnZTogc3RyaW5nLCB0eXBlOiAnZXJyb3InIHwgJ3N1Y2Nlc3MnKSA9PiB7XG4gICAgICBpZiAodGltZXJSZWYuY3VycmVudCkgY2xlYXJUaW1lb3V0KHRpbWVyUmVmLmN1cnJlbnQpXG4gICAgICBzZXRUb2FzdCh7IG1lc3NhZ2UsIHR5cGUgfSlcbiAgICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHNldFRvYXN0KG51bGwpLCBkdXJhdGlvbilcbiAgICB9LFxuICAgIFtkdXJhdGlvbl1cbiAgKVxuXG4gIHJldHVybiB7IHNob3dUb2FzdCwgdG9hc3QgfVxufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUVBLFNBQVMsYUFBYSxXQUFXLFFBQVEsZ0JBQWdCO0FBRWxELGdCQUFTLFNBQVMsV0FBVyxLQUFNO0FBQ3hDLFFBQU0sQ0FBQyxPQUFPLFFBQVEsSUFBSSxTQUdoQixJQUFJO0FBRWQsUUFBTSxXQUFXLE9BQTZDLElBQUk7QUFFbEUsWUFBVSxNQUFNO0FBQ2QsV0FBTyxNQUFNO0FBQ1gsVUFBSSxTQUFTLFFBQVMsY0FBYSxTQUFTLE9BQU87QUFBQSxJQUNyRDtBQUFBLEVBQ0YsR0FBRyxDQUFDLENBQUM7QUFFTCxRQUFNLFlBQVk7QUFBQSxJQUNoQixDQUFDLFNBQWlCLFNBQThCO0FBQzlDLFVBQUksU0FBUyxRQUFTLGNBQWEsU0FBUyxPQUFPO0FBQ25ELGVBQVMsRUFBRSxTQUFTLEtBQUssQ0FBQztBQUMxQixlQUFTLFVBQVUsV0FBVyxNQUFNLFNBQVMsSUFBSSxHQUFHLFFBQVE7QUFBQSxJQUM5RDtBQUFBLElBQ0EsQ0FBQyxRQUFRO0FBQUEsRUFDWDtBQUVBLFNBQU8sRUFBRSxXQUFXLE1BQU07QUFDNUI7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/index.d.ts

@@ -0,0 +1,79 @@
+export { AnimatedCount, useAnimatedCount } from './ui/components/animated-count';
+export { AsciiSkeleton, Scramble as AsciiScramble } from './ui/components/ascii';
+export { Badge } from './ui/components/badge';
+export { BottomSheet } from './ui/components/bottom-sheet';
+export { NousGirlBadge } from './ui/components/badges/sophos-girl';
+export { BlendMode, useBlendMode, withBlendMode } from './ui/components/blend-mode';
+export type { BlendModeProps } from './ui/components/blend-mode';
+export { Blink } from './ui/components/blink';
+export { Button } from './ui/components/button';
+export { Card, CardContent, CardDescription, CardHeader, CardTitle } from './ui/components/card';
+export { Checkbox } from './ui/components/checkbox';
+export { CommandBlock, CopyButton } from './ui/components/command-block';
+export { ConfirmDialog } from './ui/components/confirm-dialog';
+export { Cursor } from './ui/components/cursor';
+export { DropdownMenu } from './ui/components/dropdown-menu';
+export { FitText } from './ui/components/fit-text';
+export { BarChart, LineChart } from './ui/components/graphs';
+export { Cell, Grid } from './ui/components/grid';
+export { HoverBg } from './ui/components/hover-bg';
+export * as Icons from './ui/components/icons';
+export { DiscordIcon } from './ui/components/icons/discord';
+export { GitHubIcon } from './ui/components/icons/github';
+export { ImageDistortion } from './ui/components/image-distortion';
+export type { AutoPlayPattern } from './ui/components/image-distortion';
+export { Input } from './ui/components/input';
+export { Label } from './ui/components/label';
+export { LevaClient } from './ui/components/leva-client';
+export { ListItem } from './ui/components/list-item';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './ui/components/dialog';
+export { FilterGroup, Segmented } from './ui/components/segmented';
+export { Switch } from './ui/components/switch';
+export { Tabs, TabsList, TabsTrigger } from './ui/components/tabs';
+export { Poster } from './ui/components/poster';
+export type { PosterAspect, PosterProps, PosterVariant } from './ui/components/poster';
+export { applyLens, BLEND_MODES, LENSES, LENS_0, LENS_5I, lens0, lens5i, toggleLens, $lightMode } from './ui/components/overlays';
+export { Glitch, Greys, Lens, Noise, Overlays, Vignette } from './ui/components/overlays';
+export type { LensPreset } from './ui/components/overlays';
+export { Progress } from './ui/components/progress';
+export { SceneCanvas } from './ui/components/scene-canvas';
+export { Scramble } from './ui/components/scramble';
+export { Select, SelectOption } from './ui/components/select';
+export { SelectionSwitcher } from './ui/components/selection-switcher';
+export { Separator } from './ui/components/separator';
+export { Spinner } from './ui/components/spinner';
+export { Stats } from './ui/components/stats';
+export { TerminalDemo } from './ui/components/terminal-demo';
+export type { TerminalDemoStep } from './ui/components/terminal-demo';
+export { ThemeToggle } from './ui/components/theme-toggle';
+export { TierCard } from './ui/components/tier-card';
+export { Toast } from './ui/components/toast';
+export type { TierCardPrice, TierCardProps } from './ui/components/tier-card';
+export { TV } from './ui/components/tv';
+export { Watchlist } from './ui/components/watchlist';
+export { Typography } from './ui/components/typography';
+export type { TypographyProps } from './ui/components/typography';
+export { H1 } from './ui/components/typography/h1';
+export { H2 } from './ui/components/typography/h2';
+export { Legend } from './ui/components/typography/legend';
+export { Small } from './ui/components/typography/small';
+export { BasicPage } from './ui/basic-page';
+export { Header } from './ui/header';
+export type { HeaderLink, HeaderProps, HeaderSocial } from './ui/header';
+export { Footer } from './ui/footer';
+export type { FooterGroup, FooterLink, FooterProps } from './ui/footer';
+export { Socials } from './ui/components/socials';
+export type { SocialLink } from './ui/components/socials';
+export { LayoutWrapper } from './ui/layout-wrapper';
+export { FONT_SANS, FONT_MONO, FONT_RULES_COMPRESSED, FONT_RULES_EXPANDED, FONT_MONDWEST } from './fonts';
+export { cn, clamp, smoothstep, hexToVec3, truncate, stripWpStyles } from './utils';
+export { polyRef } from './utils';
+export type { PolyComponent, PolyProps, PolyRef } from './utils';
+export { hexToRgb, rgbToHex, colorDodge, colorMix } from './utils/color';
+export { useBelowBreakpoint } from './hooks/use-below-breakpoint';
+export { useCappedFrame } from './hooks/use-capped-frame';
+export { useConfirmDelete } from './hooks/use-confirm-delete';
+export { useCssVarDims } from './hooks/use-css-var-dims';
+export { $gpuTier, useGpuTier } from './hooks/use-gpu-tier';
+export { useSmoothControls, getControlAtom, setControlValue } from './hooks/use-smooth-controls';
+export { useToast } from './hooks/use-toast';