mathbox-react 0.0.5-dev → 0.0.7-dev

package/README.md

@@ -0,0 +1,6 @@
+To run the example, clone this repo and:
+```
+cd example
+npm install
+npm run start
+```

package/build/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("mathbox");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(e),a=e.createContext(null),p=function(){return p=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var s in r=arguments[t])Object.prototype.hasOwnProperty.call(r,s)&&(e[s]=r[s]);return e},p.apply(this,arguments)};function n(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)r.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(t[o[s]]=e[o[s]])}return t}var i=function(r){return e.forwardRef((function(t,o){var p=function(r,t,o){var s=e.useContext(a),p=e.useState(null),i=p[0],l=p[1];return e.useEffect((function(){return function(){i&&i.remove()}}),[i]),e.useEffect((function(){t.children;var e=n(t,["children"]);if(s)if(i)i.set(e);else{var o=s[r](e);l(o)}}),[s,i,l,t,r]),e.useImperativeHandle(o,(function(){return i})),i}(r,t,o);return s.default.createElement(a.Provider,{value:p},t.children)}))},l=i("area"),x=i("array"),c=i("axis"),u=i("camera"),f=i("cartesian"),m=i("cartesian4"),d=i("clamp"),v=i("clock"),h=i("compose"),y=i("dom"),b=i("face"),S=i("format"),w=i("fragment"),g=i("grid"),C=i("group"),O=i("grow"),P=i("html"),j=i("inherit"),k=i("interval"),R=i("join"),E=i("label"),M=i("layer"),I=i("lerp"),T=i("line"),V=i("mask"),z=i("matrix"),L=i("memo"),q=i("move"),A=i("now"),F=i("play"),G=i("point"),H=i("polar"),_=i("present"),B=i("readback"),D=i("repeat"),J=i("resample"),N=i("retext"),U=i("reveal"),K=i("rtt"),Q=i("scale"),W=i("shader"),X=i("slice"),Y=i("slide"),Z=i("spherical"),$=i("split"),ee=i("spread"),re=i("step"),te=i("stereographic"),oe=i("stereographic4"),se=i("strip"),ae=i("subdivide"),pe=i("surface"),ne=i("swizzle"),ie=i("text"),le=i("ticks"),xe=i("transform"),ce=i("transform4"),ue=i("transpose"),fe=i("unit"),me=i("vector"),de=i("vertex"),ve=i("view"),he=i("volume"),ye=i("voxel"),be=e.forwardRef((function(o,i){var l=o.children,x=o.initialCameraPosition,c=o.options,u=n(o,["children","initialCameraPosition","options"]),f=e.useMemo((function(){return null!=c?c:{}}),[c]),m=e.useState(null),d=m[0],v=m[1],h=e.useState(null),y=h[0],b=h[1];return e.useEffect((function(){var e;if(!y)return function(){};var o=t.mathBox(p(p({},f),{element:y}));return v(o),o.three.renderer.setClearColor(new r.Color(16777215),1),x&&(e=o.three.camera.position).set.apply(e,x),function(){o.select("*").remove(),o.three.destroy()}}),[y,f,x]),e.useImperativeHandle(i,(function(){return d})),s.default.createElement("div",p({ref:b},u),s.default.createElement(a.Provider,{value:d},l))}));exports.Area=l,exports.Array=x,exports.Axis=c,exports.Camera=u,exports.Cartesian=f,exports.Cartesian4=m,exports.Clamp=d,exports.Clock=v,exports.Compose=h,exports.Dom=y,exports.Face=b,exports.Format=S,exports.Fragment=w,exports.Grid=g,exports.Group=C,exports.Grow=O,exports.Html=P,exports.Inherit=j,exports.Interval=k,exports.Join=R,exports.Label=E,exports.Layer=M,exports.Lerp=I,exports.Line=T,exports.Mask=V,exports.Mathbox=be,exports.Matrix=z,exports.Memo=L,exports.Move=q,exports.Now=A,exports.Play=F,exports.Point=G,exports.Polar=H,exports.Present=_,exports.Readback=B,exports.Repeat=D,exports.Resample=J,exports.Retext=N,exports.Reveal=U,exports.Rtt=K,exports.Scale=Q,exports.Shader=W,exports.Slice=X,exports.Slide=Y,exports.Spherical=Z,exports.Split=$,exports.Spread=ee,exports.Step=re,exports.Stereographic=te,exports.Stereographic4=oe,exports.Strip=se,exports.Subdivide=ae,exports.Surface=pe,exports.Swizzle=ne,exports.Text=ie,exports.Ticks=le,exports.Transform=xe,exports.Transform4=ce,exports.Transpose=ue,exports.Unit=fe,exports.Vector=me,exports.Vertex=de,exports.View=ve,exports.Volume=he,exports.Voxel=ye;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("three"),t=require("mathbox");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(e),s=e.createContext(null),a=function(){return a=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},a.apply(this,arguments)};function p(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var i=function(r){return e.forwardRef((function(t,o){var a=function(r,t,o){var n=e.useContext(s),a=e.useState(null),i=a[0],l=a[1];return e.useEffect((function(){return function(){i&&(i.remove(),l(null))}}),[i]),e.useEffect((function(){t.children;var e=p(t,["children"]);if(n)if(i)i.set(e);else{var o=n[r](e);l(o)}}),[n,i,l,t,r]),e.useImperativeHandle(o,(function(){return i}),[i]),i}(r,t,o);return n.default.createElement(s.Provider,{value:a},t.children)}))},l=i("area"),c=i("array"),x=i("axis"),u=i("camera"),f=i("cartesian"),d=i("cartesian4"),m=i("clamp"),v=i("clock"),h=i("compose"),y=i("dom"),S=i("face"),b=i("format"),w=i("fragment"),g=i("grid"),C=i("group"),O=i("grow"),P=i("html"),j=i("inherit"),E=i("interval"),R=i("join"),k=i("label"),M=i("layer"),I=i("lerp"),T=i("line"),V=i("mask"),z=i("matrix"),L=i("memo"),q=i("move"),A=i("now"),F=i("play"),G=i("point"),H=i("polar"),N=i("present"),_=i("readback"),B=i("repeat"),D=i("resample"),J=i("retext"),U=i("reveal"),K=i("rtt"),Q=i("scale"),W=i("shader"),X=i("slice"),Y=i("slide"),Z=i("spherical"),$=i("split"),ee=i("spread"),re=i("step"),te=i("stereographic"),oe=i("stereographic4"),ne=i("strip"),se=i("subdivide"),ae=i("surface"),pe=i("swizzle"),ie=i("text"),le=i("ticks"),ce=i("transform"),xe=i("transform4"),ue=i("transpose"),fe=i("unit"),de=i("vector"),me=i("vertex"),ve=i("view"),he=i("volume"),ye=i("voxel"),Se=e.forwardRef((function(o,i){var l=o.container,c=o.children,x=o.options,u=p(o,["container","children","options"]),f=e.useMemo((function(){return null!=x?x:{}}),[x]),d=e.useState(null),m=d[0],v=d[1];return e.useEffect((function(){if(!l)return function(){};var e=t.mathBox(a(a({},f),{element:l}));return v(e),e.three.renderer.setClearColor(new r.Color(16777215),1),function(){e.select("*").remove(),e.three.destroy(),v(null)}}),[l,f]),e.useEffect((function(){m&&m.set(u)}),[m,u]),e.useImperativeHandle(i,(function(){return m}),[m]),n.default.createElement(s.Provider,{value:m},c)})),be=e.forwardRef((function(r,t){var o=r.children,s=r.containerId,i=r.containerClass,l=r.containerStyle,c=p(r,["children","containerId","containerClass","containerStyle"]),x=e.useState(null),u=x[0],f=x[1];return n.default.createElement("div",{ref:f,id:s,className:i,style:l},u&&n.default.createElement(Se,a({ref:t,container:u},c),o))}));exports.Area=l,exports.Array=c,exports.Axis=x,exports.Camera=u,exports.Cartesian=f,exports.Cartesian4=d,exports.Clamp=m,exports.Clock=v,exports.Compose=h,exports.ContainedMathbox=be,exports.Dom=y,exports.Face=S,exports.Format=b,exports.Fragment=w,exports.Grid=g,exports.Group=C,exports.Grow=O,exports.Html=P,exports.Inherit=j,exports.Interval=E,exports.Join=R,exports.Label=k,exports.Layer=M,exports.Lerp=I,exports.Line=T,exports.Mask=V,exports.Mathbox=Se,exports.Matrix=z,exports.Memo=L,exports.Move=q,exports.Now=A,exports.Play=F,exports.Point=G,exports.Polar=H,exports.Present=N,exports.Readback=_,exports.Repeat=B,exports.Resample=D,exports.Retext=J,exports.Reveal=U,exports.Rtt=K,exports.Scale=Q,exports.Shader=W,exports.Slice=X,exports.Slide=Y,exports.Spherical=Z,exports.Split=$,exports.Spread=ee,exports.Step=re,exports.Stereographic=te,exports.Stereographic4=oe,exports.Strip=ne,exports.Subdivide=se,exports.Surface=ae,exports.Swizzle=pe,exports.Text=ie,exports.Ticks=le,exports.Transform=ce,exports.Transform4=xe,exports.Transpose=ue,exports.Unit=fe,exports.Vector=de,exports.Vertex=me,exports.View=ve,exports.Volume=he,exports.Voxel=ye;
 //# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","initialCameraPosition","options","divProps","mathboxOptions","useMemo","_b","container","setContainer","mathbox","mathBox","element","three","renderer","setClearColor","Color","camera","position","select","destroy"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx","../../src/components/ContainedMathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","container","options","rootProps","mathboxOptions","useMemo","mathbox","mathBox","element","three","renderer","setClearColor","Color","select","destroy","containerId","containerClass","containerStyle","others","setContainer","id","className","style","Mathbox"],"mappings":"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"}

package/build/cjs/types/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/types/components/Mathbox.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-import { MathboxSelection } from "mathbox";
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 export default _default;

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

@@ -1,2 +1,3 @@
 export * from "./components";
 export { default as Mathbox } from "./Mathbox";
+export { default as ContainedMathbox } from "./ContainedMathbox";

package/build/cjs/types/stories/utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const CustomMathbox: React.ForwardRefExoticComponent<Pick<Pick<{
-    options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>>;
+import { ContainedMathbox } from "../components";
+declare type MathboxProps = React.ComponentProps<typeof ContainedMathbox>;
+export declare const CustomMathbox: (props: MathboxProps) => JSX.Element;
+export {};

package/build/esm/index.js

@@ -1,4 +1,4 @@
-import e,{createContext as r,useContext as t,useState as n,useEffect as o,useImperativeHandle as a,forwardRef as i,useMemo as l}from"react";import{Color as c}from"three";import{mathBox as s}from"mathbox";var u=r(null),p=function(){return p=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},p.apply(this,arguments)};
+import e,{createContext as r,useContext as t,useState as n,useEffect as o,useImperativeHandle as a,forwardRef as i,useMemo as l}from"react";import{Color as c}from"three";import{mathBox as s}from"mathbox";var u=r(null),f=function(){return f=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},f.apply(this,arguments)};
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function f(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var m=function(r){return i((function(i,l){var c=function(e,r,i){var l=t(u),c=n(null),s=c[0],p=c[1];return o((function(){return function(){s&&s.remove()}}),[s]),o((function(){r.children;var t=f(r,["children"]);if(l)if(s)s.set(t);else{var n=l[e](t);p(n)}}),[l,s,p,r,e]),a(i,(function(){return s})),s}(r,i,l);return e.createElement(u.Provider,{value:c},i.children)}))},v=m("area"),h=m("array"),d=m("axis"),y=m("camera"),b=m("cartesian"),O=m("cartesian4"),g=m("clamp"),x=m("clock"),w=m("compose"),P=m("dom"),j=m("face"),k=m("format"),C=m("fragment"),E=m("grid"),z=m("group"),S=m("grow"),A=m("html"),I=m("inherit"),M=m("interval"),q=m("join"),B=m("label"),D=m("layer"),F=m("lerp"),G=m("line"),H=m("mask"),J=m("matrix"),K=m("memo"),L=m("move"),N=m("now"),Q=m("play"),R=m("point"),T=m("polar"),U=m("present"),V=m("readback"),W=m("repeat"),X=m("resample"),Y=m("retext"),Z=m("reveal"),$=m("rtt"),_=m("scale"),ee=m("shader"),re=m("slice"),te=m("slide"),ne=m("spherical"),oe=m("split"),ae=m("spread"),ie=m("step"),le=m("stereographic"),ce=m("stereographic4"),se=m("strip"),ue=m("subdivide"),pe=m("surface"),fe=m("swizzle"),me=m("text"),ve=m("ticks"),he=m("transform"),de=m("transform4"),ye=m("transpose"),be=m("unit"),Oe=m("vector"),ge=m("vertex"),xe=m("view"),we=m("volume"),Pe=m("voxel"),je=i((function(r,t){var i=r.children,m=r.initialCameraPosition,v=r.options,h=f(r,["children","initialCameraPosition","options"]),d=l((function(){return null!=v?v:{}}),[v]),y=n(null),b=y[0],O=y[1],g=n(null),x=g[0],w=g[1];return o((function(){var e;if(!x)return function(){};var r=s(p(p({},d),{element:x}));return O(r),r.three.renderer.setClearColor(new c(16777215),1),m&&(e=r.three.camera.position).set.apply(e,m),function(){r.select("*").remove(),r.three.destroy()}}),[x,d,m]),a(t,(function(){return b})),e.createElement("div",p({ref:w},h),e.createElement(u.Provider,{value:b},i))}));export{v as Area,h as Array,d as Axis,y as Camera,b as Cartesian,O as Cartesian4,g as Clamp,x as Clock,w as Compose,P as Dom,j as Face,k as Format,C as Fragment,E as Grid,z as Group,S as Grow,A as Html,I as Inherit,M as Interval,q as Join,B as Label,D as Layer,F as Lerp,G as Line,H as Mask,je as Mathbox,J as Matrix,K as Memo,L as Move,N as Now,Q as Play,R as Point,T as Polar,U as Present,V as Readback,W as Repeat,X as Resample,Y as Retext,Z as Reveal,$ as Rtt,_ as Scale,ee as Shader,re as Slice,te as Slide,ne as Spherical,oe as Split,ae as Spread,ie as Step,le as Stereographic,ce as Stereographic4,se as Strip,ue as Subdivide,pe as Surface,fe as Swizzle,me as Text,ve as Ticks,he as Transform,de as Transform4,ye as Transpose,be as Unit,Oe as Vector,ge as Vertex,xe as View,we as Volume,Pe as Voxel};
+***************************************************************************** */function p(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var m=function(r){return i((function(i,l){var c=function(e,r,i){var l=t(u),c=n(null),s=c[0],f=c[1];return o((function(){return function(){s&&(s.remove(),f(null))}}),[s]),o((function(){r.children;var t=p(r,["children"]);if(l)if(s)s.set(t);else{var n=l[e](t);f(n)}}),[l,s,f,r,e]),a(i,(function(){return s}),[s]),s}(r,i,l);return e.createElement(u.Provider,{value:c},i.children)}))},v=m("area"),d=m("array"),h=m("axis"),y=m("camera"),b=m("cartesian"),x=m("cartesian4"),O=m("clamp"),g=m("clock"),w=m("compose"),j=m("dom"),P=m("face"),C=m("format"),E=m("fragment"),k=m("grid"),S=m("group"),I=m("grow"),z=m("html"),M=m("inherit"),A=m("interval"),N=m("join"),q=m("label"),B=m("layer"),D=m("lerp"),F=m("line"),G=m("mask"),H=m("matrix"),J=m("memo"),K=m("move"),L=m("now"),Q=m("play"),R=m("point"),T=m("polar"),U=m("present"),V=m("readback"),W=m("repeat"),X=m("resample"),Y=m("retext"),Z=m("reveal"),$=m("rtt"),_=m("scale"),ee=m("shader"),re=m("slice"),te=m("slide"),ne=m("spherical"),oe=m("split"),ae=m("spread"),ie=m("step"),le=m("stereographic"),ce=m("stereographic4"),se=m("strip"),ue=m("subdivide"),fe=m("surface"),pe=m("swizzle"),me=m("text"),ve=m("ticks"),de=m("transform"),he=m("transform4"),ye=m("transpose"),be=m("unit"),xe=m("vector"),Oe=m("vertex"),ge=m("view"),we=m("volume"),je=m("voxel"),Pe=i((function(r,t){var i=r.container,m=r.children,v=r.options,d=p(r,["container","children","options"]),h=l((function(){return null!=v?v:{}}),[v]),y=n(null),b=y[0],x=y[1];return o((function(){if(!i)return function(){};var e=s(f(f({},h),{element:i}));return x(e),e.three.renderer.setClearColor(new c(16777215),1),function(){e.select("*").remove(),e.three.destroy(),x(null)}}),[i,h]),o((function(){b&&b.set(d)}),[b,d]),a(t,(function(){return b}),[b]),e.createElement(u.Provider,{value:b},m)})),Ce=i((function(r,t){var o=r.children,a=r.containerId,i=r.containerClass,l=r.containerStyle,c=p(r,["children","containerId","containerClass","containerStyle"]),s=n(null),u=s[0],m=s[1];return e.createElement("div",{ref:m,id:a,className:i,style:l},u&&e.createElement(Pe,f({ref:t,container:u},c),o))}));export{v as Area,d as Array,h as Axis,y as Camera,b as Cartesian,x as Cartesian4,O as Clamp,g as Clock,w as Compose,Ce as ContainedMathbox,j as Dom,P as Face,C as Format,E as Fragment,k as Grid,S as Group,I as Grow,z as Html,M as Inherit,A as Interval,N as Join,q as Label,B as Layer,D as Lerp,F as Line,G as Mask,Pe as Mathbox,H as Matrix,J as Memo,K as Move,L as Now,Q as Play,R as Point,T as Polar,U as Present,V as Readback,W as Repeat,X as Resample,Y as Retext,Z as Reveal,$ as Rtt,_ as Scale,ee as Shader,re as Slice,te as Slide,ne as Spherical,oe as Split,ae as Spread,ie as Step,le as Stereographic,ce as Stereographic4,se as Strip,ue as Subdivide,fe as Surface,pe as Swizzle,me as Text,ve as Ticks,de as Transform,he as Transform4,ye as Transpose,be as Unit,xe as Vector,Oe as Vertex,ge as View,we as Volume,je as Voxel};
 //# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","Mathbox$1","initialCameraPosition","options","divProps","mathboxOptions","useMemo","_b","container","setContainer","mathbox","mathBox","element","three","renderer","setClearColor","Color","camera","position","select","destroy"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/MathboxNodeContext.ts","../../node_modules/tslib/tslib.es6.js","../../src/components/hooks.ts","../../src/components/components.tsx","../../src/components/Mathbox.tsx","../../src/components/ContainedMathbox.tsx"],"sourcesContent":[null,"/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n",null,null,null,null],"names":["MathboxAPIContext","createContext","__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","this","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","mathboxComponentFactory","type","forwardRef","props","ref","nodeAPI","name","parent","useContext","_a","useState","selection","setSelection","useEffect","remove","children","mbProps","set","thisNode","useImperativeHandle","useMathboxAPI","React","createElement","Provider","value","Area","MBArray","Axis","Camera","Cartesian","Cartesian4","Clamp","Clock","Compose","Dom","Face","Format","Fragment","Grid","Group","Grow","Html","Inherit","Interval","Join","Label","Layer","Lerp","Line","Mask","Matrix","Memo","Move","Now","Play","Point","Polar","Present","Readback","Repeat","Resample","Retext","Reveal","Rtt","Scale","Shader","Slice","Slide","Spherical","Split","Spread","Step","Stereographic","Stereographic4","Strip","Subdivide","Surface","Swizzle","Text","Ticks","Transform","Transform4","Transpose","Unit","Vector","Vertex","View","Volume","Voxel","Mathbox$1","container","options","rootProps","mathboxOptions","useMemo","mathbox","mathBox","element","three","renderer","setClearColor","Color","select","destroy","ContainedMathbox$1","containerId","containerClass","containerStyle","others","setContainer","id","className","style","Mathbox"],"mappings":"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"}

package/build/esm/types/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/esm/types/components/Mathbox.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-import { MathboxSelection } from "mathbox";
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+import { RootProps, MathboxSelection } from "mathbox";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 export default _default;

package/build/esm/types/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./components";
 export { default as Mathbox } from "./Mathbox";
+export { default as ContainedMathbox } from "./ContainedMathbox";

package/build/esm/types/stories/utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const CustomMathbox: React.ForwardRefExoticComponent<Pick<Pick<{
-    options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<import("mathbox").MathboxSelection<"root">>>;
+import { ContainedMathbox } from "../components";
+declare type MathboxProps = React.ComponentProps<typeof ContainedMathbox>;
+export declare const CustomMathbox: (props: MathboxProps) => JSX.Element;
+export {};

package/build/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { NodeType, Props, MathboxSelection } from 'mathbox';
+import { NodeType, Props, MathboxSelection, RootProps } from 'mathbox';
 
 declare type WithChildren<T> = {
     children?: ReactNode | ReactNode[];
@@ -264,9 +264,20 @@ declare const Volume: MathboxComponent<"volume">;
  */
 declare const Voxel: MathboxComponent<"voxel">;
 
-declare const _default: React.ForwardRefExoticComponent<Pick<{
+declare const _default$1: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode | React.ReactNode[];
+} & {
+    container: HTMLElement;
     options?: any;
-    initialCameraPosition?: number[] | undefined;
-} & React.HTMLProps<HTMLDivElement>, "label" | "step" | "value" | "children" | "data" | "width" | "height" | "type" | "id" | "style" | "color" | "span" | "size" | "start" | "loop" | "target" | "sizes" | "shape" | "cite" | "form" | "slot" | "summary" | "title" | "pattern" | "options" | "initialCameraPosition" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<MathboxSelection<"root">>>;
+} & RootProps & React.RefAttributes<MathboxSelection<"root">>>;
 
-export { Area, MBArray as Array, Axis, Camera, Cartesian, Cartesian4, Clamp, Clock, Compose, Dom, Face, Format, Fragment, Grid, Group, Grow, Html, Inherit, Interval, Join, Label, Layer, Lerp, Line, Mask, _default as Mathbox, Matrix, Memo, Move, Now, Play, Point, Polar, Present, Readback, Repeat, Resample, Retext, Reveal, Rtt, Scale, Shader, Slice, Slide, Spherical, Split, Spread, Step, Stereographic, Stereographic4, Strip, Subdivide, Surface, Swizzle, Text, Ticks, Transform, Transform4, Transpose, Unit, Vector, Vertex, View, Volume, Voxel };
+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 { Area, MBArray as Array, Axis, Camera, Cartesian, Cartesian4, Clamp, Clock, Compose, _default as ContainedMathbox, Dom, Face, Format, Fragment, Grid, Group, Grow, Html, Inherit, Interval, Join, Label, Layer, Lerp, Line, Mask, _default$1 as Mathbox, Matrix, Memo, Move, Now, Play, Point, Polar, Present, Readback, Repeat, Resample, Retext, Reveal, Rtt, Scale, Shader, Slice, Slide, Spherical, Split, Spread, Step, Stereographic, Stereographic4, Strip, Subdivide, Surface, Swizzle, Text, Ticks, Transform, Transform4, Transpose, Unit, Vector, Vertex, View, Volume, Voxel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mathbox-react",
-  "version": "0.0.5-dev",
+  "version": "0.0.7-dev",
   "description": "React wrapper for Mathbox",
   "license": "ISC",
   "author": "Chris Chudzicki",
@@ -42,7 +42,7 @@
     "eslint-import-resolver-typescript": "^2.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "jest": "^27.5.1",
-    "mathbox": "2.1.2-dev",
+    "mathbox": "^2.1.2",
     "prettier": "^2.5.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -55,7 +55,7 @@
     "typescript": "^4.5.5"
   },
   "peerDependencies": {
-    "mathbox": "2.1.2-dev",
+    "mathbox": "^2.1.2",
     "react": "^17.0.2",
     "three": ">=0.118.0"
   }

package/src/components/Cartesian.spec.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { render } from "@testing-library/react"
-import Mathbox from "./Mathbox"
+import ContainedMathbox from "./ContainedMathbox"
 import { Cartesian, Grid } from "./components"
 import { MathboxRef } from "./types"
 
@@ -15,9 +15,9 @@ describe("Cartesian", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const cartesianRef: MathboxRef<"cartesian"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian ref={cartesianRef} />
-      </Mathbox>
+      </ContainedMathbox>
     )
 
     expect(mbRef.current?.[0].type).toBe("root")
@@ -27,9 +27,9 @@ describe("Cartesian", () => {
   it("creates a cartesian instance as child of root", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(mbRef.current?.select("cartesian").length).toBe(1)
   })
@@ -37,12 +37,12 @@ describe("Cartesian", () => {
   it("creates mathbox children as children of itself", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian>
           <Grid />
           <Grid />
         </Cartesian>
-      </Mathbox>
+      </ContainedMathbox>
     )
     mbRef.current?.print()
     expect(mbRef.current?.select("cartesian").length).toBe(1)
@@ -52,12 +52,12 @@ describe("Cartesian", () => {
   it("removes its mathbox instance when unmounted", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const { rerender } = render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(mbRef.current?.select("cartesian").length).toBe(1)
-    rerender(<Mathbox ref={mbRef} />)
+    rerender(<ContainedMathbox ref={mbRef} />)
     expect(mbRef.current?.select("cartesian").length).toBe(0)
   })
 
@@ -67,9 +67,9 @@ describe("Cartesian", () => {
   ])("passes appropriate props to its mathbox instance", ({ props }) => {
     const mbRef: MathboxRef<"root"> = { current: null }
     render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian {...props} />
-      </Mathbox>
+      </ContainedMathbox>
     )
     const cartesian = mbRef.current?.select<"cartesian">("cartesian")
 
@@ -83,18 +83,18 @@ describe("Cartesian", () => {
   it("updates props on its mathbox instance when rerendered", () => {
     const mbRef: MathboxRef<"root"> = { current: null }
     const { rerender } = render(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian />
-      </Mathbox>
+      </ContainedMathbox>
     )
     const cartesian = mbRef.current?.select<"cartesian">("cartesian")
     assertNotUndefined(cartesian)
 
     expect(cartesian.get("visible")).toBe(true)
     rerender(
-      <Mathbox ref={mbRef}>
+      <ContainedMathbox ref={mbRef}>
         <Cartesian visible={false} />
-      </Mathbox>
+      </ContainedMathbox>
     )
     expect(cartesian.get("visible")).toBe(false)
   })

package/src/components/ContainedMathbox.tsx

@@ -0,0 +1,38 @@
+import React, { useState, forwardRef } from "react"
+import { RootProps, MathBoxOptions, MathboxSelection } from "mathbox"
+import Mathbox from "./Mathbox"
+import { WithChildren } from "./types"
+
+type Props = WithChildren<
+  {
+    containerId?: string
+    containerClass?: string
+    containerStyle?: React.CSSProperties
+    options?: MathBoxOptions
+  } & RootProps
+>
+
+const ContainedMathbox = (
+  props: Props,
+  ref: React.Ref<MathboxSelection<"root">>
+) => {
+  const { children, containerId, containerClass, containerStyle, ...others } =
+    props
+  const [container, setContainer] = useState<HTMLDivElement | null>(null)
+  return (
+    <div
+      ref={setContainer}
+      id={containerId}
+      className={containerClass}
+      style={containerStyle}
+    >
+      {container && (
+        <Mathbox ref={ref} container={container} {...others}>
+          {children}
+        </Mathbox>
+      )}
+    </div>
+  )
+}
+
+export default forwardRef(ContainedMathbox)

package/src/components/Mathbox.tsx

@@ -6,24 +6,26 @@ import React, {
   useMemo,
 } from "react"
 import { Color } from "three"
-import { mathBox, MathboxSelection, MathBoxOptions } from "mathbox"
+import { mathBox, RootProps, MathboxSelection, MathBoxOptions } from "mathbox"
 import MathboxAPIContext from "./MathboxNodeContext"
+import { WithChildren } from "./types"
 
-type Props = {
-  options?: MathBoxOptions
-  initialCameraPosition?: number[]
-} & React.HTMLProps<HTMLDivElement>
+type Props = WithChildren<
+  {
+    container: HTMLElement
+    options?: MathBoxOptions
+  } & RootProps
+>
 
 const Mathbox = (
   props: Props,
   ref: React.Ref<MathboxSelection<"root"> | null>
 ) => {
-  const { children, initialCameraPosition, options, ...divProps } = props
+  const { container, children, options, ...rootProps } = props
   const mathboxOptions = useMemo(() => options ?? {}, [options])
   const [selection, setSelection] = useState<MathboxSelection<"root"> | null>(
     null
   )
-  const [container, setContainer] = useState<HTMLDivElement | null>(null)
   useEffect(() => {
     if (!container) return () => {}
 
@@ -37,21 +39,23 @@ const Mathbox = (
      * TODO: Should Mathbox component allow setting these more easily?
      */
     mathbox.three.renderer.setClearColor(new Color(0xffffff), 1.0)
-    if (initialCameraPosition) {
-      mathbox.three.camera.position.set(...initialCameraPosition)
-    }
     return () => {
       mathbox.select("*").remove()
       mathbox.three.destroy()
+      setSelection(null)
     }
-  }, [container, mathboxOptions, initialCameraPosition])
-  useImperativeHandle(ref, () => selection)
+  }, [container, mathboxOptions])
+
+  useEffect(() => {
+    if (!selection) return
+    selection.set(rootProps)
+  }, [selection, rootProps])
+
+  useImperativeHandle(ref, () => selection, [selection])
   return (
-    <div ref={setContainer} {...divProps}>
-      <MathboxAPIContext.Provider value={selection}>
-        {children}
-      </MathboxAPIContext.Provider>
-    </div>
+    <MathboxAPIContext.Provider value={selection}>
+      {children}
+    </MathboxAPIContext.Provider>
   )
 }
 

package/src/components/hooks.ts

@@ -20,6 +20,7 @@ export const useMathboxAPI = <T extends NodeType>(
     () => () => {
       if (selection) {
         selection.remove()
+        setSelection(null)
       }
     },
     [selection]
@@ -45,7 +46,7 @@ export const useMathboxAPI = <T extends NodeType>(
     }
   }, [parent, selection, setSelection, props, name])
 
-  useImperativeHandle(ref, () => selection)
+  useImperativeHandle(ref, () => selection, [selection])
 
   return selection
 }

package/src/components/index.ts

@@ -1,2 +1,3 @@
 export * from "./components"
 export { default as Mathbox } from "./Mathbox"
+export { default as ContainedMathbox } from "./ContainedMathbox"

package/src/stories/Cartesian.stories.tsx

@@ -25,7 +25,7 @@ export default {
 } as Meta<typeof Cartesian>
 
 const Template: Story<React.ComponentProps<typeof Cartesian>> = (args) => (
-  <Mathbox style={{ height: 450 }}>
+  <Mathbox containerStyle={{ height: 450 }}>
     <Cartesian {...args}>
       <Grid />
     </Cartesian>

package/src/stories/Grid.stories.tsx

@@ -20,7 +20,7 @@ export default {
 } as Meta<typeof Grid>
 
 const Template: Story<React.ComponentProps<typeof Grid>> = (args) => (
-  <Mathbox style={{ height: 450 }}>
+  <Mathbox containerStyle={{ height: 450 }}>
     <Grid {...args} />
   </Mathbox>
 )

package/src/stories/Mathbox.stories.tsx

@@ -1,16 +1,16 @@
 import React from "react"
 import { Story, Meta } from "@storybook/react"
 
-import Mathbox from "../components/Mathbox"
+import { ContainedMathbox } from "../components"
 
 export default {
   title: "Mathbox",
-  component: Mathbox,
+  component: ContainedMathbox,
   argTypes: {},
-} as Meta<typeof Mathbox>
+} as Meta<typeof ContainedMathbox>
 
-const Template: Story<React.ComponentProps<typeof Mathbox>> = () => (
-  <Mathbox style={{ height: 450 }} />
+const Template: Story<React.ComponentProps<typeof ContainedMathbox>> = () => (
+  <ContainedMathbox />
 )
 
 export const HelloWorld = Template.bind({})

package/src/stories/Point.stories.tsx

@@ -31,7 +31,7 @@ const Template: Story<React.ComponentProps<typeof Point>> = (args) => {
   const { points, ...otherArgs } = args
   const [data, setData] = useState<MathboxSelection<"array">>()
   return (
-    <Mathbox style={{ height: 450 }}>
+    <Mathbox containerStyle={{ height: 450 }}>
       <Cartesian
         range={[
           [-5, 5],

package/src/stories/utils.tsx

@@ -1,9 +1,9 @@
-import React, { forwardRef, useMemo } from "react"
+import React, { useMemo, useCallback } from "react"
+import { MathboxSelection } from "mathbox"
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"
-import { Mathbox } from "../components"
+import { ContainedMathbox } from "../components"
 
-type MathboxProps = React.ComponentProps<typeof Mathbox>
-type MathboxRef = React.ComponentRef<typeof Mathbox>
+type MathboxProps = React.ComponentProps<typeof ContainedMathbox>
 
 const storybookDefaultMathboxOptions = {
   plugins: ["core", "controls", "cursor"],
@@ -12,20 +12,22 @@ const storybookDefaultMathboxOptions = {
   },
 }
 
-const CustomMathboxF = (props: MathboxProps, ref: React.Ref<MathboxRef>) => {
-  const { options: overrides, ...divProps } = props
+export const CustomMathbox = (props: MathboxProps) => {
+  const { options: overrides, ...others } = props
   const options = useMemo(
     () => ({
       ...storybookDefaultMathboxOptions,
-      ...(props.options ?? {}),
+      ...(overrides ?? {}),
     }),
-    [props.options]
+    [overrides]
   )
+  const setup = useCallback((mathbox: MathboxSelection<"root"> | null) => {
+    if (mathbox === null) return
+    mathbox.three.camera.position.set(1, 1, 2)
+  }, [])
   return (
-    <Mathbox options={options} {...divProps} ref={ref}>
+    <ContainedMathbox ref={setup} options={options} {...others}>
       {props.children}
-    </Mathbox>
+    </ContainedMathbox>
   )
 }
-
-export const CustomMathbox = forwardRef(CustomMathboxF)