@three-flatland/devtools 0.1.0-alpha.3 → 1.0.0-alpha.6

package/dist/perf-trace.cjs

@@ -1,103 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var perf_trace_exports = {};
-__export(perf_trace_exports, {
-  tracePerf: () => tracePerf
-});
-module.exports = __toCommonJS(perf_trace_exports);
-const TRACK_NAME = "devtools";
-const TRACK_GROUP = "three-flatland";
-const COLOR_BY_TYPE = {
-  data: "primary",
-  ping: "secondary-light",
-  "subscribe:ack": "tertiary",
-  subscribe: "tertiary-light",
-  ack: "secondary",
-  unsubscribe: "tertiary-dark",
-  "provider:announce": "primary-light",
-  "provider:query": "primary-light",
-  "provider:gone": "error"
-};
-function tracePerf(msg) {
-  if (msg === void 0) return;
-  if (typeof performance === "undefined" || typeof performance.measure !== "function") return;
-  const ts = msg.ts;
-  if (typeof ts !== "number" || ts <= 0) return;
-  try {
-    const start = ts - performance.timeOrigin;
-    const end = performance.now();
-    if (end < start) return;
-    const bytes = estimatePayloadBytes(msg.payload);
-    performance.measure(`bus:${msg.type}`, {
-      start,
-      end,
-      detail: {
-        devtools: {
-          dataType: "track-entry",
-          track: TRACK_NAME,
-          trackGroup: TRACK_GROUP,
-          color: COLOR_BY_TYPE[msg.type] ?? "primary",
-          // Chrome's User Timings extension surfaces `properties` as a
-          // key/value table in the entry detail panel — perfect for
-          // per-message bandwidth at-a-glance.
-          properties: bytes > 0 ? [
-            ["type", msg.type],
-            ["bytes", formatBytes(bytes)]
-          ] : [["type", msg.type]]
-        }
-      }
-    });
-  } catch {
-  }
-}
-function estimatePayloadBytes(payload) {
-  if (payload === null || typeof payload !== "object") return 0;
-  let total = 0;
-  const features = payload.features;
-  if (features !== void 0) {
-    for (const f of Object.values(features)) {
-      total += sumTypedArrays(f);
-    }
-  }
-  return total;
-}
-function sumTypedArrays(node) {
-  if (node === null || typeof node !== "object") return 0;
-  let total = 0;
-  for (const v of Object.values(node)) {
-    if (v && typeof v === "object" && v.byteLength !== void 0 && ArrayBuffer.isView(v)) {
-      total += v.byteLength;
-      continue;
-    }
-    if (v && typeof v === "object") {
-      total += sumTypedArrays(v);
-    }
-  }
-  return total;
-}
-function formatBytes(n) {
-  if (n < 1024) return `${n} B`;
-  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
-  return `${(n / (1024 * 1024)).toFixed(2)} MB`;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  tracePerf
-});
-//# sourceMappingURL=perf-trace.cjs.map

package/dist/perf-trace.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/perf-trace.ts"],"sourcesContent":["/**\n * Log inbound bus messages as User Timing spans on the shared\n * **Devtools** track under the **three-flatland** group in Chrome's\n * Performance panel. Each span covers the window from when the sender\n * stamped the message to when the handler received it — end-to-end\n * `BroadcastChannel` delivery latency.\n *\n * Convention matches `packages/three-flatland/src/debug/perf-track.ts`:\n *   - track group: `three-flatland`\n *   - track:       `Devtools`\n *   - entry name:  `bus:<type>` (`bus:data`, `bus:ping`, `bus:subscribe:ack`, …)\n *\n * Older Chromes silently ignore the `detail.devtools` payload and the\n * spans show up on the default Timings track instead.\n *\n * Usage: call `tracePerf(msg)` at the top of the receive handler\n * (both the discovery and data routers). Safe in non-performance\n * environments — every call is wrapped in a capability check and a\n * try/catch so a failed measurement never takes down the client.\n */\n\nconst TRACK_NAME = 'devtools'\nconst TRACK_GROUP = 'three-flatland'\n\nconst COLOR_BY_TYPE: Record<string, string> = {\n  data: 'primary',\n  ping: 'secondary-light',\n  'subscribe:ack': 'tertiary',\n  subscribe: 'tertiary-light',\n  ack: 'secondary',\n  unsubscribe: 'tertiary-dark',\n  'provider:announce': 'primary-light',\n  'provider:query': 'primary-light',\n  'provider:gone': 'error',\n}\n\nexport function tracePerf(msg: { ts: number; type: string; payload?: unknown } | undefined): void {\n  if (msg === undefined) return\n  if (typeof performance === 'undefined' || typeof performance.measure !== 'function') return\n  const ts = msg.ts\n  if (typeof ts !== 'number' || ts <= 0) return\n  try {\n    // `msg.ts` is `Date.now()` (wall clock). Convert to the\n    // `performance.now()` origin by subtracting `timeOrigin`. Skip if\n    // clocks disagree enough to make the span go backwards.\n    const start = ts - performance.timeOrigin\n    const end = performance.now()\n    if (end < start) return\n\n    // Compute the heavy-data byte count from the message we just got.\n    // Walks typed-array fields only (ignoring object/scalar overhead,\n    // which is dominated by the typed arrays for `data` packets).\n    const bytes = estimatePayloadBytes(msg.payload)\n\n    performance.measure(`bus:${msg.type}`, {\n      start,\n      end,\n      detail: {\n        devtools: {\n          dataType: 'track-entry',\n          track: TRACK_NAME,\n          trackGroup: TRACK_GROUP,\n          color: COLOR_BY_TYPE[msg.type] ?? 'primary',\n          // Chrome's User Timings extension surfaces `properties` as a\n          // key/value table in the entry detail panel — perfect for\n          // per-message bandwidth at-a-glance.\n          properties: bytes > 0\n            ? [\n                ['type', msg.type],\n                ['bytes', formatBytes(bytes)],\n              ]\n            : [['type', msg.type]],\n        },\n      },\n    })\n  } catch {\n    // DevTools may reject the extension payload in older Chromes;\n    // ignore.\n  }\n}\n\n/**\n * Walk a structured-cloned payload and sum the `byteLength` of every\n * typed array we encounter (one level deep into `features.*` for data\n * packets, one level into `entries[*]` for registry/buffers payloads).\n * Doesn't recurse into arbitrary nested objects — anything past these\n * known shapes contributes 0, which is fine because real bandwidth\n * lives in the typed arrays.\n */\nfunction estimatePayloadBytes(payload: unknown): number {\n  if (payload === null || typeof payload !== 'object') return 0\n  let total = 0\n  // Direct `features` shape on data packets.\n  const features = (payload as { features?: Record<string, unknown> }).features\n  if (features !== undefined) {\n    for (const f of Object.values(features)) {\n      total += sumTypedArrays(f)\n    }\n  }\n  return total\n}\n\nfunction sumTypedArrays(node: unknown): number {\n  if (node === null || typeof node !== 'object') return 0\n  let total = 0\n  for (const v of Object.values(node)) {\n    if (v && typeof v === 'object' && (v as { byteLength?: number }).byteLength !== undefined && ArrayBuffer.isView(v as ArrayBufferView)) {\n      total += (v as ArrayBufferView).byteLength\n      continue\n    }\n    if (v && typeof v === 'object') {\n      total += sumTypedArrays(v)\n    }\n  }\n  return total\n}\n\nfunction formatBytes(n: number): string {\n  if (n < 1024) return `${n} B`\n  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`\n  return `${(n / (1024 * 1024)).toFixed(2)} MB`\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,MAAM,aAAa;AACnB,MAAM,cAAc;AAEpB,MAAM,gBAAwC;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,KAAK;AAAA,EACL,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;AAEO,SAAS,UAAU,KAAwE;AAChG,MAAI,QAAQ,OAAW;AACvB,MAAI,OAAO,gBAAgB,eAAe,OAAO,YAAY,YAAY,WAAY;AACrF,QAAM,KAAK,IAAI;AACf,MAAI,OAAO,OAAO,YAAY,MAAM,EAAG;AACvC,MAAI;AAIF,UAAM,QAAQ,KAAK,YAAY;AAC/B,UAAM,MAAM,YAAY,IAAI;AAC5B,QAAI,MAAM,MAAO;AAKjB,UAAM,QAAQ,qBAAqB,IAAI,OAAO;AAE9C,gBAAY,QAAQ,OAAO,IAAI,IAAI,IAAI;AAAA,MACrC;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,QACN,UAAU;AAAA,UACR,UAAU;AAAA,UACV,OAAO;AAAA,UACP,YAAY;AAAA,UACZ,OAAO,cAAc,IAAI,IAAI,KAAK;AAAA;AAAA;AAAA;AAAA,UAIlC,YAAY,QAAQ,IAChB;AAAA,YACE,CAAC,QAAQ,IAAI,IAAI;AAAA,YACjB,CAAC,SAAS,YAAY,KAAK,CAAC;AAAA,UAC9B,IACA,CAAC,CAAC,QAAQ,IAAI,IAAI,CAAC;AAAA,QACzB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,QAAQ;AAAA,EAGR;AACF;AAUA,SAAS,qBAAqB,SAA0B;AACtD,MAAI,YAAY,QAAQ,OAAO,YAAY,SAAU,QAAO;AAC5D,MAAI,QAAQ;AAEZ,QAAM,WAAY,QAAmD;AACrE,MAAI,aAAa,QAAW;AAC1B,eAAW,KAAK,OAAO,OAAO,QAAQ,GAAG;AACvC,eAAS,eAAe,CAAC;AAAA,IAC3B;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,eAAe,MAAuB;AAC7C,MAAI,SAAS,QAAQ,OAAO,SAAS,SAAU,QAAO;AACtD,MAAI,QAAQ;AACZ,aAAW,KAAK,OAAO,OAAO,IAAI,GAAG;AACnC,QAAI,KAAK,OAAO,MAAM,YAAa,EAA8B,eAAe,UAAa,YAAY,OAAO,CAAoB,GAAG;AACrI,eAAU,EAAsB;AAChC;AAAA,IACF;AACA,QAAI,KAAK,OAAO,MAAM,UAAU;AAC9B,eAAS,eAAe,CAAC;AAAA,IAC3B;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,YAAY,GAAmB;AACtC,MAAI,IAAI,KAAM,QAAO,GAAG,CAAC;AACzB,MAAI,IAAI,OAAO,KAAM,QAAO,IAAI,IAAI,MAAM,QAAQ,CAAC,CAAC;AACpD,SAAO,IAAI,KAAK,OAAO,OAAO,QAAQ,CAAC,CAAC;AAC1C;","names":[]}

package/dist/perf-trace.d.cts

@@ -1,27 +0,0 @@
-/**
- * Log inbound bus messages as User Timing spans on the shared
- * **Devtools** track under the **three-flatland** group in Chrome's
- * Performance panel. Each span covers the window from when the sender
- * stamped the message to when the handler received it — end-to-end
- * `BroadcastChannel` delivery latency.
- *
- * Convention matches `packages/three-flatland/src/debug/perf-track.ts`:
- *   - track group: `three-flatland`
- *   - track:       `Devtools`
- *   - entry name:  `bus:<type>` (`bus:data`, `bus:ping`, `bus:subscribe:ack`, …)
- *
- * Older Chromes silently ignore the `detail.devtools` payload and the
- * spans show up on the default Timings track instead.
- *
- * Usage: call `tracePerf(msg)` at the top of the receive handler
- * (both the discovery and data routers). Safe in non-performance
- * environments — every call is wrapped in a capability check and a
- * try/catch so a failed measurement never takes down the client.
- */
-declare function tracePerf(msg: {
-    ts: number;
-    type: string;
-    payload?: unknown;
-} | undefined): void;
-
-export { tracePerf };

package/dist/plugins.cjs

@@ -1,44 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var plugins_exports = {};
-__export(plugins_exports, {
-  EssentialsPlugin: () => EssentialsPlugin,
-  registerPlugins: () => registerPlugins
-});
-module.exports = __toCommonJS(plugins_exports);
-var EssentialsPlugin = __toESM(require("@tweakpane/plugin-essentials"), 1);
-function registerPlugins(pane) {
-  pane.registerPlugin(EssentialsPlugin);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EssentialsPlugin,
-  registerPlugins
-});
-//# sourceMappingURL=plugins.cjs.map

package/dist/plugins.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/plugins.ts"],"sourcesContent":["import type { Pane } from 'tweakpane'\nimport * as EssentialsPlugin from '@tweakpane/plugin-essentials'\n\nexport function registerPlugins(pane: Pane): void {\n  pane.registerPlugin(EssentialsPlugin)\n}\n\nexport { EssentialsPlugin }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAkC;AAE3B,SAAS,gBAAgB,MAAkB;AAChD,OAAK,eAAe,gBAAgB;AACtC;","names":[]}

package/dist/plugins.d.cts

@@ -1,7 +0,0 @@
-import { Pane } from 'tweakpane';
-import * as pluginEssentials from '@tweakpane/plugin-essentials';
-export { pluginEssentials as EssentialsPlugin };
-
-declare function registerPlugins(pane: Pane): void;
-
-export { registerPlugins };

package/dist/provider-switcher.cjs

@@ -1,95 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var provider_switcher_exports = {};
-__export(provider_switcher_exports, {
-  addProviderSwitcher: () => addProviderSwitcher
-});
-module.exports = __toCommonJS(provider_switcher_exports);
-function addProviderSwitcher(parent, client) {
-  const blade = parent.addBlade({ view: "separator" });
-  const bladeEl = blade.element;
-  bladeEl.innerHTML = "";
-  bladeEl.className = "tp-cntv";
-  bladeEl.style.cssText = "display:none";
-  const row = document.createElement("div");
-  row.style.cssText = [
-    "display:grid",
-    "grid-template-columns:auto 1fr auto",
-    "align-items:center",
-    "gap:6px",
-    "height:calc(var(--cnt-usz, 20px) * 1.1)",
-    "padding:0 6px",
-    "font-size:12px",
-    "line-height:1",
-    "color:var(--tp-label-foreground-color)",
-    "font-variant-numeric:tabular-nums",
-    "user-select:none",
-    "-webkit-user-select:none"
-  ].join(";");
-  const arrowStyle = "cursor:pointer;padding:0 4px;opacity:0.8;font-family:ui-monospace,monospace;";
-  const prevBtn = document.createElement("span");
-  prevBtn.textContent = "\u25C0";
-  prevBtn.style.cssText = arrowStyle;
-  prevBtn.setAttribute("role", "button");
-  prevBtn.setAttribute("aria-label", "Previous provider");
-  const label = document.createElement("span");
-  label.style.cssText = "text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap";
-  const nextBtn = document.createElement("span");
-  nextBtn.textContent = "\u25B6";
-  nextBtn.style.cssText = arrowStyle;
-  nextBtn.setAttribute("role", "button");
-  nextBtn.setAttribute("aria-label", "Next provider");
-  row.appendChild(prevBtn);
-  row.appendChild(label);
-  row.appendChild(nextBtn);
-  bladeEl.appendChild(row);
-  function step(delta) {
-    const providers = client.state.providers;
-    if (providers.length < 2) return;
-    const selected = client.state.selectedProviderId;
-    const idx = Math.max(0, providers.findIndex((p) => p.id === selected));
-    const next = providers[(idx + delta + providers.length) % providers.length];
-    client.selectProvider(next.id);
-  }
-  prevBtn.addEventListener("click", () => step(-1));
-  nextBtn.addEventListener("click", () => step(1));
-  const unsubscribe = client.addListener((s) => {
-    bladeEl.style.display = s.providers.length >= 2 ? "" : "none";
-    const current = s.providers.find((p) => p.id === s.selectedProviderId);
-    if (current) {
-      label.textContent = `${current.kind}:${current.name}`;
-      label.title = `${current.kind}:${current.name} (${current.id.slice(0, 8)})`;
-    } else {
-      label.textContent = "\u2014";
-      label.title = "";
-    }
-  });
-  return {
-    element: bladeEl,
-    dispose() {
-      unsubscribe();
-      blade.dispose();
-    }
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addProviderSwitcher
-});
-//# sourceMappingURL=provider-switcher.cjs.map

package/dist/provider-switcher.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/provider-switcher.ts"],"sourcesContent":["/**\n * Provider switcher — a single-row blade with ◀ / ▶ arrows + the\n * selected provider's name. Hidden while only one provider is known\n * (the common case); shown automatically whenever two or more appear\n * on the discovery bus.\n */\n\nimport type { FolderApi, Pane } from 'tweakpane'\n\nimport type { DevtoolsClient } from './devtools-client.js'\n\nexport interface ProviderSwitcherHandle {\n  readonly element: HTMLElement\n  dispose(): void\n}\n\nexport function addProviderSwitcher(\n  parent: Pane | FolderApi,\n  client: DevtoolsClient,\n): ProviderSwitcherHandle {\n  // Separator-blade shim so the rack ordering stays correct; we swap\n  // its innards for our own layout (same pattern as stats-graph / row).\n  const blade = parent.addBlade({ view: 'separator' }) as unknown as {\n    element: HTMLElement\n    dispose(): void\n  }\n  const bladeEl = blade.element\n  bladeEl.innerHTML = ''\n  bladeEl.className = 'tp-cntv'\n  bladeEl.style.cssText = 'display:none' // Hidden until >= 2 providers\n\n  const row = document.createElement('div')\n  row.style.cssText = [\n    'display:grid',\n    'grid-template-columns:auto 1fr auto',\n    'align-items:center',\n    'gap:6px',\n    'height:calc(var(--cnt-usz, 20px) * 1.1)',\n    'padding:0 6px',\n    'font-size:12px',\n    'line-height:1',\n    'color:var(--tp-label-foreground-color)',\n    'font-variant-numeric:tabular-nums',\n    'user-select:none',\n    '-webkit-user-select:none',\n  ].join(';')\n\n  const arrowStyle =\n    'cursor:pointer;padding:0 4px;opacity:0.8;font-family:ui-monospace,monospace;'\n  const prevBtn = document.createElement('span')\n  prevBtn.textContent = '◀'\n  prevBtn.style.cssText = arrowStyle\n  prevBtn.setAttribute('role', 'button')\n  prevBtn.setAttribute('aria-label', 'Previous provider')\n\n  const label = document.createElement('span')\n  label.style.cssText = 'text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap'\n\n  const nextBtn = document.createElement('span')\n  nextBtn.textContent = '▶'\n  nextBtn.style.cssText = arrowStyle\n  nextBtn.setAttribute('role', 'button')\n  nextBtn.setAttribute('aria-label', 'Next provider')\n\n  row.appendChild(prevBtn)\n  row.appendChild(label)\n  row.appendChild(nextBtn)\n  bladeEl.appendChild(row)\n\n  function step(delta: number): void {\n    const providers = client.state.providers\n    if (providers.length < 2) return\n    const selected = client.state.selectedProviderId\n    const idx = Math.max(0, providers.findIndex((p) => p.id === selected))\n    const next = providers[(idx + delta + providers.length) % providers.length]!\n    client.selectProvider(next.id)\n  }\n\n  prevBtn.addEventListener('click', () => step(-1))\n  nextBtn.addEventListener('click', () => step(1))\n\n  const unsubscribe = client.addListener((s) => {\n    // Visibility: only when multi-provider.\n    bladeEl.style.display = s.providers.length >= 2 ? '' : 'none'\n    const current = s.providers.find((p) => p.id === s.selectedProviderId)\n    if (current) {\n      // Prefix with kind so the user can tell flatland's system provider\n      // apart from a user provider with the same display name.\n      label.textContent = `${current.kind}:${current.name}`\n      label.title = `${current.kind}:${current.name} (${current.id.slice(0, 8)})`\n    } else {\n      label.textContent = '—'\n      label.title = ''\n    }\n  })\n\n  return {\n    element: bladeEl,\n    dispose() {\n      unsubscribe()\n      blade.dispose()\n    },\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,SAAS,oBACd,QACA,QACwB;AAGxB,QAAM,QAAQ,OAAO,SAAS,EAAE,MAAM,YAAY,CAAC;AAInD,QAAM,UAAU,MAAM;AACtB,UAAQ,YAAY;AACpB,UAAQ,YAAY;AACpB,UAAQ,MAAM,UAAU;AAExB,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,MAAM,UAAU;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,GAAG;AAEV,QAAM,aACJ;AACF,QAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,UAAQ,cAAc;AACtB,UAAQ,MAAM,UAAU;AACxB,UAAQ,aAAa,QAAQ,QAAQ;AACrC,UAAQ,aAAa,cAAc,mBAAmB;AAEtD,QAAM,QAAQ,SAAS,cAAc,MAAM;AAC3C,QAAM,MAAM,UAAU;AAEtB,QAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,UAAQ,cAAc;AACtB,UAAQ,MAAM,UAAU;AACxB,UAAQ,aAAa,QAAQ,QAAQ;AACrC,UAAQ,aAAa,cAAc,eAAe;AAElD,MAAI,YAAY,OAAO;AACvB,MAAI,YAAY,KAAK;AACrB,MAAI,YAAY,OAAO;AACvB,UAAQ,YAAY,GAAG;AAEvB,WAAS,KAAK,OAAqB;AACjC,UAAM,YAAY,OAAO,MAAM;AAC/B,QAAI,UAAU,SAAS,EAAG;AAC1B,UAAM,WAAW,OAAO,MAAM;AAC9B,UAAM,MAAM,KAAK,IAAI,GAAG,UAAU,UAAU,CAAC,MAAM,EAAE,OAAO,QAAQ,CAAC;AACrE,UAAM,OAAO,WAAW,MAAM,QAAQ,UAAU,UAAU,UAAU,MAAM;AAC1E,WAAO,eAAe,KAAK,EAAE;AAAA,EAC/B;AAEA,UAAQ,iBAAiB,SAAS,MAAM,KAAK,EAAE,CAAC;AAChD,UAAQ,iBAAiB,SAAS,MAAM,KAAK,CAAC,CAAC;AAE/C,QAAM,cAAc,OAAO,YAAY,CAAC,MAAM;AAE5C,YAAQ,MAAM,UAAU,EAAE,UAAU,UAAU,IAAI,KAAK;AACvD,UAAM,UAAU,EAAE,UAAU,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,kBAAkB;AACrE,QAAI,SAAS;AAGX,YAAM,cAAc,GAAG,QAAQ,IAAI,IAAI,QAAQ,IAAI;AACnD,YAAM,QAAQ,GAAG,QAAQ,IAAI,IAAI,QAAQ,IAAI,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,CAAC;AAAA,IAC1E,OAAO;AACL,YAAM,cAAc;AACpB,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AACR,kBAAY;AACZ,YAAM,QAAQ;AAAA,IAChB;AAAA,EACF;AACF;","names":[]}

package/dist/provider-switcher.d.cts

@@ -1,18 +0,0 @@
-import { Pane, FolderApi } from 'tweakpane';
-import { DevtoolsClient } from './devtools-client.cjs';
-import 'three-flatland/debug-protocol';
-
-/**
- * Provider switcher — a single-row blade with ◀ / ▶ arrows + the
- * selected provider's name. Hidden while only one provider is known
- * (the common case); shown automatically whenever two or more appear
- * on the discovery bus.
- */
-
-interface ProviderSwitcherHandle {
-    readonly element: HTMLElement;
-    dispose(): void;
-}
-declare function addProviderSwitcher(parent: Pane | FolderApi, client: DevtoolsClient): ProviderSwitcherHandle;
-
-export { type ProviderSwitcherHandle, addProviderSwitcher };

package/dist/react/devtools-provider.cjs

@@ -1,59 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var devtools_provider_exports = {};
-__export(devtools_provider_exports, {
-  DevtoolsProvider: () => DevtoolsProvider
-});
-module.exports = __toCommonJS(devtools_provider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_fiber = require("@react-three/fiber");
-var import_three_flatland = require("three-flatland");
-function DevtoolsProvider(props) {
-  if (process.env.NODE_ENV === "production" && process.env.FL_DEVTOOLS !== "true") return null;
-  if (!(0, import_three_flatland.isDevtoolsActive)()) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevtoolsProviderActive, { ...props });
-}
-function DevtoolsProviderActive({
-  name,
-  id,
-  discoveryChannelName
-}) {
-  const handleRef = (0, import_react.useRef)(null);
-  (0, import_fiber.useFrame)((state) => {
-    const h = handleRef.current;
-    if (!h || h.disposed) return;
-    h.endFrame(state.gl);
-    h.beginFrame(performance.now(), state.gl);
-  });
-  (0, import_react.useEffect)(() => {
-    const handle = (0, import_three_flatland.createDevtoolsProvider)({ name, id, discoveryChannelName });
-    handleRef.current = handle;
-    return () => {
-      handle.dispose();
-      if (handleRef.current === handle) handleRef.current = null;
-    };
-  }, [name, id, discoveryChannelName]);
-  return null;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DevtoolsProvider
-});
-//# sourceMappingURL=devtools-provider.cjs.map

package/dist/react/devtools-provider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react/devtools-provider.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactElement } from 'react'\nimport { useFrame } from '@react-three/fiber'\nimport {\n  createDevtoolsProvider,\n  isDevtoolsActive,\n  type DevtoolsProviderHandle,\n} from 'three-flatland'\n\n// Types the build-time `process.env` reads without requiring @types/node (shadows the global where present; erased at compile).\ndeclare const process: { env: { NODE_ENV?: string; FL_DEVTOOLS?: string } }\n\nexport interface DevtoolsProviderProps {\n  /** Display name shown in the consumer's provider switcher. */\n  name?: string\n  /** Optional explicit provider id (defaults to a fresh uuid). */\n  id?: string\n  /** Override the discovery channel name (advanced). */\n  discoveryChannelName?: string\n}\n\n/**\n * Mount inside `<Canvas>` to publish stats / registry / buffer feeds.\n * Drop it next to your scene — no children, no wrapping:\n *\n * ```tsx\n * <Canvas>\n *   <DevtoolsProvider name=\"basic-sprite\" />\n *   <Scene />\n * </Canvas>\n * ```\n *\n * Passive sampler — does NOT take over rendering. Registers a\n * default-phase `useFrame` and snaps `endFrame → beginFrame` once per\n * tick, leaving R3F's auto-render (and any explicit render useFrame\n * like Flatland's `flatland.render(gl)`) completely alone. The\n * `cpuMs` value reported is the inter-tick interval — equivalent to\n * frame time at 60fps, slightly looser than Flatland's internal\n * tight-bracket measurement when stressed (Flatland's number isolates\n * just its `render()` work; ours covers the whole rAF interval).\n *\n * **Safe to leave in production.** The outer component short-circuits\n * when the devtools build gate is false (build-time, terser folds the\n * branch away) or when `isDevtoolsActive()` is false (runtime toggle). In\n * those cases the inner component never mounts, no `useFrame` is\n * registered, and R3F's normal auto-render path is untouched.\n */\nexport function DevtoolsProvider(\n  props: DevtoolsProviderProps,\n): ReactElement | null {\n  if (process.env.NODE_ENV === 'production' && process.env.FL_DEVTOOLS !== 'true') return null\n  if (!isDevtoolsActive()) return null\n  return <DevtoolsProviderActive {...props} />\n}\n\nfunction DevtoolsProviderActive({\n  name,\n  id,\n  discoveryChannelName,\n}: DevtoolsProviderProps): null {\n  // Provider creation lives in `useEffect` only — never in render. R3F's\n  // concurrent-rendering + StrictMode double-render can throw away renders\n  // before commit, and any side effect we performed in render (like\n  // opening BroadcastChannels) would leak as an orphan. Keeping the only\n  // construction site inside the committed effect guarantees one live\n  // provider per mounted component instance.\n  const handleRef = useRef<DevtoolsProviderHandle | null>(null)\n\n  useFrame((state) => {\n    const h = handleRef.current\n    if (!h || h.disposed) return\n    // Default-phase `useFrame` runs every rAF tick BEFORE R3F's\n    // auto-render (or whatever render useFrame the example registered).\n    // We close the previous tick's window and open the next one, so\n    // `cpuMs` measures the full inter-tick interval. We deliberately\n    // do NOT use `phase: 'render'` — that would steal R3F's render\n    // slot and prevent users from driving their own render path\n    // (Flatland's `flatland.render(gl)`, custom passes, etc.).\n    h.endFrame(state.gl as never)\n    h.beginFrame(performance.now(), state.gl as never)\n  })\n\n  useEffect(() => {\n    const handle = createDevtoolsProvider({ name, id, discoveryChannelName })\n    handleRef.current = handle\n    return () => {\n      handle.dispose()\n      if (handleRef.current === handle) handleRef.current = null\n    }\n  }, [name, id, discoveryChannelName])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmDS;AAnDT,mBAAqD;AACrD,mBAAyB;AACzB,4BAIO;AAwCA,SAAS,iBACd,OACqB;AACrB,MAAI,QAAQ,IAAI,aAAa,gBAAgB,QAAQ,IAAI,gBAAgB,OAAQ,QAAO;AACxF,MAAI,KAAC,wCAAiB,EAAG,QAAO;AAChC,SAAO,4CAAC,0BAAwB,GAAG,OAAO;AAC5C;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAgC;AAO9B,QAAM,gBAAY,qBAAsC,IAAI;AAE5D,6BAAS,CAAC,UAAU;AAClB,UAAM,IAAI,UAAU;AACpB,QAAI,CAAC,KAAK,EAAE,SAAU;AAQtB,MAAE,SAAS,MAAM,EAAW;AAC5B,MAAE,WAAW,YAAY,IAAI,GAAG,MAAM,EAAW;AAAA,EACnD,CAAC;AAED,8BAAU,MAAM;AACd,UAAM,aAAS,8CAAuB,EAAE,MAAM,IAAI,qBAAqB,CAAC;AACxE,cAAU,UAAU;AACpB,WAAO,MAAM;AACX,aAAO,QAAQ;AACf,UAAI,UAAU,YAAY,OAAQ,WAAU,UAAU;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,MAAM,IAAI,oBAAoB,CAAC;AAEnC,SAAO;AACT;","names":[]}

package/dist/react/devtools-provider.d.cts

@@ -1,39 +0,0 @@
-import { ReactElement } from 'react';
-
-interface DevtoolsProviderProps {
-    /** Display name shown in the consumer's provider switcher. */
-    name?: string;
-    /** Optional explicit provider id (defaults to a fresh uuid). */
-    id?: string;
-    /** Override the discovery channel name (advanced). */
-    discoveryChannelName?: string;
-}
-/**
- * Mount inside `<Canvas>` to publish stats / registry / buffer feeds.
- * Drop it next to your scene — no children, no wrapping:
- *
- * ```tsx
- * <Canvas>
- *   <DevtoolsProvider name="basic-sprite" />
- *   <Scene />
- * </Canvas>
- * ```
- *
- * Passive sampler — does NOT take over rendering. Registers a
- * default-phase `useFrame` and snaps `endFrame → beginFrame` once per
- * tick, leaving R3F's auto-render (and any explicit render useFrame
- * like Flatland's `flatland.render(gl)`) completely alone. The
- * `cpuMs` value reported is the inter-tick interval — equivalent to
- * frame time at 60fps, slightly looser than Flatland's internal
- * tight-bracket measurement when stressed (Flatland's number isolates
- * just its `render()` work; ours covers the whole rAF interval).
- *
- * **Safe to leave in production.** The outer component short-circuits
- * when the devtools build gate is false (build-time, terser folds the
- * branch away) or when `isDevtoolsActive()` is false (runtime toggle). In
- * those cases the inner component never mounts, no `useFrame` is
- * registered, and R3F's normal auto-render path is untouched.
- */
-declare function DevtoolsProvider(props: DevtoolsProviderProps): ReactElement | null;
-
-export { DevtoolsProvider, type DevtoolsProviderProps };

package/dist/react/use-fps-graph.cjs

@@ -1,49 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_fps_graph_exports = {};
-__export(use_fps_graph_exports, {
-  useFpsGraph: () => useFpsGraph
-});
-module.exports = __toCommonJS(use_fps_graph_exports);
-var import_react = require("react");
-function useFpsGraph(parent) {
-  const graphRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (!parent) return;
-    const graph = parent.addBlade({
-      view: "fpsgraph",
-      label: "fps",
-      rows: 2
-    });
-    graphRef.current = graph;
-    return () => {
-      graph.dispose();
-      graphRef.current = null;
-    };
-  }, [parent]);
-  return {
-    begin: () => graphRef.current?.begin(),
-    end: () => graphRef.current?.end()
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useFpsGraph
-});
-//# sourceMappingURL=use-fps-graph.cjs.map

package/dist/react/use-fps-graph.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react/use-fps-graph.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type { FpsGraphBladeApi } from '@tweakpane/plugin-essentials'\nimport type { PaneParent } from './use-pane-input.js'\n\nexport interface FpsGraphHandle {\n  begin: () => void\n  end: () => void\n}\n\n/**\n * Add an FPS graph blade. Returns { begin, end } for use inside useFrame.\n * If the pane was created with `fps: true` (default), you can skip this hook\n * and use paneBundle.fpsGraph directly.\n */\nexport function useFpsGraph(parent: PaneParent | null): FpsGraphHandle {\n  const graphRef = useRef<FpsGraphBladeApi | null>(null)\n\n  useEffect(() => {\n    if (!parent) return\n\n    const graph = parent.addBlade({\n      view: 'fpsgraph',\n      label: 'fps',\n      rows: 2,\n    }) as FpsGraphBladeApi\n\n    graphRef.current = graph\n\n    return () => {\n      graph.dispose()\n      graphRef.current = null\n    }\n  }, [parent])\n\n  return {\n    begin: () => graphRef.current?.begin(),\n    end: () => graphRef.current?.end(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAc3B,SAAS,YAAY,QAA2C;AACrE,QAAM,eAAW,qBAAgC,IAAI;AAErD,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,QAAQ,OAAO,SAAS;AAAA,MAC5B,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,IACR,CAAC;AAED,aAAS,UAAU;AAEnB,WAAO,MAAM;AACX,YAAM,QAAQ;AACd,eAAS,UAAU;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAEX,SAAO;AAAA,IACL,OAAO,MAAM,SAAS,SAAS,MAAM;AAAA,IACrC,KAAK,MAAM,SAAS,SAAS,IAAI;AAAA,EACnC;AACF;","names":[]}

package/dist/react/use-fps-graph.d.cts

@@ -1,15 +0,0 @@
-import { PaneParent } from './use-pane-input.cjs';
-import 'tweakpane';
-
-interface FpsGraphHandle {
-    begin: () => void;
-    end: () => void;
-}
-/**
- * Add an FPS graph blade. Returns { begin, end } for use inside useFrame.
- * If the pane was created with `fps: true` (default), you can skip this hook
- * and use paneBundle.fpsGraph directly.
- */
-declare function useFpsGraph(parent: PaneParent | null): FpsGraphHandle;
-
-export { type FpsGraphHandle, useFpsGraph };

package/dist/react/use-pane-button.cjs

@@ -1,58 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_pane_button_exports = {};
-__export(use_pane_button_exports, {
-  usePaneButton: () => usePaneButton
-});
-module.exports = __toCommonJS(use_pane_button_exports);
-var import_react = require("react");
-function usePaneButton(parent, title, onClick) {
-  const callbackRef = (0, import_react.useRef)(onClick);
-  callbackRef.current = onClick;
-  const buttonRef = (0, import_react.useRef)(null);
-  const mountedRef = (0, import_react.useRef)(false);
-  if (parent && buttonRef.current === null) {
-    const button = parent.addButton({ title });
-    button.on("click", () => callbackRef.current());
-    buttonRef.current = button;
-  }
-  (0, import_react.useEffect)(() => {
-    mountedRef.current = true;
-    if (parent && buttonRef.current === null) {
-      const button = parent.addButton({ title });
-      button.on("click", () => callbackRef.current());
-      buttonRef.current = button;
-    }
-    return () => {
-      const button = buttonRef.current;
-      setTimeout(() => {
-        if (!mountedRef.current && button) {
-          button.dispose();
-          if (buttonRef.current === button) buttonRef.current = null;
-        }
-      }, 0);
-      mountedRef.current = false;
-    };
-  }, [parent]);
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  usePaneButton
-});
-//# sourceMappingURL=use-pane-button.cjs.map

package/dist/react/use-pane-button.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react/use-pane-button.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport type { PaneParent } from './use-pane-input.js'\n\n/**\n * Add a button to a Tweakpane parent. Uses a ref for the callback to avoid stale closures.\n * Uses deferred disposal to survive React strict mode.\n */\nexport function usePaneButton(\n  parent: PaneParent | null,\n  title: string,\n  onClick: () => void,\n): void {\n  const callbackRef = useRef(onClick)\n  callbackRef.current = onClick\n  const buttonRef = useRef<{ dispose(): void } | null>(null)\n  const mountedRef = useRef(false)\n\n  if (parent && buttonRef.current === null) {\n    const button = parent.addButton({ title })\n    button.on('click', () => callbackRef.current())\n    buttonRef.current = button\n  }\n\n  useEffect(() => {\n    mountedRef.current = true\n\n    if (parent && buttonRef.current === null) {\n      const button = parent.addButton({ title })\n      button.on('click', () => callbackRef.current())\n      buttonRef.current = button\n    }\n\n    return () => {\n      const button = buttonRef.current\n      setTimeout(() => {\n        if (!mountedRef.current && button) {\n          button.dispose()\n          if (buttonRef.current === button) buttonRef.current = null\n        }\n      }, 0)\n      mountedRef.current = false\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [parent])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAO3B,SAAS,cACd,QACA,OACA,SACM;AACN,QAAM,kBAAc,qBAAO,OAAO;AAClC,cAAY,UAAU;AACtB,QAAM,gBAAY,qBAAmC,IAAI;AACzD,QAAM,iBAAa,qBAAO,KAAK;AAE/B,MAAI,UAAU,UAAU,YAAY,MAAM;AACxC,UAAM,SAAS,OAAO,UAAU,EAAE,MAAM,CAAC;AACzC,WAAO,GAAG,SAAS,MAAM,YAAY,QAAQ,CAAC;AAC9C,cAAU,UAAU;AAAA,EACtB;AAEA,8BAAU,MAAM;AACd,eAAW,UAAU;AAErB,QAAI,UAAU,UAAU,YAAY,MAAM;AACxC,YAAM,SAAS,OAAO,UAAU,EAAE,MAAM,CAAC;AACzC,aAAO,GAAG,SAAS,MAAM,YAAY,QAAQ,CAAC;AAC9C,gBAAU,UAAU;AAAA,IACtB;AAEA,WAAO,MAAM;AACX,YAAM,SAAS,UAAU;AACzB,iBAAW,MAAM;AACf,YAAI,CAAC,WAAW,WAAW,QAAQ;AACjC,iBAAO,QAAQ;AACf,cAAI,UAAU,YAAY,OAAQ,WAAU,UAAU;AAAA,QACxD;AAAA,MACF,GAAG,CAAC;AACJ,iBAAW,UAAU;AAAA,IACvB;AAAA,EAEF,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}

package/dist/react/use-pane-button.d.cts

@@ -1,10 +0,0 @@
-import { PaneParent } from './use-pane-input.cjs';
-import 'tweakpane';
-
-/**
- * Add a button to a Tweakpane parent. Uses a ref for the callback to avoid stale closures.
- * Uses deferred disposal to survive React strict mode.
- */
-declare function usePaneButton(parent: PaneParent | null, title: string, onClick: () => void): void;
-
-export { usePaneButton };

package/dist/react/use-pane-folder.cjs

@@ -1,48 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var use_pane_folder_exports = {};
-__export(use_pane_folder_exports, {
-  usePaneFolder: () => usePaneFolder
-});
-module.exports = __toCommonJS(use_pane_folder_exports);
-var import_react = require("react");
-function usePaneFolder(parent, title, options = {}) {
-  const [folder, setFolder] = (0, import_react.useState)(null);
-  const getOptions = (0, import_react.useEffectEvent)(() => options);
-  (0, import_react.useLayoutEffect)(() => {
-    if (!parent) {
-      setFolder(null);
-      return;
-    }
-    const f = parent.addFolder({ expanded: false, ...getOptions(), title });
-    setFolder(f);
-    return () => {
-      try {
-        f.dispose();
-      } catch {
-      }
-    };
-  }, [parent, title]);
-  return folder;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  usePaneFolder
-});
-//# sourceMappingURL=use-pane-folder.cjs.map

package/dist/react/use-pane-folder.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react/use-pane-folder.ts"],"sourcesContent":["import { useEffectEvent, useLayoutEffect, useState } from 'react'\nimport type { FolderApi, FolderParams } from 'tweakpane'\nimport type { PaneParent } from './use-pane-input.js'\n\n/**\n * Create a Tweakpane folder underneath `parent`. Disposes on unmount and\n * recreates when `parent` (or `title`) changes — e.g., when `usePane`\n * tears down and rebuilds its bundle on a StrictMode remount.\n *\n * Returns `null` on the first render before the layout effect commits,\n * then the FolderApi on the next render. The two renders happen\n * synchronously before paint, so consumers don't see a flicker.\n */\nexport function usePaneFolder(\n  parent: PaneParent | null,\n  title: string,\n  options: Partial<FolderParams> = {},\n): FolderApi | null {\n  const [folder, setFolder] = useState<FolderApi | null>(null)\n\n  // Read the latest `options` at (re)create time without making them a\n  // dependency — useEffectEvent captures current props non-reactively, so\n  // changing options doesn't tear down and rebuild the folder.\n  const getOptions = useEffectEvent(() => options)\n\n  useLayoutEffect(() => {\n    if (!parent) {\n      setFolder(null)\n      return\n    }\n    const f = parent.addFolder({ expanded: false, ...getOptions(), title })\n    setFolder(f)\n    return () => {\n      try {\n        f.dispose()\n      } catch {\n        // Parent may have been disposed first (cascade), in which case\n        // the folder is already gone. Ignore.\n      }\n    }\n  }, [parent, title])\n\n  return folder\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0D;AAanD,SAAS,cACd,QACA,OACA,UAAiC,CAAC,GAChB;AAClB,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA2B,IAAI;AAK3D,QAAM,iBAAa,6BAAe,MAAM,OAAO;AAE/C,oCAAgB,MAAM;AACpB,QAAI,CAAC,QAAQ;AACX,gBAAU,IAAI;AACd;AAAA,IACF;AACA,UAAM,IAAI,OAAO,UAAU,EAAE,UAAU,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;AACtE,cAAU,CAAC;AACX,WAAO,MAAM;AACX,UAAI;AACF,UAAE,QAAQ;AAAA,MACZ,QAAQ;AAAA,MAGR;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SAAO;AACT;","names":[]}