automatick 0.0.1

package/dist/react/Simulation.js

@@ -0,0 +1,235 @@
+import {
+  useStableCallback
+} from "../chunk-SK5SHIWY.js";
+import {
+  createEngine
+} from "../chunk-YNLOTPDY.js";
+import {
+  EngineContext
+} from "../chunk-OA6FGXTP.js";
+import {
+  SimulationContext
+} from "../chunk-66FUVAAG.js";
+
+// src/react/Simulation.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+function LocalSimulation(props) {
+  const { sim, params: paramsProp, children, autoplay } = props;
+  const engineRef = React.useRef(null);
+  if (!engineRef.current) {
+    const initialParams = paramsProp ? { ...sim.defaultParams, ...paramsProp } : sim.defaultParams;
+    engineRef.current = createEngine({
+      init: sim.init,
+      step: sim.step,
+      shouldStop: sim.shouldStop,
+      initialParams,
+      maxTime: props.maxTime,
+      delayMs: props.delayMs,
+      ticksPerFrame: props.ticksPerFrame
+    });
+  }
+  const engine = engineRef.current;
+  const [snapshot, setSnapshot] = React.useState(() => engine.getSnapshot());
+  React.useEffect(() => engine.subscribe((next) => setSnapshot(next)), [engine]);
+  React.useEffect(() => {
+    if (autoplay) engine.play();
+  }, [engine, autoplay]);
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    if (paramsProp) engine.setParams(paramsProp);
+  }, [engine, paramsProp]);
+  React.useEffect(() => {
+    if (props.delayMs !== void 0) engine.setDelayMs(props.delayMs);
+  }, [engine, props.delayMs]);
+  React.useEffect(() => {
+    if (props.ticksPerFrame !== void 0) engine.setTicksPerFrame(props.ticksPerFrame);
+  }, [engine, props.ticksPerFrame]);
+  React.useEffect(() => {
+    if (typeof window === "undefined" || typeof window.requestAnimationFrame !== "function")
+      return;
+    let rafId = 0;
+    const loop = (now) => {
+      engine.handleAnimationFrame(now);
+      rafId = window.requestAnimationFrame(loop);
+    };
+    rafId = window.requestAnimationFrame(loop);
+    return () => window.cancelAnimationFrame(rafId);
+  }, [engine]);
+  return /* @__PURE__ */ jsx(SimulationProvider, { snapshot, backend: engine, children });
+}
+function WorkerSimulation(props) {
+  const { children, autoplay } = props;
+  const [backend, setBackend] = React.useState(
+    null
+  );
+  const [snapshot, setSnapshot] = React.useState(null);
+  const propsRef = React.useRef(props);
+  propsRef.current = props;
+  React.useEffect(() => {
+    let cancelled = false;
+    let runner = null;
+    (async () => {
+      const mod = await propsRef.current.worker();
+      const simModule = mod.default;
+      if (cancelled) return;
+      const p = propsRef.current;
+      const initialParams = p.params ? { ...simModule.defaultParams, ...p.params } : simModule.defaultParams;
+      const engine = createEngine({
+        init: simModule.init,
+        step: simModule.step,
+        shouldStop: simModule.shouldStop,
+        initialParams,
+        maxTime: p.maxTime
+      });
+      if (cancelled) {
+        engine.destroy();
+        return;
+      }
+      const delayMs = p.delayMs ?? 0;
+      const ticksPerFrame = p.ticksPerFrame ?? 1;
+      let loopTimer = null;
+      function stopLoop() {
+        if (loopTimer !== null) {
+          clearTimeout(loopTimer);
+          loopTimer = null;
+        }
+      }
+      function tickLoop() {
+        if (engine.getStatus() !== "playing") return;
+        for (let i = 0; i < ticksPerFrame; i++) {
+          engine.advance(1);
+          const s = engine.getStatus();
+          if (s === "stopped") return;
+          if (s !== "paused") break;
+        }
+        if (engine.getStatus() === "paused") {
+          engine.play();
+        }
+        loopTimer = setTimeout(tickLoop, delayMs);
+      }
+      runner = {
+        getSnapshot: () => engine.getSnapshot(),
+        subscribe: (listener) => engine.subscribe(listener),
+        play: () => {
+          engine.play();
+          stopLoop();
+          loopTimer = setTimeout(tickLoop, 0);
+        },
+        pause: () => {
+          stopLoop();
+          engine.pause();
+        },
+        stop: () => {
+          stopLoop();
+          engine.stop();
+        },
+        seek: (tick) => {
+          stopLoop();
+          engine.seek(tick);
+        },
+        advance: (count) => engine.advance(count),
+        setParams: (patch) => engine.setParams(patch),
+        resetWith: (patch) => {
+          stopLoop();
+          engine.resetWith(patch);
+        },
+        destroy: () => {
+          stopLoop();
+          engine.destroy();
+        },
+        recordDrawTime: (tick, ms) => engine.recordDrawTime(tick, ms),
+        getPerformance: () => engine.getPerformance()
+      };
+      if (!cancelled) {
+        setBackend(runner);
+        setSnapshot(engine.getSnapshot());
+      }
+    })();
+    return () => {
+      cancelled = true;
+      runner?.destroy();
+    };
+  }, []);
+  React.useEffect(() => {
+    if (!backend) return;
+    return backend.subscribe((next) => setSnapshot(next));
+  }, [backend]);
+  React.useEffect(() => {
+    if (autoplay && backend) backend.play();
+  }, [backend, autoplay]);
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    if (props.params && backend) backend.setParams(props.params);
+  }, [backend, props.params]);
+  if (!snapshot || !backend) return null;
+  return /* @__PURE__ */ jsx(SimulationProvider, { snapshot, backend, children });
+}
+function SimulationProvider({
+  snapshot,
+  backend,
+  children
+}) {
+  const play = useStableCallback(() => backend.play());
+  const pause = useStableCallback(() => backend.pause());
+  const stop = useStableCallback(() => backend.stop());
+  const seek = useStableCallback((t) => backend.seek(t));
+  const advance = useStableCallback((count) => backend.advance(count));
+  const setParams = useStableCallback(
+    (patch) => backend.setParams(patch)
+  );
+  const resetWith = useStableCallback(
+    (patch) => backend.resetWith(patch)
+  );
+  const value = React.useMemo(
+    () => ({
+      data: snapshot.data,
+      params: snapshot.params,
+      tick: snapshot.tick,
+      status: snapshot.status,
+      play,
+      pause,
+      stop,
+      seek,
+      advance,
+      setParams,
+      resetWith
+    }),
+    [snapshot, play, pause, stop, seek, advance, setParams, resetWith]
+  );
+  const engineValue = React.useMemo(
+    () => ({
+      subscribe: (listener) => backend.subscribe(
+        listener
+      ),
+      getSnapshot: () => backend.getSnapshot(),
+      recordDrawTime: (tick, ms) => backend.recordDrawTime(tick, ms),
+      getPerformance: () => backend.getPerformance()
+    }),
+    [backend]
+  );
+  return /* @__PURE__ */ jsx(EngineContext.Provider, { value: engineValue, children: /* @__PURE__ */ jsx(
+    SimulationContext.Provider,
+    {
+      value,
+      children
+    }
+  ) });
+}
+function Simulation(props) {
+  if ("worker" in props && props.worker != null) {
+    return /* @__PURE__ */ jsx(WorkerSimulation, { ...props });
+  }
+  return /* @__PURE__ */ jsx(LocalSimulation, { ...props });
+}
+export {
+  Simulation
+};

package/dist/react/SimulationContext.cjs

@@ -0,0 +1,41 @@
+"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);
+
+// src/react/SimulationContext.tsx
+var SimulationContext_exports = {};
+__export(SimulationContext_exports, {
+  SimulationContext: () => SimulationContext
+});
+module.exports = __toCommonJS(SimulationContext_exports);
+var import_react = __toESM(require("react"), 1);
+var SimulationContext = import_react.default.createContext(null);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimulationContext
+});

package/dist/react/SimulationContext.d.cts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { SimulationStatus } from '../engine.cjs';
+import '../sim.cjs';
+
+type SimulationContextValue<Data, Params> = {
+    data: Data;
+    params: Params;
+    tick: number;
+    status: SimulationStatus;
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    seek: (tick: number) => void;
+    advance: (count?: number) => void;
+    setParams: (patch: Partial<Params>) => void;
+    resetWith: (patch?: Partial<Params>) => void;
+};
+/**
+ * Runtime context value uses `unknown` for data/params since React.createContext
+ * cannot be generic. The useSimulation hook casts to the correct types.
+ */
+type RuntimeContextValue = SimulationContextValue<unknown, unknown>;
+declare const SimulationContext: React.Context<RuntimeContextValue | null>;
+
+export { SimulationContext, type SimulationContextValue };

package/dist/react/SimulationContext.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { SimulationStatus } from '../engine.js';
+import '../sim.js';
+
+type SimulationContextValue<Data, Params> = {
+    data: Data;
+    params: Params;
+    tick: number;
+    status: SimulationStatus;
+    play: () => void;
+    pause: () => void;
+    stop: () => void;
+    seek: (tick: number) => void;
+    advance: (count?: number) => void;
+    setParams: (patch: Partial<Params>) => void;
+    resetWith: (patch?: Partial<Params>) => void;
+};
+/**
+ * Runtime context value uses `unknown` for data/params since React.createContext
+ * cannot be generic. The useSimulation hook casts to the correct types.
+ */
+type RuntimeContextValue = SimulationContextValue<unknown, unknown>;
+declare const SimulationContext: React.Context<RuntimeContextValue | null>;
+
+export { SimulationContext, type SimulationContextValue };

package/dist/react/SimulationContext.js

@@ -0,0 +1,6 @@
+import {
+  SimulationContext
+} from "../chunk-66FUVAAG.js";
+export {
+  SimulationContext
+};

package/dist/react/SimulationControls.cjs

@@ -0,0 +1,298 @@
+"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);
+
+// src/react/SimulationControls.tsx
+var SimulationControls_exports = {};
+__export(SimulationControls_exports, {
+  StandardControls: () => StandardControls
+});
+module.exports = __toCommonJS(SimulationControls_exports);
+
+// src/react/hooks.ts
+var import_react2 = __toESM(require("react"), 1);
+
+// src/react/SimulationContext.tsx
+var import_react = __toESM(require("react"), 1);
+var SimulationContext = import_react.default.createContext(null);
+
+// src/react/hooks.ts
+function useSimulation() {
+  const ctx = import_react2.default.useContext(SimulationContext);
+  if (!ctx) {
+    throw new Error("useSimulation must be used within a <Simulation>");
+  }
+  return ctx;
+}
+
+// src/react/controlPrimitives.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var btnStyle = {
+  padding: "6px 12px",
+  borderRadius: 6,
+  border: "1px solid rgba(0,0,0,0.2)",
+  background: "#fff",
+  cursor: "pointer"
+};
+function PlayPauseButton(props) {
+  const { status, play, pause } = useSimulation();
+  const { playingLabel = "Pause", pausedLabel = "Play", disabled } = props;
+  const isPlaying = status === "playing";
+  const canPlay = status === "idle" || status === "paused";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      style: btnStyle,
+      onClick: isPlaying ? pause : play,
+      disabled: disabled ?? (!canPlay && !isPlaying),
+      children: isPlaying ? playingLabel : pausedLabel
+    }
+  );
+}
+function StopButton(props) {
+  const { status, stop } = useSimulation();
+  const canStop = status === "playing" || status === "paused";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      style: btnStyle,
+      onClick: stop,
+      disabled: props.disabled ?? !canStop,
+      children: props.label ?? "Stop"
+    }
+  );
+}
+function StepButton(props) {
+  const { status, advance } = useSimulation();
+  const ticks = props.ticks ?? 1;
+  const canStep = status === "idle" || status === "paused";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      style: btnStyle,
+      onClick: () => advance(ticks),
+      disabled: props.disabled ?? !canStep,
+      title: "Advance one or more ticks while paused",
+      children: props.label ?? `Step${ticks > 1 ? ` (${ticks})` : ""}`
+    }
+  );
+}
+function ResetButton(props) {
+  const { resetWith } = useSimulation();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: btnStyle, onClick: () => resetWith(), children: props.label ?? "Reset" });
+}
+function TickSeekSlider(props) {
+  const { tick, status, seek } = useSimulation();
+  const min = props.min ?? 0;
+  const max = props.max;
+  const disabled = status === "stopped";
+  if (!Number.isFinite(max)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: 10,
+        alignItems: "center",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "range",
+            min,
+            max,
+            step: 1,
+            value: tick,
+            onChange: (e) => seek(Number(e.target.value)),
+            disabled,
+            style: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            style: {
+              fontFamily: "monospace",
+              opacity: 0.8,
+              minWidth: 48,
+              textAlign: "right"
+            },
+            children: tick
+          }
+        )
+      ]
+    }
+  );
+}
+function ParamRangeField(props) {
+  const { params, setParams } = useSimulation();
+  const label = props.label ?? props.param;
+  const raw = params[props.param];
+  const numericValue = Number(raw);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "label",
+    {
+      style: {
+        display: "flex",
+        gap: 10,
+        alignItems: "center",
+        width: "100%"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { minWidth: 120, opacity: 0.9 }, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "range",
+            min: props.min,
+            max: props.max,
+            step: props.step ?? 1,
+            value: Number.isFinite(numericValue) ? numericValue : props.min,
+            onChange: (e) => {
+              const v = Number(e.target.value);
+              setParams({ [props.param]: v });
+            },
+            style: { flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            style: {
+              width: 72,
+              textAlign: "right",
+              fontFamily: "monospace",
+              opacity: 0.8
+            },
+            children: numericValue
+          }
+        )
+      ]
+    }
+  );
+}
+function ParamToggleField(props) {
+  const { params, setParams } = useSimulation();
+  const label = props.label ?? props.param;
+  const checked = Boolean(params[props.param]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "flex", gap: 10, alignItems: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { minWidth: 120, opacity: 0.9 }, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => {
+          setParams({ [props.param]: e.target.checked });
+        }
+      }
+    )
+  ] });
+}
+function TickReadout(props) {
+  const { tick } = useSimulation();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontFamily: "monospace", opacity: 0.85 }, children: [
+    props.prefix ?? "",
+    "tick: ",
+    tick
+  ] });
+}
+
+// src/react/SimulationControls.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function asArray(maybeArray) {
+  if (!maybeArray) return [];
+  return Array.isArray(maybeArray) ? maybeArray : [maybeArray];
+}
+var panelStyle = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 10,
+  padding: 12,
+  border: "1px solid rgba(0,0,0,0.15)",
+  borderRadius: 8
+};
+function StandardControls(props) {
+  const controls = asArray(props.controls);
+  const maxTime = props.maxTime;
+  const canSeek = maxTime !== void 0 && Number.isFinite(maxTime);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: panelStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: 8,
+          alignItems: "center",
+          flexWrap: "wrap"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PlayPauseButton, {}),
+          props.showStopButton ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StopButton, {}) : null,
+          props.showStepButton ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StepButton, {}) : null,
+          props.showResetButton !== false ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ResetButton, {}) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TickReadout, {})
+        ]
+      }
+    ),
+    canSeek ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TickSeekSlider, { min: props.minTime, max: maxTime }) : null,
+    controls.length ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: controls.map((c) => {
+      const key = `${c.type ?? "range"}-${c.param}`;
+      if (c.type === "toggle") {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          ParamToggleField,
+          {
+            param: c.param,
+            label: c.label
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        ParamRangeField,
+        {
+          param: c.param,
+          label: c.label,
+          min: c.min,
+          max: c.max,
+          step: c.step
+        },
+        key
+      );
+    }) }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StandardControls
+});

package/dist/react/SimulationControls.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ParamRangeControl = {
+    type?: 'range';
+    param: string;
+    label?: string;
+    min: number;
+    max: number;
+    step?: number;
+};
+type ParamToggleControl = {
+    type: 'toggle';
+    param: string;
+    label?: string;
+};
+type ParamControl = ParamRangeControl | ParamToggleControl;
+type StandardControlsProps = {
+    controls?: ParamControl | ParamControl[] | null;
+    maxTime?: number;
+    minTime?: number;
+    showStepButton?: boolean;
+    /** Show the stop button. Default false — stop puts the sim in a dead-end state. */
+    showStopButton?: boolean;
+    /** Show the reset button. Default true. */
+    showResetButton?: boolean;
+};
+/**
+ * Batteries-included control strip: play/pause, stop, optional step/reset,
+ * tick readout, optional seek slider, and optional param fields.
+ */
+declare function StandardControls(props: StandardControlsProps): react_jsx_runtime.JSX.Element;
+
+export { type ParamControl, type ParamRangeControl, type ParamToggleControl, StandardControls, type StandardControlsProps };

package/dist/react/SimulationControls.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type ParamRangeControl = {
+    type?: 'range';
+    param: string;
+    label?: string;
+    min: number;
+    max: number;
+    step?: number;
+};
+type ParamToggleControl = {
+    type: 'toggle';
+    param: string;
+    label?: string;
+};
+type ParamControl = ParamRangeControl | ParamToggleControl;
+type StandardControlsProps = {
+    controls?: ParamControl | ParamControl[] | null;
+    maxTime?: number;
+    minTime?: number;
+    showStepButton?: boolean;
+    /** Show the stop button. Default false — stop puts the sim in a dead-end state. */
+    showStopButton?: boolean;
+    /** Show the reset button. Default true. */
+    showResetButton?: boolean;
+};
+/**
+ * Batteries-included control strip: play/pause, stop, optional step/reset,
+ * tick readout, optional seek slider, and optional param fields.
+ */
+declare function StandardControls(props: StandardControlsProps): react_jsx_runtime.JSX.Element;
+
+export { type ParamControl, type ParamRangeControl, type ParamToggleControl, StandardControls, type StandardControlsProps };