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

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

@@ -1,39 +1,19 @@
-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 { 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 { u as Le } from "./useEditOverrides-BTkPGVjN.js";
 import * as We from "three";
-const it = ({ children: t, depth: e = 0 }) => {
-  const { camera: n, size: i } = Oe(), a = B(() => {
+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__ */ 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(
+}, me = xe(
+  ({ texture: t, name: e, overlay: n, opacity: i, position: a, rotation: r, scale: l, visible: f, renderOrder: s }, h) => /* @__PURE__ */ Te(
     "mesh",
     {
       ref: h,
@@ -59,8 +39,8 @@ const Se = Le(
     }
   )
 );
-Se.displayName = "TextLabelMesh";
-const Xe = {
+me.displayName = "TextLabelMesh";
+const Oe = {
   color: "#ffffff",
   strokeWidth: 0,
   strokeOpacity: 1,
@@ -94,24 +74,24 @@ const Xe = {
   strikethrough: !1,
   bendPreset: "arc",
   bendStrength: 0
-}, Ae = (t) => {
-  me(
+}, Ye = (t) => {
+  be(
     () => () => {
       t == null || t.dispose();
     },
     [t]
   );
 };
-function pe(t, e, n) {
+function ke(t, e, n) {
   return n === "left" ? e : n === "right" ? t - e : t / 2;
 }
-function Be(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 ze(t, e, n, i) {
+function He(t, e, n, i) {
   return i === "full" || n === "left" ? 0 : n === "right" ? t - e : (t - e) / 2;
 }
-function ye(t, e, n, i) {
+function Se(t, e, n, i) {
   return `${t} ${e} ${n}px ${i}`;
 }
 function I(t, e) {
@@ -122,30 +102,30 @@ function we(t, e) {
   const n = Math.max(0, Math.min(e, 1));
   return t * (1.2 + n * 0.6);
 }
-function ve(t, e) {
+function ye(t, e) {
   "letterSpacing" in t && (t.letterSpacing = `${e}px`);
 }
-function Te(t) {
+function ve(t) {
   "letterSpacing" in t && (t.letterSpacing = "0px");
 }
 function H(t, e, n) {
-  ve(t, n);
+  ye(t, n);
   const i = t.measureText(e).width;
-  return Te(t), i;
+  return ve(t), i;
 }
-function J(t, e, n, i) {
+function V(t, e, n, i) {
   return Math.max(1, Math.floor((t - e * 2) / we(n, i)));
 }
-function Ie(t, e, n, i, a) {
+function Xe(t, e, n, i, a) {
   return e.length <= i && e.every((r) => H(t, r, a) <= n);
 }
 function K(t, e, n, i, a, r, l, f) {
-  t.font = ye(i, a, r, l);
+  t.font = Se(i, a, r, l);
   const s = e.split(" "), h = [];
   let o = "";
   for (const d of s) {
-    const c = o ? `${o} ${d}` : d;
-    H(t, c, f) > n && o ? (h.push(o), o = d) : o = c;
+    const g = o ? `${o} ${d}` : d;
+    H(t, g, f) > n && o ? (h.push(o), o = d) : o = g;
   }
   return o && h.push(o), h;
 }
@@ -182,7 +162,7 @@ function Q(t, e, n, i, a) {
     );
   });
 }
-function de(t, e, n, i, a, r) {
+function ce(t, e, n, i, a, r) {
   if (e.length <= n)
     return Q(
       t,
@@ -206,7 +186,7 @@ function de(t, e, n, i, a, r) {
     r
   );
 }
-function Ee(t) {
+function pe(t) {
   const {
     ctx: e,
     text: n,
@@ -219,12 +199,12 @@ function Ee(t) {
     fontSize: h,
     fontFamily: o,
     letterSpacing: d,
-    lineSpacing: c,
+    lineSpacing: g,
     overflow: u,
     resizeToFit: S,
-    minFontSize: g
+    minFontSize: c
   } = t;
-  let b = h, m = I(b, d), y = i ?? ge(
+  let b = h, m = I(b, d), w = i ?? ge(
     e,
     n,
     a,
@@ -233,9 +213,9 @@ function Ee(t) {
     b,
     o,
     m
-  ), v = J(r, l, b, c);
+  ), v = V(r, l, b, g);
   const C = S === !0 || u === "shrink";
-  for (; C && !Ie(e, y, a, v, m) && b > g && (b = Math.max(g, b - 4), m = I(b, d), y = 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,
@@ -244,25 +224,25 @@ function Ee(t) {
     b,
     o,
     m
-  ), v = J(r, l, b, c), b !== g); )
+  ), v = V(r, l, b, g), b !== c); )
     ;
-  return u === "ellipsis" ? y = de(
+  return u === "ellipsis" ? w = ce(
     e,
-    y,
+    w,
     v,
     a,
     !0,
     m
-  ) : u === "clamp" || u === "shrink" ? y = de(
+  ) : u === "clamp" || u === "shrink" ? w = ce(
     e,
-    y,
+    w,
     v,
     a,
     !1,
     m
-  ) : u !== "clip" && (y = Q(e, y, a, void 0, m)), { fontSize: b, lines: y };
+  ) : u !== "clip" && (w = Q(e, w, a, void 0, m)), { fontSize: b, lines: w };
 }
-function Re(t) {
+function Ae(t) {
   const {
     ctx: e,
     text: n,
@@ -276,27 +256,27 @@ function Re(t) {
     letterSpacing: o,
     lineSpacing: d
   } = t;
-  let c = s, u = K(
+  let g = s, u = K(
     e,
     n,
     i,
     l,
     f,
-    c,
+    g,
     h,
-    I(c, o)
+    I(g, o)
   );
-  const S = J(a, r, c, d);
-  return u.length > S && (c = Math.max(12, Math.round(c * 0.75)), u = K(
+  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,
     l,
     f,
-    c,
+    g,
     h,
-    I(c, o)
-  )), { fontSize: c, lines: u };
+    I(g, o)
+  )), { fontSize: g, lines: u };
 }
 function Z(t, e) {
   return typeof OffscreenCanvas < "u" ? new OffscreenCanvas(t, e) : (() => {
@@ -304,9 +284,9 @@ function Z(t, e) {
     return n.width = t, n.height = e, n;
   })();
 }
-function De(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 ? Ee({
+`) || e.overflow !== void 0 || e.resizeToFit !== void 0 ? pe({
     ctx: t,
     text: e.text,
     explicitLines: e.lines,
@@ -322,7 +302,7 @@ function De(t, e) {
     minFontSize: e.minFontSize,
     letterSpacing: e.letterSpacing,
     lineSpacing: e.lineSpacing
-  }) : Re({
+  }) : Ae({
     ctx: t,
     text: e.text,
     maxWidth: n,
@@ -335,18 +315,18 @@ function De(t, e) {
     letterSpacing: e.letterSpacing,
     lineSpacing: e.lineSpacing
   }), r = a.fontSize, l = a.lines;
-  t.font = ye(e.fontStyle, e.fontWeight, r, e.fontFamily);
+  t.font = Se(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 = Be(
+  ), o = Pe(
     e.height,
     e.padding,
     r,
     h,
     e.verticalAlign
   ), d = l.map(
-    (c) => H(t, c, f)
+    (g) => H(t, g, f)
   );
   return {
     fontSize: r,
@@ -359,23 +339,23 @@ function De(t, e) {
       Math.max(0, Math.max(...d, 0)) + e.padding * 2
     ),
     textBlockHeight: Math.min(e.height, h + e.padding * 2),
-    textX: pe(e.width, e.padding, e.textAlign)
+    textX: ke(e.width, e.padding, e.textAlign)
   };
 }
-function Ge(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 ue(t, e, n) {
+function de(t, e, n) {
   return typeof t != "number" || Number.isNaN(t) || t <= 0 ? e : Math.min(t, n);
 }
-function $e(t, e) {
-  const n = ze(
+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);
-  Ge(t, n, i, e.panelWidth, e.panelHeight, a), _e(t, {
+  ze(t, n, i, e.panelWidth, e.panelHeight, a), Re(t, {
     panelX: n,
     panelY: i,
     panelWidth: e.panelWidth,
@@ -390,7 +370,7 @@ function $e(t, e) {
     bgTextureFlipY: e.bgTextureFlipY
   }), e.borderColor && e.borderWidth > 0 && (t.lineWidth = e.borderWidth, t.strokeStyle = e.borderColor, t.stroke());
 }
-function _e(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,
@@ -404,7 +384,7 @@ function _e(t, e) {
     return;
   }
   if (e.bgTextureImage) {
-    t.clip(), qe(t, {
+    t.clip(), Ee(t, {
       image: e.bgTextureImage,
       x: e.panelX,
       y: e.panelY,
@@ -418,17 +398,17 @@ function _e(t, e) {
   }
   t.fillStyle = e.bgColor, t.fill(), t.restore();
 }
-function qe(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 c = r, u = l, S = i, g = a;
+  let g = r, u = l, S = i, c = a;
   if (f !== "stretch" && o > 0 && d > 0) {
     const b = f === "cover" ? Math.max(r / o, l / d) : Math.min(r / o, l / d);
-    c = o * b, u = d * b, S = i + (r - c) / 2, g = a + (l - u) / 2;
+    g = o * b, u = d * b, S = i + (r - g) / 2, c = 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) - c + i : S, g = h ? -(g - a) - u + a : g), t.drawImage(n, S, g, c, 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) - g + i : S, c = h ? -(c - a) - u + a : c), t.drawImage(n, S, c, g, u), t.restore();
 }
-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 = {
+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,
     rotation: 0,
@@ -437,112 +417,112 @@ function Ve(t, e, n, i, a, r) {
   };
   switch (t) {
     case "arc":
-      return { ...g, yOffset: u, rotation: Math.atan(S) };
+      return { ...c, yOffset: u, rotation: Math.atan(S) };
     case "arc-lower":
       return {
-        ...g,
+        ...c,
         yOffset: u * 0.55,
         scaleY: Math.max(0.2, 1 + l * e * e * 0.45)
       };
     case "arc-upper":
       return {
-        ...g,
+        ...c,
         yOffset: -u * 0.55,
         scaleY: Math.max(0.2, 1 - l * e * e * 0.45)
       };
     case "arch":
-      return { ...g, yOffset: u };
+      return { ...c, yOffset: u };
     case "bulge":
-      return { ...g, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
+      return { ...c, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
     case "shell-lower":
       return {
-        ...g,
+        ...c,
         yOffset: a * 0.45 * o * s,
         scaleY: Math.max(0.2, 1 + l * o * s)
       };
     case "shell-upper":
       return {
-        ...g,
+        ...c,
         yOffset: -a * 0.45 * (1 - o) * s,
         scaleY: Math.max(0.2, 1 + l * (1 - o) * s)
       };
     case "flag":
       return {
-        ...g,
-        yOffset: a * 0.65 * c,
+        ...c,
+        yOffset: a * 0.65 * g,
         rotation: Math.atan(
           a / Math.max(r, 1) * Math.cos(o * Math.PI * 2.7) * 1.6
         )
       };
     case "wave":
       return {
-        ...g,
+        ...c,
         yOffset: a * 0.6 * d,
         rotation: Math.atan(a / Math.max(r, 1) * Math.cos(o * Math.PI * 2) * 1.4)
       };
     case "fish":
       return {
-        ...g,
+        ...c,
         scaleX: Math.max(0.25, 1 - f * h * 0.55),
         scaleY: Math.max(0.2, 1 + l * s)
       };
     case "rise":
-      return { ...g, yOffset: a * e };
+      return { ...c, yOffset: a * e };
     case "fisheye":
       return {
-        ...g,
+        ...c,
         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 {
-        ...g,
+        ...c,
         scaleX: Math.max(0.25, 1 + l * s * 0.6),
         scaleY: Math.max(0.2, 1 + l * s * 0.6)
       };
     case "squeeze":
-      return { ...g, scaleY: Math.max(0.2, 1 - l * s * 0.8) };
+      return { ...c, scaleY: Math.max(0.2, 1 - l * s * 0.8) };
     case "twist":
       return {
-        ...g,
+        ...c,
         yOffset: a * e,
         rotation: l * e * 0.45,
         scaleY: Math.max(0.2, 1 + l * e * 0.25)
       };
     default:
-      return g;
+      return c;
   }
 }
 function P(t, e, n, i, a, r, l = "arc", f = 0) {
   if (f !== 0) {
-    Ne(t, e, n, i, a, r, l, f);
+    Ge(t, e, n, i, a, r, l, f);
     return;
   }
-  ve(t, a), r === "fill" ? t.fillText(e, n, i) : t.strokeText(e, n, i), Te(t);
+  ye(t, a), r === "fill" ? t.fillText(e, n, i) : t.strokeText(e, n, i), ve(t);
 }
-function Ne(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, 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;
+  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 y = s[m], v = h[m], C = b + v / 2, F = (C - c - o / 2) / g, x = Ve(
+    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,
-      g
+      c
     );
-    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;
+    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 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 ue(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, 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 je(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)
@@ -576,7 +556,7 @@ function je(t, e) {
       "fill",
       e.bendPreset,
       e.bendStrength
-    ), t.restore(), e.underline && be(
+    ), t.restore(), e.underline && ue(
       t,
       i,
       e.textX,
@@ -586,7 +566,7 @@ function je(t, e) {
       e.fontSize,
       e.letterSpacingPx,
       "underline"
-    ), e.strikethrough && be(
+    ), e.strikethrough && ue(
       t,
       i,
       e.textX,
@@ -599,7 +579,7 @@ function je(t, e) {
     );
   }
 }
-function Ue(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;
@@ -626,7 +606,7 @@ function Ue(t, e) {
     )), t.restore();
   }
 }
-function Je(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++)
@@ -643,7 +623,7 @@ function Je(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 Ke(t) {
+function Ue(t) {
   const {
     width: e,
     height: n,
@@ -656,84 +636,84 @@ function Ke(t) {
     innerShadow: h,
     glow: o,
     shadowColor: d,
-    shadowBlur: c,
+    shadowBlur: g,
     shadowOffsetX: u,
     shadowOffsetY: S,
-    shadowOpacity: g,
+    shadowOpacity: c,
     textAlign: b,
     bgFillMode: m,
-    bgOpacity: y,
+    bgOpacity: w,
     bgFit: v,
     bgAutoSize: C,
-    bgWidth: F,
+    bgWidth: W,
     bgHeight: x,
-    bgGradientStops: L,
-    bgTextureImage: O,
-    bgTextureFit: E,
-    bgTextureFlipX: R,
-    bgTextureFlipY: D,
+    bgGradientStops: F,
+    bgTextureImage: L,
+    bgTextureFit: R,
+    bgTextureFlipX: E,
+    bgTextureFlipY: $,
     underline: G,
-    strikethrough: $,
-    bendPreset: W,
+    strikethrough: D,
+    bendPreset: O,
     bendStrength: Y
   } = t;
-  let { fontSize: X, bgColor: A } = t;
-  const _ = [
+  let { fontSize: X, bgColor: p } = t;
+  const q = [
     ...a ?? [],
     ...r && l > 0 ? [{ color: r, width: l, opacity: f }] : []
-  ].filter((M) => M.width > 0), q = [
+  ].filter((T) => T.width > 0), N = [
     ...s ?? [],
-    ...d && (c > 0 || u !== 0 || S !== 0) ? [
+    ...d && (g > 0 || u !== 0 || S !== 0) ? [
       {
         color: d,
-        blur: c,
+        blur: g,
         offsetX: u,
         offsetY: S,
-        opacity: g
+        opacity: c
       }
     ] : []
-  ].filter((M) => M.blur > 0 || (M.offsetX ?? 0) !== 0 || (M.offsetY ?? 0) !== 0);
+  ].filter((T) => T.blur > 0 || (T.offsetX ?? 0) !== 0 || (T.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 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,
+  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
-    ), N = ue(
-      M ? void 0 : x,
-      v === "text" || M ? w.textBlockHeight : n,
+    ), _ = de(
+      T ? void 0 : x,
+      v === "text" || T ? y.textBlockHeight : n,
       n
     );
-    $e(T, {
+    Ie(M, {
       canvasWidth: e,
       canvasHeight: n,
       textAlign: b,
       bgFit: v,
-      panelWidth: V,
-      panelHeight: N,
-      bgColor: A,
+      panelWidth: U,
+      panelHeight: _,
+      bgColor: p,
       bgFillMode: m,
-      bgOpacity: y,
-      bgGradientStops: L,
-      bgTextureImage: O,
-      bgTextureFit: E,
-      bgTextureFlipX: R,
-      bgTextureFlipY: D,
+      bgOpacity: w,
+      bgGradientStops: F,
+      bgTextureImage: L,
+      bgTextureFit: R,
+      bgTextureFlipX: E,
+      bgTextureFlipY: $,
       borderColor: t.borderColor,
       borderWidth: t.borderWidth,
       borderRadius: t.borderRadius
     });
   }
-  return o && Ue(T, {
-    lines: w.resolvedLines,
-    textX: w.textX,
-    startY: w.startY,
-    lineHeight: w.lineHeight,
-    letterSpacingPx: w.letterSpacingPx,
-    bendPreset: W,
+  return o && qe(M, {
+    lines: y.resolvedLines,
+    textX: y.textX,
+    startY: y.startY,
+    lineHeight: y.lineHeight,
+    letterSpacingPx: y.letterSpacingPx,
+    bendPreset: O,
     bendStrength: Y,
     color: o.color,
     style: o.style,
@@ -741,31 +721,31 @@ function Ke(t) {
     range: o.range ?? 0.5,
     horizontalAngle: o.horizontalAngle ?? 0,
     verticalAngle: o.verticalAngle ?? 0
-  }), je(T, {
-    lines: w.resolvedLines,
-    textX: w.textX,
-    startY: w.startY,
-    lineHeight: w.lineHeight,
+  }), De(M, {
+    lines: y.resolvedLines,
+    textX: y.textX,
+    startY: y.startY,
+    lineHeight: y.lineHeight,
     textAlign: b,
     color: i,
     fontSize: X,
-    letterSpacingPx: w.letterSpacingPx,
-    bendPreset: W,
+    letterSpacingPx: y.letterSpacingPx,
+    bendPreset: O,
     bendStrength: Y,
-    shadowLayers: q,
-    strokeLayers: _,
+    shadowLayers: N,
+    strokeLayers: q,
     underline: G,
-    strikethrough: $
-  }), h && Je(T, {
+    strikethrough: D
+  }), h && Ne(M, {
     width: e,
     height: n,
-    font: T.font,
-    lines: w.resolvedLines,
-    textX: w.textX,
-    startY: w.startY,
-    lineHeight: w.lineHeight,
-    letterSpacingPx: w.letterSpacingPx,
-    bendPreset: W,
+    font: M.font,
+    lines: y.resolvedLines,
+    textX: y.textX,
+    startY: y.startY,
+    lineHeight: y.lineHeight,
+    letterSpacingPx: y.letterSpacingPx,
+    bendPreset: O,
     bendStrength: Y,
     textAlign: b,
     color: h.color,
@@ -773,9 +753,9 @@ function Ke(t) {
     blur: h.blur,
     offsetX: h.offsetX ?? 0,
     offsetY: h.offsetY ?? 0
-  }), k = new We.CanvasTexture(p), k.needsUpdate = !0, k;
+  }), k = new We.CanvasTexture(A), k.needsUpdate = !0, k;
 }
-function Qe(t, e) {
+function _e(t, e) {
   const {
     lines: n,
     color: i,
@@ -787,37 +767,37 @@ function Qe(t, e) {
     shadowLayers: h,
     shadowEnabled: o,
     innerShadow: d,
-    glow: c,
+    glow: g,
     shadowColor: u,
     shadowBlur: S,
-    shadowOffsetX: g,
+    shadowOffsetX: c,
     shadowOffsetY: b,
     shadowOpacity: m,
-    fontWeight: y,
+    fontWeight: w,
     fontStyle: v,
     fontFamily: C,
-    fontSize: F,
+    fontSize: W,
     textAlign: x,
-    verticalAlign: L,
-    overflow: O,
-    resizeToFit: E,
-    minFontSize: R,
-    letterSpacing: D,
+    verticalAlign: F,
+    overflow: L,
+    resizeToFit: R,
+    minFontSize: E,
+    letterSpacing: $,
     lineSpacing: G,
-    bgFillMode: $,
-    bgOpacity: W,
+    bgFillMode: D,
+    bgOpacity: O,
     bgFit: Y,
     bgAutoSize: X,
-    bgWidth: A,
-    bgHeight: _,
-    bgGradientStops: q,
+    bgWidth: p,
+    bgHeight: q,
+    bgGradientStops: N,
     bgTextureFit: k,
-    bgTextureFlipX: p,
-    bgTextureFlipY: T,
-    borderColor: w,
-    borderWidth: M,
-    borderRadius: V,
-    padding: N,
+    bgTextureFlipX: A,
+    bgTextureFlipY: M,
+    borderColor: y,
+    borderWidth: T,
+    borderRadius: U,
+    padding: _,
     aspect: ee,
     resolution: j,
     underline: te,
@@ -841,39 +821,39 @@ function Qe(t, e) {
       strokeOpacity: s,
       shadowLayers: le,
       innerShadow: d,
-      glow: c,
+      glow: g,
       shadowColor: o === !1 ? void 0 : u,
       shadowBlur: o === !1 ? 0 : S,
-      shadowOffsetX: o === !1 ? 0 : g,
+      shadowOffsetX: o === !1 ? 0 : c,
       shadowOffsetY: o === !1 ? 0 : b,
       shadowOpacity: m,
-      fontWeight: y,
+      fontWeight: w,
       fontStyle: v,
       fontFamily: C,
-      fontSize: F,
+      fontSize: W,
       textAlign: x,
-      verticalAlign: L,
-      overflow: O,
-      resizeToFit: E,
-      minFontSize: R,
-      letterSpacing: D,
+      verticalAlign: F,
+      overflow: L,
+      resizeToFit: R,
+      minFontSize: E,
+      letterSpacing: $,
       lineSpacing: G,
       bgColor: e.bgColor,
-      bgFillMode: $,
-      bgOpacity: W,
+      bgFillMode: D,
+      bgOpacity: O,
       bgFit: Y,
       bgAutoSize: X,
-      bgWidth: A,
-      bgHeight: _,
-      bgGradientStops: q,
+      bgWidth: p,
+      bgHeight: q,
+      bgGradientStops: N,
       bgTextureImage: oe,
       bgTextureFit: k,
-      bgTextureFlipX: p,
-      bgTextureFlipY: T,
-      borderColor: w,
-      borderWidth: M,
-      borderRadius: V,
-      padding: N,
+      bgTextureFlipX: A,
+      bgTextureFlipY: M,
+      borderColor: y,
+      borderWidth: T,
+      borderRadius: U,
+      padding: _,
       height: j,
       width: Math.round(j * Math.max(ee, 0.1)),
       underline: te,
@@ -893,39 +873,39 @@ function Qe(t, e) {
       s,
       le,
       d,
-      c,
+      g,
       o,
       u,
       S,
-      g,
+      c,
       b,
       m,
-      y,
+      w,
       v,
       C,
-      F,
+      W,
       x,
+      F,
       L,
-      O,
-      E,
       R,
-      D,
-      G,
+      E,
       $,
-      W,
+      G,
+      D,
+      O,
       Y,
       X,
-      A,
-      _,
+      p,
       q,
+      N,
       oe,
       k,
-      p,
-      T,
-      w,
+      A,
       M,
-      V,
-      N,
+      y,
+      T,
+      U,
+      _,
       ee,
       j,
       te,
@@ -933,12 +913,12 @@ function Qe(t, e) {
       re,
       ie
     ]
-  ), fe = B(() => Ke(se), [se]);
-  return Ae(fe), fe;
+  ), fe = B(() => Ue(se), [se]);
+  return Ye(fe), fe;
 }
-const Ze = ["color"];
-function at(t) {
-  const e = He(t, Ze), n = { ...Xe, ...e }, {
+const je = ["color"];
+function tt(t) {
+  const e = Le(t, je), n = { ...Oe, ...e }, {
     text: i,
     bgColor: a,
     opacity: r,
@@ -948,20 +928,20 @@ function at(t) {
     rotation: h,
     scale: o,
     visible: d,
-    renderOrder: c
-  } = n, [u, S] = he(null), [g, b] = he(null), m = U(i);
+    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 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;
+  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 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__ */ z(
-    Se,
+    me,
     {
       ref: v,
       name: l,
@@ -972,13 +952,12 @@ function at(t) {
       rotation: h,
       scale: o,
       visible: d,
-      renderOrder: c
+      renderOrder: g
     }
   );
 }
 export {
-  it as S,
-  at as T,
-  He as a,
-  Ae as u
+  et as S,
+  tt as T,
+  Ye as u
 };