mathbox-react 0.0.0-a53eb3e

package/README.md

@@ -0,0 +1,30 @@
+# Mathbox React
+
+React bindings for [Mathbox](https://github.com/unconed/mathbox).
+
+## Example
+
+```tsx
+import React from "react"
+import { ContainedMathbox, Axis, Grid, Cartesian } from "mathbox-react"
+import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"
+
+const SimpleExample: React.FC = () => (
+  <ContainedMathbox
+    options={{
+      plugins: ["core", "controls", "cursor"],
+      controls: { klass: OrbitControls },
+    }}
+    containerStyle={{ height: "100vh" }}
+  >
+    <Cartesian>
+      <Axis axis="x" color="orange" />
+      <Axis axis="y" color="blue" />
+      <Axis axis="z" color="green" />
+      <Grid axes="xz" />
+    </Cartesian>
+  </ContainedMathbox>
+)
+
+export default SimpleExample
+```

package/build/cjs/components/ContainedMathbox.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    containerId?: string | undefined;
+    containerClass?: string | undefined;
+    containerStyle?: React.CSSProperties | undefined;
+    options?: any;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
+export default _default;

package/build/cjs/components/ContainedMathbox.js

@@ -0,0 +1,59 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var Mathbox_1 = __importDefault(require("./Mathbox"));
+var ContainedMathbox = function (props, ref) {
+    var children = props.children, containerId = props.containerId, containerClass = props.containerClass, containerStyle = props.containerStyle, others = __rest(props, ["children", "containerId", "containerClass", "containerStyle"]);
+    var _a = (0, react_1.useState)(null), container = _a[0], setContainer = _a[1];
+    return (react_1.default.createElement("div", { ref: setContainer, id: containerId, className: containerClass, style: containerStyle }, container && (react_1.default.createElement(Mathbox_1.default, __assign({ ref: ref, container: container }, others), children))));
+};
+exports.default = (0, react_1.forwardRef)(ContainedMathbox);
+//# sourceMappingURL=ContainedMathbox.js.map

package/build/cjs/components/ContainedMathbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainedMathbox.js","sourceRoot":"","sources":["../../../src/components/ContainedMathbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AAEnD,sDAA+B;AAY/B,IAAM,gBAAgB,GAAG,UACvB,KAAY,EACZ,GAAwC;IAEhC,IAAA,QAAQ,GACd,KAAK,SADS,EAAE,WAAW,GAC3B,KAAK,YADsB,EAAE,cAAc,GAC3C,KAAK,eADsC,EAAE,cAAc,GAC3D,KAAK,eADsD,EAAK,MAAM,UACtE,KAAK,EADD,+DAAoE,CAAF,CACjE;IACD,IAAA,KAA4B,IAAA,gBAAQ,EAAwB,IAAI,CAAC,EAAhE,SAAS,QAAA,EAAE,YAAY,QAAyC,CAAA;IACvE,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,cAAc,IAEpB,SAAS,IAAI,CACZ,8BAAC,iBAAO,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,IAAM,MAAM,GAChD,QAAQ,CACD,CACX,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAA"}

package/build/cjs/components/Mathbox.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
+    options?: any;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
+export default _default;

package/build/cjs/components/Mathbox.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var three_1 = require("three");
+var mathbox_1 = require("mathbox");
+var MathboxAPIContext_1 = __importDefault(require("./MathboxAPIContext"));
+var util_1 = require("./util");
+var ThreestrapContext_1 = __importDefault(require("../threestrap/ThreestrapContext"));
+var Mathbox = function (props, ref) {
+    var container = props.container, children = props.children, options = props.options, rootProps = __rest(props, ["container", "children", "options"]);
+    var mathboxOptions = (0, util_1.useDeepCompareMemo)(options !== null && options !== void 0 ? options : {}, {});
+    var _a = (0, react_1.useState)(null), selection = _a[0], setSelection = _a[1];
+    (0, react_1.useLayoutEffect)(function () {
+        if (!container)
+            return function () { };
+        var mathbox = (0, mathbox_1.mathBox)(__assign(__assign({}, mathboxOptions), { element: container }));
+        setSelection(mathbox);
+        /**
+         * TODO: Should Mathbox component allow setting these more easily?
+         */
+        mathbox.three.renderer.setClearColor(new three_1.Color(0xffffff), 1.0);
+        mathbox.three.camera.position.set(1, 1, 2);
+        return function () {
+            mathbox.select("*").remove();
+            mathbox.three.destroy();
+            setSelection(null);
+        };
+    }, [container, mathboxOptions]);
+    (0, react_1.useLayoutEffect)(function () {
+        if (!selection)
+            return;
+        selection.set(rootProps);
+    }, [selection, rootProps]);
+    (0, react_1.useImperativeHandle)(ref, function () { return selection; }, [selection]);
+    return (selection && (react_1.default.createElement(MathboxAPIContext_1.default.Provider, { value: selection },
+        react_1.default.createElement(ThreestrapContext_1.default.Provider, { value: selection.three }, children))));
+};
+exports.default = (0, react_1.forwardRef)(Mathbox);
+//# sourceMappingURL=Mathbox.js.map

package/build/cjs/components/Mathbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mathbox.js","sourceRoot":"","sources":["../../../src/components/Mathbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAKc;AACd,+BAA6B;AAC7B,mCAA8E;AAC9E,0EAAmD;AAEnD,+BAA2C;AAC3C,sFAA+D;AAS/D,IAAM,OAAO,GAAG,UACd,KAAY,EACZ,GAA+C;IAEvC,IAAA,SAAS,GAAsC,KAAK,UAA3C,EAAE,QAAQ,GAA4B,KAAK,SAAjC,EAAE,OAAO,GAAmB,KAAK,QAAxB,EAAK,SAAS,UAAK,KAAK,EAAtD,oCAA8C,CAAF,CAAU;IAC5D,IAAM,cAAc,GAAG,IAAA,yBAAkB,EAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,EAAE,EAAE,CAAC,CAAA;IACtD,IAAA,KAA4B,IAAA,gBAAQ,EACxC,IAAI,CACL,EAFM,SAAS,QAAA,EAAE,YAAY,QAE7B,CAAA;IACD,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAO,cAAO,CAAC,CAAA;QAE/B,IAAM,OAAO,GAAG,IAAA,iBAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAA;QACF,YAAY,CAAC,OAAO,CAAC,CAAA;QAErB;;WAEG;QACH,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,aAAK,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,CAAA;QAC9D,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAC1C,OAAO;YACL,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAA;YAC5B,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;YACvB,YAAY,CAAC,IAAI,CAAC,CAAA;QACpB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAA;IAE/B,IAAA,uBAAe,EAAC;QACd,IAAI,CAAC,SAAS;YAAE,OAAM;QACtB,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1B,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACtD,OAAO,CACL,SAAS,IAAI,CACX,8BAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS;QAC1C,8BAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,IAC/C,QAAQ,CACkB,CACF,CAC9B,CACF,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAA"}

package/build/cjs/components/MathboxAPIContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MathboxSelection } from "mathbox";
+declare const MathboxAPIContext: import("react").Context<MathboxSelection<"axis" | "face" | "grid" | "line" | "point" | "strip" | "surface" | "ticks" | "vector" | "view" | "cartesian" | "cartesian4" | "polar" | "spherical" | "stereographic" | "stereographic4" | "transform" | "transform4" | "vertex" | "fragment" | "layer" | "mask" | "array" | "interval" | "matrix" | "area" | "voxel" | "volume" | "scale" | "latch" | "html" | "dom" | "text" | "format" | "label" | "retext" | "clamp" | "grow" | "join" | "lerp" | "memo" | "readback" | "resample" | "repeat" | "reverse" | "swizzle" | "spread" | "split" | "slice" | "subdivide" | "transpose" | "group" | "inherit" | "root" | "unit" | "shader" | "camera" | "rtt" | "compose" | "clock" | "now" | "move" | "play" | "present" | "reveal" | "slide" | "step"> | null>;
+/**
+ * Returns Mathbox API Selection object for the nearest enclosing Mathbox node.
+ */
+declare const useMathbox: () => MathboxSelection<"axis" | "face" | "grid" | "line" | "point" | "strip" | "surface" | "ticks" | "vector" | "view" | "cartesian" | "cartesian4" | "polar" | "spherical" | "stereographic" | "stereographic4" | "transform" | "transform4" | "vertex" | "fragment" | "layer" | "mask" | "array" | "interval" | "matrix" | "area" | "voxel" | "volume" | "scale" | "latch" | "html" | "dom" | "text" | "format" | "label" | "retext" | "clamp" | "grow" | "join" | "lerp" | "memo" | "readback" | "resample" | "repeat" | "reverse" | "swizzle" | "spread" | "split" | "slice" | "subdivide" | "transpose" | "group" | "inherit" | "root" | "unit" | "shader" | "camera" | "rtt" | "compose" | "clock" | "now" | "move" | "play" | "present" | "reveal" | "slide" | "step">;
+export default MathboxAPIContext;
+export { useMathbox };

package/build/cjs/components/MathboxAPIContext.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMathbox = void 0;
+var react_1 = require("react");
+var MathboxAPIContext = (0, react_1.createContext)(null);
+/**
+ * Returns Mathbox API Selection object for the nearest enclosing Mathbox node.
+ */
+var useMathbox = function () {
+    var selection = (0, react_1.useContext)(MathboxAPIContext);
+    if (!selection) {
+        throw new Error("useMathbox must be used within Mathbox or ContainedMathbox");
+    }
+    return selection;
+};
+exports.useMathbox = useMathbox;
+exports.default = MathboxAPIContext;
+//# sourceMappingURL=MathboxAPIContext.js.map

package/build/cjs/components/MathboxAPIContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathboxAPIContext.js","sourceRoot":"","sources":["../../../src/components/MathboxAPIContext.ts"],"names":[],"mappings":";;;AAAA,+BAAiD;AAGjD,IAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoC,IAAI,CAAC,CAAA;AAEhF;;GAEG;AACH,IAAM,UAAU,GAAG;IACjB,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,IAAI,KAAK,CACb,4DAA4D,CAC7D,CAAA;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAIQ,gCAAU;AAFnB,kBAAe,iBAAiB,CAAA"}

package/build/cjs/components/components.d.ts

@@ -0,0 +1,267 @@
+import React from "react";
+import { Props, NodeType, MathboxSelection } from "mathbox";
+import { WithChildren } from "./types";
+import { ParentNodeTypes } from "./util";
+type LiveProps<P> = {
+    [K in keyof P]: (t: number, dt: number) => P[K];
+};
+type MathboxComponent<T extends NodeType> = React.ForwardRefExoticComponent<(T extends ParentNodeTypes ? WithChildren<Props[T]> : Props[T]) & React.RefAttributes<MathboxSelection<T>> & {
+    liveProps?: LiveProps<Props[T]>;
+}>;
+/**
+ * Component wrapper for mathbox [`area`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#dataarea).
+ */
+export declare const Area: MathboxComponent<"area">;
+/**
+ * Component wrapper for mathbox [`array`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#dataarray).
+ */
+declare const MBArray: MathboxComponent<"array">;
+export { MBArray as Array };
+/**
+ * Component wrapper for mathbox [`axis`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawaxis).
+ */
+export declare const Axis: MathboxComponent<"axis">;
+/**
+ * Component wrapper for mathbox [`camera`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#cameracamera).
+ */
+export declare const Camera: MathboxComponent<"camera">;
+/**
+ * Component wrapper for mathbox [`cartesian`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewcartesian).
+ */
+export declare const Cartesian: MathboxComponent<"cartesian">;
+/**
+ * Component wrapper for mathbox [`cartesian4`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewcartesian4).
+ */
+export declare const Cartesian4: MathboxComponent<"cartesian4">;
+/**
+ * Component wrapper for mathbox [`clamp`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorclamp).
+ */
+export declare const Clamp: MathboxComponent<"clamp">;
+/**
+ * Component wrapper for mathbox [`clock`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#timeclock).
+ */
+export declare const Clock: MathboxComponent<"clock">;
+/**
+ * Component wrapper for mathbox [`compose`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#rttcompose).
+ */
+export declare const Compose: MathboxComponent<"compose">;
+/**
+ * Component wrapper for mathbox [`dom`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#overlaydom).
+ */
+export declare const Dom: MathboxComponent<"dom">;
+/**
+ * Component wrapper for mathbox [`face`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawface).
+ */
+export declare const Face: MathboxComponent<"face">;
+/**
+ * Component wrapper for mathbox [`format`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#textformat).
+ */
+export declare const Format: MathboxComponent<"format">;
+/**
+ * Component wrapper for mathbox [`fragment`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformfragment).
+ */
+export declare const Fragment: MathboxComponent<"fragment">;
+/**
+ * Component wrapper for mathbox [`grid`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawgrid).
+ */
+export declare const Grid: MathboxComponent<"grid">;
+/**
+ * Component wrapper for mathbox [`group`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#basegroup).
+ */
+export declare const Group: MathboxComponent<"group">;
+/**
+ * Component wrapper for mathbox [`grow`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorgrow).
+ */
+export declare const Grow: MathboxComponent<"grow">;
+/**
+ * Component wrapper for mathbox [`html`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#overlayhtml).
+ */
+export declare const Html: MathboxComponent<"html">;
+/**
+ * Component wrapper for mathbox [`inherit`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#baseinherit).
+ */
+export declare const Inherit: MathboxComponent<"inherit">;
+/**
+ * Component wrapper for mathbox [`interval`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#datainterval).
+ */
+export declare const Interval: MathboxComponent<"interval">;
+/**
+ * Component wrapper for mathbox [`join`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorjoin).
+ */
+export declare const Join: MathboxComponent<"join">;
+/**
+ * Component wrapper for mathbox [`label`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#textlabel).
+ */
+export declare const Label: MathboxComponent<"label">;
+/**
+ * Component wrapper for mathbox [`layer`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformlayer).
+ */
+export declare const Layer: MathboxComponent<"layer">;
+/**
+ * Component wrapper for mathbox [`lerp`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorlerp).
+ */
+export declare const Lerp: MathboxComponent<"lerp">;
+/**
+ * Component wrapper for mathbox [`line`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawline).
+ */
+export declare const Line: MathboxComponent<"line">;
+/**
+ * Component wrapper for mathbox [`mask`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformmask).
+ */
+export declare const Mask: MathboxComponent<"mask">;
+/**
+ * Component wrapper for mathbox [`matrix`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#datamatrix).
+ */
+export declare const Matrix: MathboxComponent<"matrix">;
+/**
+ * Component wrapper for mathbox [`memo`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatormemo).
+ */
+export declare const Memo: MathboxComponent<"memo">;
+/**
+ * Component wrapper for mathbox [`move`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentmove).
+ */
+export declare const Move: MathboxComponent<"move">;
+/**
+ * Component wrapper for mathbox [`now`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#timenow).
+ */
+export declare const Now: MathboxComponent<"now">;
+/**
+ * Component wrapper for mathbox [`play`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentplay).
+ */
+export declare const Play: MathboxComponent<"play">;
+/**
+ * Component wrapper for mathbox [`point`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawpoint).
+ */
+export declare const Point: MathboxComponent<"point">;
+/**
+ * Component wrapper for mathbox [`polar`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewpolar).
+ */
+export declare const Polar: MathboxComponent<"polar">;
+/**
+ * Component wrapper for mathbox [`present`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentpresent).
+ */
+export declare const Present: MathboxComponent<"present">;
+/**
+ * Component wrapper for mathbox [`readback`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorreadback).
+ */
+export declare const Readback: MathboxComponent<"readback">;
+/**
+ * Component wrapper for mathbox [`repeat`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorrepeat).
+ */
+export declare const Repeat: MathboxComponent<"repeat">;
+/**
+ * Component wrapper for mathbox [`resample`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorresample).
+ */
+export declare const Resample: MathboxComponent<"resample">;
+/**
+ * Component wrapper for mathbox [`retext`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#textretext).
+ */
+export declare const Retext: MathboxComponent<"retext">;
+/**
+ * Component wrapper for mathbox [`reveal`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentreveal).
+ */
+export declare const Reveal: MathboxComponent<"reveal">;
+/**
+ * Component wrapper for mathbox [`rtt`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#rttrtt).
+ */
+export declare const Rtt: MathboxComponent<"rtt">;
+/**
+ * Component wrapper for mathbox [`scale`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#datascale).
+ */
+export declare const Scale: MathboxComponent<"scale">;
+/**
+ * Component wrapper for mathbox [`shader`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#shadershader).
+ */
+export declare const Shader: MathboxComponent<"shader">;
+/**
+ * Component wrapper for mathbox [`slice`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorslice).
+ */
+export declare const Slice: MathboxComponent<"slice">;
+/**
+ * Component wrapper for mathbox [`slide`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentslide).
+ */
+export declare const Slide: MathboxComponent<"slide">;
+/**
+ * Component wrapper for mathbox [`spherical`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewspherical).
+ */
+export declare const Spherical: MathboxComponent<"spherical">;
+/**
+ * Component wrapper for mathbox [`split`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorsplit).
+ */
+export declare const Split: MathboxComponent<"split">;
+/**
+ * Component wrapper for mathbox [`spread`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorspread).
+ */
+export declare const Spread: MathboxComponent<"spread">;
+/**
+ * Component wrapper for mathbox [`step`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#presentstep).
+ */
+export declare const Step: MathboxComponent<"step">;
+/**
+ * Component wrapper for mathbox [`stereographic`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewstereographic).
+ */
+export declare const Stereographic: MathboxComponent<"stereographic">;
+/**
+ * Component wrapper for mathbox [`stereographic4`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewstereographic4).
+ */
+export declare const Stereographic4: MathboxComponent<"stereographic4">;
+/**
+ * Component wrapper for mathbox [`strip`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawstrip).
+ */
+export declare const Strip: MathboxComponent<"strip">;
+/**
+ * Component wrapper for mathbox [`subdivide`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorsubdivide).
+ */
+export declare const Subdivide: MathboxComponent<"subdivide">;
+/**
+ * Component wrapper for mathbox [`surface`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawsurface).
+ */
+export declare const Surface: MathboxComponent<"surface">;
+/**
+ * Component wrapper for mathbox [`swizzle`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatorswizzle).
+ */
+export declare const Swizzle: MathboxComponent<"swizzle">;
+/**
+ * Component wrapper for mathbox [`text`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#texttext).
+ */
+export declare const Text: MathboxComponent<"text">;
+/**
+ * Component wrapper for mathbox [`ticks`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawticks).
+ */
+export declare const Ticks: MathboxComponent<"ticks">;
+/**
+ * Component wrapper for mathbox [`transform`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformtransform).
+ */
+export declare const Transform: MathboxComponent<"transform">;
+/**
+ * Component wrapper for mathbox [`transform4`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformtransform4).
+ */
+export declare const Transform4: MathboxComponent<"transform4">;
+/**
+ * Component wrapper for mathbox [`transpose`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#operatortranspose).
+ */
+export declare const Transpose: MathboxComponent<"transpose">;
+/**
+ * Component wrapper for mathbox [`unit`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#baseunit).
+ */
+export declare const Unit: MathboxComponent<"unit">;
+/**
+ * Component wrapper for mathbox [`vector`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#drawvector).
+ */
+export declare const Vector: MathboxComponent<"vector">;
+/**
+ * Component wrapper for mathbox [`vertex`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#transformvertex).
+ */
+export declare const Vertex: MathboxComponent<"vertex">;
+/**
+ * Component wrapper for mathbox [`view`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#viewview).
+ */
+export declare const View: MathboxComponent<"view">;
+/**
+ * Component wrapper for mathbox [`volume`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#datavolume).
+ */
+export declare const Volume: MathboxComponent<"volume">;
+/**
+ * Component wrapper for mathbox [`voxel`](https://gitgud.io/unconed/mathbox/-/blob/master/docs/primitives.md#datavoxel).
+ */
+export declare const Voxel: MathboxComponent<"voxel">;