@gorilla-engine-sdk/gorilla-engine-react 1.6.1

package/dist/hooks/useInstrumentProperty.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter } from 'events';
+/**
+ * Singleton-per-instrument EventEmitter that listens to all property changes on
+ * a {@link GorillaEngine.Instrument} and re-emits them by property name.
+ *
+ * Use {@link InstrumentPropertyChangeEmitter.forInstrument} to obtain the
+ * shared instance for a given instrument.
+ */
+export declare class InstrumentPropertyChangeEmitter extends EventEmitter {
+    instrument: GorillaEngine.Instrument;
+    /** Shared emitter instances keyed by instrument, ensuring one emitter per instrument. */
+    static emitters: Map<GorillaEngine.Instrument, InstrumentPropertyChangeEmitter>;
+    constructor(instrument: GorillaEngine.Instrument);
+    /** Returns the shared emitter for the given instrument, creating one if it does not exist. */
+    static forInstrument(instrument: GorillaEngine.Instrument): InstrumentPropertyChangeEmitter;
+    /** Registers change listeners on every instrument property that has a `value`. */
+    setupListeners(): void;
+    /** Emits the current `value`, `normValue`, and `text` for the changed property. */
+    handlePropertyChange(prop: string): void;
+    /** Removes and discards the cached emitter for the given instrument. */
+    static removeInstrument(instrument: GorillaEngine.Instrument): void;
+    /** Removes all cached emitter instances. */
+    static clear(): void;
+}
+/**
+ * Return type for {@link useInstrumentProperty}.
+ *
+ * Tuple of `[property, setValue, setNormValue]`.
+ */
+type UseInstrumentPropertyReturnValue = [
+    GorillaEngine.InstrumentProperty,
+    (value: number) => void,
+    (value: number) => void
+];
+/**
+ * Subscribes to a single property on a Gorilla Engine instrument and provides
+ * reactive state plus setters for its value.
+ *
+ * Re-subscribes automatically when the instrument or property name changes.
+ *
+ * @param instrument - The loaded instrument instance.
+ * @param propName - The name of the instrument property to bind to.
+ * @returns A tuple of `[property, setValue, setNormValue]` where `setValue` sets
+ *   the denormalized value and `setNormValue` sets the normalized (0-1) value.
+ */
+export declare function useInstrumentProperty(instrument: GorillaEngine.Instrument, propName: string): UseInstrumentPropertyReturnValue;
+export {};

package/dist/hooks/useInstrumentProperty.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstrumentPropertyChangeEmitter = void 0;
+exports.useInstrumentProperty = useInstrumentProperty;
+const react_1 = require("react");
+const events_1 = require("events");
+/**
+ * Singleton-per-instrument EventEmitter that listens to all property changes on
+ * a {@link GorillaEngine.Instrument} and re-emits them by property name.
+ *
+ * Use {@link InstrumentPropertyChangeEmitter.forInstrument} to obtain the
+ * shared instance for a given instrument.
+ */
+class InstrumentPropertyChangeEmitter extends events_1.EventEmitter {
+    instrument;
+    /** Shared emitter instances keyed by instrument, ensuring one emitter per instrument. */
+    static emitters = new Map();
+    constructor(instrument) {
+        super();
+        this.instrument = instrument;
+        this.setupListeners();
+    }
+    /** Returns the shared emitter for the given instrument, creating one if it does not exist. */
+    static forInstrument(instrument) {
+        if (InstrumentPropertyChangeEmitter.emitters.has(instrument)) {
+            return InstrumentPropertyChangeEmitter.emitters.get(instrument);
+        }
+        else {
+            const wrap = new InstrumentPropertyChangeEmitter(instrument);
+            InstrumentPropertyChangeEmitter.emitters.set(instrument, wrap);
+            return wrap;
+        }
+    }
+    /** Registers change listeners on every instrument property that has a `value`. */
+    setupListeners() {
+        for (const prop in this.instrument) {
+            if ('value' in this.instrument[prop]) {
+                this.instrument.on(prop, this.handlePropertyChange.bind(this, prop));
+            }
+        }
+    }
+    /** Emits the current `value`, `normValue`, and `text` for the changed property. */
+    handlePropertyChange(prop) {
+        this.emit(prop, this.instrument[prop].value, this.instrument[prop].normValue, this.instrument[prop].text);
+    }
+    /** Removes and discards the cached emitter for the given instrument. */
+    static removeInstrument(instrument) {
+        InstrumentPropertyChangeEmitter.emitters.delete(instrument);
+    }
+    /** Removes all cached emitter instances. */
+    static clear() {
+        InstrumentPropertyChangeEmitter.emitters.clear();
+    }
+}
+exports.InstrumentPropertyChangeEmitter = InstrumentPropertyChangeEmitter;
+/**
+ * Subscribes to a single property on a Gorilla Engine instrument and provides
+ * reactive state plus setters for its value.
+ *
+ * Re-subscribes automatically when the instrument or property name changes.
+ *
+ * @param instrument - The loaded instrument instance.
+ * @param propName - The name of the instrument property to bind to.
+ * @returns A tuple of `[property, setValue, setNormValue]` where `setValue` sets
+ *   the denormalized value and `setNormValue` sets the normalized (0-1) value.
+ */
+function useInstrumentProperty(instrument, propName) {
+    const getPropObject = (0, react_1.useCallback)(() => ({
+        normValue: instrument[propName].normValue,
+        value: instrument[propName].value,
+        normValueAsync: instrument[propName].normValueAsync,
+        valueAsync: instrument[propName].valueAsync,
+        defaultValue: instrument[propName].defaultValue,
+        minValue: instrument[propName].minValue,
+        maxValue: instrument[propName].maxValue,
+        resolution: instrument[propName].resolution,
+        numSteps: instrument[propName].numSteps,
+        key: instrument[propName].key,
+        name: instrument[propName].name,
+        category: instrument[propName].category,
+        label: instrument[propName].label,
+        text: instrument[propName].text,
+        unit: instrument[propName].unit,
+        steps: instrument[propName].steps,
+        persistence: instrument[propName].persistence,
+        controlType: instrument[propName].controlType,
+    }), [propName, instrument]);
+    const [prop, setProp] = (0, react_1.useState)(() => getPropObject());
+    const [instrumentPropertyChangeEmitter, setInstrumentPropertyChangeEmitter] = (0, react_1.useState)(() => InstrumentPropertyChangeEmitter.forInstrument(instrument));
+    (0, react_1.useEffect)(() => {
+        setInstrumentPropertyChangeEmitter(InstrumentPropertyChangeEmitter.forInstrument(instrument));
+        setProp(getPropObject());
+    }, [instrument, getPropObject]);
+    (0, react_1.useEffect)(() => {
+        const changeHandler = () => {
+            setProp(getPropObject());
+        };
+        instrumentPropertyChangeEmitter.on(propName, changeHandler);
+        return () => {
+            instrumentPropertyChangeEmitter.removeListener(propName, changeHandler);
+        };
+    }, [propName, instrumentPropertyChangeEmitter, getPropObject]);
+    const setValue = (0, react_1.useCallback)((value) => {
+        instrument[propName].value = value;
+        setProp(getPropObject());
+    }, [propName, instrument, getPropObject]);
+    const setNormValue = (0, react_1.useCallback)((normValue) => {
+        instrument[propName].normValue = normValue;
+        setProp(getPropObject());
+    }, [propName, instrument, getPropObject]);
+    return [prop, setValue, setNormValue];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5zdHJ1bWVudFByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2hvb2tzL3VzZUluc3RydW1lbnRQcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUF1RkEsc0RBZ0VDO0FBdkpELGlDQUF5RDtBQUV6RCxtQ0FBc0M7QUFFdEM7Ozs7OztHQU1HO0FBQ0gsTUFBYSwrQkFBZ0MsU0FBUSxxQkFBWTtJQUMvRCxVQUFVLENBQTJCO0lBQ3JDLHlGQUF5RjtJQUN6RixNQUFNLENBQUMsUUFBUSxHQUFtRSxJQUFJLEdBQUcsRUFHdEYsQ0FBQztJQUNKLFlBQVksVUFBb0M7UUFDOUMsS0FBSyxFQUFFLENBQUM7UUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUM3QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELDhGQUE4RjtJQUM5RixNQUFNLENBQUMsYUFBYSxDQUFDLFVBQW9DO1FBQ3ZELElBQUksK0JBQStCLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDO1lBQzdELE9BQU8sK0JBQStCLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUUsQ0FBQztRQUNuRSxDQUFDO2FBQU0sQ0FBQztZQUNOLE1BQU0sSUFBSSxHQUFHLElBQUksK0JBQStCLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDN0QsK0JBQStCLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDL0QsT0FBTyxJQUFJLENBQUM7UUFDZCxDQUFDO0lBQ0gsQ0FBQztJQUVELGtGQUFrRjtJQUNsRixjQUFjO1FBQ1osS0FBSyxNQUFNLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDbkMsSUFBSSxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO2dCQUNy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

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="gorilla-engine" preserve="true" />
+/**
+ * @module gorilla-engine-react
+ *
+ * Custom React reconciler for building Gorilla Engine audio plugin UIs.
+ *
+ * Exports:
+ * - **Rendering** – {@link render}, {@link loadUI}, {@link createUI} to mount React trees into native GE containers.
+ * - **Native wrapper components** – `GEButton`, `GEKnob`, `GESlider`, `GELabel`, `GEToggle`, `GEComboBox`, etc.
+ * - **Composed components** – higher-level components like `LabelledKnob`, `LabelledSlider`, `PadKeyboard`, `RadioGroup`.
+ * - **Hooks** – {@link useInstrument}, {@link useInstrumentProperty} for accessing Gorilla Engine instrument state.
+ * - **Utilities** – {@link ComponentFactory} for programmatic component creation, {@link instance} for runtime config.
+ */
+import { render, loadUI, createUI } from './GEReact';
+import { useInstrument } from './hooks/useInstrument';
+import { useInstrumentProperty } from './hooks/useInstrumentProperty';
+import { GEButton, GEButtonProps } from './nativeWrappers/GEButton';
+import { GEComboBox } from './nativeWrappers/GEComboBox';
+import { GEKnob, GEKnobProps } from './nativeWrappers/GEKnob';
+import { GESlider } from './nativeWrappers/GESlider';
+import { GELabel, GELabelProps } from './nativeWrappers/GELabel';
+import { GEMidiKeyboard } from './nativeWrappers/GEMidiKeyboard';
+import { GESliceEditor } from './nativeWrappers/GESliceEditor';
+import { GEPad, GEPadProps } from './nativeWrappers/GEPad';
+import { GEScrollView } from './nativeWrappers/GEScrollView';
+import { GETextBox } from './nativeWrappers/GETextBox';
+import { GEToggle } from './nativeWrappers/GEToggle';
+import { GELevelMeter } from './nativeWrappers/GELevelMeter';
+import { GEWaveform } from './nativeWrappers/GEWaveform';
+import { GELottieAnimation } from './nativeWrappers/GELottieAnimation';
+import { GEXYPad } from './nativeWrappers/GEXYPad';
+import { GERubberband } from './nativeWrappers/GERubberband';
+import { GEMappingEditor } from './nativeWrappers/GEMappingEditor';
+import ComponentFactory from './ComponentFactory';
+import type { GEIntrinsicElements } from './ComponentFactory';
+import { instance } from './instance';
+declare global {
+    namespace React {
+        namespace JSX {
+            interface IntrinsicElements extends GEIntrinsicElements {
+            }
+        }
+    }
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName: `ge${string}`]: any;
+        }
+    }
+}
+export { GEButtonProps, GELabelProps, GEIntrinsicElements, ComponentFactory, useInstrument, useInstrumentProperty, render, loadUI, createUI, GEButton, GEComboBox, GEKnob, GEKnobProps, GESlider, GELabel, GEMidiKeyboard, GEPad, GEPadProps, GEScrollView, GESliceEditor, GETextBox, GEToggle, GELevelMeter, GEWaveform, GELottieAnimation, GEXYPad, GERubberband, GEMappingEditor, instance, };

package/dist/index.js

@@ -0,0 +1,67 @@
+"use strict";
+/// <reference types="gorilla-engine" preserve="true" />
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instance = exports.GEMappingEditor = exports.GERubberband = exports.GEXYPad = exports.GELottieAnimation = exports.GEWaveform = exports.GELevelMeter = exports.GEToggle = exports.GETextBox = exports.GESliceEditor = exports.GEScrollView = exports.GEPad = exports.GEMidiKeyboard = exports.GELabel = exports.GESlider = exports.GEKnob = exports.GEComboBox = exports.GEButton = exports.createUI = exports.loadUI = exports.render = exports.useInstrumentProperty = exports.useInstrument = exports.ComponentFactory = void 0;
+/**
+ * @module gorilla-engine-react
+ *
+ * Custom React reconciler for building Gorilla Engine audio plugin UIs.
+ *
+ * Exports:
+ * - **Rendering** – {@link render}, {@link loadUI}, {@link createUI} to mount React trees into native GE containers.
+ * - **Native wrapper components** – `GEButton`, `GEKnob`, `GESlider`, `GELabel`, `GEToggle`, `GEComboBox`, etc.
+ * - **Composed components** – higher-level components like `LabelledKnob`, `LabelledSlider`, `PadKeyboard`, `RadioGroup`.
+ * - **Hooks** – {@link useInstrument}, {@link useInstrumentProperty} for accessing Gorilla Engine instrument state.
+ * - **Utilities** – {@link ComponentFactory} for programmatic component creation, {@link instance} for runtime config.
+ */
+const GEReact_1 = require("./GEReact");
+Object.defineProperty(exports, "render", { enumerable: true, get: function () { return GEReact_1.render; } });
+Object.defineProperty(exports, "loadUI", { enumerable: true, get: function () { return GEReact_1.loadUI; } });
+Object.defineProperty(exports, "createUI", { enumerable: true, get: function () { return GEReact_1.createUI; } });
+const useInstrument_1 = require("./hooks/useInstrument");
+Object.defineProperty(exports, "useInstrument", { enumerable: true, get: function () { return useInstrument_1.useInstrument; } });
+const useInstrumentProperty_1 = require("./hooks/useInstrumentProperty");
+Object.defineProperty(exports, "useInstrumentProperty", { enumerable: true, get: function () { return useInstrumentProperty_1.useInstrumentProperty; } });
+// basic wrappers
+const GEButton_1 = require("./nativeWrappers/GEButton");
+Object.defineProperty(exports, "GEButton", { enumerable: true, get: function () { return GEButton_1.GEButton; } });
+const GEComboBox_1 = require("./nativeWrappers/GEComboBox");
+Object.defineProperty(exports, "GEComboBox", { enumerable: true, get: function () { return GEComboBox_1.GEComboBox; } });
+const GEKnob_1 = require("./nativeWrappers/GEKnob");
+Object.defineProperty(exports, "GEKnob", { enumerable: true, get: function () { return GEKnob_1.GEKnob; } });
+const GESlider_1 = require("./nativeWrappers/GESlider");
+Object.defineProperty(exports, "GESlider", { enumerable: true, get: function () { return GESlider_1.GESlider; } });
+const GELabel_1 = require("./nativeWrappers/GELabel");
+Object.defineProperty(exports, "GELabel", { enumerable: true, get: function () { return GELabel_1.GELabel; } });
+const GEMidiKeyboard_1 = require("./nativeWrappers/GEMidiKeyboard");
+Object.defineProperty(exports, "GEMidiKeyboard", { enumerable: true, get: function () { return GEMidiKeyboard_1.GEMidiKeyboard; } });
+const GESliceEditor_1 = require("./nativeWrappers/GESliceEditor");
+Object.defineProperty(exports, "GESliceEditor", { enumerable: true, get: function () { return GESliceEditor_1.GESliceEditor; } });
+const GEPad_1 = require("./nativeWrappers/GEPad");
+Object.defineProperty(exports, "GEPad", { enumerable: true, get: function () { return GEPad_1.GEPad; } });
+const GEScrollView_1 = require("./nativeWrappers/GEScrollView");
+Object.defineProperty(exports, "GEScrollView", { enumerable: true, get: function () { return GEScrollView_1.GEScrollView; } });
+const GETextBox_1 = require("./nativeWrappers/GETextBox");
+Object.defineProperty(exports, "GETextBox", { enumerable: true, get: function () { return GETextBox_1.GETextBox; } });
+const GEToggle_1 = require("./nativeWrappers/GEToggle");
+Object.defineProperty(exports, "GEToggle", { enumerable: true, get: function () { return GEToggle_1.GEToggle; } });
+const GELevelMeter_1 = require("./nativeWrappers/GELevelMeter");
+Object.defineProperty(exports, "GELevelMeter", { enumerable: true, get: function () { return GELevelMeter_1.GELevelMeter; } });
+const GEWaveform_1 = require("./nativeWrappers/GEWaveform");
+Object.defineProperty(exports, "GEWaveform", { enumerable: true, get: function () { return GEWaveform_1.GEWaveform; } });
+const GELottieAnimation_1 = require("./nativeWrappers/GELottieAnimation");
+Object.defineProperty(exports, "GELottieAnimation", { enumerable: true, get: function () { return GELottieAnimation_1.GELottieAnimation; } });
+const GEXYPad_1 = require("./nativeWrappers/GEXYPad");
+Object.defineProperty(exports, "GEXYPad", { enumerable: true, get: function () { return GEXYPad_1.GEXYPad; } });
+const GERubberband_1 = require("./nativeWrappers/GERubberband");
+Object.defineProperty(exports, "GERubberband", { enumerable: true, get: function () { return GERubberband_1.GERubberband; } });
+const GEMappingEditor_1 = require("./nativeWrappers/GEMappingEditor");
+Object.defineProperty(exports, "GEMappingEditor", { enumerable: true, get: function () { return GEMappingEditor_1.GEMappingEditor; } });
+const ComponentFactory_1 = __importDefault(require("./ComponentFactory"));
+exports.ComponentFactory = ComponentFactory_1.default;
+const instance_1 = require("./instance");
+Object.defineProperty(exports, "instance", { enumerable: true, get: function () { return instance_1.instance; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHdEQUF3RDs7Ozs7O0FBRXhEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsdUNBQXFEO0FBZ0RuRCx1RkFoRE8sZ0JBQU0sT0FnRFA7QUFDTix1RkFqRGUsZ0JBQU0sT0FpRGY7QUFDTix5RkFsRHVCLGtCQUFRLE9Ba0R2QjtBQWpEVix5REFBc0Q7QUE2Q3BELDhGQTdDTyw2QkFBYSxPQTZDUDtBQTVDZix5RUFBc0U7QUE2Q3BFLHNHQTdDTyw2Q0FBcUIsT0E2Q1A7QUEzQ3ZCLGlCQUFpQjtBQUNqQix3REFBb0U7QUE4Q2xFLHlGQTlDTyxtQkFBUSxPQThDUDtBQTdDViw0REFBeUQ7QUE4Q3ZELDJGQTlDTyx1QkFBVSxPQThDUDtBQTdDWixvREFBOEQ7QUE4QzVELHVGQTlDTyxlQUFNLE9BOENQO0FBN0NSLHdEQUFxRDtBQStDbkQseUZBL0NPLG1CQUFRLE9BK0NQO0FBOUNWLHNEQUFpRTtBQStDL0Qsd0ZBL0NPLGlCQUFPLE9BK0NQO0FBOUNULG9FQUFpRTtBQStDL0QsK0ZBL0NPLCtCQUFjLE9BK0NQO0FBOUNoQixrRUFBK0Q7QUFrRDdELDhGQWxETyw2QkFBYSxPQWtEUDtBQWpEZixrREFBMkQ7QUE4Q3pELHNGQTlDTyxhQUFLLE9BOENQO0FBN0NQLGdFQUE2RDtBQStDM0QsNkZBL0NPLDJCQUFZLE9BK0NQO0FBOUNkLDBEQUF1RDtBQWdEckQsMEZBaERPLHFCQUFTLE9BZ0RQO0FBL0NYLHdEQUFxRDtBQWdEbkQseUZBaERPLG1CQUFRLE9BZ0RQO0FBL0NWLGdFQUE2RDtBQWdEM0QsNkZBaERPLDJCQUFZLE9BZ0RQO0FBL0NkLDREQUF5RDtBQWdEdkQsMkZBaERPLHVCQUFVLE9BZ0RQO0FBL0NaLDBFQUF1RTtBQWdEckUsa0dBaERPLHFDQUFpQixPQWdEUDtBQS9DbkIsc0RBQW1EO0FBZ0RqRCx3RkFoRE8saUJBQU8sT0FnRFA7QUEvQ1QsZ0VBQTZEO0FBZ0QzRCw2RkFoRE8sMkJBQVksT0FnRFA7QUEvQ2Qsc0VBQW1FO0FBZ0RqRSxnR0FoRE8saUNBQWUsT0FnRFA7QUE5Q2pCLDBFQUFrRDtBQXNCaEQsMkJBdEJLLDBCQUFnQixDQXNCTDtBQXBCbEIseUNBQXNDO0FBNkNwQyx5RkE3Q08sbUJBQVEsT0E2Q1AifQ==

package/dist/instance.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Logger interface used throughout the reconciler for diagnostic output.
+ * Can be replaced via {@link instance} to redirect log output.
+ */
+export interface Logger {
+    error?: any;
+    info?: any;
+}
+/**
+ * Shared singleton holding runtime state for the Gorilla Engine React reconciler.
+ *
+ * - `rootNodeId` – ID of the native root container node, set during {@link loadUI} or {@link createUI}.
+ * - `log` – replaceable {@link Logger} for info/error output (defaults to `console`).
+ */
+export declare const instance: {
+    rootNodeId?: string;
+    log: Logger;
+};

package/dist/instance.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.instance = void 0;
+/**
+ * Shared singleton holding runtime state for the Gorilla Engine React reconciler.
+ *
+ * - `rootNodeId` – ID of the native root container node, set during {@link loadUI} or {@link createUI}.
+ * - `log` – replaceable {@link Logger} for info/error output (defaults to `console`).
+ */
+exports.instance = {
+    log: {
+        info: (...args) => console.log(...args),
+        error: (...args) => console.error(...args)
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zdGFuY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5zdGFuY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBU0E7Ozs7O0dBS0c7QUFDVSxRQUFBLFFBQVEsR0FHakI7SUFDRixHQUFHLEVBQUU7UUFDSCxJQUFJLEVBQUUsQ0FBQyxHQUFHLElBQUksRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUN2QyxLQUFLLEVBQUUsQ0FBQyxHQUFHLElBQUksRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQztLQUMzQztDQUNGLENBQUEifQ==

package/dist/nativeWrappers/GEAmpEnv.d.ts

@@ -0,0 +1,9 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+/** Props for {@link GEAmpEnv}, combining native AmpEnvProps with React element props. */
+export interface GEAmpEnvProps extends GorillaEngine.UI.AmpEnvProps, ReactElementProps {
+}
+/** React wrapper for the native {@link GorillaEngine.UI.AmpEnv} amplitude envelope component. */
+export declare class GEAmpEnv extends GEComponent<GorillaEngine.UI.AmpEnv> {
+    constructor(props: Partial<GEAmpEnvProps>);
+}

package/dist/nativeWrappers/GEAmpEnv.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEAmpEnv = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+/** React wrapper for the native {@link GorillaEngine.UI.AmpEnv} amplitude envelope component. */
+class GEAmpEnv extends GEComponent_1.GEComponent {
+    constructor(props) {
+        super(GorillaEngine.UI.AmpEnv, props);
+    }
+}
+exports.GEAmpEnv = GEAmpEnv;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VBbXBFbnYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbmF0aXZlV3JhcHBlcnMvR0VBbXBFbnYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsc0RBQW1EO0FBS25ELGlHQUFpRztBQUNqRyxNQUFhLFFBQVMsU0FBUSx5QkFBb0M7SUFDaEUsWUFBWSxLQUE2QjtRQUN2QyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQztDQUNGO0FBSkQsNEJBSUMifQ==

package/dist/nativeWrappers/GEBarStepEditor.d.ts

@@ -0,0 +1,12 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+/** Props for {@link GEBarStepEditor}, combining native BarStepEditorProps with React element props and clickable event handlers. */
+export type GEBarStepEditorProps = GorillaEngine.UI.BarStepEditorProps & ReactElementProps & ClickableHandlers;
+/**
+ * React wrapper for the native {@link GorillaEngine.UI.BarStepEditor} component.
+ * Uses {@link clickableHandlerMappings} to map React mouse event handlers to native events.
+ */
+export declare class GEBarStepEditor extends GEComponent<GorillaEngine.UI.BarStepEditor> {
+    constructor(props: Partial<GEBarStepEditorProps>);
+}

package/dist/nativeWrappers/GEBarStepEditor.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEBarStepEditor = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+/**
+ * React wrapper for the native {@link GorillaEngine.UI.BarStepEditor} component.
+ * Uses {@link clickableHandlerMappings} to map React mouse event handlers to native events.
+ */
+class GEBarStepEditor extends GEComponent_1.GEComponent {
+    constructor(props) {
+        super(GorillaEngine.UI.BarStepEditor, props, clickableHandlerMappings_1.clickableHandlerMappings);
+    }
+}
+exports.GEBarStepEditor = GEBarStepEditor;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VCYXJTdGVwRWRpdG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL25hdGl2ZVdyYXBwZXJzL0dFQmFyU3RlcEVkaXRvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFQSxzREFBbUQ7QUFDbkQsZ0ZBQWdHO0FBS2hHOzs7R0FHRztBQUNILE1BQWEsZUFBZ0IsU0FBUSx5QkFBMkM7SUFFOUUsWUFBWSxLQUFvQztRQUM5QyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFLG1EQUF3QixDQUFDLENBQUM7SUFDekUsQ0FBQztDQUNGO0FBTEQsMENBS0MifQ==

package/dist/nativeWrappers/GEButton.d.ts

@@ -0,0 +1,17 @@
+import { GEComponent } from './common/GEComponent';
+import { ReactElementProps } from './common/ReactElementProps';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+import { KeyableHandlers } from './common/keyableHandlerMappings';
+/**
+ * Props for {@link GEButton}.
+ * Combines native TriggerProps with React element props, click handlers, and key handlers.
+ */
+export type GEButtonProps = GorillaEngine.UI.TriggerProps & ReactElementProps & ClickableHandlers & KeyableHandlers;
+/**
+ * Wraps the native `GorillaEngine.UI.Trigger` component.
+ * Used to trigger an action -- does *not* work as a toggle.
+ * Supports clickable and keyable handler mappings.
+ */
+export declare class GEButton extends GEComponent<GorillaEngine.UI.Trigger> {
+    constructor(props: Partial<GEButtonProps>);
+}

package/dist/nativeWrappers/GEButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEButton = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+const keyableHandlerMappings_1 = require("./common/keyableHandlerMappings");
+/**
+ * Wraps the native `GorillaEngine.UI.Trigger` component.
+ * Used to trigger an action -- does *not* work as a toggle.
+ * Supports clickable and keyable handler mappings.
+ */
+class GEButton extends GEComponent_1.GEComponent {
+    constructor(props) {
+        super(GorillaEngine.UI.Trigger, props, {
+            ...clickableHandlerMappings_1.clickableHandlerMappings,
+            ...keyableHandlerMappings_1.keyableHandlerMappings,
+        });
+    }
+}
+exports.GEButton = GEButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VCdXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbmF0aXZlV3JhcHBlcnMvR0VCdXR0b24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsc0RBQW1EO0FBRW5ELGdGQUFnRztBQUNoRyw0RUFBMEY7QUFXMUY7Ozs7R0FJRztBQUNILE1BQWEsUUFBUyxTQUFRLHlCQUFxQztJQUNqRSxZQUFZLEtBQTZCO1FBQ3ZDLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUU7WUFDckMsR0FBRyxtREFBd0I7WUFDM0IsR0FBRywrQ0FBc0I7U0FDMUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGO0FBUEQsNEJBT0MifQ==

package/dist/nativeWrappers/GEComboBox.d.ts

@@ -0,0 +1,18 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+/**
+ * Props for {@link GEComboBox}.
+ * Combines native ComboBoxProps with React element props, click handlers, and a value change callback.
+ * @property onChange - Fires when the selected index changes (maps to native `value` event).
+ */
+export declare type GEComboBoxProps = GorillaEngine.UI.ComboBoxProps & ReactElementProps & ClickableHandlers & {
+    onChange?: (value: number) => void;
+};
+/**
+ * Wraps the native `GorillaEngine.UI.ComboBox` component.
+ * Maps `onChange` to the native `value` event. Supports clickable handler mappings.
+ */
+export declare class GEComboBox extends GEComponent<GorillaEngine.UI.ComboBox> {
+    constructor(props: Partial<GEComboBoxProps>);
+}

package/dist/nativeWrappers/GEComboBox.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEComboBox = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+/**
+ * Wraps the native `GorillaEngine.UI.ComboBox` component.
+ * Maps `onChange` to the native `value` event. Supports clickable handler mappings.
+ */
+class GEComboBox extends GEComponent_1.GEComponent {
+    constructor(props) {
+        super(GorillaEngine.UI.ComboBox, props, { ...clickableHandlerMappings_1.clickableHandlerMappings, onChange: 'value' });
+    }
+}
+exports.GEComboBox = GEComboBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VDb21ib0JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXRpdmVXcmFwcGVycy9HRUNvbWJvQm94LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUdBLHNEQUFtRDtBQUNuRCxnRkFBZ0c7QUFhaEc7OztHQUdHO0FBQ0gsTUFBYSxVQUFXLFNBQVEseUJBQXNDO0lBQ3BFLFlBQVksS0FBK0I7UUFDekMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUcsbURBQXdCLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBQyxDQUFDLENBQUM7SUFDN0YsQ0FBQztDQUVGO0FBTEQsZ0NBS0MifQ==

package/dist/nativeWrappers/GECurve.d.ts

@@ -0,0 +1,9 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+/** Props for {@link GECurve}, combining native CurveProps with React element props. */
+export interface GECurveProps extends GorillaEngine.UI.CurveProps, ReactElementProps {
+}
+/** React wrapper for the native {@link GorillaEngine.UI.Curve} component. */
+export declare class GECurve extends GEComponent<GorillaEngine.UI.Curve> {
+    constructor(props: Partial<GECurveProps>);
+}

package/dist/nativeWrappers/GECurve.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GECurve = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+/** React wrapper for the native {@link GorillaEngine.UI.Curve} component. */
+class GECurve extends GEComponent_1.GEComponent {
+    constructor(props) {
+        super(GorillaEngine.UI.Curve, props);
+    }
+}
+exports.GECurve = GECurve;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VDdXJ2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXRpdmVXcmFwcGVycy9HRUN1cnZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLHNEQUFtRDtBQUtuRCw2RUFBNkU7QUFDN0UsTUFBYSxPQUFRLFNBQVEseUJBQW1DO0lBQzlELFlBQVksS0FBNEI7UUFDdEMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7Q0FDRjtBQUpELDBCQUlDIn0=

package/dist/nativeWrappers/GEDragContainer.d.ts

@@ -0,0 +1,24 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+/**
+ * Props for the {@link GEDragContainer} component.
+ * Combines native DragContainer props with React element props, clickable handlers,
+ * and drag event callbacks.
+ */
+export type GEDragContainerProps = GorillaEngine.UI.DragContainerProps & ReactElementProps & ClickableHandlers & {
+    /** Called continuously while dragging with the current drag position. */
+    onDragging: (args: any) => void;
+    /** Called when a drag operation begins. */
+    onDragStart: (args: any) => void;
+    /** Called when a drag operation ends. */
+    onDragEnd: (args: any) => void;
+};
+/**
+ * React wrapper for the Gorilla Engine DragContainer component.
+ * Provides a draggable container that emits drag lifecycle events.
+ */
+export declare class GEDragContainer extends GEComponent<GorillaEngine.UI.DragContainer> {
+    /** @param props - Partial drag container configuration and event handlers. */
+    constructor(props: Partial<GEDragContainerProps>);
+}

package/dist/nativeWrappers/GEDragContainer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEDragContainer = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+/**
+ * React wrapper for the Gorilla Engine DragContainer component.
+ * Provides a draggable container that emits drag lifecycle events.
+ */
+class GEDragContainer extends GEComponent_1.GEComponent {
+    /** @param props - Partial drag container configuration and event handlers. */
+    constructor(props) {
+        super(GorillaEngine.UI.DragContainer, props, {
+            ...clickableHandlerMappings_1.clickableHandlerMappings,
+            onDragging: 'dragPosition',
+            onDragStart: 'dragStarted',
+            onDragEnd: 'dragEnded',
+        });
+    }
+}
+exports.GEDragContainer = GEDragContainer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VEcmFnQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL25hdGl2ZVdyYXBwZXJzL0dFRHJhZ0NvbnRhaW5lci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxzREFBbUQ7QUFDbkQsZ0ZBQWdHO0FBa0JoRzs7O0dBR0c7QUFDSCxNQUFhLGVBQWdCLFNBQVEseUJBQTJDO0lBQzlFLDhFQUE4RTtJQUM5RSxZQUFZLEtBQW9DO1FBQzlDLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUU7WUFDM0MsR0FBRyxtREFBd0I7WUFDM0IsVUFBVSxFQUFFLGNBQWM7WUFDMUIsV0FBVyxFQUFFLGFBQWE7WUFDMUIsU0FBUyxFQUFFLFdBQVc7U0FDdkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGO0FBVkQsMENBVUMifQ==

package/dist/nativeWrappers/GEDragTarget.d.ts

@@ -0,0 +1,20 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+/**
+ * Props for the {@link GEDragTarget} component.
+ * Combines native DragTarget props with React element props, clickable handlers,
+ * and a drop event callback.
+ */
+export type GEDragTargetProps = GorillaEngine.UI.DragTargetProps & ReactElementProps & ClickableHandlers & {
+    /** Called when an item is dropped onto this target. */
+    onItemDropped: (args: any) => void;
+};
+/**
+ * React wrapper for the Gorilla Engine DragTarget component.
+ * Represents a target area that accepts dropped items from a {@link GEDragContainer}.
+ */
+export declare class GEDragTarget extends GEComponent<GorillaEngine.UI.DragTarget> {
+    /** @param props - Partial drag target configuration and event handlers. */
+    constructor(props: Partial<GEDragTargetProps>);
+}

package/dist/nativeWrappers/GEDragTarget.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEDragTarget = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+/**
+ * React wrapper for the Gorilla Engine DragTarget component.
+ * Represents a target area that accepts dropped items from a {@link GEDragContainer}.
+ */
+class GEDragTarget extends GEComponent_1.GEComponent {
+    /** @param props - Partial drag target configuration and event handlers. */
+    constructor(props) {
+        super(GorillaEngine.UI.DragTarget, props, {
+            ...clickableHandlerMappings_1.clickableHandlerMappings,
+            onItemDropped: 'drop'
+        });
+    }
+}
+exports.GEDragTarget = GEDragTarget;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VEcmFnVGFyZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL25hdGl2ZVdyYXBwZXJzL0dFRHJhZ1RhcmdldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFQSxzREFBbUQ7QUFDbkQsZ0ZBQWdHO0FBWWhHOzs7R0FHRztBQUNILE1BQWEsWUFBYSxTQUFRLHlCQUF3QztJQUN4RSwyRUFBMkU7SUFDM0UsWUFBWSxLQUFpQztRQUMzQyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFO1lBQ3hDLEdBQUcsbURBQXdCO1lBQzNCLGFBQWEsRUFBRSxNQUFNO1NBQ3RCLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FDRjtBQVJELG9DQVFDIn0=

package/dist/nativeWrappers/GEDropZone.d.ts

@@ -0,0 +1,22 @@
+import { ReactElementProps } from './common/ReactElementProps';
+import { GEComponent } from './common/GEComponent';
+import { ClickableHandlers } from './common/clickableHandlerMappings';
+/**
+ * Props for the {@link GEDropZone} component.
+ * Combines native DropZone props with React element props, clickable handlers,
+ * and file drag/drop callbacks.
+ */
+export type GEDropZoneProps = GorillaEngine.UI.DropZoneProps & ReactElementProps & ClickableHandlers & {
+    /** Called when files are dragged over the drop zone. */
+    onDraggedFiles: any;
+    /** Called when files are dropped onto the drop zone. */
+    onDroppedFiles: any;
+};
+/**
+ * React wrapper for the Gorilla Engine DropZone component.
+ * Accepts external file drag-and-drop interactions.
+ */
+export declare class GEDropZone extends GEComponent<GorillaEngine.UI.DropZone> {
+    /** @param props - Partial drop zone configuration and event handlers. */
+    constructor(props: Partial<GEDropZoneProps>);
+}

package/dist/nativeWrappers/GEDropZone.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GEDropZone = void 0;
+const GEComponent_1 = require("./common/GEComponent");
+const clickableHandlerMappings_1 = require("./common/clickableHandlerMappings");
+/**
+ * React wrapper for the Gorilla Engine DropZone component.
+ * Accepts external file drag-and-drop interactions.
+ */
+class GEDropZone extends GEComponent_1.GEComponent {
+    /** @param props - Partial drop zone configuration and event handlers. */
+    constructor(props) {
+        super(GorillaEngine.UI.DropZone, props, { ...clickableHandlerMappings_1.clickableHandlerMappings,
+            onDraggedFiles: 'draggedFiles',
+            onDroppedFiles: 'droppedFiles'
+        });
+    }
+}
+exports.GEDropZone = GEDropZone;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR0VEcm9wWm9uZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9uYXRpdmVXcmFwcGVycy9HRURyb3Bab25lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBLHNEQUFtRDtBQUNuRCxnRkFBZ0c7QUFnQmhHOzs7R0FHRztBQUNILE1BQWEsVUFBVyxTQUFRLHlCQUFzQztJQUNwRSx5RUFBeUU7SUFDekUsWUFBWSxLQUErQjtRQUN6QyxLQUFLLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLEVBQUMsR0FBRyxtREFBd0I7WUFDbEUsY0FBYyxFQUFFLGNBQWM7WUFDOUIsY0FBYyxFQUFFLGNBQWM7U0FDL0IsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztDQUNGO0FBUkQsZ0NBUUMifQ==