mathbox-react 0.2.0 → 0.2.1-rc2

package/build/cjs/index.d.ts

@@ -1 +1,3 @@
+import * as Threestrap from "./threestrap";
 export * from "./components";
+export { Threestrap };

package/build/cjs/index.js

@@ -10,9 +10,24 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 exports.__esModule = true;
+exports.Threestrap = void 0;
+var Threestrap = __importStar(require("./threestrap"));
+exports.Threestrap = Threestrap;
 __exportStar(require("./components"), exports);
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAA0C;AAGjC,gCAAU;AADnB,+CAA4B"}

package/build/cjs/stories/Grid.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").G
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -59,7 +59,7 @@ export declare const DefaultGrid: Story<import("mathbox").GridProps & React.RefA
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -111,7 +111,7 @@ export declare const GridXY: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -163,7 +163,7 @@ export declare const GridYZ: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -215,7 +215,7 @@ export declare const GridZX: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/cjs/stories/Point.stories.d.ts

@@ -7,7 +7,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").G
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -60,7 +60,7 @@ export declare const DefaultPoint: Story<import("mathbox").PointProps & React.Re
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -83,7 +83,7 @@ export declare const LiveProps: Story<import("mathbox").PointProps & React.RefAt
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/cjs/stories/Surface.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").S
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -40,7 +40,7 @@ export declare const DefaultCartesian: Story<import("mathbox").SurfaceProps & Re
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/cjs/threestrap/Controls.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type OrbitControlsProps = {
+    type: "orbit";
+    enablePan?: boolean;
+    enableRotate?: boolean;
+    enableZoom?: boolean;
+};
+type ControlsProps = OrbitControlsProps;
+declare const Controls: React.FC<ControlsProps>;
+export default Controls;

package/build/cjs/threestrap/Controls.js

@@ -0,0 +1,34 @@
+"use strict";
+exports.__esModule = true;
+/* eslint-disable react/no-unused-prop-types */
+var react_1 = require("react");
+var ThreestrapContext_1 = require("./ThreestrapContext");
+var ALLOWED_CONTROLS = ["orbit"];
+var useOrbitControls = function (threestrap, props) {
+    (0, react_1.useEffect)(function () {
+        if (props.type !== "orbit")
+            return;
+        if (!threestrap.controls)
+            return;
+        var controls = threestrap.controls;
+        if (props.enablePan !== undefined) {
+            controls.enablePan = props.enablePan;
+        }
+        if (props.enableZoom !== undefined) {
+            controls.enableZoom = props.enableZoom;
+        }
+        if (props.enableRotate !== undefined) {
+            controls.enableRotate = props.enableRotate;
+        }
+    });
+};
+var Controls = function (props) {
+    if (!ALLOWED_CONTROLS.includes(props.type)) {
+        throw new Error("Invalid control type ".concat(props.type));
+    }
+    var threestrap = (0, ThreestrapContext_1.useThreestrap)();
+    useOrbitControls(threestrap, props);
+    return null;
+};
+exports["default"] = Controls;
+//# sourceMappingURL=Controls.js.map

package/build/cjs/threestrap/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":";;AAAA,+CAA+C;AAC/C,+BAAwC;AAExC,yDAAmD;AAWnD,IAAM,gBAAgB,GAAG,CAAC,OAAO,CAAC,CAAA;AAElC,IAAM,gBAAgB,GAAG,UAAC,UAAsB,EAAE,KAAoB;IACpE,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;YAAE,OAAM;QAClC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE;YACjC,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;SACrC;QACD,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAE;YAClC,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;SACvC;QACD,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;YACpC,QAAQ,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;SAC3C;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC1C,MAAM,IAAI,KAAK,CAAC,+BAAwB,KAAK,CAAC,IAAI,CAAE,CAAC,CAAA;KACtD;IACD,IAAM,UAAU,GAAG,IAAA,iCAAa,GAAE,CAAA;IAClC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,qBAAe,QAAQ,CAAA"}

package/build/cjs/threestrap/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Renderer } from "./Renderer";
+export { default as Controls } from "./Controls";
+export { useThreestrap } from "./ThreestrapContext";
 export type { Threestrap } from "./threestrap";

package/build/cjs/threestrap/index.js

@@ -11,7 +11,11 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 exports.__esModule = true;
-exports.Renderer = void 0;
+exports.useThreestrap = exports.Controls = exports.Renderer = void 0;
 var Renderer_1 = require("./Renderer");
 __createBinding(exports, Renderer_1, "default", "Renderer");
+var Controls_1 = require("./Controls");
+__createBinding(exports, Controls_1, "default", "Controls");
+var ThreestrapContext_1 = require("./ThreestrapContext");
+__createBinding(exports, ThreestrapContext_1, "useThreestrap");
 //# sourceMappingURL=index.js.map

package/build/cjs/threestrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uCAAgD;AAAvC,4DAAmB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,uCAAgD;AAAvC,4DAAmB;AAC5B,uCAAgD;AAAvC,4DAAmB;AAC5B,yDAAmD;AAA1C,+DAAa"}

package/build/esm/index.d.ts

@@ -1 +1,3 @@
+import * as Threestrap from "./threestrap";
 export * from "./components";
+export { Threestrap };

package/build/esm/index.js

@@ -1,2 +1,4 @@
+import * as Threestrap from "./threestrap";
 export * from "./components";
+export { Threestrap };
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAE1C,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/build/esm/stories/Grid.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").G
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -59,7 +59,7 @@ export declare const DefaultGrid: Story<import("mathbox").GridProps & React.RefA
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -111,7 +111,7 @@ export declare const GridXY: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -163,7 +163,7 @@ export declare const GridYZ: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -215,7 +215,7 @@ export declare const GridZX: Story<import("mathbox").GridProps & React.RefAttrib
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/esm/stories/Point.stories.d.ts

@@ -7,7 +7,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").G
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -60,7 +60,7 @@ export declare const DefaultPoint: Story<import("mathbox").PointProps & React.Re
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -83,7 +83,7 @@ export declare const LiveProps: Story<import("mathbox").PointProps & React.RefAt
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/esm/stories/Surface.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: Meta<React.ForwardRefExoticComponent<import("mathbox").S
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
@@ -40,7 +40,7 @@ export declare const DefaultCartesian: Story<import("mathbox").SurfaceProps & Re
         classes?: ((t: number, dt: number) => import("mathbox").Optional<string | string[]>) | undefined;
         visible?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         opacity?: ((t: number, dt: number) => import("mathbox").Optional<number>) | undefined;
-        color?: ((t: number, dt: number) => string | number | number[] | import("three").Color | undefined) | undefined;
+        color?: ((t: number, dt: number) => string | number | import("three").Color | number[] | undefined) | undefined;
         blending?: ((t: number, dt: number) => import("mathbox").Optional<import("mathbox").BlendingModes>) | undefined;
         zWrite?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;
         zTest?: ((t: number, dt: number) => import("mathbox").Optional<boolean>) | undefined;

package/build/esm/threestrap/Controls.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type OrbitControlsProps = {
+    type: "orbit";
+    enablePan?: boolean;
+    enableRotate?: boolean;
+    enableZoom?: boolean;
+};
+type ControlsProps = OrbitControlsProps;
+declare const Controls: React.FC<ControlsProps>;
+export default Controls;

package/build/esm/threestrap/Controls.js

@@ -0,0 +1,32 @@
+/* eslint-disable react/no-unused-prop-types */
+import { useEffect } from "react";
+import { useThreestrap } from "./ThreestrapContext";
+var ALLOWED_CONTROLS = ["orbit"];
+var useOrbitControls = function (threestrap, props) {
+    useEffect(function () {
+        if (props.type !== "orbit")
+            return;
+        if (!threestrap.controls)
+            return;
+        var controls = threestrap.controls;
+        if (props.enablePan !== undefined) {
+            controls.enablePan = props.enablePan;
+        }
+        if (props.enableZoom !== undefined) {
+            controls.enableZoom = props.enableZoom;
+        }
+        if (props.enableRotate !== undefined) {
+            controls.enableRotate = props.enableRotate;
+        }
+    });
+};
+var Controls = function (props) {
+    if (!ALLOWED_CONTROLS.includes(props.type)) {
+        throw new Error("Invalid control type ".concat(props.type));
+    }
+    var threestrap = useThreestrap();
+    useOrbitControls(threestrap, props);
+    return null;
+};
+export default Controls;
+//# sourceMappingURL=Controls.js.map

package/build/esm/threestrap/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/threestrap/Controls.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAWnD,IAAM,gBAAgB,GAAG,CAAC,OAAO,CAAC,CAAA;AAElC,IAAM,gBAAgB,GAAG,UAAC,UAAsB,EAAE,KAAoB;IACpE,SAAS,CAAC;QACR,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;YAAE,OAAM;QAClC,IAAI,CAAC,UAAU,CAAC,QAAQ;YAAE,OAAM;QAChC,IAAM,QAAQ,GAAG,UAAU,CAAC,QAAyB,CAAA;QACrD,IAAI,KAAK,CAAC,SAAS,KAAK,SAAS,EAAE;YACjC,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;SACrC;QACD,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAE;YAClC,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;SACvC;QACD,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,EAAE;YACpC,QAAQ,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAA;SAC3C;IACH,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,IAAM,QAAQ,GAA4B,UAAC,KAAK;IAC9C,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC1C,MAAM,IAAI,KAAK,CAAC,+BAAwB,KAAK,CAAC,IAAI,CAAE,CAAC,CAAA;KACtD;IACD,IAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,gBAAgB,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACnC,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/build/esm/threestrap/index.d.ts

@@ -1,2 +1,4 @@
 export { default as Renderer } from "./Renderer";
+export { default as Controls } from "./Controls";
+export { useThreestrap } from "./ThreestrapContext";
 export type { Threestrap } from "./threestrap";

package/build/esm/threestrap/index.js

@@ -1,2 +1,4 @@
 export { default as Renderer } from "./Renderer";
+export { default as Controls } from "./Controls";
+export { useThreestrap } from "./ThreestrapContext";
 //# sourceMappingURL=index.js.map

package/build/esm/threestrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threestrap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mathbox-react",
-  "version": "0.2.0",
+  "version": "0.2.1-rc2",
   "description": "React wrapper for Mathbox",
   "license": "ISC",
   "repository": {