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

package/dist/{TextLabel-c9BCucOI.js → TextLabel-Dgt-uNN9.js}

@@ -1,18 +1,39 @@
-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 { useThree as Ce } from "@react-three/fiber";
+import { jsx as z, jsxs as xe } from "react/jsx-runtime";
+import { useMemo as B, useSyncExternalStore as Ce, forwardRef as Le, useEffect as me, useState as he, useRef as U } from "react";
+import { useThree as Oe } 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 * as We from "three";
+const it = ({ children: t, depth: e = 0 }) => {
+  const { camera: n, size: i } = Oe(), 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 }) });
-}, me = xe(
-  ({ texture: t, name: e, overlay: n, opacity: i, position: a, rotation: r, scale: l, visible: f, renderOrder: s }, h) => /* @__PURE__ */ Te(
+  return /* @__PURE__ */ z(Fe.Provider, { value: a, children: /* @__PURE__ */ z("group", { position: [0, 0, e], children: t }) });
+}, Ye = "__VCT_EDIT_OVERRIDES__";
+function ke() {
+  const t = globalThis[Ye];
+  return t && typeof t.subscribe == "function" && typeof t.version == "function" && typeof t.get == "function" ? t : void 0;
+}
+const Pe = () => () => {
+}, ce = () => 0;
+function He(t, e) {
+  const n = ke();
+  if (Ce(
+    n ? n.subscribe : Pe,
+    n ? n.version : ce,
+    ce
+  ), !n) return t;
+  const i = n.get(t);
+  if (!i) return t;
+  let a = null;
+  for (const r of e)
+    Object.prototype.hasOwnProperty.call(i, r) && (a ?? (a = { ...t }), a[r] = i[r]);
+  return a ?? t;
+}
+const Se = Le(
+  ({ texture: t, name: e, overlay: n, opacity: i, position: a, rotation: r, scale: l, visible: f, renderOrder: s }, h) => /* @__PURE__ */ xe(
     "mesh",
     {
       ref: h,
@@ -23,8 +44,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,
@@ -38,8 +59,8 @@ const Qe = ({ children: t, depth: e = 0 }) => {
     }
   )
 );
-me.displayName = "TextLabelMesh";
-const We = {
+Se.displayName = "TextLabelMesh";
+const Xe = {
   color: "#ffffff",
   strokeWidth: 0,
   strokeOpacity: 1,
@@ -73,27 +94,27 @@ const We = {
   strikethrough: !1,
   bendPreset: "arc",
   bendStrength: 0
-}, Ye = (t) => {
-  be(
+}, Ae = (t) => {
+  me(
     () => () => {
       t == null || t.dispose();
     },
     [t]
   );
 };
-function Oe(t, e, n) {
+function pe(t, e, n) {
   return n === "left" ? e : n === "right" ? t - e : t / 2;
 }
-function ke(t, e, n, i, a) {
+function Be(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 ze(t, e, n, i) {
   return i === "full" || n === "left" ? 0 : n === "right" ? t - e : (t - e) / 2;
 }
-function Se(t, e, n, i) {
+function ye(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;
 }
@@ -101,35 +122,35 @@ function we(t, e) {
   const n = Math.max(0, Math.min(e, 1));
   return t * (1.2 + n * 0.6);
 }
-function ye(t, e) {
+function ve(t, e) {
   "letterSpacing" in t && (t.letterSpacing = `${e}px`);
 }
-function ve(t) {
+function Te(t) {
   "letterSpacing" in t && (t.letterSpacing = "0px");
 }
-function P(t, e, n) {
-  ye(t, n);
+function H(t, e, n) {
+  ve(t, n);
   const i = t.measureText(e).width;
-  return ve(t), i;
+  return Te(t), i;
 }
-function K(t, e, n, i) {
+function J(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 Ie(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) {
-  t.font = Se(i, a, r, l);
+function K(t, e, n, i, a, r, l, f) {
+  t.font = ye(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;
+    const c = o ? `${o} ${d}` : d;
+    H(t, c, f) > n && o ? (h.push(o), o = d) : o = c;
   }
   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 +165,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,
@@ -161,9 +182,9 @@ function V(t, e, n, i, a) {
     );
   });
 }
-function ce(t, e, n, i, a, r) {
+function de(t, e, n, i, a, r) {
   if (e.length <= n)
-    return V(
+    return Q(
       t,
       e,
       i,
@@ -177,7 +198,7 @@ function ce(t, e, n, i, a, r) {
     i,
     a,
     r
-  ), V(
+  ), Q(
     t,
     l,
     i,
@@ -185,7 +206,7 @@ function ce(t, e, n, i, a, r) {
     r
   );
 }
-function Xe(t) {
+function Ee(t) {
   const {
     ctx: e,
     text: n,
@@ -198,12 +219,12 @@ function Xe(t) {
     fontSize: h,
     fontFamily: o,
     letterSpacing: d,
-    lineSpacing: g,
+    lineSpacing: c,
     overflow: u,
     resizeToFit: S,
-    minFontSize: c
+    minFontSize: g
   } = t;
-  let b = h, m = z(b, d), w = i ?? ge(
+  let b = h, m = I(b, d), y = i ?? ge(
     e,
     n,
     a,
@@ -212,9 +233,9 @@ function Xe(t) {
     b,
     o,
     m
-  ), M = K(r, l, b, g);
+  ), v = J(r, l, b, c);
   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 && !Ie(e, y, a, v, m) && b > g && (b = Math.max(g, b - 4), m = I(b, d), y = i ?? ge(
     e,
     n,
     a,
@@ -223,25 +244,25 @@ function Xe(t) {
     b,
     o,
     m
-  ), M = K(r, l, b, g), b !== c); )
+  ), v = J(r, l, b, c), b !== g); )
     ;
-  return u === "ellipsis" ? w = ce(
+  return u === "ellipsis" ? y = de(
     e,
-    w,
-    M,
+    y,
+    v,
     a,
     !0,
     m
-  ) : u === "clamp" || u === "shrink" ? w = ce(
+  ) : u === "clamp" || u === "shrink" ? y = de(
     e,
-    w,
-    M,
+    y,
+    v,
     a,
     !1,
     m
-  ) : u !== "clip" && (w = V(e, w, a, void 0, m)), { fontSize: b, lines: w };
+  ) : u !== "clip" && (y = Q(e, y, a, void 0, m)), { fontSize: b, lines: y };
 }
-function Ae(t) {
+function Re(t) {
   const {
     ctx: e,
     text: n,
@@ -255,27 +276,27 @@ function Ae(t) {
     letterSpacing: o,
     lineSpacing: d
   } = t;
-  let g = s, u = Q(
+  let c = s, u = K(
     e,
     n,
     i,
     l,
     f,
-    g,
+    c,
     h,
-    z(g, o)
+    I(c, 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 = J(a, r, c, d);
+  return u.length > S && (c = Math.max(12, Math.round(c * 0.75)), u = K(
     e,
     n,
     i,
     l,
     f,
-    g,
+    c,
     h,
-    z(g, o)
-  )), { fontSize: g, lines: u };
+    I(c, o)
+  )), { fontSize: c, lines: u };
 }
 function Z(t, e) {
   return typeof OffscreenCanvas < "u" ? new OffscreenCanvas(t, e) : (() => {
@@ -283,9 +304,9 @@ function Z(t, e) {
     return n.width = t, n.height = e, n;
   })();
 }
-function pe(t, e) {
+function De(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 ? Ee({
     ctx: t,
     text: e.text,
     explicitLines: e.lines,
@@ -301,7 +322,7 @@ function pe(t, e) {
     minFontSize: e.minFontSize,
     letterSpacing: e.letterSpacing,
     lineSpacing: e.lineSpacing
-  }) : Ae({
+  }) : Re({
     ctx: t,
     text: e.text,
     maxWidth: n,
@@ -314,18 +335,18 @@ function pe(t, e) {
     letterSpacing: e.letterSpacing,
     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(
+  t.font = ye(e.fontStyle, e.fontWeight, r, e.fontFamily);
+  const f = I(r, e.letterSpacing), s = we(r, e.lineSpacing), h = Math.max(
     r,
     r + (l.length - 1) * s
-  ), o = ke(
+  ), o = Be(
     e.height,
     e.padding,
     r,
     h,
     e.verticalAlign
   ), d = l.map(
-    (g) => P(t, g, f)
+    (c) => H(t, c, f)
   );
   return {
     fontSize: r,
@@ -338,23 +359,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: pe(e.width, e.padding, e.textAlign)
   };
 }
-function Be(t, e, n, i, a, r) {
+function Ge(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) {
+function ue(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 $e(t, e) {
+  const n = ze(
     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, {
+  Ge(t, n, i, e.panelWidth, e.panelHeight, a), _e(t, {
     panelX: n,
     panelY: i,
     panelWidth: e.panelWidth,
@@ -369,7 +390,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 _e(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 +404,7 @@ function Ie(t, e) {
     return;
   }
   if (e.bgTextureImage) {
-    t.clip(), Re(t, {
+    t.clip(), qe(t, {
       image: e.bgTextureImage,
       x: e.panelX,
       y: e.panelY,
@@ -397,17 +418,17 @@ function Ie(t, e) {
   }
   t.fillStyle = e.bgColor, t.fill(), t.restore();
 }
-function Re(t, e) {
+function qe(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;
+  let c = r, u = l, S = i, g = a;
   if (f !== "stretch" && o > 0 && d > 0) {
     const b = f === "cover" ? Math.max(r / o, l / d) : Math.min(r / o, l / d);
-    g = o * b, u = d * b, S = i + (r - g) / 2, c = a + (l - u) / 2;
+    c = o * b, u = d * b, S = i + (r - c) / 2, g = a + (l - u) / 2;
   }
-  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();
+  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) - c + i : S, g = h ? -(g - a) - u + a : g), t.drawImage(n, S, g, c, u), t.restore();
 }
-function Ee(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 = {
+function Ve(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), c = Math.sin(o * Math.PI * 2.7 - Math.PI / 2) * (0.65 + o * 0.35), u = a * e * e, S = 2 * a * e / r, g = {
     xOffset: 0,
     yOffset: 0,
     rotation: 0,
@@ -416,116 +437,116 @@ function Ee(t, e, n, i, a, r) {
   };
   switch (t) {
     case "arc":
-      return { ...c, yOffset: u, rotation: Math.atan(S) };
+      return { ...g, yOffset: u, rotation: Math.atan(S) };
     case "arc-lower":
       return {
-        ...c,
+        ...g,
         yOffset: u * 0.55,
         scaleY: Math.max(0.2, 1 + l * e * e * 0.45)
       };
     case "arc-upper":
       return {
-        ...c,
+        ...g,
         yOffset: -u * 0.55,
         scaleY: Math.max(0.2, 1 - l * e * e * 0.45)
       };
     case "arch":
-      return { ...c, yOffset: u };
+      return { ...g, yOffset: u };
     case "bulge":
-      return { ...c, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
+      return { ...g, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
     case "shell-lower":
       return {
-        ...c,
+        ...g,
         yOffset: a * 0.45 * o * s,
         scaleY: Math.max(0.2, 1 + l * o * s)
       };
     case "shell-upper":
       return {
-        ...c,
+        ...g,
         yOffset: -a * 0.45 * (1 - o) * s,
         scaleY: Math.max(0.2, 1 + l * (1 - o) * s)
       };
     case "flag":
       return {
-        ...c,
-        yOffset: a * 0.65 * g,
+        ...g,
+        yOffset: a * 0.65 * c,
         rotation: Math.atan(
           a / Math.max(r, 1) * Math.cos(o * Math.PI * 2.7) * 1.6
         )
       };
     case "wave":
       return {
-        ...c,
+        ...g,
         yOffset: a * 0.6 * d,
         rotation: Math.atan(a / Math.max(r, 1) * Math.cos(o * Math.PI * 2) * 1.4)
       };
     case "fish":
       return {
-        ...c,
+        ...g,
         scaleX: Math.max(0.25, 1 - f * h * 0.55),
         scaleY: Math.max(0.2, 1 + l * s)
       };
     case "rise":
-      return { ...c, yOffset: a * e };
+      return { ...g, yOffset: a * e };
     case "fisheye":
       return {
-        ...c,
+        ...g,
         yOffset: a * 0.18 * e * s,
         scaleX: Math.max(0.25, 1 + l * s * 0.7),
         scaleY: Math.max(0.2, 1 + l * s * 0.7)
       };
     case "inflate":
       return {
-        ...c,
+        ...g,
         scaleX: Math.max(0.25, 1 + l * s * 0.6),
         scaleY: Math.max(0.2, 1 + l * s * 0.6)
       };
     case "squeeze":
-      return { ...c, scaleY: Math.max(0.2, 1 - l * s * 0.8) };
+      return { ...g, scaleY: Math.max(0.2, 1 - l * s * 0.8) };
     case "twist":
       return {
-        ...c,
+        ...g,
         yOffset: a * e,
         rotation: l * e * 0.45,
         scaleY: Math.max(0.2, 1 + l * e * 0.25)
       };
     default:
-      return c;
+      return g;
   }
 }
-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);
+    Ne(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);
+  ve(t, a), r === "fill" ? t.fillText(e, n, i) : t.strokeText(e, n, i), Te(t);
 }
-function $e(t, e, n, i, a, r, l, f) {
+function Ne(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;
+  const h = s.map((m) => t.measureText(m).width), o = h.reduce((m, y) => m + y, 0) + a * Math.max(0, s.length - 1), d = t.textAlign, c = d === "right" ? n - o : d === "center" ? n - o / 2 : n, S = Math.max(-100, Math.min(f, 100)) / 100 * 72, g = Math.max(o / 2, 1);
+  let b = c;
   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 y = s[m], v = h[m], C = b + v / 2, F = (C - c - o / 2) / g, x = Ve(
       l,
       F,
       m,
       s.length,
       S,
-      c
+      g
     );
-    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(y, 0, 0) : t.strokeText(y, 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;
-  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 be(t, e, n, i, a, r, l, f, s) {
+  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, c = i + d;
+  t.save(), t.strokeStyle = r, t.lineWidth = Math.max(2, l * 0.06), t.lineCap = "round", t.beginPath(), t.moveTo(o, c), t.lineTo(o + h, c), t.stroke(), t.restore();
 }
-function Ge(t, e) {
+function je(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 +557,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 +567,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,
@@ -555,7 +576,7 @@ function Ge(t, e) {
       "fill",
       e.bendPreset,
       e.bendStrength
-    ), t.restore(), e.underline && ue(
+    ), t.restore(), e.underline && be(
       t,
       i,
       e.textX,
@@ -565,7 +586,7 @@ function Ge(t, e) {
       e.fontSize,
       e.letterSpacingPx,
       "underline"
-    ), e.strikethrough && ue(
+    ), e.strikethrough && be(
       t,
       i,
       e.textX,
@@ -578,13 +599,13 @@ function Ge(t, e) {
     );
   }
 }
-function De(t, e) {
+function Ue(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 +614,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 +626,11 @@ function De(t, e) {
     )), t.restore();
   }
 }
-function qe(t, e) {
+function Je(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 +643,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 Ke(t) {
   const {
     width: e,
     height: n,
@@ -635,83 +656,83 @@ function Ne(t) {
     innerShadow: h,
     glow: o,
     shadowColor: d,
-    shadowBlur: g,
+    shadowBlur: c,
     shadowOffsetX: u,
     shadowOffsetY: S,
-    shadowOpacity: c,
+    shadowOpacity: g,
     textAlign: b,
     bgFillMode: m,
-    bgOpacity: w,
-    bgFit: M,
+    bgOpacity: y,
+    bgFit: v,
     bgAutoSize: C,
     bgWidth: F,
-    bgHeight: v,
+    bgHeight: x,
     bgGradientStops: L,
-    bgTextureImage: I,
-    bgTextureFit: R,
-    bgTextureFlipX: E,
-    bgTextureFlipY: $,
+    bgTextureImage: O,
+    bgTextureFit: E,
+    bgTextureFlipX: R,
+    bgTextureFlipY: D,
     underline: G,
-    strikethrough: D,
+    strikethrough: $,
     bendPreset: W,
     bendStrength: Y
   } = t;
-  let { fontSize: H, bgColor: X } = t;
-  const q = [
+  let { fontSize: X, bgColor: A } = t;
+  const _ = [
     ...a ?? [],
     ...r && l > 0 ? [{ color: r, width: l, opacity: f }] : []
-  ].filter((x) => x.width > 0), N = [
+  ].filter((M) => M.width > 0), q = [
     ...s ?? [],
-    ...d && (g > 0 || u !== 0 || S !== 0) ? [
+    ...d && (c > 0 || u !== 0 || S !== 0) ? [
       {
         color: d,
-        blur: g,
+        blur: c,
         offsetX: u,
         offsetY: S,
-        opacity: c
+        opacity: g
       }
     ] : []
-  ].filter((x) => x.blur > 0 || (x.offsetX ?? 0) !== 0 || (x.offsetY ?? 0) !== 0);
-  let O;
-  const A = Z(e, n), T = A.getContext("2d");
+  ].filter((M) => M.blur > 0 || (M.offsetX ?? 0) !== 0 || (M.offsetY ?? 0) !== 0);
+  let k;
+  const p = Z(e, n), T = p.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,
+  const w = De(T, t);
+  if (X = w.fontSize, A !== "transparent") {
+    const M = C === !0, V = ue(
+      M ? void 0 : F,
+      v === "text" || M ? w.textBlockWidth : e,
       e
-    ), j = de(
-      x ? void 0 : v,
-      M === "text" || x ? y.textBlockHeight : n,
+    ), N = ue(
+      M ? void 0 : x,
+      v === "text" || M ? w.textBlockHeight : n,
       n
     );
-    ze(T, {
+    $e(T, {
       canvasWidth: e,
       canvasHeight: n,
       textAlign: b,
-      bgFit: M,
-      panelWidth: U,
-      panelHeight: j,
-      bgColor: X,
+      bgFit: v,
+      panelWidth: V,
+      panelHeight: N,
+      bgColor: A,
       bgFillMode: m,
-      bgOpacity: w,
+      bgOpacity: y,
       bgGradientStops: L,
-      bgTextureImage: I,
-      bgTextureFit: R,
-      bgTextureFlipX: E,
-      bgTextureFlipY: $,
+      bgTextureImage: O,
+      bgTextureFit: E,
+      bgTextureFlipX: R,
+      bgTextureFlipY: D,
       borderColor: t.borderColor,
       borderWidth: t.borderWidth,
       borderRadius: t.borderRadius
     });
   }
-  return o && De(T, {
-    lines: y.resolvedLines,
-    textX: y.textX,
-    startY: y.startY,
-    lineHeight: y.lineHeight,
-    letterSpacingPx: y.letterSpacingPx,
+  return o && Ue(T, {
+    lines: w.resolvedLines,
+    textX: w.textX,
+    startY: w.startY,
+    lineHeight: w.lineHeight,
+    letterSpacingPx: w.letterSpacingPx,
     bendPreset: W,
     bendStrength: Y,
     color: o.color,
@@ -720,30 +741,30 @@ function Ne(t) {
     range: o.range ?? 0.5,
     horizontalAngle: o.horizontalAngle ?? 0,
     verticalAngle: o.verticalAngle ?? 0
-  }), Ge(T, {
-    lines: y.resolvedLines,
-    textX: y.textX,
-    startY: y.startY,
-    lineHeight: y.lineHeight,
+  }), je(T, {
+    lines: w.resolvedLines,
+    textX: w.textX,
+    startY: w.startY,
+    lineHeight: w.lineHeight,
     textAlign: b,
     color: i,
-    fontSize: H,
-    letterSpacingPx: y.letterSpacingPx,
+    fontSize: X,
+    letterSpacingPx: w.letterSpacingPx,
     bendPreset: W,
     bendStrength: Y,
-    shadowLayers: N,
-    strokeLayers: q,
+    shadowLayers: q,
+    strokeLayers: _,
     underline: G,
-    strikethrough: D
-  }), h && qe(T, {
+    strikethrough: $
+  }), h && Je(T, {
     width: e,
     height: n,
     font: T.font,
-    lines: y.resolvedLines,
-    textX: y.textX,
-    startY: y.startY,
-    lineHeight: y.lineHeight,
-    letterSpacingPx: y.letterSpacingPx,
+    lines: w.resolvedLines,
+    textX: w.textX,
+    startY: w.startY,
+    lineHeight: w.lineHeight,
+    letterSpacingPx: w.letterSpacingPx,
     bendPreset: W,
     bendStrength: Y,
     textAlign: b,
@@ -752,9 +773,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(p), k.needsUpdate = !0, k;
 }
-function Ue(t, e) {
+function Qe(t, e) {
   const {
     lines: n,
     color: i,
@@ -766,50 +787,50 @@ function Ue(t, e) {
     shadowLayers: h,
     shadowEnabled: o,
     innerShadow: d,
-    glow: g,
+    glow: c,
     shadowColor: u,
     shadowBlur: S,
-    shadowOffsetX: c,
+    shadowOffsetX: g,
     shadowOffsetY: b,
     shadowOpacity: m,
-    fontWeight: w,
-    fontStyle: M,
+    fontWeight: y,
+    fontStyle: v,
     fontFamily: C,
     fontSize: F,
-    textAlign: v,
+    textAlign: x,
     verticalAlign: L,
-    overflow: I,
-    resizeToFit: R,
-    minFontSize: E,
-    letterSpacing: $,
+    overflow: O,
+    resizeToFit: E,
+    minFontSize: R,
+    letterSpacing: D,
     lineSpacing: G,
-    bgFillMode: D,
+    bgFillMode: $,
     bgOpacity: W,
     bgFit: Y,
-    bgAutoSize: H,
-    bgWidth: X,
-    bgHeight: q,
-    bgGradientStops: N,
-    bgTextureFit: O,
-    bgTextureFlipX: A,
+    bgAutoSize: X,
+    bgWidth: A,
+    bgHeight: _,
+    bgGradientStops: q,
+    bgTextureFit: k,
+    bgTextureFlipX: p,
     bgTextureFlipY: T,
-    borderColor: y,
-    borderWidth: x,
-    borderRadius: U,
-    padding: j,
+    borderColor: w,
+    borderWidth: M,
+    borderRadius: V,
+    padding: N,
     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,
@@ -820,41 +841,41 @@ function Ue(t, e) {
       strokeOpacity: s,
       shadowLayers: le,
       innerShadow: d,
-      glow: g,
+      glow: c,
       shadowColor: o === !1 ? void 0 : u,
       shadowBlur: o === !1 ? 0 : S,
-      shadowOffsetX: o === !1 ? 0 : c,
+      shadowOffsetX: o === !1 ? 0 : g,
       shadowOffsetY: o === !1 ? 0 : b,
       shadowOpacity: m,
-      fontWeight: w,
-      fontStyle: M,
+      fontWeight: y,
+      fontStyle: v,
       fontFamily: C,
       fontSize: F,
-      textAlign: v,
+      textAlign: x,
       verticalAlign: L,
-      overflow: I,
-      resizeToFit: R,
-      minFontSize: E,
-      letterSpacing: $,
+      overflow: O,
+      resizeToFit: E,
+      minFontSize: R,
+      letterSpacing: D,
       lineSpacing: G,
       bgColor: e.bgColor,
-      bgFillMode: D,
+      bgFillMode: $,
       bgOpacity: W,
       bgFit: Y,
-      bgAutoSize: H,
-      bgWidth: X,
-      bgHeight: q,
-      bgGradientStops: N,
+      bgAutoSize: X,
+      bgWidth: A,
+      bgHeight: _,
+      bgGradientStops: q,
       bgTextureImage: oe,
-      bgTextureFit: O,
-      bgTextureFlipX: A,
+      bgTextureFit: k,
+      bgTextureFlipX: p,
       bgTextureFlipY: T,
-      borderColor: y,
-      borderWidth: x,
-      borderRadius: U,
-      padding: j,
-      height: J,
-      width: Math.round(J * Math.max(ee, 0.1)),
+      borderColor: w,
+      borderWidth: M,
+      borderRadius: V,
+      padding: N,
+      height: j,
+      width: Math.round(j * Math.max(ee, 0.1)),
       underline: te,
       strikethrough: ne,
       bendPreset: re,
@@ -872,90 +893,92 @@ function Ue(t, e) {
       s,
       le,
       d,
-      g,
+      c,
       o,
       u,
       S,
-      c,
+      g,
       b,
       m,
-      w,
-      M,
+      y,
+      v,
       C,
       F,
-      v,
+      x,
       L,
-      I,
-      R,
+      O,
       E,
-      $,
-      G,
+      R,
       D,
+      G,
+      $,
       W,
       Y,
-      H,
       X,
+      A,
+      _,
       q,
-      N,
       oe,
-      O,
-      A,
+      k,
+      p,
       T,
-      y,
-      x,
-      U,
-      j,
+      w,
+      M,
+      V,
+      N,
       ee,
-      J,
+      j,
       te,
       ne,
       re,
       ie
     ]
-  ), fe = p(() => Ne(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 });
-  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;
+  ), fe = B(() => Ke(se), [se]);
+  return Ae(fe), fe;
+}
+const Ze = ["color"];
+function at(t) {
+  const e = He(t, Ze), n = { ...Xe, ...e }, {
+    text: i,
+    bgColor: a,
+    opacity: r,
+    name: l,
+    overlay: f = !0,
+    position: s,
+    rotation: h,
+    scale: o,
+    visible: d,
+    renderOrder: c
+  } = n, [u, S] = he(null), [g, b] = he(null), m = U(i);
+  m.current !== i && (m.current = i, u !== null && S(null));
+  const y = U(a);
+  y.current !== a && (y.current = a, g !== null && b(null));
+  const v = U(null), x = Qe(n, { text: u ?? i, bgColor: g ?? a });
+  return me(() => {
+    const L = v.current;
+    if (L)
+      return L.userData.setText = (O) => S(O), L.userData.setBgColor = (O) => b(O), () => {
+        delete L.userData.setText, delete L.userData.setBgColor;
       };
-  }, []), /* @__PURE__ */ B(
-    me,
+  }, []), /* @__PURE__ */ z(
+    Se,
     {
-      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: c
     }
   );
 }
 export {
-  Qe as S,
-  Ve as T,
-  Ye as u
+  it as S,
+  at as T,
+  He as a,
+  Ae as u
 };