@vincentt-xr/sdk 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/{TextLabel-c9BCucOI.js → TextLabel-C6F5xoaz.js}

@@ -1,16 +1,17 @@
-import { jsx as B, jsxs as Te } from "react/jsx-runtime";
-import { useMemo as p, forwardRef as xe, useEffect as be, useState as he, useRef as _ } from "react";
+import { jsx as z, jsxs as Te } from "react/jsx-runtime";
+import { useMemo as B, forwardRef as xe, useEffect as be, useState as he, useRef as J } from "react";
 import { useThree as Ce } from "@react-three/fiber";
 import { b as Fe } from "./context-DTxSQvp4.js";
-import * as Le from "three";
-const Qe = ({ children: t, depth: e = 0 }) => {
-  const { camera: n, size: i } = Ce(), a = p(() => {
+import { u as Le } from "./useEditOverrides-BTkPGVjN.js";
+import * as We from "three";
+const et = ({ children: t, depth: e = 0 }) => {
+  const { camera: n, size: i } = Ce(), a = B(() => {
     if (!n.isPerspectiveCamera)
       return { width: 10, height: 10 };
     const r = n, l = Math.abs(r.position.z - e), f = r.fov * Math.PI / 180, s = 2 * Math.tan(f / 2) * l;
     return { width: s * (i.width / i.height), height: s };
   }, [n, i, e]);
-  return /* @__PURE__ */ B(Fe.Provider, { value: a, children: /* @__PURE__ */ B("group", { position: [0, 0, e], children: t }) });
+  return /* @__PURE__ */ z(Fe.Provider, { value: a, children: /* @__PURE__ */ z("group", { position: [0, 0, e], children: t }) });
 }, me = xe(
   ({ texture: t, name: e, overlay: n, opacity: i, position: a, rotation: r, scale: l, visible: f, renderOrder: s }, h) => /* @__PURE__ */ Te(
     "mesh",
@@ -23,8 +24,8 @@ const Qe = ({ children: t, depth: e = 0 }) => {
       visible: f,
       renderOrder: s,
       children: [
-        /* @__PURE__ */ B("planeGeometry", { args: [1, 1] }),
-        /* @__PURE__ */ B(
+        /* @__PURE__ */ z("planeGeometry", { args: [1, 1] }),
+        /* @__PURE__ */ z(
           "meshBasicMaterial",
           {
             map: t,
@@ -39,7 +40,7 @@ const Qe = ({ children: t, depth: e = 0 }) => {
   )
 );
 me.displayName = "TextLabelMesh";
-const We = {
+const Oe = {
   color: "#ffffff",
   strokeWidth: 0,
   strokeOpacity: 1,
@@ -81,19 +82,19 @@ const We = {
     [t]
   );
 };
-function Oe(t, e, n) {
+function ke(t, e, n) {
   return n === "left" ? e : n === "right" ? t - e : t / 2;
 }
-function ke(t, e, n, i, a) {
+function Pe(t, e, n, i, a) {
   return a === "top" ? e + n / 2 : a === "bottom" ? t - e - i + n / 2 : t / 2 - (i - n) / 2;
 }
-function Pe(t, e, n, i) {
+function He(t, e, n, i) {
   return i === "full" || n === "left" ? 0 : n === "right" ? t - e : (t - e) / 2;
 }
 function Se(t, e, n, i) {
   return `${t} ${e} ${n}px ${i}`;
 }
-function z(t, e) {
+function I(t, e) {
   const n = Math.max(0, Math.min(e, 1));
   return t * n * 0.08;
 }
@@ -107,29 +108,29 @@ function ye(t, e) {
 function ve(t) {
   "letterSpacing" in t && (t.letterSpacing = "0px");
 }
-function P(t, e, n) {
+function H(t, e, n) {
   ye(t, n);
   const i = t.measureText(e).width;
   return ve(t), i;
 }
-function K(t, e, n, i) {
+function V(t, e, n, i) {
   return Math.max(1, Math.floor((t - e * 2) / we(n, i)));
 }
-function He(t, e, n, i, a) {
-  return e.length <= i && e.every((r) => P(t, r, a) <= n);
+function Xe(t, e, n, i, a) {
+  return e.length <= i && e.every((r) => H(t, r, a) <= n);
 }
-function Q(t, e, n, i, a, r, l, f) {
+function K(t, e, n, i, a, r, l, f) {
   t.font = Se(i, a, r, l);
   const s = e.split(" "), h = [];
   let o = "";
   for (const d of s) {
     const g = o ? `${o} ${d}` : d;
-    P(t, g, f) > n && o ? (h.push(o), o = d) : o = g;
+    H(t, g, f) > n && o ? (h.push(o), o = d) : o = g;
   }
   return o && h.push(o), h;
 }
 function ge(t, e, n, i, a, r, l, f) {
-  const h = e.split(/\r?\n/).flatMap((o) => o.trim().length === 0 ? [""] : Q(
+  const h = e.split(/\r?\n/).flatMap((o) => o.trim().length === 0 ? [""] : K(
     t,
     o,
     n,
@@ -144,13 +145,13 @@ function ge(t, e, n, i, a, r, l, f) {
 function Me(t, e, n, i, a) {
   const r = i ? "..." : "";
   let l = e.trimEnd();
-  for (; l.length > 0 && P(t, `${l}${r}`, a) > n; )
+  for (; l.length > 0 && H(t, `${l}${r}`, a) > n; )
     l = l.slice(0, -1).trimEnd();
   return `${l}${r}`;
 }
-function V(t, e, n, i, a) {
+function Q(t, e, n, i, a) {
   return e.map((r, l) => {
-    if (P(t, r, a) <= n) return r;
+    if (H(t, r, a) <= n) return r;
     const f = l === e.length - 1;
     return Me(
       t,
@@ -163,7 +164,7 @@ function V(t, e, n, i, a) {
 }
 function ce(t, e, n, i, a, r) {
   if (e.length <= n)
-    return V(
+    return Q(
       t,
       e,
       i,
@@ -177,7 +178,7 @@ function ce(t, e, n, i, a, r) {
     i,
     a,
     r
-  ), V(
+  ), Q(
     t,
     l,
     i,
@@ -185,7 +186,7 @@ function ce(t, e, n, i, a, r) {
     r
   );
 }
-function Xe(t) {
+function pe(t) {
   const {
     ctx: e,
     text: n,
@@ -203,7 +204,7 @@ function Xe(t) {
     resizeToFit: S,
     minFontSize: c
   } = t;
-  let b = h, m = z(b, d), w = i ?? ge(
+  let b = h, m = I(b, d), w = i ?? ge(
     e,
     n,
     a,
@@ -212,9 +213,9 @@ function Xe(t) {
     b,
     o,
     m
-  ), M = K(r, l, b, g);
+  ), v = V(r, l, b, g);
   const C = S === !0 || u === "shrink";
-  for (; C && !He(e, w, a, M, m) && b > c && (b = Math.max(c, b - 4), m = z(b, d), w = i ?? ge(
+  for (; C && !Xe(e, w, a, v, m) && b > c && (b = Math.max(c, b - 4), m = I(b, d), w = i ?? ge(
     e,
     n,
     a,
@@ -223,23 +224,23 @@ function Xe(t) {
     b,
     o,
     m
-  ), M = K(r, l, b, g), b !== c); )
+  ), v = V(r, l, b, g), b !== c); )
     ;
   return u === "ellipsis" ? w = ce(
     e,
     w,
-    M,
+    v,
     a,
     !0,
     m
   ) : u === "clamp" || u === "shrink" ? w = ce(
     e,
     w,
-    M,
+    v,
     a,
     !1,
     m
-  ) : u !== "clip" && (w = V(e, w, a, void 0, m)), { fontSize: b, lines: w };
+  ) : u !== "clip" && (w = Q(e, w, a, void 0, m)), { fontSize: b, lines: w };
 }
 function Ae(t) {
   const {
@@ -255,7 +256,7 @@ function Ae(t) {
     letterSpacing: o,
     lineSpacing: d
   } = t;
-  let g = s, u = Q(
+  let g = s, u = K(
     e,
     n,
     i,
@@ -263,10 +264,10 @@ function Ae(t) {
     f,
     g,
     h,
-    z(g, o)
+    I(g, o)
   );
-  const S = K(a, r, g, d);
-  return u.length > S && (g = Math.max(12, Math.round(g * 0.75)), u = Q(
+  const S = V(a, r, g, d);
+  return u.length > S && (g = Math.max(12, Math.round(g * 0.75)), u = K(
     e,
     n,
     i,
@@ -274,7 +275,7 @@ function Ae(t) {
     f,
     g,
     h,
-    z(g, o)
+    I(g, o)
   )), { fontSize: g, lines: u };
 }
 function Z(t, e) {
@@ -283,9 +284,9 @@ function Z(t, e) {
     return n.width = t, n.height = e, n;
   })();
 }
-function pe(t, e) {
+function Be(t, e) {
   const n = e.width - e.padding * 2, a = Array.isArray(e.lines) || e.text.includes(`
-`) || e.overflow !== void 0 || e.resizeToFit !== void 0 ? Xe({
+`) || e.overflow !== void 0 || e.resizeToFit !== void 0 ? pe({
     ctx: t,
     text: e.text,
     explicitLines: e.lines,
@@ -315,17 +316,17 @@ function pe(t, e) {
     lineSpacing: e.lineSpacing
   }), r = a.fontSize, l = a.lines;
   t.font = Se(e.fontStyle, e.fontWeight, r, e.fontFamily);
-  const f = z(r, e.letterSpacing), s = we(r, e.lineSpacing), h = Math.max(
+  const f = I(r, e.letterSpacing), s = we(r, e.lineSpacing), h = Math.max(
     r,
     r + (l.length - 1) * s
-  ), o = ke(
+  ), o = Pe(
     e.height,
     e.padding,
     r,
     h,
     e.verticalAlign
   ), d = l.map(
-    (g) => P(t, g, f)
+    (g) => H(t, g, f)
   );
   return {
     fontSize: r,
@@ -338,23 +339,23 @@ function pe(t, e) {
       Math.max(0, Math.max(...d, 0)) + e.padding * 2
     ),
     textBlockHeight: Math.min(e.height, h + e.padding * 2),
-    textX: Oe(e.width, e.padding, e.textAlign)
+    textX: ke(e.width, e.padding, e.textAlign)
   };
 }
-function Be(t, e, n, i, a, r) {
+function ze(t, e, n, i, a, r) {
   t.beginPath(), t.moveTo(e + r, n), t.lineTo(e + i - r, n), t.quadraticCurveTo(e + i, n, e + i, n + r), t.lineTo(e + i, n + a - r), t.quadraticCurveTo(e + i, n + a, e + i - r, n + a), t.lineTo(e + r, n + a), t.quadraticCurveTo(e, n + a, e, n + a - r), t.lineTo(e, n + r), t.quadraticCurveTo(e, n, e + r, n), t.closePath();
 }
 function de(t, e, n) {
   return typeof t != "number" || Number.isNaN(t) || t <= 0 ? e : Math.min(t, n);
 }
-function ze(t, e) {
-  const n = Pe(
+function Ie(t, e) {
+  const n = He(
     e.canvasWidth,
     e.panelWidth,
     e.textAlign,
     e.bgFit
   ), i = (e.canvasHeight - e.panelHeight) / 2, a = Math.min(e.borderRadius, Math.min(e.panelWidth, e.panelHeight) / 2);
-  Be(t, n, i, e.panelWidth, e.panelHeight, a), Ie(t, {
+  ze(t, n, i, e.panelWidth, e.panelHeight, a), Re(t, {
     panelX: n,
     panelY: i,
     panelWidth: e.panelWidth,
@@ -369,7 +370,7 @@ function ze(t, e) {
     bgTextureFlipY: e.bgTextureFlipY
   }), e.borderColor && e.borderWidth > 0 && (t.lineWidth = e.borderWidth, t.strokeStyle = e.borderColor, t.stroke());
 }
-function Ie(t, e) {
+function Re(t, e) {
   if (t.save(), t.globalAlpha = Math.max(0, Math.min(e.bgOpacity, 1)), e.bgFillMode === "gradient" && e.bgGradientStops && e.bgGradientStops.length > 1) {
     const n = t.createLinearGradient(
       e.panelX,
@@ -383,7 +384,7 @@ function Ie(t, e) {
     return;
   }
   if (e.bgTextureImage) {
-    t.clip(), Re(t, {
+    t.clip(), Ee(t, {
       image: e.bgTextureImage,
       x: e.panelX,
       y: e.panelY,
@@ -397,7 +398,7 @@ function Ie(t, e) {
   }
   t.fillStyle = e.bgColor, t.fill(), t.restore();
 }
-function Re(t, e) {
+function Ee(t, e) {
   const { image: n, x: i, y: a, width: r, height: l, fit: f, flipX: s, flipY: h } = e, o = "naturalWidth" in n ? n.naturalWidth : "videoWidth" in n ? n.videoWidth : n.width, d = "naturalHeight" in n ? n.naturalHeight : "videoHeight" in n ? n.videoHeight : n.height;
   let g = r, u = l, S = i, c = a;
   if (f !== "stretch" && o > 0 && d > 0) {
@@ -406,7 +407,7 @@ function Re(t, e) {
   }
   t.save(), (s || h) && (t.translate(s ? i + r : 0, h ? a + l : 0), t.scale(s ? -1 : 1, h ? -1 : 1), S = s ? -(S - i) - g + i : S, c = h ? -(c - a) - u + a : c), t.drawImage(n, S, c, g, u), t.restore();
 }
-function Ee(t, e, n, i, a, r) {
+function $e(t, e, n, i, a, r) {
   const l = a / 72, f = Math.abs(l), s = 1 - Math.min(1, Math.abs(e)), h = Math.min(1, Math.abs(e)), o = i <= 1 ? 0.5 : n / (i - 1), d = Math.sin(o * Math.PI * 2 - Math.PI / 2), g = Math.sin(o * Math.PI * 2.7 - Math.PI / 2) * (0.65 + o * 0.35), u = a * e * e, S = 2 * a * e / r, c = {
     xOffset: 0,
     yOffset: 0,
@@ -493,39 +494,39 @@ function Ee(t, e, n, i, a, r) {
       return c;
   }
 }
-function k(t, e, n, i, a, r, l = "arc", f = 0) {
+function P(t, e, n, i, a, r, l = "arc", f = 0) {
   if (f !== 0) {
-    $e(t, e, n, i, a, r, l, f);
+    Ge(t, e, n, i, a, r, l, f);
     return;
   }
   ye(t, a), r === "fill" ? t.fillText(e, n, i) : t.strokeText(e, n, i), ve(t);
 }
-function $e(t, e, n, i, a, r, l, f) {
+function Ge(t, e, n, i, a, r, l, f) {
   const s = Array.from(e);
   if (s.length === 0) return;
   const h = s.map((m) => t.measureText(m).width), o = h.reduce((m, w) => m + w, 0) + a * Math.max(0, s.length - 1), d = t.textAlign, g = d === "right" ? n - o : d === "center" ? n - o / 2 : n, S = Math.max(-100, Math.min(f, 100)) / 100 * 72, c = Math.max(o / 2, 1);
   let b = g;
   for (let m = 0; m < s.length; m++) {
-    const w = s[m], M = h[m], C = b + M / 2, F = (C - g - o / 2) / c, v = Ee(
+    const w = s[m], v = h[m], C = b + v / 2, W = (C - g - o / 2) / c, x = $e(
       l,
-      F,
+      W,
       m,
       s.length,
       S,
       c
     );
-    t.save(), t.translate(C + v.xOffset, i + v.yOffset), t.rotate(v.rotation), t.scale(v.scaleX, v.scaleY), t.textAlign = "center", r === "fill" ? t.fillText(w, 0, 0) : t.strokeText(w, 0, 0), t.restore(), b += M + a;
+    t.save(), t.translate(C + x.xOffset, i + x.yOffset), t.rotate(x.rotation), t.scale(x.scaleX, x.scaleY), t.textAlign = "center", r === "fill" ? t.fillText(w, 0, 0) : t.strokeText(w, 0, 0), t.restore(), b += v + a;
   }
 }
 function ue(t, e, n, i, a, r, l, f, s) {
-  const h = P(t, e, f), o = a === "center" ? n - h / 2 : a === "right" ? n - h : n, d = s === "underline" ? l * 0.42 : -l * 0.08, g = i + d;
+  const h = H(t, e, f), o = a === "center" ? n - h / 2 : a === "right" ? n - h : n, d = s === "underline" ? l * 0.42 : -l * 0.08, g = i + d;
   t.save(), t.strokeStyle = r, t.lineWidth = Math.max(2, l * 0.06), t.lineCap = "round", t.beginPath(), t.moveTo(o, g), t.lineTo(o + h, g), t.stroke(), t.restore();
 }
-function Ge(t, e) {
+function De(t, e) {
   for (let n = 0; n < e.lines.length; n++) {
     const i = e.lines[n], a = e.startY + n * e.lineHeight;
     for (const r of e.shadowLayers)
-      t.save(), t.shadowColor = r.color, t.shadowBlur = r.blur, t.shadowOffsetX = r.offsetX ?? 0, t.shadowOffsetY = r.offsetY ?? 0, t.globalAlpha = r.opacity ?? 1, t.fillStyle = e.color, k(
+      t.save(), t.shadowColor = r.color, t.shadowBlur = r.blur, t.shadowOffsetX = r.offsetX ?? 0, t.shadowOffsetY = r.offsetY ?? 0, t.globalAlpha = r.opacity ?? 1, t.fillStyle = e.color, P(
         t,
         i,
         e.textX,
@@ -536,7 +537,7 @@ function Ge(t, e) {
         e.bendStrength
       ), t.restore();
     for (const r of e.strokeLayers)
-      t.save(), t.lineJoin = "round", t.miterLimit = 2, t.lineWidth = r.width, t.strokeStyle = r.color, t.globalAlpha = r.opacity ?? 1, k(
+      t.save(), t.lineJoin = "round", t.miterLimit = 2, t.lineWidth = r.width, t.strokeStyle = r.color, t.globalAlpha = r.opacity ?? 1, P(
         t,
         i,
         e.textX,
@@ -546,7 +547,7 @@ function Ge(t, e) {
         e.bendPreset,
         e.bendStrength
       ), t.restore();
-    t.save(), t.fillStyle = e.color, t.globalAlpha = 1, k(
+    t.save(), t.fillStyle = e.color, t.globalAlpha = 1, P(
       t,
       i,
       e.textX,
@@ -578,13 +579,13 @@ function Ge(t, e) {
     );
   }
 }
-function De(t, e) {
+function qe(t, e) {
   const n = Math.max(0, Math.min(e.intensity, 1));
   if (n <= 0) return;
   const i = Math.max(0, Math.min(e.range, 1)), a = i * 72, r = Math.max(-0.5, Math.min(e.horizontalAngle, 0.5)) * 80, l = Math.max(-0.5, Math.min(e.verticalAngle, 0.5)) * 80;
   for (let f = 0; f < e.lines.length; f++) {
     const s = e.startY + f * e.lineHeight;
-    t.save(), t.globalAlpha = n, t.shadowColor = e.color, t.shadowBlur = a, t.shadowOffsetX = r, t.shadowOffsetY = l, e.style === "contoured" ? (t.lineJoin = "round", t.miterLimit = 2, t.lineWidth = Math.max(2, i * 42), t.strokeStyle = e.color, k(
+    t.save(), t.globalAlpha = n, t.shadowColor = e.color, t.shadowBlur = a, t.shadowOffsetX = r, t.shadowOffsetY = l, e.style === "contoured" ? (t.lineJoin = "round", t.miterLimit = 2, t.lineWidth = Math.max(2, i * 42), t.strokeStyle = e.color, P(
       t,
       e.lines[f],
       e.textX,
@@ -593,7 +594,7 @@ function De(t, e) {
       "stroke",
       e.bendPreset,
       e.bendStrength
-    )) : (t.fillStyle = e.color, k(
+    )) : (t.fillStyle = e.color, P(
       t,
       e.lines[f],
       e.textX,
@@ -605,11 +606,11 @@ function De(t, e) {
     )), t.restore();
   }
 }
-function qe(t, e) {
+function Ne(t, e) {
   const n = Z(e.width, e.height), i = n.getContext("2d");
   i.clearRect(0, 0, e.width, e.height), i.font = e.font, i.fillStyle = "#ffffff", i.textAlign = e.textAlign, i.textBaseline = "middle";
   for (let l = 0; l < e.lines.length; l++)
-    k(
+    P(
       i,
       e.lines[l],
       e.textX,
@@ -622,7 +623,7 @@ function qe(t, e) {
   const a = Z(e.width, e.height), r = a.getContext("2d");
   r.clearRect(0, 0, e.width, e.height), r.save(), r.globalAlpha = e.opacity, r.filter = e.blur > 0 ? `blur(${e.blur}px)` : "none", r.drawImage(n, e.offsetX, e.offsetY), r.restore(), r.globalCompositeOperation = "destination-in", r.drawImage(n, 0, 0), r.globalCompositeOperation = "source-in", r.globalAlpha = e.opacity, r.fillStyle = e.color, r.fillRect(0, 0, e.width, e.height), t.drawImage(a, 0, 0);
 }
-function Ne(t) {
+function Ue(t) {
   const {
     width: e,
     height: n,
@@ -642,25 +643,25 @@ function Ne(t) {
     textAlign: b,
     bgFillMode: m,
     bgOpacity: w,
-    bgFit: M,
+    bgFit: v,
     bgAutoSize: C,
-    bgWidth: F,
-    bgHeight: v,
-    bgGradientStops: L,
-    bgTextureImage: I,
+    bgWidth: W,
+    bgHeight: x,
+    bgGradientStops: F,
+    bgTextureImage: L,
     bgTextureFit: R,
     bgTextureFlipX: E,
     bgTextureFlipY: $,
     underline: G,
     strikethrough: D,
-    bendPreset: W,
+    bendPreset: O,
     bendStrength: Y
   } = t;
-  let { fontSize: H, bgColor: X } = t;
+  let { fontSize: X, bgColor: p } = t;
   const q = [
     ...a ?? [],
     ...r && l > 0 ? [{ color: r, width: l, opacity: f }] : []
-  ].filter((x) => x.width > 0), N = [
+  ].filter((T) => T.width > 0), N = [
     ...s ?? [],
     ...d && (g > 0 || u !== 0 || S !== 0) ? [
       {
@@ -671,33 +672,33 @@ function Ne(t) {
         opacity: c
       }
     ] : []
-  ].filter((x) => x.blur > 0 || (x.offsetX ?? 0) !== 0 || (x.offsetY ?? 0) !== 0);
-  let O;
-  const A = Z(e, n), T = A.getContext("2d");
-  T.clearRect(0, 0, e, n), T.fillStyle = i, T.textAlign = b, T.textBaseline = "middle";
-  const y = pe(T, t);
-  if (H = y.fontSize, X !== "transparent") {
-    const x = C === !0, U = de(
-      x ? void 0 : F,
-      M === "text" || x ? y.textBlockWidth : e,
+  ].filter((T) => T.blur > 0 || (T.offsetX ?? 0) !== 0 || (T.offsetY ?? 0) !== 0);
+  let k;
+  const A = Z(e, n), M = A.getContext("2d");
+  M.clearRect(0, 0, e, n), M.fillStyle = i, M.textAlign = b, M.textBaseline = "middle";
+  const y = Be(M, t);
+  if (X = y.fontSize, p !== "transparent") {
+    const T = C === !0, U = de(
+      T ? void 0 : W,
+      v === "text" || T ? y.textBlockWidth : e,
       e
-    ), j = de(
-      x ? void 0 : v,
-      M === "text" || x ? y.textBlockHeight : n,
+    ), _ = de(
+      T ? void 0 : x,
+      v === "text" || T ? y.textBlockHeight : n,
       n
     );
-    ze(T, {
+    Ie(M, {
       canvasWidth: e,
       canvasHeight: n,
       textAlign: b,
-      bgFit: M,
+      bgFit: v,
       panelWidth: U,
-      panelHeight: j,
-      bgColor: X,
+      panelHeight: _,
+      bgColor: p,
       bgFillMode: m,
       bgOpacity: w,
-      bgGradientStops: L,
-      bgTextureImage: I,
+      bgGradientStops: F,
+      bgTextureImage: L,
       bgTextureFit: R,
       bgTextureFlipX: E,
       bgTextureFlipY: $,
@@ -706,13 +707,13 @@ function Ne(t) {
       borderRadius: t.borderRadius
     });
   }
-  return o && De(T, {
+  return o && qe(M, {
     lines: y.resolvedLines,
     textX: y.textX,
     startY: y.startY,
     lineHeight: y.lineHeight,
     letterSpacingPx: y.letterSpacingPx,
-    bendPreset: W,
+    bendPreset: O,
     bendStrength: Y,
     color: o.color,
     style: o.style,
@@ -720,31 +721,31 @@ function Ne(t) {
     range: o.range ?? 0.5,
     horizontalAngle: o.horizontalAngle ?? 0,
     verticalAngle: o.verticalAngle ?? 0
-  }), Ge(T, {
+  }), De(M, {
     lines: y.resolvedLines,
     textX: y.textX,
     startY: y.startY,
     lineHeight: y.lineHeight,
     textAlign: b,
     color: i,
-    fontSize: H,
+    fontSize: X,
     letterSpacingPx: y.letterSpacingPx,
-    bendPreset: W,
+    bendPreset: O,
     bendStrength: Y,
     shadowLayers: N,
     strokeLayers: q,
     underline: G,
     strikethrough: D
-  }), h && qe(T, {
+  }), h && Ne(M, {
     width: e,
     height: n,
-    font: T.font,
+    font: M.font,
     lines: y.resolvedLines,
     textX: y.textX,
     startY: y.startY,
     lineHeight: y.lineHeight,
     letterSpacingPx: y.letterSpacingPx,
-    bendPreset: W,
+    bendPreset: O,
     bendStrength: Y,
     textAlign: b,
     color: h.color,
@@ -752,9 +753,9 @@ function Ne(t) {
     blur: h.blur,
     offsetX: h.offsetX ?? 0,
     offsetY: h.offsetY ?? 0
-  }), O = new Le.CanvasTexture(A), O.needsUpdate = !0, O;
+  }), k = new We.CanvasTexture(A), k.needsUpdate = !0, k;
 }
-function Ue(t, e) {
+function _e(t, e) {
   const {
     lines: n,
     color: i,
@@ -773,43 +774,43 @@ function Ue(t, e) {
     shadowOffsetY: b,
     shadowOpacity: m,
     fontWeight: w,
-    fontStyle: M,
+    fontStyle: v,
     fontFamily: C,
-    fontSize: F,
-    textAlign: v,
-    verticalAlign: L,
-    overflow: I,
+    fontSize: W,
+    textAlign: x,
+    verticalAlign: F,
+    overflow: L,
     resizeToFit: R,
     minFontSize: E,
     letterSpacing: $,
     lineSpacing: G,
     bgFillMode: D,
-    bgOpacity: W,
+    bgOpacity: O,
     bgFit: Y,
-    bgAutoSize: H,
-    bgWidth: X,
+    bgAutoSize: X,
+    bgWidth: p,
     bgHeight: q,
     bgGradientStops: N,
-    bgTextureFit: O,
+    bgTextureFit: k,
     bgTextureFlipX: A,
-    bgTextureFlipY: T,
+    bgTextureFlipY: M,
     borderColor: y,
-    borderWidth: x,
+    borderWidth: T,
     borderRadius: U,
-    padding: j,
+    padding: _,
     aspect: ee,
-    resolution: J,
+    resolution: j,
     underline: te,
     strikethrough: ne,
     bendPreset: re,
     bendStrength: ie
-  } = t, ae = p(
+  } = t, ae = B(
     () => r === !1 ? [] : a,
     [r, a]
-  ), le = p(
+  ), le = B(
     () => o === !1 ? [] : h,
     [o, h]
-  ), oe = void 0, se = p(
+  ), oe = void 0, se = B(
     () => ({
       text: e.text,
       lines: n,
@@ -827,34 +828,34 @@ function Ue(t, e) {
       shadowOffsetY: o === !1 ? 0 : b,
       shadowOpacity: m,
       fontWeight: w,
-      fontStyle: M,
+      fontStyle: v,
       fontFamily: C,
-      fontSize: F,
-      textAlign: v,
-      verticalAlign: L,
-      overflow: I,
+      fontSize: W,
+      textAlign: x,
+      verticalAlign: F,
+      overflow: L,
       resizeToFit: R,
       minFontSize: E,
       letterSpacing: $,
       lineSpacing: G,
       bgColor: e.bgColor,
       bgFillMode: D,
-      bgOpacity: W,
+      bgOpacity: O,
       bgFit: Y,
-      bgAutoSize: H,
-      bgWidth: X,
+      bgAutoSize: X,
+      bgWidth: p,
       bgHeight: q,
       bgGradientStops: N,
       bgTextureImage: oe,
-      bgTextureFit: O,
+      bgTextureFit: k,
       bgTextureFlipX: A,
-      bgTextureFlipY: T,
+      bgTextureFlipY: M,
       borderColor: y,
-      borderWidth: x,
+      borderWidth: T,
       borderRadius: U,
-      padding: j,
-      height: J,
-      width: Math.round(J * Math.max(ee, 0.1)),
+      padding: _,
+      height: j,
+      width: Math.round(j * Math.max(ee, 0.1)),
       underline: te,
       strikethrough: ne,
       bendPreset: re,
@@ -880,82 +881,83 @@ function Ue(t, e) {
       b,
       m,
       w,
-      M,
+      v,
       C,
+      W,
+      x,
       F,
-      v,
       L,
-      I,
       R,
       E,
       $,
       G,
       D,
-      W,
+      O,
       Y,
-      H,
       X,
+      p,
       q,
       N,
       oe,
-      O,
+      k,
       A,
-      T,
+      M,
       y,
-      x,
+      T,
       U,
-      j,
+      _,
       ee,
-      J,
+      j,
       te,
       ne,
       re,
       ie
     ]
-  ), fe = p(() => Ne(se), [se]);
+  ), fe = B(() => Ue(se), [se]);
   return Ye(fe), fe;
 }
-function Ve(t) {
-  const e = { ...We, ...t }, {
-    text: n,
-    bgColor: i,
-    opacity: a,
-    name: r,
-    overlay: l = !0,
-    position: f,
-    rotation: s,
-    scale: h,
-    visible: o,
-    renderOrder: d
-  } = e, [g, u] = he(null), [S, c] = he(null), b = _(n);
-  b.current !== n && (b.current = n, g !== null && u(null));
-  const m = _(i);
-  m.current !== i && (m.current = i, S !== null && c(null));
-  const w = _(null), F = Ue(e, { text: g ?? n, bgColor: S ?? i });
+const je = ["color"];
+function tt(t) {
+  const e = Le(t, je), n = { ...Oe, ...e }, {
+    text: i,
+    bgColor: a,
+    opacity: r,
+    name: l,
+    overlay: f = !0,
+    position: s,
+    rotation: h,
+    scale: o,
+    visible: d,
+    renderOrder: g
+  } = n, [u, S] = he(null), [c, b] = he(null), m = J(i);
+  m.current !== i && (m.current = i, u !== null && S(null));
+  const w = J(a);
+  w.current !== a && (w.current = a, c !== null && b(null));
+  const v = J(null), x = _e(n, { text: u ?? i, bgColor: c ?? a });
   return be(() => {
-    const v = w.current;
-    if (v)
-      return v.userData.setText = (L) => u(L), v.userData.setBgColor = (L) => c(L), () => {
-        delete v.userData.setText, delete v.userData.setBgColor;
+    const F = v.current;
+    if (F)
+      return F.userData.setText = (L) => S(L), F.userData.setBgColor = (L) => b(L), () => {
+        delete F.userData.setText, delete F.userData.setBgColor;
       };
-  }, []), /* @__PURE__ */ B(
+  }, []), /* @__PURE__ */ z(
     me,
     {
-      ref: w,
-      name: r,
-      texture: F,
-      overlay: l,
-      opacity: a,
-      position: f,
-      rotation: s,
-      scale: h,
-      visible: o,
-      renderOrder: d
+      ref: v,
+      name: l,
+      texture: x,
+      overlay: f,
+      opacity: r,
+      position: s,
+      rotation: h,
+      scale: o,
+      visible: d,
+      renderOrder: g
     }
   );
 }
 export {
-  Qe as S,
-  Ve as T,
+  et as S,
+  tt as T,
   Ye as u
 };