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

package/dist/TextLabel-Dgt-uNN9.js

@@ -0,0 +1,984 @@
+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 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__ */ 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,
+      name: e,
+      position: a,
+      rotation: r,
+      scale: l,
+      visible: f,
+      renderOrder: s,
+      children: [
+        /* @__PURE__ */ z("planeGeometry", { args: [1, 1] }),
+        /* @__PURE__ */ z(
+          "meshBasicMaterial",
+          {
+            map: t,
+            transparent: !0,
+            opacity: i,
+            depthTest: !n,
+            depthWrite: !n
+          }
+        )
+      ]
+    }
+  )
+);
+Se.displayName = "TextLabelMesh";
+const Xe = {
+  color: "#ffffff",
+  strokeWidth: 0,
+  strokeOpacity: 1,
+  shadowBlur: 0,
+  shadowOffsetX: 0,
+  shadowOffsetY: 0,
+  shadowOpacity: 1,
+  fontWeight: "bold",
+  fontStyle: "normal",
+  fontFamily: "Arial, sans-serif",
+  fontSize: 48,
+  textAlign: "center",
+  verticalAlign: "center",
+  minFontSize: 12,
+  letterSpacing: 0,
+  lineSpacing: 0.3,
+  bgColor: "rgba(20,40,110,0.88)",
+  bgFillMode: "solid",
+  bgOpacity: 1,
+  bgFit: "full",
+  bgTextureFit: "cover",
+  bgTextureFlipX: !1,
+  bgTextureFlipY: !1,
+  borderWidth: 0,
+  borderRadius: 24,
+  padding: 32,
+  aspect: 2.5,
+  resolution: 512,
+  opacity: 1,
+  underline: !1,
+  strikethrough: !1,
+  bendPreset: "arc",
+  bendStrength: 0
+}, Ae = (t) => {
+  me(
+    () => () => {
+      t == null || t.dispose();
+    },
+    [t]
+  );
+};
+function pe(t, e, n) {
+  return n === "left" ? e : n === "right" ? t - e : t / 2;
+}
+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 ze(t, e, n, i) {
+  return i === "full" || n === "left" ? 0 : n === "right" ? t - e : (t - e) / 2;
+}
+function ye(t, e, n, i) {
+  return `${t} ${e} ${n}px ${i}`;
+}
+function I(t, e) {
+  const n = Math.max(0, Math.min(e, 1));
+  return t * n * 0.08;
+}
+function we(t, e) {
+  const n = Math.max(0, Math.min(e, 1));
+  return t * (1.2 + n * 0.6);
+}
+function ve(t, e) {
+  "letterSpacing" in t && (t.letterSpacing = `${e}px`);
+}
+function Te(t) {
+  "letterSpacing" in t && (t.letterSpacing = "0px");
+}
+function H(t, e, n) {
+  ve(t, n);
+  const i = t.measureText(e).width;
+  return Te(t), i;
+}
+function J(t, e, n, i) {
+  return Math.max(1, Math.floor((t - e * 2) / we(n, i)));
+}
+function Ie(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);
+  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;
+  }
+  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 ? [""] : K(
+    t,
+    o,
+    n,
+    i,
+    a,
+    r,
+    l,
+    f
+  ));
+  return h.length > 0 ? h : [e];
+}
+function Me(t, e, n, i, a) {
+  const r = i ? "..." : "";
+  let l = e.trimEnd();
+  for (; l.length > 0 && H(t, `${l}${r}`, a) > n; )
+    l = l.slice(0, -1).trimEnd();
+  return `${l}${r}`;
+}
+function Q(t, e, n, i, a) {
+  return e.map((r, l) => {
+    if (H(t, r, a) <= n) return r;
+    const f = l === e.length - 1;
+    return Me(
+      t,
+      r,
+      n,
+      i === "ellipsis" && f,
+      a
+    );
+  });
+}
+function de(t, e, n, i, a, r) {
+  if (e.length <= n)
+    return Q(
+      t,
+      e,
+      i,
+      a ? "ellipsis" : "clip",
+      r
+    );
+  const l = e.slice(0, n), f = l[n - 1];
+  return l[n - 1] = Me(
+    t,
+    f,
+    i,
+    a,
+    r
+  ), Q(
+    t,
+    l,
+    i,
+    a ? "ellipsis" : "clip",
+    r
+  );
+}
+function Ee(t) {
+  const {
+    ctx: e,
+    text: n,
+    explicitLines: i,
+    maxWidth: a,
+    maxHeight: r,
+    padding: l,
+    fontStyle: f,
+    fontWeight: s,
+    fontSize: h,
+    fontFamily: o,
+    letterSpacing: d,
+    lineSpacing: c,
+    overflow: u,
+    resizeToFit: S,
+    minFontSize: g
+  } = t;
+  let b = h, m = I(b, d), y = i ?? ge(
+    e,
+    n,
+    a,
+    f,
+    s,
+    b,
+    o,
+    m
+  ), v = J(r, l, b, c);
+  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(
+    e,
+    n,
+    a,
+    f,
+    s,
+    b,
+    o,
+    m
+  ), v = J(r, l, b, c), b !== g); )
+    ;
+  return u === "ellipsis" ? y = de(
+    e,
+    y,
+    v,
+    a,
+    !0,
+    m
+  ) : u === "clamp" || u === "shrink" ? y = de(
+    e,
+    y,
+    v,
+    a,
+    !1,
+    m
+  ) : u !== "clip" && (y = Q(e, y, a, void 0, m)), { fontSize: b, lines: y };
+}
+function Re(t) {
+  const {
+    ctx: e,
+    text: n,
+    maxWidth: i,
+    maxHeight: a,
+    padding: r,
+    fontStyle: l,
+    fontWeight: f,
+    fontSize: s,
+    fontFamily: h,
+    letterSpacing: o,
+    lineSpacing: d
+  } = t;
+  let c = s, u = K(
+    e,
+    n,
+    i,
+    l,
+    f,
+    c,
+    h,
+    I(c, o)
+  );
+  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,
+    c,
+    h,
+    I(c, o)
+  )), { fontSize: c, lines: u };
+}
+function Z(t, e) {
+  return typeof OffscreenCanvas < "u" ? new OffscreenCanvas(t, e) : (() => {
+    const n = document.createElement("canvas");
+    return n.width = t, n.height = e, n;
+  })();
+}
+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 ? Ee({
+    ctx: t,
+    text: e.text,
+    explicitLines: e.lines,
+    maxWidth: n,
+    maxHeight: e.height,
+    padding: e.padding,
+    fontStyle: e.fontStyle,
+    fontWeight: e.fontWeight,
+    fontSize: e.fontSize,
+    fontFamily: e.fontFamily,
+    overflow: e.overflow,
+    resizeToFit: e.resizeToFit,
+    minFontSize: e.minFontSize,
+    letterSpacing: e.letterSpacing,
+    lineSpacing: e.lineSpacing
+  }) : Re({
+    ctx: t,
+    text: e.text,
+    maxWidth: n,
+    maxHeight: e.height,
+    padding: e.padding,
+    fontStyle: e.fontStyle,
+    fontWeight: e.fontWeight,
+    fontSize: e.fontSize,
+    fontFamily: e.fontFamily,
+    letterSpacing: e.letterSpacing,
+    lineSpacing: e.lineSpacing
+  }), r = a.fontSize, l = a.lines;
+  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 = Be(
+    e.height,
+    e.padding,
+    r,
+    h,
+    e.verticalAlign
+  ), d = l.map(
+    (c) => H(t, c, f)
+  );
+  return {
+    fontSize: r,
+    resolvedLines: l,
+    letterSpacingPx: f,
+    lineHeight: s,
+    startY: o,
+    textBlockWidth: Math.min(
+      e.width,
+      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)
+  };
+}
+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 ue(t, e, n) {
+  return typeof t != "number" || Number.isNaN(t) || t <= 0 ? e : Math.min(t, n);
+}
+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);
+  Ge(t, n, i, e.panelWidth, e.panelHeight, a), _e(t, {
+    panelX: n,
+    panelY: i,
+    panelWidth: e.panelWidth,
+    panelHeight: e.panelHeight,
+    bgColor: e.bgColor,
+    bgFillMode: e.bgFillMode,
+    bgOpacity: e.bgOpacity,
+    bgGradientStops: e.bgGradientStops,
+    bgTextureImage: e.bgTextureImage,
+    bgTextureFit: e.bgTextureFit,
+    bgTextureFlipX: e.bgTextureFlipX,
+    bgTextureFlipY: e.bgTextureFlipY
+  }), e.borderColor && e.borderWidth > 0 && (t.lineWidth = e.borderWidth, t.strokeStyle = e.borderColor, t.stroke());
+}
+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,
+      e.panelY,
+      e.panelX + e.panelWidth,
+      e.panelY + e.panelHeight
+    );
+    [...e.bgGradientStops].sort((i, a) => i.position - a.position).forEach(
+      (i) => n.addColorStop(Math.max(0, Math.min(i.position, 1)), i.color)
+    ), t.fillStyle = n, t.fill(), t.restore();
+    return;
+  }
+  if (e.bgTextureImage) {
+    t.clip(), qe(t, {
+      image: e.bgTextureImage,
+      x: e.panelX,
+      y: e.panelY,
+      width: e.panelWidth,
+      height: e.panelHeight,
+      fit: e.bgTextureFit,
+      flipX: e.bgTextureFlipX,
+      flipY: e.bgTextureFlipY
+    }), t.restore();
+    return;
+  }
+  t.fillStyle = e.bgColor, t.fill(), t.restore();
+}
+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 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);
+    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) - c + i : S, g = h ? -(g - a) - u + a : g), t.drawImage(n, S, g, c, 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 = {
+    xOffset: 0,
+    yOffset: 0,
+    rotation: 0,
+    scaleX: 1,
+    scaleY: 1
+  };
+  switch (t) {
+    case "arc":
+      return { ...g, yOffset: u, rotation: Math.atan(S) };
+    case "arc-lower":
+      return {
+        ...g,
+        yOffset: u * 0.55,
+        scaleY: Math.max(0.2, 1 + l * e * e * 0.45)
+      };
+    case "arc-upper":
+      return {
+        ...g,
+        yOffset: -u * 0.55,
+        scaleY: Math.max(0.2, 1 - l * e * e * 0.45)
+      };
+    case "arch":
+      return { ...g, yOffset: u };
+    case "bulge":
+      return { ...g, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
+    case "shell-lower":
+      return {
+        ...g,
+        yOffset: a * 0.45 * o * s,
+        scaleY: Math.max(0.2, 1 + l * o * s)
+      };
+    case "shell-upper":
+      return {
+        ...g,
+        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,
+        rotation: Math.atan(
+          a / Math.max(r, 1) * Math.cos(o * Math.PI * 2.7) * 1.6
+        )
+      };
+    case "wave":
+      return {
+        ...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 {
+        ...g,
+        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 };
+    case "fisheye":
+      return {
+        ...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 {
+        ...g,
+        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) };
+    case "twist":
+      return {
+        ...g,
+        yOffset: a * e,
+        rotation: l * e * 0.45,
+        scaleY: Math.max(0.2, 1 + l * e * 0.25)
+      };
+    default:
+      return g;
+  }
+}
+function P(t, e, n, i, a, r, l = "arc", f = 0) {
+  if (f !== 0) {
+    Ne(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);
+}
+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, 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 y = s[m], v = h[m], C = b + v / 2, F = (C - c - o / 2) / g, x = Ve(
+      l,
+      F,
+      m,
+      s.length,
+      S,
+      g
+    );
+    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 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 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, P(
+        t,
+        i,
+        e.textX,
+        a,
+        e.letterSpacingPx,
+        "fill",
+        e.bendPreset,
+        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, P(
+        t,
+        i,
+        e.textX,
+        a,
+        e.letterSpacingPx,
+        "stroke",
+        e.bendPreset,
+        e.bendStrength
+      ), t.restore();
+    t.save(), t.fillStyle = e.color, t.globalAlpha = 1, P(
+      t,
+      i,
+      e.textX,
+      a,
+      e.letterSpacingPx,
+      "fill",
+      e.bendPreset,
+      e.bendStrength
+    ), t.restore(), e.underline && be(
+      t,
+      i,
+      e.textX,
+      a,
+      e.textAlign,
+      e.color,
+      e.fontSize,
+      e.letterSpacingPx,
+      "underline"
+    ), e.strikethrough && be(
+      t,
+      i,
+      e.textX,
+      a,
+      e.textAlign,
+      e.color,
+      e.fontSize,
+      e.letterSpacingPx,
+      "strikethrough"
+    );
+  }
+}
+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, P(
+      t,
+      e.lines[f],
+      e.textX,
+      s,
+      e.letterSpacingPx,
+      "stroke",
+      e.bendPreset,
+      e.bendStrength
+    )) : (t.fillStyle = e.color, P(
+      t,
+      e.lines[f],
+      e.textX,
+      s,
+      e.letterSpacingPx,
+      "fill",
+      e.bendPreset,
+      e.bendStrength
+    )), t.restore();
+  }
+}
+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++)
+    P(
+      i,
+      e.lines[l],
+      e.textX,
+      e.startY + l * e.lineHeight,
+      e.letterSpacingPx,
+      "fill",
+      e.bendPreset,
+      e.bendStrength
+    );
+  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) {
+  const {
+    width: e,
+    height: n,
+    color: i,
+    strokeLayers: a,
+    strokeColor: r,
+    strokeWidth: l,
+    strokeOpacity: f,
+    shadowLayers: s,
+    innerShadow: h,
+    glow: o,
+    shadowColor: d,
+    shadowBlur: c,
+    shadowOffsetX: u,
+    shadowOffsetY: S,
+    shadowOpacity: g,
+    textAlign: b,
+    bgFillMode: m,
+    bgOpacity: y,
+    bgFit: v,
+    bgAutoSize: C,
+    bgWidth: F,
+    bgHeight: x,
+    bgGradientStops: L,
+    bgTextureImage: O,
+    bgTextureFit: E,
+    bgTextureFlipX: R,
+    bgTextureFlipY: D,
+    underline: G,
+    strikethrough: $,
+    bendPreset: W,
+    bendStrength: Y
+  } = t;
+  let { fontSize: X, bgColor: A } = t;
+  const _ = [
+    ...a ?? [],
+    ...r && l > 0 ? [{ color: r, width: l, opacity: f }] : []
+  ].filter((M) => M.width > 0), q = [
+    ...s ?? [],
+    ...d && (c > 0 || u !== 0 || S !== 0) ? [
+      {
+        color: d,
+        blur: c,
+        offsetX: u,
+        offsetY: S,
+        opacity: g
+      }
+    ] : []
+  ].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 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
+    ), N = ue(
+      M ? void 0 : x,
+      v === "text" || M ? w.textBlockHeight : n,
+      n
+    );
+    $e(T, {
+      canvasWidth: e,
+      canvasHeight: n,
+      textAlign: b,
+      bgFit: v,
+      panelWidth: V,
+      panelHeight: N,
+      bgColor: A,
+      bgFillMode: m,
+      bgOpacity: y,
+      bgGradientStops: L,
+      bgTextureImage: O,
+      bgTextureFit: E,
+      bgTextureFlipX: R,
+      bgTextureFlipY: D,
+      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,
+    bendStrength: Y,
+    color: o.color,
+    style: o.style,
+    intensity: o.intensity ?? 0.5,
+    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,
+    textAlign: b,
+    color: i,
+    fontSize: X,
+    letterSpacingPx: w.letterSpacingPx,
+    bendPreset: W,
+    bendStrength: Y,
+    shadowLayers: q,
+    strokeLayers: _,
+    underline: G,
+    strikethrough: $
+  }), h && Je(T, {
+    width: e,
+    height: n,
+    font: T.font,
+    lines: w.resolvedLines,
+    textX: w.textX,
+    startY: w.startY,
+    lineHeight: w.lineHeight,
+    letterSpacingPx: w.letterSpacingPx,
+    bendPreset: W,
+    bendStrength: Y,
+    textAlign: b,
+    color: h.color,
+    opacity: h.opacity ?? 1,
+    blur: h.blur,
+    offsetX: h.offsetX ?? 0,
+    offsetY: h.offsetY ?? 0
+  }), k = new We.CanvasTexture(p), k.needsUpdate = !0, k;
+}
+function Qe(t, e) {
+  const {
+    lines: n,
+    color: i,
+    strokeLayers: a,
+    outlineEnabled: r,
+    strokeColor: l,
+    strokeWidth: f,
+    strokeOpacity: s,
+    shadowLayers: h,
+    shadowEnabled: o,
+    innerShadow: d,
+    glow: c,
+    shadowColor: u,
+    shadowBlur: S,
+    shadowOffsetX: g,
+    shadowOffsetY: b,
+    shadowOpacity: m,
+    fontWeight: y,
+    fontStyle: v,
+    fontFamily: C,
+    fontSize: F,
+    textAlign: x,
+    verticalAlign: L,
+    overflow: O,
+    resizeToFit: E,
+    minFontSize: R,
+    letterSpacing: D,
+    lineSpacing: G,
+    bgFillMode: $,
+    bgOpacity: W,
+    bgFit: Y,
+    bgAutoSize: X,
+    bgWidth: A,
+    bgHeight: _,
+    bgGradientStops: q,
+    bgTextureFit: k,
+    bgTextureFlipX: p,
+    bgTextureFlipY: T,
+    borderColor: w,
+    borderWidth: M,
+    borderRadius: V,
+    padding: N,
+    aspect: ee,
+    resolution: j,
+    underline: te,
+    strikethrough: ne,
+    bendPreset: re,
+    bendStrength: ie
+  } = t, ae = B(
+    () => r === !1 ? [] : a,
+    [r, a]
+  ), le = B(
+    () => o === !1 ? [] : h,
+    [o, h]
+  ), oe = void 0, se = B(
+    () => ({
+      text: e.text,
+      lines: n,
+      color: i,
+      strokeLayers: ae,
+      strokeColor: r === !1 ? void 0 : l,
+      strokeWidth: r === !1 ? 0 : f,
+      strokeOpacity: s,
+      shadowLayers: le,
+      innerShadow: d,
+      glow: c,
+      shadowColor: o === !1 ? void 0 : u,
+      shadowBlur: o === !1 ? 0 : S,
+      shadowOffsetX: o === !1 ? 0 : g,
+      shadowOffsetY: o === !1 ? 0 : b,
+      shadowOpacity: m,
+      fontWeight: y,
+      fontStyle: v,
+      fontFamily: C,
+      fontSize: F,
+      textAlign: x,
+      verticalAlign: L,
+      overflow: O,
+      resizeToFit: E,
+      minFontSize: R,
+      letterSpacing: D,
+      lineSpacing: G,
+      bgColor: e.bgColor,
+      bgFillMode: $,
+      bgOpacity: W,
+      bgFit: Y,
+      bgAutoSize: X,
+      bgWidth: A,
+      bgHeight: _,
+      bgGradientStops: q,
+      bgTextureImage: oe,
+      bgTextureFit: k,
+      bgTextureFlipX: p,
+      bgTextureFlipY: T,
+      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,
+      bendStrength: ie
+    }),
+    [
+      e.text,
+      e.bgColor,
+      n,
+      i,
+      ae,
+      r,
+      l,
+      f,
+      s,
+      le,
+      d,
+      c,
+      o,
+      u,
+      S,
+      g,
+      b,
+      m,
+      y,
+      v,
+      C,
+      F,
+      x,
+      L,
+      O,
+      E,
+      R,
+      D,
+      G,
+      $,
+      W,
+      Y,
+      X,
+      A,
+      _,
+      q,
+      oe,
+      k,
+      p,
+      T,
+      w,
+      M,
+      V,
+      N,
+      ee,
+      j,
+      te,
+      ne,
+      re,
+      ie
+    ]
+  ), 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__ */ z(
+    Se,
+    {
+      ref: v,
+      name: l,
+      texture: x,
+      overlay: f,
+      opacity: r,
+      position: s,
+      rotation: h,
+      scale: o,
+      visible: d,
+      renderOrder: c
+    }
+  );
+}
+export {
+  it as S,
+  at as T,
+  He as a,
+  Ae as u
+};