@realsee/five 6.8.0-alpha.17 → 6.8.0-alpha.19

package/react/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 3/13/2026
- * Version: 6.8.0-alpha.17
+ * Generated: 3/18/2026
+ * Version: 6.8.0-alpha.19
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,786 +252,575 @@
  * No amendment to or modification of this Agreement will be binding unless in 
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
-*/import * as u from "react";
-import * as p from "three";
-import { getViewportScale as ae, Five as ue } from "@realsee/five";
-var E = function(e, n) {
-  return E = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
-    t.__proto__ = r;
-  } || function(t, r) {
-    for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && (t[o] = r[o]);
-  }, E(e, n);
+*/import * as e from "react";
+import * as t from "three";
+import { Five as n, getViewportScale as r } from "@realsee/five";
+//#region build/react/rendererPool.js
+var i = [], a = [];
+function o({ preserveDrawingBuffer: e = !0, webgl2: n = !1 } = {}) {
+	if (typeof window > "u") return;
+	let r = null;
+	if (r = n ? i.shift() : a.shift(), !r) {
+		if (n) {
+			let n = document.createElement("canvas"), i = n.getContext("webgl2");
+			i ? r = new t.WebGLRenderer({
+				preserveDrawingBuffer: e,
+				antialias: !0,
+				alpha: !0,
+				stencil: !0,
+				canvas: n,
+				context: i
+			}) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), r = new t.WebGLRenderer({
+				preserveDrawingBuffer: e,
+				antialias: !1,
+				alpha: !0,
+				stencil: !0
+			}));
+		} else r = new t.WebGLRenderer({
+			preserveDrawingBuffer: e,
+			antialias: !1,
+			alpha: !0,
+			stencil: !0
+		});
+		r.outputEncoding = t.sRGBEncoding;
+	}
+	return r.autoClear = !0, r;
+}
+function s(e) {
+	e && (e.capabilities.isWebGL2 ? a.indexOf(e) === -1 && a.push(e) : i.indexOf(e) === -1 && i.push(e));
+}
+//#endregion
+//#region build/react/context.js
+var c = e.createContext(null);
+function l() {
+	let t = e.useContext(c);
+	if (!t) throw Error("FiveProvider never found.");
+	return t.five;
+}
+function u() {
+	let t = e.useContext(c);
+	if (!t) throw Error("FiveProvider never found.");
+	return t.loadWork;
+}
+//#endregion
+//#region build/react/createProvider.js
+function d(e, t) {
+	let n = Array.isArray(e) ? e : [e], r = Array.isArray(t) ? t : [t];
+	if (n.length !== r.length) return !1;
+	for (let e = 0; e < n.length; e++) if (n[e].workCode !== r[e].workCode) return !1;
+	return !0;
+}
+function f(t = {}) {
+	return class extends e.Component {
+		constructor(e) {
+			super(e), this.__fiveEventDisposers = [], this.__fiveDisposeTimer = null, this.five = new n(Object.assign(Object.assign({}, t), { renderer: void 0 })), this.loadWork = this.loadWork.bind(this), this.state = {};
+		}
+		loadWork(e, t, n, r = !0) {
+			if (this.props.work) throw Error("props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
+			return this.five.load(e, t, n, r);
+		}
+		shouldComponentUpdate(e) {
+			return this.five.renderer && this.five && e.work && !d(e.work, this.five.works) && this.five.load(e.work, e.initialState, e.initialOptions), !0;
+		}
+		componentDidMount() {
+			var e;
+			clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null;
+			let n;
+			if (typeof window < "u") {
+				n = o({
+					webgl2: t == null ? void 0 : t.webgl2,
+					preserveDrawingBuffer: t == null ? void 0 : t.preserveDrawingBuffer
+				});
+				let e = r() === 1 ? window.devicePixelRatio : 1;
+				n == null || n.setPixelRatio(e);
+			}
+			this.five.renderer = n, this.setState({ renderer: n }), this.__fiveEventDisposers.push(this.five.on("load", () => {
+				this.props.onWorksChange && this.props.onWorksChange(this.five.works);
+			})), this.__fiveEventDisposers.push(this.five.on("stateChange", (e, t) => {
+				this.props.onStateChange && this.props.onStateChange(e, t);
+			})), this.__fiveEventDisposers.push(this.five.on("currentStateChange", (e, t) => {
+				this.props.onCurrentStateChange && this.props.onCurrentStateChange(e, t);
+			})), this.__fiveEventDisposers.push(this.five.on("error", (e) => {
+				this.props.onError ? this.props.onError(e) : console.warn(e.message);
+			}));
+			let i = this.props.work || this.props.initialWork;
+			i && this.five.load(i, this.props.initialState, this.props.initialOptions, (e = this.props.initialUserAction) == null ? !0 : e);
+		}
+		componentWillUnmount() {
+			var e;
+			(e = this.five.controller) == null || e.destroy();
+			let t = this.five.renderer;
+			this.five.renderer = void 0, s(t), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(() => {
+				this.__fiveDisposeTimer = null, this.five.dispose();
+			}, 1e3);
+		}
+		render() {
+			let t = this.five, n = this.loadWork, r = this.state.renderer;
+			return e.createElement(c.Provider, { value: {
+				renderer: r,
+				five: t,
+				loadWork: n
+			} }, this.props.children);
+		}
+	};
+}
+//#endregion
+//#region build/react/canvas.js
+var p = typeof window < "u" ? e.useLayoutEffect : e.useEffect, m = {
+	display: "inline-block",
+	overflow: "hidden"
+}, h = ({ width: t, height: n }) => {
+	let r = l(), i = e.createRef(), a = Object.assign({
+		width: t,
+		height: n
+	}, m);
+	return p(() => {
+		let e = i.current;
+		if (!e || !r.renderer) return;
+		let a = r.renderer.domElement;
+		if (a.parentNode !== null && a.parentNode !== e) throw Error("There are more than 2 fiveCanvas in this context.");
+		return a.parentNode !== e && e.appendChild(a), r.camera.aspect = t / n, r.camera.updateProjectionMatrix(), r.renderer.setSize(t, n), r.refresh({
+			width: t,
+			height: n
+		}), r.needsRender = !0, () => {
+			a.parentNode === e && e.removeChild(a);
+		};
+	}, [
+		r,
+		r.renderer,
+		t,
+		n,
+		i.current
+	]), e.createElement("div", {
+		ref: i,
+		style: a
+	});
 };
-function B(e, n) {
-  if (typeof n != "function" && n !== null)
-    throw new TypeError("Class extends value " + String(n) + " is not a constructor or null");
-  E(e, n);
-  function t() {
-    this.constructor = e;
-  }
-  e.prototype = n === null ? Object.create(n) : (t.prototype = n.prototype, new t());
-}
-var h = function() {
-  return h = Object.assign || function(n) {
-    for (var t, r = 1, o = arguments.length; r < o; r++) {
-      t = arguments[r];
-      for (var a in t) Object.prototype.hasOwnProperty.call(t, a) && (n[a] = t[a]);
-    }
-    return n;
-  }, h.apply(this, arguments);
-};
-function w(e, n, t) {
-  if (t || arguments.length === 2) for (var r = 0, o = n.length, a; r < o; r++)
-    (a || !(r in n)) && (a || (a = Array.prototype.slice.call(n, 0, r)), a[r] = n[r]);
-  return e.concat(a || Array.prototype.slice.call(n));
-}
-var k = [], R = [];
-function ie(e) {
-  var n = e === void 0 ? {} : e, t = n.preserveDrawingBuffer, r = t === void 0 ? !0 : t, o = n.webgl2, a = o === void 0 ? !1 : o;
-  if (typeof window != "undefined") {
-    var i = null;
-    if (a ? i = k.shift() : i = R.shift(), !i) {
-      if (a) {
-        var s = document.createElement("canvas"), c = s.getContext("webgl2");
-        c ? i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !0, alpha: !0, stencil: !0, canvas: s, context: c }) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !1, alpha: !0, stencil: !0 }));
-      } else
-        i = new p.WebGLRenderer({ preserveDrawingBuffer: r, antialias: !1, alpha: !0, stencil: !0 });
-      i.outputEncoding = p.sRGBEncoding;
-    }
-    return i.autoClear = !0, i;
-  }
-}
-function se(e) {
-  if (e) {
-    var n = e.capabilities.isWebGL2;
-    n ? R.indexOf(e) === -1 && R.push(e) : k.indexOf(e) === -1 && k.push(e);
-  }
-}
-var L = u.createContext(null);
-function v() {
-  var e = u.useContext(L);
-  if (!e)
-    throw new Error("FiveProvider never found.");
-  return e.five;
-}
-function H() {
-  var e = u.useContext(L);
-  if (!e)
-    throw new Error("FiveProvider never found.");
-  return e.loadWork;
-}
-function ce(e, n) {
-  var t = Array.isArray(e) ? e : [e], r = Array.isArray(n) ? n : [n];
-  if (t.length !== r.length)
-    return !1;
-  for (var o = 0; o < t.length; o++)
-    if (t[o].workCode !== r[o].workCode)
-      return !1;
-  return !0;
-}
-function Ge(e) {
-  return e === void 0 && (e = {}), /** @class */
-  (function(n) {
-    B(t, n);
-    function t(r) {
-      var o = n.call(this, r) || this;
-      return o.__fiveEventDisposers = [], o.__fiveDisposeTimer = null, o.five = new ue(h(h({}, e), { renderer: void 0 })), o.loadWork = o.loadWork.bind(o), o.state = {}, o;
-    }
-    return t.prototype.loadWork = function(r, o, a, i) {
-      if (i === void 0 && (i = !0), this.props.work)
-        throw new Error("props 'works' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
-      return this.five.load(r, o, a, i);
-    }, t.prototype.shouldComponentUpdate = function(r) {
-      return this.five.renderer && this.five && r.work && !ce(r.work, this.five.works) && this.five.load(r.work, r.initialState, r.initialOptions), !0;
-    }, t.prototype.componentDidMount = function() {
-      var r = this, o;
-      clearTimeout(this.__fiveDisposeTimer), this.__fiveDisposeTimer = null;
-      var a;
-      if (typeof window != "undefined") {
-        a = ie({
-          webgl2: e == null ? void 0 : e.webgl2,
-          preserveDrawingBuffer: e == null ? void 0 : e.preserveDrawingBuffer
-        });
-        var i = ae(), s = i === 1 ? window.devicePixelRatio : 1;
-        a == null || a.setPixelRatio(s);
-      }
-      this.five.renderer = a, this.setState({ renderer: a }), this.__fiveEventDisposers.push(this.five.on("load", function() {
-        r.props.onWorksChange && r.props.onWorksChange(r.five.works);
-      })), this.__fiveEventDisposers.push(this.five.on("stateChange", function(l, d) {
-        r.props.onStateChange && r.props.onStateChange(l, d);
-      })), this.__fiveEventDisposers.push(this.five.on("currentStateChange", function(l, d) {
-        r.props.onCurrentStateChange && r.props.onCurrentStateChange(l, d);
-      })), this.__fiveEventDisposers.push(this.five.on("error", function(l) {
-        r.props.onError ? r.props.onError(l) : console.warn(l.message);
-      }));
-      var c = this.props.work || this.props.initialWork;
-      c && this.five.load(c, this.props.initialState, this.props.initialOptions, (o = this.props.initialUserAction) !== null && o !== void 0 ? o : !0);
-    }, t.prototype.componentWillUnmount = function() {
-      var r = this, o;
-      (o = this.five.controller) === null || o === void 0 || o.destroy();
-      var a = this.five.renderer;
-      this.five.renderer = void 0, se(a), this.setState({ renderer: void 0 }), this.__fiveDisposeTimer = setTimeout(function() {
-        r.__fiveDisposeTimer = null, r.five.dispose();
-      }, 1e3);
-    }, t.prototype.render = function() {
-      var r = this.five, o = this.loadWork, a = this.state.renderer;
-      return u.createElement(L.Provider, {
-        value: { renderer: a, five: r, loadWork: o }
-      }, this.props.children);
-    }, t;
-  })(u.Component);
-}
-var fe = typeof window != "undefined" ? u.useLayoutEffect : u.useEffect, le = {
-  display: "inline-block",
-  overflow: "hidden"
-}, Ie = function(e) {
-  var n = e.width, t = e.height, r = v(), o = u.createRef(), a = h({ width: n, height: t }, le);
-  return fe(function() {
-    var i = o.current;
-    if (i && r.renderer) {
-      var s = r.renderer.domElement;
-      if (s.parentNode !== null && s.parentNode !== i)
-        throw new Error("There are more than 2 fiveCanvas in this context.");
-      return s.parentNode !== i && i.appendChild(s), r.camera.aspect = n / t, r.camera.updateProjectionMatrix(), r.renderer.setSize(n, t), r.refresh({ width: n, height: t }), r.needsRender = !0, function() {
-        s.parentNode === i && i.removeChild(s);
-      };
-    }
-  }, [r, r.renderer, n, t, o.current]), u.createElement("div", { ref: o, style: a });
-};
-function qe() {
-  return v();
-}
-function ve(e, n) {
-  var t = v(), r = [t];
-  n !== void 0 && (r = r.concat(n)), u.useLayoutEffect(function() {
-    return e(t.scene);
-  }, r);
-}
-var ze = ve;
-function Ae() {
-  var e = v(), n = H(), t = u.useState(function() {
-    return e.works;
-  }), r = t[0], o = t[1];
-  return u.useLayoutEffect(function() {
-    return e.on("load", function() {
-      return o(e.works);
-    });
-  }, [e]), [r, n];
-}
-function U(e) {
-  return h({}, e.state);
-}
-function Je() {
-  var e = v(), n = u.useState(function() {
-    return U(e);
-  }), t = n[0], r = n[1], o = u.useCallback(function(a, i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = !0);
-    var c = typeof a == "function" ? a(e.getCurrentState()) : a;
-    e.setState(c, i, s);
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("stateChange", function() {
-      return r(U(e));
-    });
-  }, [e]), [t, o];
-}
-function Ke() {
-  var e = v(), n = u.useState(function() {
-    return e.getCurrentState();
-  }), t = n[0], r = n[1], o = u.useCallback(function(a, i, s) {
-    i === void 0 && (i = !1), s === void 0 && (s = !0);
-    var c = typeof a == "function" ? a(e.getCurrentState()) : a;
-    e.setState(c, i, s);
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("currentStateChange", function() {
-      return r(e.getCurrentState());
-    });
-  }, [e]), [t, o];
-}
-function Qe() {
-  var e = v(), n = u.useState(function() {
-    return e.getCurrentState();
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("currentStateChange", function() {
-      return r(e.getCurrentState());
-    });
-  }, [e]), e.works.getObserver(t);
-}
-function Xe(e, n, t) {
-  var r = v(), o = [r, e];
-  t !== void 0 && (o = o.concat(t)), u.useLayoutEffect(function() {
-    return r.on(e, n);
-  }, o);
-}
-function Ye() {
-  var e = v(), n = u.useCallback(function(i, s) {
-    return e.updateCamera(i, s);
-  }, [e]), t = u.useCallback(e.getPixels.bind(e), [e]), r = u.useCallback(function(i) {
-    return e.render(i);
-  }, [e]), o = u.useCallback(function() {
-    return e.needsRender = !0;
-  }, [e]), a = u.useCallback(function(i, s) {
-    return e.preloadPano(i, s);
-  }, [e]);
-  return { updateCamera: n, getPixels: t, render: r, needsRender: o, preloadPano: a };
-}
-function Ze() {
-  var e = v(), n = u.useState(function() {
-    return Symbol();
-  });
-  n[0];
-  var t = n[1];
-  u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return t(Symbol());
-    });
-  }, [e]);
-  var r = u.useCallback(function(o, a) {
-    return e.project2d(o, a);
-  }, [e]);
-  return r;
-}
-function j(e) {
-  var n = e.camera.getWorldDirection(new p.Vector3()), t = new p.Raycaster(e.camera.position, n);
-  return t;
-}
-function er() {
-  var e = v(), n = u.useState(function() {
-    return j(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return r(j(e));
-    });
-  }, [e]), t;
-}
-function T(e) {
-  return e.camera.getWorldDirection(new p.Vector3());
-}
-function rr() {
-  var e = v(), n = u.useState(function() {
-    return T(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("cameraUpdate", function() {
-      return r(T(e));
-    });
-  }, [e]), t;
-}
-function tr() {
-  var e = v(), n = u.useCallback(function(t) {
-    return e.model.intersectRaycaster(t);
-  }, [e]);
-  return n;
-}
-function N(e) {
-  return e.model.empty ? "Empty" : "Loaded";
-}
-function nr() {
-  var e = v(), n = u.useState(function() {
-    return N(e);
-  }), t = n[0], r = n[1];
-  return u.useLayoutEffect(function() {
-    return e.on("modelLoaded", function() {
-      return r(N(e));
-    });
-  }, [e]), t;
-}
-function or() {
-  var e = v(), n = u.useState(e.model.shownFloor), t = n[0], r = n[1], o = u.useState(e.model.floorLength), a = o[0], i = o[1], s = u.useCallback(function(c) {
-    typeof c == "number" ? e.model.show(c) : e.model.show();
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    var c = [];
-    return c.push(e.on("modelShownFloorChange", function() {
-      return r(e.model.shownFloor);
-    })), c.push(e.on("modelLoaded", function() {
-      return i(e.model.floorLength);
-    })), function() {
-      for (var l; l = c.shift(); )
-        l();
-    };
-  }, [e]), [t, a, s];
-}
-function ar() {
-  var e = v(), n = u.useState(e.helperVisible), t = n[0], r = n[1], o = u.useCallback(function(a) {
-    e.helperVisible = a;
-  }, [e]);
-  return u.useLayoutEffect(function() {
-    return e.on("helpersVisibleChange", function(a) {
-      return r(a);
-    });
-  }, [e]), [t, o];
-}
-var ur = "$five";
-function f(e, n) {
-  return n.indexOf(e) >= 0;
-}
-function $(e, n) {
-  for (var t = 0, r = Object.keys(n); t < r.length; t++) {
-    var o = r[t];
-    n[o] !== void 0 && (e[o] = n[o]);
-  }
-}
-function de(e, n) {
-  var t = f("state", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return h({}, e.state);
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("stateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function pe(e, n) {
-  var t = f("currentState", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.getCurrentState();
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("currentStateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function he(e, n) {
-  var t = f("currentObserver", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.getCurrentState();
-  }, [e, o]);
-  u.useLayoutEffect(function() {
-    if (t)
-      return e.on("currentStateChange", function() {
-        return a(Symbol());
-      });
-  }, [e]);
-  var s = void 0;
-  return i && (s = e.works.getObserver(i)), [s, o];
-}
-function ge(e, n) {
-  var t = f("unsafe__fiveInstance", n);
-  return [t ? e : void 0];
-}
-function me(e, n) {
-  var t = f("works", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.works;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("load", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function ye(e, n) {
-  var t = f("model", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelLoaded", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Se(e, n) {
-  var t = f("scene", n);
-  return [t ? e.scene : void 0];
-}
-function we(e, n) {
-  var t = f("cameraDirection", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.camera.getWorldDirection(new p.Vector3());
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("cameraUpdate", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function be(e, n) {
-  var t = f("cameraRaycaster", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t) {
-      var s = e.camera.getWorldDirection(new p.Vector3()), c = new p.Raycaster(e.camera.position, s);
-      return c;
-    }
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("cameraUpdate", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Ce(e, n) {
-  var t = f("modelReadyState", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model.empty ? "Empty" : "Loaded";
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelLoaded", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Fe(e, n) {
-  var t = f("shownFloor", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.model.shownFloor;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("modelShownFloorChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function Ee(e, n) {
-  var t = f("helperVisible", n), r = u.useState(Symbol()), o = r[0], a = r[1], i = u.useMemo(function() {
-    if (t)
-      return e.helperVisible;
-  }, [e, o]);
-  return u.useLayoutEffect(function() {
-    if (t)
-      return e.on("helpersVisibleChange", function() {
-        return a(Symbol());
-      });
-  }, [e]), [i, o];
-}
-function ke(e, n) {
-  if (f("loadWork", n))
-    return e;
-}
-function Re(e, n) {
-  if (f("setState", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.setState.apply(e, t);
-    };
-}
-function Le(e, n) {
-  if (f("on", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.on.apply(e, t);
-    };
-}
-function Ve(e, n) {
-  if (f("on", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.once.apply(e, t);
-    };
-}
-function Pe(e, n) {
-  if (f("off", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.off.apply(e, t);
-    };
-}
-function _e(e, n) {
-  if (f("intersectRaycaster", n))
-    return function() {
-      for (var t, r = [], o = 0; o < arguments.length; o++)
-        r[o] = arguments[o];
-      return (t = e.model).intersectRaycaster.apply(t, r);
-    };
-}
-function xe(e, n) {
-  if (f("project2d", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.project2d.apply(e, t);
-    };
-}
-function De(e, n) {
-  if (f("updateCamera", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.updateCamera.apply(e, t);
-    };
-}
-function We(e, n) {
-  if (f("getPixels", n))
-    return e.getPixels.bind(e);
-}
-function Oe(e, n) {
-  if (f("render", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.render.apply(e, t);
-    };
-}
-function Me(e, n) {
-  if (f("needsRender", n))
-    return function() {
-      e.needsRender = !0;
-    };
-}
-function Ue(e, n) {
-  if (f("preloadPano", n))
-    return function() {
-      for (var t = [], r = 0; r < arguments.length; r++)
-        t[r] = arguments[r];
-      return e.preloadPano.apply(e, t);
-    };
-}
-function je(e, n) {
-  if (f("showFloor", n))
-    return function(t) {
-      typeof t == "number" ? e.model.show(t) : e.model.show();
-    };
-}
-function Te(e, n) {
-  if (f("toggleHelperVisible", n))
-    return function(t) {
-      e.helperVisible = t;
-    };
-}
-function ir(e) {
-  return function(n) {
-    return u.forwardRef(function(t, r) {
-      var o = v(), a = H(), i = ge(o, e)[0], s = de(o, e), c = s[0], l = s[1], d = pe(o, e), m = d[0], g = d[1], S = he(o, e), b = S[0], C = S[1], V = me(o, e), G = V[0], I = V[1], P = ye(o, e), q = P[0], z = P[1], A = Se(o, e)[0], _ = we(o, e), J = _[0], K = _[1], x = be(o, e), Q = x[0], X = x[1], D = Ce(o, e), Y = D[0], Z = D[1], W = Fe(o, e), ee = W[0], re = W[1], O = Ee(o, e), te = O[0], ne = O[1], M = u.useMemo(function() {
-        var y = {};
-        return $(y, {
-          setState: Re(o, e),
-          loadWork: ke(a, e),
-          on: Le(o, e),
-          once: Ve(o, e),
-          off: Pe(o, e),
-          intersectRaycaster: _e(o, e),
-          project2d: xe(o, e),
-          updateCamera: De(o, e),
-          getPixels: We(o, e),
-          render: Oe(o, e),
-          needsRender: Me(o, e),
-          preloadPano: Ue(o, e),
-          showFloor: je(o, e),
-          toggleHelperVisible: Te(o, e)
-        }), y;
-      }, [o, a]), oe = u.useMemo(function() {
-        var y = h({}, M);
-        return $(y, {
-          unsafe__fiveInstance: i,
-          state: c,
-          currentState: m,
-          currentObserver: b,
-          work: G,
-          model: q,
-          scene: A,
-          cameraDirection: J,
-          cameraRaycaster: Q,
-          modelReadyState: Y,
-          shownFloor: ee,
-          helperVisible: te
-        }), y;
-      }, [
-        o,
-        M,
-        l,
-        g,
-        C,
-        I,
-        z,
-        K,
-        X,
-        Z,
-        re,
-        ne
-      ]);
-      return u.createElement(n, h({ ref: r, $five: oe }, t));
-    });
-  };
-}
-function sr() {
-  for (var e = [], n = 0; n < arguments.length; n++)
-    e[n] = arguments[n];
-  return e;
-}
-function F(e, n) {
-  for (var t = {}, r = n.length, o = -1; ++o < r; ) {
-    var a = n[o];
-    a in e && (t[a] = e[a]);
-  }
-  return t;
-}
-function Ne(e, n) {
-  return typeof e == "number" && typeof n == "number" && isNaN(e) && isNaN(n) ? !0 : e === n;
-}
-function $e(e, n) {
-  for (var t = 0; t < e.length; t++)
-    for (var r = 0; r < n.length; r++)
-      if (e[t] === n[r])
-        return !0;
-  return !1;
-}
-var Be = (
-  /** @class */
-  (function() {
-    function e(n, t) {
-      this.values = n, this.listeners = [], this.onValuesChange = t;
-    }
-    return e.prototype.on = function(n, t) {
-      var r = this, o = [n, t];
-      return this.listeners.push(o), function() {
-        var a = r.listeners.indexOf(o);
-        a >= 0 && r.listeners.splice(a, 1);
-      };
-    }, e.prototype.getValues = function(n) {
-      return F(this.values, n);
-    }, e.prototype.setValues = function(n, t) {
-      var r = [];
-      for (var o in t)
-        n.indexOf(o) >= 0 && !Ne(t[o], this.values[o]) && r.push(o);
-      if (r.length !== 0) {
-        for (var a = h({}, this.values), i = 0, s = r; i < s.length; i++) {
-          var c = s[i];
-          this.values[c] = t[c];
-        }
-        this.onValuesChange && this.onValuesChange(this.values, a);
-        for (var l = 0, d = this.listeners; l < d.length; l++) {
-          var m = d[l], g = m[0], S = m[1];
-          if ($e(g, r)) {
-            var b = F(a, g), C = F(this.values, g);
-            S(C, b);
-          }
-        }
-      }
-    }, e;
-  })()
-);
-function cr(e) {
-  var n = u.createContext(null);
-  return {
-    /**
-     * 使用 Store
-     * @param names - 获取的 Store 字段
-     * @returns [值, 修改值方法]
-     */
-    useStore: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useRef(!0), a = u.useState(r.getValues(t)), i = a[0], s = a[1], c = w([r], t, !0);
-      u.useLayoutEffect(function() {
-        return o.current ? o.current = !1 : s(r.getValues(t)), r.on(t, function(d) {
-          return s(d);
-        });
-      }, c);
-      var l = u.useCallback(function(d) {
-        return r.setValues(t, d);
-      }, c);
-      return [i, l];
-    },
-    /**
-     * 使用 Store (仅设置值)
-     * @param names - 获取的 Store 字段
-     * @returns 修改值方法
-     */
-    useStoreSetter: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useCallback(function(a) {
-        return r.setValues(t, a);
-      }, w([r], t, !0));
-      return o;
-    },
-    /**
-     * 监听 Store 变化
-     * @param names - Store 字段
-     * @param callback - 监听变化的回调函数
-     * @param deps - 依赖对象
-     */
-    watchStore: function(t, r, o) {
-      var a = u.useContext(n);
-      if (a === null)
-        throw new Error("StoreProvider never found.");
-      var i = w([a], t, !0);
-      o !== void 0 && (i = i.concat(o)), u.useLayoutEffect(function() {
-        return a.on(t, r);
-      }, i);
-    },
-    useStoreAction: function(t) {
-      var r = u.useContext(n);
-      if (r === null)
-        throw new Error("StoreProvider never found.");
-      var o = u.useCallback(function() {
-        for (var a = [], i = 0; i < arguments.length; i++)
-          a[i] = arguments[i];
-        var s = e[t], c = s[0], l = s.slice(1), d = function() {
-          return r.getValues(l);
-        }, m = function(g) {
-          return r.setValues(l, g);
-        };
-        return c.apply(void 0, w([d, m], a, !1));
-      }, []);
-      return o;
-    },
-    /**
-     * Store Provider.
-     * 内部组件均可和 store 交互
-     */
-    StoreProvider: (
-      /** @class */
-      (function(t) {
-        B(r, t);
-        function r(o) {
-          var a = t.call(this, o) || this;
-          return a.store = new Be(o.initialValue, function() {
-            for (var i, s = [], c = 0; c < arguments.length; c++)
-              s[c] = arguments[c];
-            a.props.onValuesChange && (i = a.props).onValuesChange.apply(i, s);
-          }), a;
-        }
-        return r.prototype.shouldComponentUpdate = function(o) {
-          return o.children !== this.props.children;
-        }, r.prototype.render = function() {
-          return u.createElement(n.Provider, { value: this.store }, this.props.children);
-        }, r;
-      })(u.Component)
-    )
-  };
-}
-export {
-  Ie as FiveCanvas,
-  ur as INJECTION_PROPNAME,
-  Be as Store,
-  sr as createFiveFeature,
-  Ge as createFiveProvider,
-  cr as createStore,
-  qe as unsafe__useFiveInstance,
-  Ye as useFiveAction,
-  rr as useFiveCameraDirection,
-  er as useFiveCameraRaycaster,
-  Qe as useFiveCurrentObserver,
-  Ke as useFiveCurrentState,
-  Xe as useFiveEventCallback,
-  or as useFiveFloor,
-  ar as useFiveHelper,
-  tr as useFiveModelIntersectRaycaster,
-  nr as useFiveModelReadyState,
-  Ze as useFiveProject2d,
-  ze as useFiveScene,
-  ve as useFiveSceneEffect,
-  Je as useFiveState,
-  Ae as useFiveWork,
-  ir as withFive
+//#endregion
+//#region build/react/hooks/unsafe__useFiveInstance.js
+function g() {
+	return l();
+}
+//#endregion
+//#region build/react/hooks/useFiveSceneEffect.js
+function _(t, n) {
+	let r = l(), i = [r];
+	n !== void 0 && (i = i.concat(n)), e.useLayoutEffect(() => t(r.scene), i);
+}
+var v = _;
+//#endregion
+//#region build/react/hooks/useFiveWork.js
+function y() {
+	let t = l(), n = u(), [r, i] = e.useState(() => t.works);
+	return e.useLayoutEffect(() => t.on("load", () => i(t.works)), [t]), [r, n];
+}
+//#endregion
+//#region build/react/hooks/useFiveState.js
+function b(e) {
+	return Object.assign({}, e.state);
+}
+function x() {
+	let t = l(), [n, r] = e.useState(() => b(t)), i = e.useCallback((e, n = !1, r = !0) => {
+		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
+		t.setState(i, n, r);
+	}, [t]);
+	return e.useLayoutEffect(() => t.on("stateChange", () => r(b(t))), [t]), [n, i];
+}
+//#endregion
+//#region build/react/hooks/useFiveCurrentState.js
+function S() {
+	let t = l(), [n, r] = e.useState(() => t.getCurrentState()), i = e.useCallback((e, n = !1, r = !0) => {
+		let i = typeof e == "function" ? e(t.getCurrentState()) : e;
+		t.setState(i, n, r);
+	}, [t]);
+	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), [n, i];
+}
+//#endregion
+//#region build/react/hooks/useFiveCurrentObserver.js
+function C() {
+	let t = l(), [n, r] = e.useState(() => t.getCurrentState());
+	return e.useLayoutEffect(() => t.on("currentStateChange", () => r(t.getCurrentState())), [t]), t.works.getObserver(n);
+}
+//#endregion
+//#region build/react/hooks/useFiveEventCallback.js
+function w(t, n, r) {
+	let i = l(), a = [i, t];
+	r !== void 0 && (a = a.concat(r)), e.useLayoutEffect(() => i.on(t, n), a);
+}
+//#endregion
+//#region build/react/hooks/useFiveAction.js
+function T() {
+	let t = l();
+	return {
+		updateCamera: e.useCallback((e, n) => t.updateCamera(e, n), [t]),
+		getPixels: e.useCallback(t.getPixels.bind(t), [t]),
+		render: e.useCallback((e) => t.render(e), [t]),
+		needsRender: e.useCallback(() => t.needsRender = !0, [t]),
+		preloadPano: e.useCallback((e, n) => t.preloadPano(e, n), [t])
+	};
+}
+//#endregion
+//#region build/react/hooks/useFiveProject2d.js
+function E() {
+	let t = l(), [n, r] = e.useState(() => Symbol());
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(Symbol())), [t]), e.useCallback((e, n) => t.project2d(e, n), [t]);
+}
+//#endregion
+//#region build/react/hooks/useFiveCameraRaycaster.js
+function D(e) {
+	let n = e.camera.getWorldDirection(new t.Vector3());
+	return new t.Raycaster(e.camera.position, n);
+}
+function O() {
+	let t = l(), [n, r] = e.useState(() => D(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(D(t))), [t]), n;
+}
+//#endregion
+//#region build/react/hooks/useFiveCameraDirection.js
+function k(e) {
+	return e.camera.getWorldDirection(new t.Vector3());
+}
+function A() {
+	let t = l(), [n, r] = e.useState(() => k(t));
+	return e.useLayoutEffect(() => t.on("cameraUpdate", () => r(k(t))), [t]), n;
+}
+//#endregion
+//#region build/react/hooks/useFiveModelIntersectRaycaster.js
+function j() {
+	let t = l();
+	return e.useCallback((e) => t.model.intersectRaycaster(e), [t]);
+}
+//#endregion
+//#region build/react/hooks/useFiveModelReadyState.js
+function M(e) {
+	return e.model.empty ? "Empty" : "Loaded";
+}
+function ee() {
+	let t = l(), [n, r] = e.useState(() => M(t));
+	return e.useLayoutEffect(() => t.on("modelLoaded", () => r(M(t))), [t]), n;
+}
+//#endregion
+//#region build/react/hooks/useFiveFloor.js
+function N() {
+	let t = l(), [n, r] = e.useState(t.model.shownFloor), [i, a] = e.useState(t.model.floorLength), o = e.useCallback((e) => {
+		typeof e == "number" ? t.model.show(e) : t.model.show();
+	}, [t]);
+	return e.useLayoutEffect(() => {
+		let e = [];
+		return e.push(t.on("modelShownFloorChange", () => r(t.model.shownFloor))), e.push(t.on("modelLoaded", () => a(t.model.floorLength))), () => {
+			let t;
+			for (; t = e.shift();) t();
+		};
+	}, [t]), [
+		n,
+		i,
+		o
+	];
+}
+//#endregion
+//#region build/react/hooks/useFiveHelper.js
+function te() {
+	let t = l(), [n, r] = e.useState(t.helperVisible), i = e.useCallback((e) => {
+		t.helperVisible = e;
+	}, [t]);
+	return e.useLayoutEffect(() => t.on("helpersVisibleChange", (e) => r(e)), [t]), [n, i];
+}
+//#endregion
+//#region build/react/withFive.js
+var ne = "$five";
+function P(e, t) {
+	return t.indexOf(e) >= 0;
+}
+function F(e, t) {
+	for (let n of Object.keys(t)) t[n] !== void 0 && (e[n] = t[n]);
+}
+function I(t, n) {
+	let r = P("state", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return Object.assign({}, t.state);
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("stateChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function L(t, n) {
+	let r = P("currentState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.getCurrentState();
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("currentStateChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function R(t, n) {
+	let r = P("currentObserver", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.getCurrentState();
+	}, [t, i]);
+	e.useLayoutEffect(() => {
+		if (r) return t.on("currentStateChange", () => a(Symbol()));
+	}, [t]);
+	let s;
+	return o && (s = t.works.getObserver(o)), [s, i];
+}
+function z(e, t) {
+	return [P("unsafe__fiveInstance", t) ? e : void 0];
+}
+function B(t, n) {
+	let r = P("works", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.works;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("load", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function V(t, n) {
+	let r = P("model", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.model;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelLoaded", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function H(e, t) {
+	return [P("scene", t) ? e.scene : void 0];
+}
+function U(n, r) {
+	let i = P("cameraDirection", r), [a, o] = e.useState(Symbol()), s = e.useMemo(() => {
+		if (i) return n.camera.getWorldDirection(new t.Vector3());
+	}, [n, a]);
+	return e.useLayoutEffect(() => {
+		if (i) return n.on("cameraUpdate", () => o(Symbol()));
+	}, [n]), [s, a];
+}
+function W(n, r) {
+	let i = P("cameraRaycaster", r), [a, o] = e.useState(Symbol()), s = e.useMemo(() => {
+		if (i) {
+			let e = n.camera.getWorldDirection(new t.Vector3());
+			return new t.Raycaster(n.camera.position, e);
+		}
+	}, [n, a]);
+	return e.useLayoutEffect(() => {
+		if (i) return n.on("cameraUpdate", () => o(Symbol()));
+	}, [n]), [s, a];
+}
+function G(t, n) {
+	let r = P("modelReadyState", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.model.empty ? "Empty" : "Loaded";
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelLoaded", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function K(t, n) {
+	let r = P("shownFloor", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.model.shownFloor;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("modelShownFloorChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function q(t, n) {
+	let r = P("helperVisible", n), [i, a] = e.useState(Symbol()), o = e.useMemo(() => {
+		if (r) return t.helperVisible;
+	}, [t, i]);
+	return e.useLayoutEffect(() => {
+		if (r) return t.on("helpersVisibleChange", () => a(Symbol()));
+	}, [t]), [o, i];
+}
+function J(e, t) {
+	if (P("loadWork", t)) return e;
+}
+function Y(e, t) {
+	if (P("setState", t)) return (...t) => e.setState(...t);
+}
+function X(e, t) {
+	if (P("on", t)) return (...t) => e.on(...t);
+}
+function re(e, t) {
+	if (P("on", t)) return (...t) => e.once(...t);
+}
+function ie(e, t) {
+	if (P("off", t)) return (...t) => e.off(...t);
+}
+function ae(e, t) {
+	if (P("intersectRaycaster", t)) return (...t) => e.model.intersectRaycaster(...t);
+}
+function oe(e, t) {
+	if (P("project2d", t)) return (...t) => e.project2d(...t);
+}
+function se(e, t) {
+	if (P("updateCamera", t)) return (...t) => e.updateCamera(...t);
+}
+function ce(e, t) {
+	if (P("getPixels", t)) return e.getPixels.bind(e);
+}
+function le(e, t) {
+	if (P("render", t)) return (...t) => e.render(...t);
+}
+function Z(e, t) {
+	if (P("needsRender", t)) return () => {
+		e.needsRender = !0;
+	};
+}
+function ue(e, t) {
+	if (P("preloadPano", t)) return (...t) => e.preloadPano(...t);
+}
+function de(e, t) {
+	if (P("showFloor", t)) return (t) => {
+		typeof t == "number" ? e.model.show(t) : e.model.show();
+	};
+}
+function fe(e, t) {
+	if (P("toggleHelperVisible", t)) return (t) => {
+		e.helperVisible = t;
+	};
+}
+function pe(t) {
+	return function(n) {
+		return e.forwardRef((r, i) => {
+			let a = l(), o = u(), [s] = z(a, t), [c, d] = I(a, t), [f, p] = L(a, t), [m, h] = R(a, t), [g, _] = B(a, t), [v, y] = V(a, t), [b] = H(a, t), [x, S] = U(a, t), [C, w] = W(a, t), [T, E] = G(a, t), [D, O] = K(a, t), [k, A] = q(a, t), j = e.useMemo(() => {
+				let e = {};
+				return F(e, {
+					setState: Y(a, t),
+					loadWork: J(o, t),
+					on: X(a, t),
+					once: re(a, t),
+					off: ie(a, t),
+					intersectRaycaster: ae(a, t),
+					project2d: oe(a, t),
+					updateCamera: se(a, t),
+					getPixels: ce(a, t),
+					render: le(a, t),
+					needsRender: Z(a, t),
+					preloadPano: ue(a, t),
+					showFloor: de(a, t),
+					toggleHelperVisible: fe(a, t)
+				}), e;
+			}, [a, o]), M = e.useMemo(() => {
+				let e = Object.assign({}, j);
+				return F(e, {
+					unsafe__fiveInstance: s,
+					state: c,
+					currentState: f,
+					currentObserver: m,
+					work: g,
+					model: v,
+					scene: b,
+					cameraDirection: x,
+					cameraRaycaster: C,
+					modelReadyState: T,
+					shownFloor: D,
+					helperVisible: k
+				}), e;
+			}, [
+				a,
+				j,
+				d,
+				p,
+				h,
+				_,
+				y,
+				S,
+				w,
+				E,
+				O,
+				A
+			]);
+			return e.createElement(n, Object.assign({
+				ref: i,
+				$five: M
+			}, r));
+		});
+	};
+}
+function me(...e) {
+	return e;
+}
+//#endregion
+//#region build/react/createStore.js
+function Q(e, t) {
+	let n = {}, r = t.length, i = -1;
+	for (; ++i < r;) {
+		let r = t[i];
+		r in e && (n[r] = e[r]);
+	}
+	return n;
+}
+function he(e, t) {
+	return typeof e == "number" && typeof t == "number" && isNaN(e) && isNaN(t) ? !0 : e === t;
+}
+function ge(e, t) {
+	for (let n = 0; n < e.length; n++) for (let r = 0; r < t.length; r++) if (e[n] === t[r]) return !0;
+	return !1;
+}
+var $ = class {
+	constructor(e, t) {
+		this.values = e, this.listeners = [], this.onValuesChange = t;
+	}
+	on(e, t) {
+		let n = [e, t];
+		return this.listeners.push(n), () => {
+			let e = this.listeners.indexOf(n);
+			e >= 0 && this.listeners.splice(e, 1);
+		};
+	}
+	getValues(e) {
+		return Q(this.values, e);
+	}
+	setValues(e, t) {
+		let n = [];
+		for (let r in t) e.indexOf(r) >= 0 && !he(t[r], this.values[r]) && n.push(r);
+		if (n.length === 0) return;
+		let r = Object.assign({}, this.values);
+		for (let e of n) this.values[e] = t[e];
+		this.onValuesChange && this.onValuesChange(this.values, r);
+		for (let [e, t] of this.listeners) {
+			if (!ge(e, n)) continue;
+			let i = Q(r, e);
+			t(Q(this.values, e), i);
+		}
+	}
 };
+function _e(t) {
+	let n = e.createContext(null);
+	return {
+		useStore(t) {
+			let r = e.useContext(n);
+			if (r === null) throw Error("StoreProvider never found.");
+			let i = e.useRef(!0), [a, o] = e.useState(r.getValues(t)), s = [r, ...t];
+			return e.useLayoutEffect(() => (i.current ? i.current = !1 : o(r.getValues(t)), r.on(t, (e) => o(e))), s), [a, e.useCallback((e) => r.setValues(t, e), s)];
+		},
+		useStoreSetter(t) {
+			let r = e.useContext(n);
+			if (r === null) throw Error("StoreProvider never found.");
+			return e.useCallback((e) => r.setValues(t, e), [r, ...t]);
+		},
+		watchStore(t, r, i) {
+			let a = e.useContext(n);
+			if (a === null) throw Error("StoreProvider never found.");
+			let o = [a, ...t];
+			i !== void 0 && (o = o.concat(i)), e.useLayoutEffect(() => a.on(t, r), o);
+		},
+		useStoreAction(r) {
+			let i = e.useContext(n);
+			if (i === null) throw Error("StoreProvider never found.");
+			return e.useCallback((...e) => {
+				let [n, ...a] = t[r];
+				return n(() => i.getValues(a), (e) => i.setValues(a, e), ...e);
+			}, []);
+		},
+		StoreProvider: class extends e.Component {
+			constructor(e) {
+				super(e), this.store = new $(e.initialValue, (...e) => {
+					this.props.onValuesChange && this.props.onValuesChange(...e);
+				});
+			}
+			shouldComponentUpdate(e) {
+				return e.children !== this.props.children;
+			}
+			render() {
+				return e.createElement(n.Provider, { value: this.store }, this.props.children);
+			}
+		}
+	};
+}
+//#endregion
+export { h as FiveCanvas, ne as INJECTION_PROPNAME, $ as Store, me as createFiveFeature, f as createFiveProvider, _e as createStore, g as unsafe__useFiveInstance, T as useFiveAction, A as useFiveCameraDirection, O as useFiveCameraRaycaster, C as useFiveCurrentObserver, S as useFiveCurrentState, w as useFiveEventCallback, N as useFiveFloor, te as useFiveHelper, j as useFiveModelIntersectRaycaster, ee as useFiveModelReadyState, E as useFiveProject2d, v as useFiveScene, _ as useFiveSceneEffect, x as useFiveState, y as useFiveWork, pe as withFive };