@tresjs/core 2.4.0-next.3 → 2.4.0-next.4

package/dist/tres.js

@@ -1,474 +1,466 @@
 /**
  * name: @tresjs/core
- * version: v2.4.0-next.3
+ * version: v2.4.0-next.4
  * (c) 2023
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
  */
-import { shallowReactive as $, computed as A, watchEffect as U, shallowRef as j, ref as Y, toRefs as oe, watch as W, provide as ae, inject as re, onUnmounted as ie, reactive as Te, readonly as z, createRenderer as Ce, defineComponent as Pe, useSlots as _e, onMounted as xe, openBlock as he, createElementBlock as Ae, normalizeStyle as Re } from "vue";
-import * as Se from "three";
-import { PerspectiveCamera as se, Clock as Le, Vector3 as Oe, Color as G, SRGBColorSpace as ke, ACESFilmicToneMapping as Ie, PCFSoftShadowMap as Be, PCFShadowMap as De, LinearSRGBColorSpace as X, NoToneMapping as Q, WebGLRenderer as je, LoadingManager as Ve, TextureLoader as ze, Raycaster as Ge, Vector2 as He, BufferAttribute as Fe, Scene as Ne } from "three";
-import { createEventHook as R, useRafFn as We, useDevicePixelRatio as $e, unrefElement as Z, toValue as m, usePointer as Ue, useElementBounding as Ye, useWindowSize as qe, useElementSize as Ke } from "@vueuse/core";
-function Je(e) {
-  const n = $([]), o = A(() => n.find((i) => i.userData.IS_ACTIVE_CAMERA));
-  function t(i, s = !0) {
-    n.push(i), s && r(i.uuid);
-  }
-  function r(i) {
-    const s = n.find((a) => a.uuid === i);
-    s && (n.forEach((a) => a.userData.IS_ACTIVE_CAMERA = !1), s.userData.IS_ACTIVE_CAMERA = !0);
-  }
-  return U(() => {
-    var i;
-    (i = e.aspectRatio) != null && i.value && (console.log("camera watcher aspectRatio", e.aspectRatio.value), n.forEach((s) => {
-      s instanceof se && (s.aspect = e.aspectRatio.value), s.updateProjectionMatrix();
-    }));
+import { ref as F, computed as M, watchEffect as x, onUnmounted as W, shallowRef as $, watch as J, reactive as ae, readonly as G, provide as oe, inject as re, createRenderer as se, defineComponent as ie, useSlots as ue, onMounted as le, openBlock as ce, createElementBlock as fe, normalizeStyle as pe } from "vue";
+import * as me from "three";
+import { PerspectiveCamera as z, OrthographicCamera as ve, Camera as Ee, Clock as de, SRGBColorSpace as ge, ACESFilmicToneMapping as ye, PCFSoftShadowMap as Ce, Vector3 as we, Color as k, WebGLRenderer as N, LoadingManager as _e, TextureLoader as Me, Raycaster as Re, Vector2 as Te, BufferAttribute as Pe, Scene as Ae } from "three";
+import { createEventHook as O, useRafFn as Le, toValue as y, unrefElement as Se, useDevicePixelRatio as xe, usePointer as De, useElementBounding as Oe, useWindowSize as he, useElementSize as be } from "@vueuse/core";
+const K = F({}), X = (e) => void Object.assign(K.value, e), Y = (e) => typeof e == "function", Q = (e) => !!e && e.constructor === Array, L = {
+  REGISTER_CAMERA: "tres__registerCamera",
+  IS_ACTIVE_CAMERA: "tres__isActiveCamera",
+  GEOMETRY_VIA_PROP: "tres__geometryViaProp",
+  MATERIAL_VIA_PROP: "tres__materialViaProp",
+  DEREGISTER_CAMERA: "tres__deregisterCamera",
+  REGISTER_AT_POINTER_EVENT_HANDLER: "tres__registerAtPointerEventHandler",
+  DEREGISTER_AT_POINTER_EVENT_HANDLER: "tres__deregisterAtPointerEventHandler"
+};
+function ke({ sizes: e, scene: a }) {
+  const { IS_ACTIVE_CAMERA: n, REGISTER_CAMERA: t, DEREGISTER_CAMERA: i } = L, o = F([]), l = M(
+    () => o.value.find(({ userData: s }) => s[n])
+  ), r = (s, c = !0) => {
+    o.value.some(({ uuid: v }) => v === s.uuid) || (o.value.push(s), c && m(s));
+  }, p = (s) => {
+    if (s.userData[n]) {
+      const c = o.value[o.value.length - 1];
+      c && m(c.uuid);
+    }
+    o.value = o.value.filter(({ uuid: c }) => c !== s.uuid);
+  }, m = (s) => {
+    const c = s instanceof Ee ? s : o.value.find((v) => v.uuid === s);
+    c && (o.value.forEach(({ userData: v }) => v[n] = !1), c.userData[n] = !0);
+  }, f = () => {
+    o.value = [];
+  };
+  return x(() => {
+    e.aspectRatio.value && o.value.forEach((s) => {
+      s instanceof z && (s.aspect = e.aspectRatio.value), (s instanceof z || s instanceof ve) && s.updateProjectionMatrix();
+    });
+  }), a.userData[t] = r, a.userData[i] = p, W(() => {
+    f();
   }), {
-    cameras: n,
-    camera: o,
-    addCamera: t,
-    setCameraToActive: r
-    /*     clearCameras, */
+    camera: l,
+    cameras: o,
+    addCamera: r,
+    removeCamera: p,
+    setCameraActive: m
   };
 }
-const ce = R(), ue = R(), q = R(), h = new Le();
-let B = 0, D = 0;
-const { pause: Xe, resume: Qe, isActive: Ze } = We(
+const Z = O(), ee = O(), j = O(), D = new de();
+let I = 0, B = 0;
+const { pause: Ie, resume: Be, isActive: Ge } = Le(
   () => {
-    ce.trigger({ delta: B, elapsed: D, clock: h }), ue.trigger({ delta: B, elapsed: D, clock: h }), q.trigger({ delta: B, elapsed: D, clock: h });
+    Z.trigger({ delta: I, elapsed: B, clock: D }), ee.trigger({ delta: I, elapsed: B, clock: D }), j.trigger({ delta: I, elapsed: B, clock: D });
   },
   { immediate: !1 }
 );
-q.on(() => {
-  B = h.getDelta(), D = h.getElapsedTime();
+j.on(() => {
+  I = D.getDelta(), B = D.getElapsedTime();
 });
-function fe() {
-  return {
-    onBeforeLoop: ce.on,
-    onLoop: ue.on,
-    onAfterLoop: q.on,
-    pause: Xe,
-    resume: Qe,
-    isActive: Ze
-  };
-}
-function Pt(e) {
-  return typeof e == "number" ? [e, e, e] : e instanceof Oe ? [e.x, e.y, e.z] : e;
-}
-function et(e) {
-  return e instanceof G ? e : Array.isArray(e) ? new G(...e) : new G(e);
-}
-const H = {
+const te = () => ({
+  onBeforeLoop: Z.on,
+  onLoop: ee.on,
+  onAfterLoop: j.on,
+  pause: Ie,
+  resume: Be,
+  isActive: Ge
+}), V = {
   realistic: {
-    outputColorSpace: ke,
-    toneMapping: Ie,
+    outputColorSpace: ge,
+    toneMapping: ye,
     toneMappingExposure: 3,
     shadowMap: {
       enabled: !0,
-      type: Be
+      type: Ce
     }
   }
-}, le = (e, n) => {
-  for (const o of Object.keys(n))
-    n[o] instanceof Object && Object.assign(n[o], le(e[o], n[o]));
-  return Object.assign(e || {}, n), e;
-}, tt = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", nt = /* @__PURE__ */ ot(tt);
-function I(e) {
-  return e.replace(/-([a-z])/g, (n, o) => o.toUpperCase());
+}, ne = (e, a) => {
+  for (const n of Object.keys(a))
+    a[n] instanceof Object && Object.assign(a[n], ne(e[n], a[n]));
+  return Object.assign(e || {}, a), e;
+}, Ne = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot", Ve = /* @__PURE__ */ He(Ne);
+function b(e) {
+  return e.replace(/-([a-z])/g, (a, n) => n.toUpperCase());
 }
-function ot(e, n) {
-  const o = /* @__PURE__ */ Object.create(null), t = e.split(",");
-  for (let r = 0; r < t.length; r++)
-    o[t[r]] = !0;
-  return n ? (r) => !!o[r.toLowerCase()] : (r) => !!o[r];
+function He(e, a) {
+  const n = /* @__PURE__ */ Object.create(null), t = e.split(",");
+  for (let i = 0; i < t.length; i++)
+    n[t[i]] = !0;
+  return a ? (i) => !!n[i.toLowerCase()] : (i) => !!n[i];
 }
-const at = (e, n) => {
-  const o = /* @__PURE__ */ new Set(), t = [];
-  for (const r of e) {
-    const i = n(r);
-    o.has(i) || (o.add(i), t.push(r));
+const ze = (e, a) => {
+  const n = /* @__PURE__ */ new Set(), t = [];
+  for (const i of e) {
+    const o = a(i);
+    n.has(o) || (n.add(o), t.push(i));
   }
   return t;
-}, _t = !0, ee = "[TresJS ▲ ■ ●] ";
-function P() {
-  function e(t, r) {
-    console.error(`${ee} ${t}`, r || "");
+}, ot = !0, U = "[TresJS ▲ ■ ●] ";
+function h() {
+  function e(t, i) {
+    console.error(`${U} ${t}`, i || "");
   }
-  function n(t) {
-    console.warn(`${ee} ${t}`);
+  function a(t) {
+    console.warn(`${U} ${t}`);
   }
-  function o(t, r) {
+  function n(t, i) {
   }
   return {
     logError: e,
-    logWarning: n,
-    logMessage: o
+    logWarning: a,
+    logMessage: n
   };
 }
-function rt(e, n, o) {
-  const t = j(), r = Y(!1), {
-    alpha: i = !0,
-    antialias: s = !0,
-    depth: a,
-    logarithmicDepthBuffer: c,
-    failIfMajorPerformanceCaveat: u,
-    precision: l,
-    premultipliedAlpha: p,
-    stencil: d,
-    shadows: M = !1,
-    shadowMapType: E = De,
-    useLegacyLights: b = !1,
-    outputColorSpace: g = X,
-    toneMapping: y = Q,
-    toneMappingExposure: _ = 1,
-    context: S = void 0,
-    powerPreference: L = "default",
-    preserveDrawingBuffer: O = !1,
-    clearColor: C,
-    windowSize: f = !1,
-    preset: v = void 0
-  } = oe(o), { cameras: Et, setRenderer: ge, sizes: V } = n, { logError: we, logWarning: yt } = P(), { pixelRatio: k } = $e(), { pause: be, resume: Ee } = fe(), K = () => {
-    t.value && (t.value.setSize(V.width.value, V.height.value), t.value.setPixelRatio(Math.min(k.value, 2)));
-  }, J = () => {
-    if (!t.value)
-      return;
-    const T = m(v);
-    if (T) {
-      T in H || we("Renderer Preset must be one of these: " + Object.keys(H).join(", ")), le(t.value, H[T]);
+function rt(e) {
+  return typeof e == "number" ? [e, e, e] : e instanceof we ? [e.x, e.y, e.z] : e;
+}
+function Fe(e) {
+  return e instanceof k ? e : Array.isArray(e) ? new k(...e) : new k(e);
+}
+function We({
+  scene: e,
+  canvas: a,
+  options: n,
+  disableRender: t,
+  contextParts: { sizes: i, camera: o }
+}) {
+  const l = M(() => ({
+    alpha: y(n.alpha),
+    depth: y(n.depth),
+    canvas: Se(a),
+    context: y(n.context),
+    stencil: y(n.stencil),
+    antialias: y(n.antialias),
+    precision: y(n.precision),
+    powerPreference: y(n.powerPreference),
+    premultipliedAlpha: y(n.premultipliedAlpha),
+    preserveDrawingBuffer: y(n.preserveDrawingBuffer),
+    logarithmicDepthBuffer: y(n.logarithmicDepthBuffer),
+    failIfMajorPerformanceCaveat: y(n.failIfMajorPerformanceCaveat)
+  })), r = $(new N(l.value));
+  J(l, () => {
+    r.value.dispose(), r.value = new N(l.value);
+  }), x(() => {
+    r.value.setSize(i.width.value, i.height.value);
+  });
+  const { pixelRatio: p } = xe();
+  x(() => {
+    r.value.setPixelRatio(p.value);
+  });
+  const { logError: m } = h(), s = (() => {
+    const u = new N(), d = {
+      shadowMap: {
+        enabled: u.shadowMap.enabled,
+        type: u.shadowMap.type
+      },
+      toneMapping: u.toneMapping,
+      toneMappingExposure: u.toneMappingExposure,
+      outputColorSpace: u.outputColorSpace,
+      useLegacyLights: u.useLegacyLights
+    };
+    return u.dispose(), d;
+  })();
+  x(() => {
+    const u = y(n.preset);
+    if (u) {
+      u in V || m("Renderer Preset must be one of these: " + Object.keys(V).join(", ")), ne(r.value, V[u]);
       return;
     }
-    t.value.shadowMap.enabled = m(M), t.value.shadowMap.type = m(E), t.value.toneMapping = m(y) || Q, t.value.toneMappingExposure = m(_), t.value.outputColorSpace = m(g) || X, C != null && C.value && t.value.setClearColor(et(m(C))), t.value.useLegacyLights = m(b);
-  }, ye = () => {
-    const T = Z(e);
-    console.count("init renderer"), T && (t.value = new je({
-      canvas: T,
-      alpha: m(i),
-      antialias: m(s),
-      context: m(S),
-      depth: m(a),
-      failIfMajorPerformanceCaveat: m(u),
-      logarithmicDepthBuffer: m(c),
-      powerPreference: m(L),
-      precision: m(l),
-      stencil: m(d),
-      preserveDrawingBuffer: m(O),
-      premultipliedAlpha: m(p)
-    }), ge(t.value), J(), K(), Ee(), r.value = !0);
-  }, Me = () => {
-    t.value && (t.value.dispose(), t.value = void 0, r.value = !1, be());
-  };
-  return U(() => {
-    var T;
-    ((T = V.aspectRatio) != null && T.value || k != null && k.value) && K();
-  }), W(
-    [M, E, g, b, y, _, C],
-    J
-  ), W(
-    e,
-    () => {
-      Z(e) && ye();
-    },
-    { immediate: !0, deep: !0 }
-  ), {
-    renderer: t,
-    isReady: r,
-    dispose: Me
+    const d = y(n.shadows);
+    r.value.shadowMap.enabled = d !== void 0 ? d : s.shadowMap.enabled;
+    const g = y(n.shadowMapType);
+    r.value.shadowMap.type = g !== void 0 ? g : s.shadowMap.type;
+    const R = y(n.toneMapping);
+    r.value.toneMapping = R !== void 0 ? R : s.toneMapping;
+    const T = y(n.toneMappingExposure);
+    r.value.toneMappingExposure = T !== void 0 ? T : s.toneMappingExposure;
+    const P = y(n.outputColorSpace);
+    r.value.outputColorSpace = P !== void 0 ? P : s.outputColorSpace;
+    const S = y(n.useLegacyLights);
+    r.value.useLegacyLights = S !== void 0 ? S : s.useLegacyLights;
+    const A = y(n.clearColor);
+    A && r.value.setClearColor(
+      A ? Fe(A) : new k(0)
+      // default clear color is not easily/efficiently retrievable from three
+    );
+  });
+  const { pause: c, resume: v, onLoop: C } = te();
+  return C(() => {
+    o.value && !y(t) && r.value.render(e, o.value);
+  }), v(), W(() => {
+    c(), r.value.dispose(), r.value.forceContextLoss();
+  }), {
+    renderer: r
   };
 }
-const te = (e) => typeof e == "function", de = (e) => !!e && e.constructor === Array;
-function it(e) {
-  const n = { nodes: {}, materials: {} };
-  return e && e.traverse((o) => {
-    o.name && (n.nodes[o.name] = o), o.material && !n.materials[o.material.name] && (n.materials[o.material.name] = o.material);
-  }), n;
+function $e(e) {
+  const a = { nodes: {}, materials: {} };
+  return e && e.traverse((n) => {
+    n.name && (a.nodes[n.name] = n), n.material && !a.materials[n.material.name] && (a.materials[n.material.name] = n.material);
+  }), a;
 }
-async function xt(e, n, o, t, r) {
-  const { logError: i } = P(), s = new e();
-  r && r(s), o && o(s);
-  const c = (Array.isArray(n) ? n : [n]).map(
-    (u) => new Promise((l, p) => {
-      s.load(
-        u,
-        (d) => {
-          d.scene && Object.assign(d, it(d.scene)), l(d);
+async function st(e, a, n, t, i) {
+  const { logError: o } = h(), l = new e();
+  i && i(l), n && n(l);
+  const p = (Array.isArray(a) ? a : [a]).map(
+    (m) => new Promise((f, s) => {
+      l.load(
+        m,
+        (c) => {
+          c.scene && Object.assign(c, $e(c.scene)), f(c);
         },
         t,
-        (d) => p(i("[useLoader] - Failed to load resource", d))
+        (c) => s(o("[useLoader] - Failed to load resource", c))
       );
     })
   );
-  return de(n) ? await Promise.all(c) : await c[0];
+  return Q(a) ? await Promise.all(p) : await p[0];
 }
-async function ht(e) {
-  const n = new Ve(), o = new ze(n), t = (r) => new Promise((i, s) => {
-    o.load(
-      r,
-      (a) => i(a),
+async function it(e) {
+  const a = new _e(), n = new Me(a), t = (i) => new Promise((o, l) => {
+    n.load(
+      i,
+      (r) => o(r),
       () => null,
       () => {
-        s(new Error("[useTextures] - Failed to load texture"));
+        l(new Error("[useTextures] - Failed to load texture"));
       }
     );
   });
-  if (de(e)) {
-    const r = await Promise.all(e.map((i) => t(i)));
-    return e.length > 1 ? r : r[0];
+  if (Q(e)) {
+    const i = await Promise.all(e.map((o) => t(o)));
+    return e.length > 1 ? i : i[0];
   } else {
     const {
-      map: r,
-      displacementMap: i,
-      normalMap: s,
-      roughnessMap: a,
-      metalnessMap: c,
-      aoMap: u,
-      alphaMap: l,
-      matcap: p
+      map: i,
+      displacementMap: o,
+      normalMap: l,
+      roughnessMap: r,
+      metalnessMap: p,
+      aoMap: m,
+      alphaMap: f,
+      matcap: s
     } = e;
     return {
-      map: r ? await t(r) : null,
-      displacementMap: i ? await t(i) : null,
-      normalMap: s ? await t(s) : null,
-      roughnessMap: a ? await t(a) : null,
-      metalnessMap: c ? await t(c) : null,
-      aoMap: u ? await t(u) : null,
-      alphaMap: l ? await t(l) : null,
-      matcap: p ? await t(p) : null
+      map: i ? await t(i) : null,
+      displacementMap: o ? await t(o) : null,
+      normalMap: l ? await t(l) : null,
+      roughnessMap: r ? await t(r) : null,
+      metalnessMap: p ? await t(p) : null,
+      aoMap: m ? await t(m) : null,
+      alphaMap: f ? await t(f) : null,
+      matcap: s ? await t(s) : null
     };
   }
 }
-const w = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "0a", "0b", "0c", "0d", "0e", "0f", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "1a", "1b", "1c", "1d", "1e", "1f", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "2a", "2b", "2c", "2d", "2e", "2f", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "3a", "3b", "3c", "3d", "3e", "3f", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "4a", "4b", "4c", "4d", "4e", "4f", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "5a", "5b", "5c", "5d", "5e", "5f", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "6a", "6b", "6c", "6d", "6e", "6f", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "7a", "7b", "7c", "7d", "7e", "7f", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "8a", "8b", "8c", "8d", "8e", "8f", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "9a", "9b", "9c", "9d", "9e", "9f", "a0", "a1", "a2", "a3", "a4", "a5", "a6", "a7", "a8", "a9", "aa", "ab", "ac", "ad", "ae", "af", "b0", "b1", "b2", "b3", "b4", "b5", "b6", "b7", "b8", "b9", "ba", "bb", "bc", "bd", "be", "bf", "c0", "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "ca", "cb", "cc", "cd", "ce", "cf", "d0", "d1", "d2", "d3", "d4", "d5", "d6", "d7", "d8", "d9", "da", "db", "dc", "dd", "de", "df", "e0", "e1", "e2", "e3", "e4", "e5", "e6", "e7", "e8", "e9", "ea", "eb", "ec", "ed", "ee", "ef", "f0", "f1", "f2", "f3", "f4", "f5", "f6", "f7", "f8", "f9", "fa", "fb", "fc", "fd", "fe", "ff"];
-function st() {
-  const e = Math.random() * 4294967295 | 0, n = Math.random() * 4294967295 | 0, o = Math.random() * 4294967295 | 0, t = Math.random() * 4294967295 | 0;
-  return (w[e & 255] + w[e >> 8 & 255] + w[e >> 16 & 255] + w[e >> 24 & 255] + "-" + w[n & 255] + w[n >> 8 & 255] + "-" + w[n >> 16 & 15 | 64] + w[n >> 24 & 255] + "-" + w[o & 63 | 128] + w[o >> 8 & 255] + "-" + w[o >> 16 & 255] + w[o >> 24 & 255] + w[t & 255] + w[t >> 8 & 255] + w[t >> 16 & 255] + w[t >> 24 & 255]).toLowerCase();
-}
-const me = Symbol();
-function At() {
-  const e = $({
-    uuid: st(),
-    camera: void 0,
-    cameras: [],
-    canvas: void 0,
-    scene: void 0,
-    renderer: void 0,
-    aspectRatio: void 0,
-    pointerEventHandler: void 0
-  });
-  function n(r) {
-    return e[r];
-  }
-  function o(r, i) {
-    e[r] = i;
-  }
-  const t = {
-    state: e,
-    ...oe(e),
-    getState: n,
-    setState: o
-  };
-  return ae(me, t), t;
-}
-const ct = () => re(me, {
-  state: $({
-    camera: void 0,
-    cameras: [],
-    canvas: void 0,
-    scene: void 0,
-    renderer: void 0,
-    pointerEventHandler: void 0
-  })
-}), ut = (e) => {
-  const { state: n } = ct(), o = A(() => {
-    var f;
-    return (f = n.canvas) == null ? void 0 : f.value;
-  }), { x: t, y: r } = Ue({ target: o }), { width: i, height: s, top: a, left: c } = Ye(o), u = new Ge(), l = ({ x: f, y: v }) => {
-    if (o.value)
+const je = (e, { renderer: a, camera: n }) => {
+  const t = M(() => a.value.domElement), { x: i, y: o } = De({ target: t }), { width: l, height: r, top: p, left: m } = Oe(t), f = new Re(), s = ({ x: E, y: w }) => {
+    if (t.value)
       return {
-        x: (f - c.value) / i.value * 2 - 1,
-        y: -((v - a.value) / s.value) * 2 + 1
+        x: (E - m.value) / l.value * 2 - 1,
+        y: -((w - p.value) / r.value) * 2 + 1
       };
-  }, p = ({ x: f, y: v }) => {
-    if (n.camera)
-      return u.setFromCamera(new He(f, v), n.camera), u.intersectObjects(e.value, !1);
-  }, d = (f) => {
-    const v = l({
-      x: (f == null ? void 0 : f.clientX) ?? t.value,
-      y: (f == null ? void 0 : f.clientY) ?? r.value
+  }, c = ({ x: E, y: w }) => {
+    if (n.value)
+      return f.setFromCamera(new Te(E, w), n.value), f.intersectObjects(e.value, !1);
+  }, v = (E) => {
+    const w = s({
+      x: (E == null ? void 0 : E.clientX) ?? i.value,
+      y: (E == null ? void 0 : E.clientY) ?? o.value
     });
-    return v ? p(v) || [] : [];
-  }, M = A(() => d()), E = R(), b = R(), g = (f, v) => {
-    f.trigger({ event: v, intersects: d(v) });
-  }, y = (f) => {
-    g(b, f);
+    return w ? c(w) || [] : [];
+  }, C = M(() => v()), u = O(), d = O(), g = (E, w) => {
+    E.trigger({ event: w, intersects: v(w) });
+  }, R = (E) => {
+    g(d, E);
   };
-  let _;
-  const S = (f) => {
-    var v;
-    _ = (v = d(f)[0]) == null ? void 0 : v.object;
-  }, L = (f) => {
-    var v;
-    f instanceof PointerEvent && _ === ((v = d(f)[0]) == null ? void 0 : v.object) && g(E, f);
-  }, O = (f) => b.trigger({ event: f, intersects: [] }), C = U(() => {
-    o != null && o.value && (o.value.addEventListener("pointerup", L), o.value.addEventListener("pointerdown", S), o.value.addEventListener("pointermove", y), o.value.addEventListener("pointerleave", O), C());
-  });
-  return ie(() => {
-    o != null && o.value && (o.value.removeEventListener("pointerup", L), o.value.removeEventListener("pointerdown", S), o.value.removeEventListener("pointermove", y), o.value.removeEventListener("pointerleave", O));
+  let T;
+  const P = (E) => {
+    var w;
+    T = (w = v(E)[0]) == null ? void 0 : w.object;
+  }, S = (E) => {
+    var w;
+    E instanceof PointerEvent && T === ((w = v(E)[0]) == null ? void 0 : w.object) && g(u, E);
+  }, A = (E) => d.trigger({ event: E, intersects: [] });
+  return t.value.addEventListener("pointerup", S), t.value.addEventListener("pointerdown", P), t.value.addEventListener("pointermove", R), t.value.addEventListener("pointerleave", A), W(() => {
+    t != null && t.value && (t.value.removeEventListener("pointerup", S), t.value.removeEventListener("pointerdown", P), t.value.removeEventListener("pointermove", R), t.value.removeEventListener("pointerleave", A));
   }), {
-    intersects: M,
-    onClick: (f) => E.on(f).off,
-    onPointerMove: (f) => b.on(f).off
+    intersects: C,
+    onClick: (E) => u.on(E).off,
+    onPointerMove: (E) => d.on(E).off
   };
 };
-function Rt() {
-  const { logWarning: e } = P();
-  function n(t, r, i) {
-    let s = null;
-    return t.traverse((a) => {
-      a[r] === i && (s = a);
-    }), s || e(`Child with ${r} '${i}' not found.`), s;
+function ut() {
+  const { logWarning: e } = h();
+  function a(t, i, o) {
+    let l = null;
+    return t.traverse((r) => {
+      r[i] === o && (l = r);
+    }), l || e(`Child with ${i} '${o}' not found.`), l;
   }
-  function o(t, r) {
-    return n(t, "name", r);
+  function n(t, i) {
+    return a(t, "name", i);
   }
   return {
-    seek: n,
-    seekByName: o
+    seek: a,
+    seekByName: n
   };
 }
-const St = () => {
-  const e = Te({
+const Ye = (e, a) => {
+  const n = ae({
     click: /* @__PURE__ */ new Map(),
     pointerMove: /* @__PURE__ */ new Map(),
     pointerEnter: /* @__PURE__ */ new Map(),
     pointerLeave: /* @__PURE__ */ new Map()
-  }), n = (a) => {
-    Object.values(e).forEach((c) => c.delete(a));
-  }, o = (a) => {
-    const { onClick: c, onPointerMove: u, onPointerEnter: l, onPointerLeave: p } = a;
-    c && e.click.set(a, c), u && e.pointerMove.set(a, u), l && e.pointerEnter.set(a, l), p && e.pointerLeave.set(a, p), a.addEventListener("removed", () => {
-      a.traverse((d) => {
-        n(d);
-      }), n(a);
-    });
-  }, t = A(
-    () => at(
-      Object.values(e).map((a) => Array.from(a.keys())).flat(),
-      ({ uuid: a }) => a
+  }), t = (s) => {
+    Object.values(n).forEach((c) => c.delete(s));
+  }, i = (s) => {
+    const { onClick: c, onPointerMove: v, onPointerEnter: C, onPointerLeave: u } = s;
+    c && n.click.set(s, c), v && n.pointerMove.set(s, v), C && n.pointerEnter.set(s, C), u && n.pointerLeave.set(s, u);
+  }, { REGISTER_AT_POINTER_EVENT_HANDLER: o, DEREGISTER_AT_POINTER_EVENT_HANDLER: l } = L;
+  e.userData[o] = i, e.userData[l] = t;
+  const r = M(
+    () => ze(
+      Object.values(n).map((s) => Array.from(s.keys())).flat(),
+      ({ uuid: s }) => s
     )
-  ), { onClick: r, onPointerMove: i } = ut(t);
-  r(({ intersects: a, event: c }) => {
-    var u;
-    a.length && ((u = e.click.get(a[0].object)) == null || u(a[0], c));
+  ), { onClick: p, onPointerMove: m } = je(r, a);
+  p(({ intersects: s, event: c }) => {
+    var v;
+    s.length && ((v = n.click.get(s[0].object)) == null || v(s[0], c));
   });
-  let s;
-  return i(({ intersects: a, event: c }) => {
-    var M, E, b, g;
-    const u = (M = a == null ? void 0 : a[0]) == null ? void 0 : M.object, { pointerLeave: l, pointerEnter: p, pointerMove: d } = e;
-    s && s !== u && ((E = l.get(s)) == null || E(s, c)), u && (s !== u && ((b = p.get(u)) == null || b(a[0], c)), (g = d.get(u)) == null || g(a[0], c)), s = u || null;
+  let f;
+  return m(({ intersects: s, event: c }) => {
+    var g, R, T, P;
+    const v = (g = s == null ? void 0 : s[0]) == null ? void 0 : g.object, { pointerLeave: C, pointerEnter: u, pointerMove: d } = n;
+    f && f !== v && ((R = C.get(f)) == null || R(f, c)), v && (f !== v && ((T = u.get(v)) == null || T(s[0], c)), (P = d.get(v)) == null || P(s[0], c)), f = v || null;
   }), {
-    registerObject: o,
-    deregisterObject: n
+    registerObject: i,
+    deregisterObject: t
   };
-}, { logError: ft } = P();
-function lt(e, n, o) {
-  var b;
-  e || ft("A scene most be provided to the TresProvider");
-  const { width: t, height: r } = m(o.windowSize) == !0 || m(o.windowSize) === "" || m(o.windowSize) === "true" || n.value === void 0 ? qe() : Ke((b = n.value) == null ? void 0 : b.parentElement), i = A(() => t.value / r.value), s = {
+};
+function Ue({
+  scene: e,
+  canvas: a,
+  windowSize: n,
+  disableRender: t,
+  rendererOptions: i
+}) {
+  const o = M(
+    () => y(n) ? he() : be(y(a).parentElement)
+  ), l = M(() => o.value.width.value), r = M(() => o.value.height.value), p = M(() => l.value / r.value), m = {
     height: r,
-    width: t,
-    aspectRatio: i
-  }, a = j(e), { camera: c, cameras: u, addCamera: l, setCameraToActive: p } = Je(s), d = j(null);
-  function M(g) {
-    d.value || (d.value = g);
-  }
-  const E = {
-    scene: z(a),
-    cameras: z(u),
-    camera: c,
-    addCamera: l,
-    setCameraToActive: p,
-    renderer: z(d),
-    setRenderer: M,
-    sizes: s
+    width: l,
+    aspectRatio: p
+  }, f = $(e), {
+    camera: s,
+    cameras: c,
+    addCamera: v,
+    removeCamera: C,
+    setCameraActive: u
+  } = ke({ sizes: m, scene: e }), { renderer: d } = We(
+    {
+      scene: e,
+      canvas: a,
+      options: i,
+      contextParts: { sizes: m, camera: s },
+      disableRender: t
+    }
+  ), g = {
+    sizes: m,
+    scene: G(f),
+    camera: s,
+    cameras: G(c),
+    renderer: G(d),
+    addCamera: v,
+    removeCamera: C,
+    setCameraActive: u
   };
-  return ae("useTres", E), E;
+  return oe("useTres", g), g;
 }
-function Lt() {
+function lt() {
   const e = re("useTres");
   if (!e)
-    throw new Error("useTresContext must be used within a TresProvider");
+    throw new Error("useTresContext must be used together with useTresContextProvider");
   return e;
 }
-const pe = Y({}), ve = (e) => void Object.assign(pe.value, e), F = {
-  GEOMETRY_VIA_PROP: "tres__geometryViaProp",
-  MATERIAL_VIA_PROP: "tres__materialViaProp",
-  REGISTER_AT_POINTER_EVENT_HANDLER: "tres__registerAtPointerEventHandler"
-};
-let N = null, x = null;
-const { logError: ne } = P(), dt = {
-  createElement(e, n, o, t) {
-    var c, u;
-    if (t || (t = {}), t.args || (t.args = []), e === "template" || nt(e))
+let H = null, _ = null;
+const { logError: q } = h(), qe = {
+  createElement(e, a, n, t) {
+    var p, m;
+    if (t || (t = {}), t.args || (t.args = []), e === "template" || Ve(e))
       return null;
-    let r = e.replace("Tres", ""), i;
+    let i = e.replace("Tres", ""), o;
     if (e === "primitive") {
-      (t == null ? void 0 : t.object) === void 0 && ne("Tres primitives need a prop 'object'");
-      const l = t.object;
-      r = l.type, i = Object.assign(l, { type: r, attach: t.attach, primitive: !0 });
+      (t == null ? void 0 : t.object) === void 0 && q("Tres primitives need a prop 'object'");
+      const f = t.object;
+      i = f.type, o = Object.assign(f, { type: i, attach: t.attach, primitive: !0 });
     } else {
-      const l = pe.value[r];
-      l || ne(`${r} is not defined on the THREE namespace. Use extend to add it to the catalog.`), i = new l(...t.args);
+      const f = K.value[i];
+      f || q(`${i} is not defined on the THREE namespace. Use extend to add it to the catalog.`), o = new f(...t.args);
     }
-    i.isCamera && (t != null && t.position || i.position.set(3, 3, 3), t != null && t.lookAt || i.lookAt(0, 0, 0)), (t == null ? void 0 : t.attach) === void 0 && (i.isMaterial ? i.attach = "material" : i.isBufferGeometry && (i.attach = "geometry"));
-    const { GEOMETRY_VIA_PROP: s, MATERIAL_VIA_PROP: a } = F;
-    return i.isObject3D && ((c = t == null ? void 0 : t.material) != null && c.isMaterial && (i.userData[a] = !0), (u = t == null ? void 0 : t.geometry) != null && u.isBufferGeometry && (i.userData[s] = !0)), i;
+    o.isCamera && (t != null && t.position || o.position.set(3, 3, 3), t != null && t.lookAt || o.lookAt(0, 0, 0)), (t == null ? void 0 : t.attach) === void 0 && (o.isMaterial ? o.attach = "material" : o.isBufferGeometry && (o.attach = "geometry"));
+    const { GEOMETRY_VIA_PROP: l, MATERIAL_VIA_PROP: r } = L;
+    return o.isObject3D && ((p = t == null ? void 0 : t.material) != null && p.isMaterial && (o.userData[r] = !0), (m = t == null ? void 0 : t.geometry) != null && m.isBufferGeometry && (o.userData[l] = !0)), o;
   },
-  insert(e, n) {
-    var o, t, r, i, s, a, c;
-    if (n && n.isScene && (x = n), (((o = e == null ? void 0 : e.__vnode) == null ? void 0 : o.type) === "TresGroup" || ((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresObject3D") && n === null && !((i = (r = e == null ? void 0 : e.__vnode) == null ? void 0 : r.ctx) != null && i.asyncResolved)) {
-      N = e;
+  insert(e, a) {
+    var n, t, i, o, l, r, p, m, f;
+    if (a && a.isScene && (_ = a), (((n = e == null ? void 0 : e.__vnode) == null ? void 0 : n.type) === "TresGroup" || ((t = e == null ? void 0 : e.__vnode) == null ? void 0 : t.type) === "TresObject3D") && a === null && !((o = (i = e == null ? void 0 : e.__vnode) == null ? void 0 : i.ctx) != null && o.asyncResolved)) {
+      H = e;
       return;
     } else
-      (s = e == null ? void 0 : e.__vnode) != null && s.type.includes("Controls") && n === null && (N = x);
-    n || (n = N), e != null && e.isObject3D && (n != null && n.isObject3D) ? (n.add(e), e.dispatchEvent({ type: "added" }), (c = (a = x == null ? void 0 : x.userData) == null ? void 0 : a[F.REGISTER_AT_POINTER_EVENT_HANDLER]) == null || c.call(a, e)) : e != null && e.isFog ? n.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[n == null ? void 0 : n.attach], n && (n[e.attach] = e));
+      (l = e == null ? void 0 : e.__vnode) != null && l.type.includes("Controls") && a === null && (H = _);
+    a || (a = H), e != null && e.isObject3D && (e != null && e.isCamera && ((p = (r = _ == null ? void 0 : _.userData) == null ? void 0 : r[L.REGISTER_CAMERA]) == null || p.call(r, e)), (e != null && e.onClick || e != null && e.onPointerMove || e != null && e.onPointerEnter || e != null && e.onPointerLeave) && ((f = (m = _ == null ? void 0 : _.userData) == null ? void 0 : m[L.REGISTER_AT_POINTER_EVENT_HANDLER]) == null || f.call(m, e))), e != null && e.isObject3D && (a != null && a.isObject3D) ? (a.add(e), e.dispatchEvent({ type: "added" })) : e != null && e.isFog ? a.fog = e : typeof (e == null ? void 0 : e.attach) == "string" && (e.__previousAttach = e[a == null ? void 0 : a.attach], a && (a[e.attach] = e));
   },
   remove(e) {
-    var n, o;
+    var a, n, t, i;
     if (e) {
       if (e.isObject3D) {
-        const t = e, r = (i) => {
-          var c, u;
-          const { GEOMETRY_VIA_PROP: s, MATERIAL_VIA_PROP: a } = F;
-          i.userData[a] || (c = i.material) == null || c.dispose(), i.userData[s] || (u = i.geometry) == null || u.dispose();
+        const o = e, {
+          DEREGISTER_CAMERA: l,
+          GEOMETRY_VIA_PROP: r,
+          MATERIAL_VIA_PROP: p,
+          DEREGISTER_AT_POINTER_EVENT_HANDLER: m
+        } = L, f = (u) => {
+          var d, g;
+          u.userData[p] || (d = u.material) == null || d.dispose(), u.userData[r] || (g = u.geometry) == null || g.dispose();
+        }, s = (a = _ == null ? void 0 : _.userData) == null ? void 0 : a[m], c = (u) => {
+          (u != null && u.onClick || u != null && u.onPointerMove || u != null && u.onPointerEnter || u != null && u.onPointerLeave) && (s == null || s(u));
+        }, v = (n = _ == null ? void 0 : _.userData) == null ? void 0 : n[l], C = (u) => {
+          u.isCamera && v(u);
         };
-        t.traverse((i) => {
-          r(i);
-        }), r(t);
+        o.traverse((u) => {
+          f(u), C(u), c == null || c(u);
+        }), f(o), C(o), c == null || c(o);
       }
-      (n = e.removeFromParent) == null || n.call(e), (o = e.dispose) == null || o.call(e);
+      (t = e.removeFromParent) == null || t.call(e), (i = e.dispose) == null || i.call(e);
     }
   },
-  patchProp(e, n, o, t) {
+  patchProp(e, a, n, t) {
     if (e) {
-      let r = e, i = n, s = I(i), a = r == null ? void 0 : r[s];
-      if (r.type === "BufferGeometry") {
-        if (i === "args")
+      let i = e, o = a, l = b(o), r = i == null ? void 0 : i[l];
+      if (i.type === "BufferGeometry") {
+        if (o === "args")
           return;
-        r.setAttribute(
-          I(i),
-          new Fe(...t)
+        i.setAttribute(
+          b(o),
+          new Pe(...t)
         );
         return;
       }
-      if (i.includes("-") && a === void 0) {
-        const u = i.split("-");
-        a = u.reduce((l, p) => l[I(p)], r), i = u.pop(), s = i.toLowerCase(), a != null && a.set || (r = u.reduce((l, p) => l[I(p)], r));
+      if (o.includes("-") && r === void 0) {
+        const m = o.split("-");
+        r = m.reduce((f, s) => f[b(s)], i), o = m.pop(), l = o.toLowerCase(), r != null && r.set || (i = m.reduce((f, s) => f[b(s)], i));
       }
-      let c = t;
-      if (c === "" && (c = !0), te(a)) {
-        Array.isArray(c) ? e[s](...c) : e[s](c);
+      let p = t;
+      if (p === "" && (p = !0), Y(r)) {
+        Array.isArray(p) ? e[l](...p) : e[l](p);
         return;
       }
-      !(a != null && a.set) && !te(a) ? r[s] = c : a.constructor === c.constructor && (a != null && a.copy) ? a == null || a.copy(c) : Array.isArray(c) ? a.set(...c) : !a.isColor && a.setScalar ? a.setScalar(c) : a.set(c);
+      !(r != null && r.set) && !Y(r) ? i[l] = p : r.constructor === p.constructor && (r != null && r.copy) ? r == null || r.copy(p) : Array.isArray(p) ? r.set(...p) : !r.isColor && r.setScalar ? r.setScalar(p) : r.set(p);
     }
   },
   parentNode(e) {
@@ -483,119 +475,130 @@ const { logError: ne } = P(), dt = {
   setScopeId: () => void 0,
   cloneNode: () => void 0,
   insertStaticContent: () => void 0
-}, { createApp: mt } = Ce(dt), pt = (e) => {
-  const n = mt(o);
-  function o() {
+}, { createApp: Je } = se(qe), Ke = (e) => {
+  const a = Je(n);
+  function n() {
     return e && e.default ? e.default() : [];
   }
-  return n;
+  return a;
 };
-ve(Se);
-const vt = ["data-scene"], gt = /* @__PURE__ */ Pe({
+X(me);
+const Xe = ["data-scene"], Qe = /* @__PURE__ */ ie({
   __name: "TresCanvas",
   props: {
     shadows: { type: Boolean },
+    clearColor: {},
+    toneMapping: {},
     shadowMapType: {},
     useLegacyLights: { type: Boolean },
     outputColorSpace: {},
-    toneMapping: {},
     toneMappingExposure: {},
-    context: {},
-    powerPreference: {},
-    preserveDrawingBuffer: { type: Boolean },
-    clearColor: {},
     windowSize: { type: Boolean },
     preset: {},
     disableRender: { type: Boolean },
-    camera: {}
+    camera: {},
+    context: {},
+    precision: {},
+    alpha: { type: Boolean },
+    premultipliedAlpha: { type: Boolean },
+    antialias: { type: Boolean },
+    stencil: { type: Boolean },
+    preserveDrawingBuffer: { type: Boolean },
+    powerPreference: {},
+    depth: { type: Boolean },
+    logarithmicDepthBuffer: { type: Boolean },
+    failIfMajorPerformanceCaveat: { type: Boolean }
   },
   setup(e) {
-    const n = e, { logWarning: o } = P(), t = Y(), r = j(new Ne()), { onLoop: i } = fe(), s = _e();
-    function a() {
-      const c = lt(r.value, t, n), { addCamera: u, camera: l, clearCameras: p } = c;
-      let d;
-      function M() {
-        d = pt(s), d.provide("useTres", c), d.provide("extend", ve), d.mount(r.value), b();
-      }
-      M();
-      const { renderer: E } = rt(t, c, n);
-      n.camera && u(n.camera), i(() => {
-        var g;
-        l.value && n.disableRender !== !0 && ((g = E.value) == null || g.render(r.value, l.value));
-      });
-      function b() {
-        const g = r.value.getObjectByProperty("isCamera", !0);
-        if (g)
-          u(g);
-        else {
-          o("No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene.");
-          const y = new se(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
-          y.position.set(3, 3, 3), y.lookAt(0, 0, 0), u(y);
+    const a = e, { logWarning: n } = h(), t = F(), i = $(new Ae());
+    te();
+    const o = ue();
+    let l;
+    const r = (m) => {
+      l = Ke(o), l.provide("useTres", m), l.provide("extend", X), l.mount(i.value);
+    }, p = M(() => a.disableRender);
+    return le(() => {
+      const m = t, f = Ue({
+        scene: i.value,
+        canvas: m,
+        windowSize: a.windowSize,
+        disableRender: p,
+        rendererOptions: {
+          ...a,
+          antialias: a.antialias === void 0 ? !0 : a.antialias
+          // an opinionated default of tres
         }
-        W(
-          () => n.camera,
-          (y) => {
-            y && (p(), u(y));
+      });
+      Ye(i.value, f);
+      const { addCamera: s, camera: c, cameras: v, removeCamera: C } = f;
+      r(f);
+      const u = () => {
+        const d = new z(45, window.innerWidth / window.innerHeight, 0.1, 1e3);
+        d.position.set(3, 3, 3), d.lookAt(0, 0, 0), s(d);
+        const g = x(
+          () => {
+            v.value.length >= 2 && (d.removeFromParent(), C(d), g == null || g());
           }
         );
-      }
-    }
-    return xe(() => {
-      a();
-    }), ie(() => {
-    }), (c, u) => (he(), Ae("canvas", {
+      };
+      J(() => a.camera, (d, g) => {
+        d ? s(d) : g && (g.removeFromParent(), C(g));
+      }, {
+        immediate: !0
+      }), c.value || (n(
+        "No camera found. Creating a default perspective camera. To have full control over a camera, please add one to the scene."
+      ), u());
+    }), (m, f) => (ce(), fe("canvas", {
       ref_key: "canvas",
       ref: t,
-      "data-scene": r.value.uuid,
-      style: Re({
+      "data-scene": i.value.uuid,
+      style: pe({
         display: "block",
         width: "100%",
         height: "100%",
-        position: c.windowSize ? "fixed" : "relative",
+        position: m.windowSize ? "fixed" : "relative",
         top: 0,
         left: 0,
         pointerEvents: "auto",
         touchAction: "none",
         zIndex: 1
       })
-    }, null, 12, vt));
+    }, null, 12, Xe));
   }
-}), wt = [
+}), Ze = [
   "TresCanvas",
   "TresLeches",
   "TresScene"
-], bt = {
+], et = {
   template: {
     compilerOptions: {
-      isCustomElement: (e) => e.startsWith("Tres") && !wt.includes(e) || e === "primitive"
+      isCustomElement: (e) => e.startsWith("Tres") && !Ze.includes(e) || e === "primitive"
     }
   }
-}, Ot = bt, kt = {
+}, ct = et, ft = {
   install(e) {
-    e.component("TresCanvas", gt);
+    e.component("TresCanvas", Qe);
   }
 };
 export {
-  me as TRES_CONTEXT_KEY,
-  gt as TresCanvas,
-  pe as catalogue,
-  kt as default,
-  ve as extend,
-  _t as isProd,
-  et as normalizeColor,
-  Pt as normalizeVectorFlexibleParam,
-  Ot as templateCompilerOptions,
-  it as trasverseObjects,
-  Je as useCamera,
-  xt as useLoader,
-  P as useLogger,
-  St as usePointerEventHandler,
-  ut as useRaycaster,
-  fe as useRenderLoop,
-  rt as useRenderer,
-  Rt as useSeek,
-  ht as useTexture,
-  ct as useTres,
-  Lt as useTresContext,
-  At as useTresProvider
+  Qe as TresCanvas,
+  K as catalogue,
+  ft as default,
+  X as extend,
+  ot as isProd,
+  Fe as normalizeColor,
+  rt as normalizeVectorFlexibleParam,
+  ct as templateCompilerOptions,
+  $e as trasverseObjects,
+  ke as useCamera,
+  st as useLoader,
+  h as useLogger,
+  Ye as usePointerEventHandler,
+  je as useRaycaster,
+  te as useRenderLoop,
+  We as useRenderer,
+  ut as useSeek,
+  it as useTexture,
+  lt as useTresContext,
+  Ue as useTresContextProvider
 };