@vincentt-xr/sdk 2.0.0-alpha.7 → 2.0.0-alpha.9

package/dist/TextLabel-c9BCucOI.js

@@ -0,0 +1,961 @@
+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 { 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(() => {
+    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(
+    "mesh",
+    {
+      ref: h,
+      name: e,
+      position: a,
+      rotation: r,
+      scale: l,
+      visible: f,
+      renderOrder: s,
+      children: [
+        /* @__PURE__ */ B("planeGeometry", { args: [1, 1] }),
+        /* @__PURE__ */ B(
+          "meshBasicMaterial",
+          {
+            map: t,
+            transparent: !0,
+            opacity: i,
+            depthTest: !n,
+            depthWrite: !n
+          }
+        )
+      ]
+    }
+  )
+);
+me.displayName = "TextLabelMesh";
+const We = {
+  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
+}, Ye = (t) => {
+  be(
+    () => () => {
+      t == null || t.dispose();
+    },
+    [t]
+  );
+};
+function Oe(t, e, n) {
+  return n === "left" ? e : n === "right" ? t - e : t / 2;
+}
+function ke(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) {
+  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) {
+  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 ye(t, e) {
+  "letterSpacing" in t && (t.letterSpacing = `${e}px`);
+}
+function ve(t) {
+  "letterSpacing" in t && (t.letterSpacing = "0px");
+}
+function P(t, e, n) {
+  ye(t, n);
+  const i = t.measureText(e).width;
+  return ve(t), i;
+}
+function K(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 Q(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;
+  }
+  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(
+    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 && P(t, `${l}${r}`, a) > n; )
+    l = l.slice(0, -1).trimEnd();
+  return `${l}${r}`;
+}
+function V(t, e, n, i, a) {
+  return e.map((r, l) => {
+    if (P(t, r, a) <= n) return r;
+    const f = l === e.length - 1;
+    return Me(
+      t,
+      r,
+      n,
+      i === "ellipsis" && f,
+      a
+    );
+  });
+}
+function ce(t, e, n, i, a, r) {
+  if (e.length <= n)
+    return V(
+      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
+  ), V(
+    t,
+    l,
+    i,
+    a ? "ellipsis" : "clip",
+    r
+  );
+}
+function Xe(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: g,
+    overflow: u,
+    resizeToFit: S,
+    minFontSize: c
+  } = t;
+  let b = h, m = z(b, d), w = i ?? ge(
+    e,
+    n,
+    a,
+    f,
+    s,
+    b,
+    o,
+    m
+  ), M = K(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(
+    e,
+    n,
+    a,
+    f,
+    s,
+    b,
+    o,
+    m
+  ), M = K(r, l, b, g), b !== c); )
+    ;
+  return u === "ellipsis" ? w = ce(
+    e,
+    w,
+    M,
+    a,
+    !0,
+    m
+  ) : u === "clamp" || u === "shrink" ? w = ce(
+    e,
+    w,
+    M,
+    a,
+    !1,
+    m
+  ) : u !== "clip" && (w = V(e, w, a, void 0, m)), { fontSize: b, lines: w };
+}
+function Ae(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 g = s, u = Q(
+    e,
+    n,
+    i,
+    l,
+    f,
+    g,
+    h,
+    z(g, o)
+  );
+  const S = K(a, r, g, d);
+  return u.length > S && (g = Math.max(12, Math.round(g * 0.75)), u = Q(
+    e,
+    n,
+    i,
+    l,
+    f,
+    g,
+    h,
+    z(g, o)
+  )), { fontSize: g, 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 pe(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({
+    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
+  }) : Ae({
+    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 = Se(e.fontStyle, e.fontWeight, r, e.fontFamily);
+  const f = z(r, e.letterSpacing), s = we(r, e.lineSpacing), h = Math.max(
+    r,
+    r + (l.length - 1) * s
+  ), o = ke(
+    e.height,
+    e.padding,
+    r,
+    h,
+    e.verticalAlign
+  ), d = l.map(
+    (g) => P(t, g, 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: Oe(e.width, e.padding, e.textAlign)
+  };
+}
+function Be(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(
+    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, {
+    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 Ie(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(), Re(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 Re(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) {
+    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;
+  }
+  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) {
+  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,
+    scaleX: 1,
+    scaleY: 1
+  };
+  switch (t) {
+    case "arc":
+      return { ...c, yOffset: u, rotation: Math.atan(S) };
+    case "arc-lower":
+      return {
+        ...c,
+        yOffset: u * 0.55,
+        scaleY: Math.max(0.2, 1 + l * e * e * 0.45)
+      };
+    case "arc-upper":
+      return {
+        ...c,
+        yOffset: -u * 0.55,
+        scaleY: Math.max(0.2, 1 - l * e * e * 0.45)
+      };
+    case "arch":
+      return { ...c, yOffset: u };
+    case "bulge":
+      return { ...c, scaleY: Math.max(0.2, 1 + l * s * 0.75) };
+    case "shell-lower":
+      return {
+        ...c,
+        yOffset: a * 0.45 * o * s,
+        scaleY: Math.max(0.2, 1 + l * o * s)
+      };
+    case "shell-upper":
+      return {
+        ...c,
+        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,
+        rotation: Math.atan(
+          a / Math.max(r, 1) * Math.cos(o * Math.PI * 2.7) * 1.6
+        )
+      };
+    case "wave":
+      return {
+        ...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 {
+        ...c,
+        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 };
+    case "fisheye":
+      return {
+        ...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 {
+        ...c,
+        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) };
+    case "twist":
+      return {
+        ...c,
+        yOffset: a * e,
+        rotation: l * e * 0.45,
+        scaleY: Math.max(0.2, 1 + l * e * 0.25)
+      };
+    default:
+      return c;
+  }
+}
+function k(t, e, n, i, a, r, l = "arc", f = 0) {
+  if (f !== 0) {
+    $e(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) {
+  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(
+      l,
+      F,
+      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;
+  }
+}
+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 Ge(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,
+        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, k(
+        t,
+        i,
+        e.textX,
+        a,
+        e.letterSpacingPx,
+        "stroke",
+        e.bendPreset,
+        e.bendStrength
+      ), t.restore();
+    t.save(), t.fillStyle = e.color, t.globalAlpha = 1, k(
+      t,
+      i,
+      e.textX,
+      a,
+      e.letterSpacingPx,
+      "fill",
+      e.bendPreset,
+      e.bendStrength
+    ), t.restore(), e.underline && ue(
+      t,
+      i,
+      e.textX,
+      a,
+      e.textAlign,
+      e.color,
+      e.fontSize,
+      e.letterSpacingPx,
+      "underline"
+    ), e.strikethrough && ue(
+      t,
+      i,
+      e.textX,
+      a,
+      e.textAlign,
+      e.color,
+      e.fontSize,
+      e.letterSpacingPx,
+      "strikethrough"
+    );
+  }
+}
+function De(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,
+      e.lines[f],
+      e.textX,
+      s,
+      e.letterSpacingPx,
+      "stroke",
+      e.bendPreset,
+      e.bendStrength
+    )) : (t.fillStyle = e.color, k(
+      t,
+      e.lines[f],
+      e.textX,
+      s,
+      e.letterSpacingPx,
+      "fill",
+      e.bendPreset,
+      e.bendStrength
+    )), t.restore();
+  }
+}
+function qe(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(
+      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 Ne(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: g,
+    shadowOffsetX: u,
+    shadowOffsetY: S,
+    shadowOpacity: c,
+    textAlign: b,
+    bgFillMode: m,
+    bgOpacity: w,
+    bgFit: M,
+    bgAutoSize: C,
+    bgWidth: F,
+    bgHeight: v,
+    bgGradientStops: L,
+    bgTextureImage: I,
+    bgTextureFit: R,
+    bgTextureFlipX: E,
+    bgTextureFlipY: $,
+    underline: G,
+    strikethrough: D,
+    bendPreset: W,
+    bendStrength: Y
+  } = t;
+  let { fontSize: H, bgColor: X } = t;
+  const q = [
+    ...a ?? [],
+    ...r && l > 0 ? [{ color: r, width: l, opacity: f }] : []
+  ].filter((x) => x.width > 0), N = [
+    ...s ?? [],
+    ...d && (g > 0 || u !== 0 || S !== 0) ? [
+      {
+        color: d,
+        blur: g,
+        offsetX: u,
+        offsetY: S,
+        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,
+      e
+    ), j = de(
+      x ? void 0 : v,
+      M === "text" || x ? y.textBlockHeight : n,
+      n
+    );
+    ze(T, {
+      canvasWidth: e,
+      canvasHeight: n,
+      textAlign: b,
+      bgFit: M,
+      panelWidth: U,
+      panelHeight: j,
+      bgColor: X,
+      bgFillMode: m,
+      bgOpacity: w,
+      bgGradientStops: L,
+      bgTextureImage: I,
+      bgTextureFit: R,
+      bgTextureFlipX: E,
+      bgTextureFlipY: $,
+      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,
+    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
+  }), Ge(T, {
+    lines: y.resolvedLines,
+    textX: y.textX,
+    startY: y.startY,
+    lineHeight: y.lineHeight,
+    textAlign: b,
+    color: i,
+    fontSize: H,
+    letterSpacingPx: y.letterSpacingPx,
+    bendPreset: W,
+    bendStrength: Y,
+    shadowLayers: N,
+    strokeLayers: q,
+    underline: G,
+    strikethrough: D
+  }), h && qe(T, {
+    width: e,
+    height: n,
+    font: T.font,
+    lines: y.resolvedLines,
+    textX: y.textX,
+    startY: y.startY,
+    lineHeight: y.lineHeight,
+    letterSpacingPx: y.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
+  }), O = new Le.CanvasTexture(A), O.needsUpdate = !0, O;
+}
+function Ue(t, e) {
+  const {
+    lines: n,
+    color: i,
+    strokeLayers: a,
+    outlineEnabled: r,
+    strokeColor: l,
+    strokeWidth: f,
+    strokeOpacity: s,
+    shadowLayers: h,
+    shadowEnabled: o,
+    innerShadow: d,
+    glow: g,
+    shadowColor: u,
+    shadowBlur: S,
+    shadowOffsetX: c,
+    shadowOffsetY: b,
+    shadowOpacity: m,
+    fontWeight: w,
+    fontStyle: M,
+    fontFamily: C,
+    fontSize: F,
+    textAlign: v,
+    verticalAlign: L,
+    overflow: I,
+    resizeToFit: R,
+    minFontSize: E,
+    letterSpacing: $,
+    lineSpacing: G,
+    bgFillMode: D,
+    bgOpacity: W,
+    bgFit: Y,
+    bgAutoSize: H,
+    bgWidth: X,
+    bgHeight: q,
+    bgGradientStops: N,
+    bgTextureFit: O,
+    bgTextureFlipX: A,
+    bgTextureFlipY: T,
+    borderColor: y,
+    borderWidth: x,
+    borderRadius: U,
+    padding: j,
+    aspect: ee,
+    resolution: J,
+    underline: te,
+    strikethrough: ne,
+    bendPreset: re,
+    bendStrength: ie
+  } = t, ae = p(
+    () => r === !1 ? [] : a,
+    [r, a]
+  ), le = p(
+    () => o === !1 ? [] : h,
+    [o, h]
+  ), oe = void 0, se = p(
+    () => ({
+      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: g,
+      shadowColor: o === !1 ? void 0 : u,
+      shadowBlur: o === !1 ? 0 : S,
+      shadowOffsetX: o === !1 ? 0 : c,
+      shadowOffsetY: o === !1 ? 0 : b,
+      shadowOpacity: m,
+      fontWeight: w,
+      fontStyle: M,
+      fontFamily: C,
+      fontSize: F,
+      textAlign: v,
+      verticalAlign: L,
+      overflow: I,
+      resizeToFit: R,
+      minFontSize: E,
+      letterSpacing: $,
+      lineSpacing: G,
+      bgColor: e.bgColor,
+      bgFillMode: D,
+      bgOpacity: W,
+      bgFit: Y,
+      bgAutoSize: H,
+      bgWidth: X,
+      bgHeight: q,
+      bgGradientStops: N,
+      bgTextureImage: oe,
+      bgTextureFit: O,
+      bgTextureFlipX: A,
+      bgTextureFlipY: T,
+      borderColor: y,
+      borderWidth: x,
+      borderRadius: U,
+      padding: j,
+      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,
+      g,
+      o,
+      u,
+      S,
+      c,
+      b,
+      m,
+      w,
+      M,
+      C,
+      F,
+      v,
+      L,
+      I,
+      R,
+      E,
+      $,
+      G,
+      D,
+      W,
+      Y,
+      H,
+      X,
+      q,
+      N,
+      oe,
+      O,
+      A,
+      T,
+      y,
+      x,
+      U,
+      j,
+      ee,
+      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;
+      };
+  }, []), /* @__PURE__ */ B(
+    me,
+    {
+      ref: w,
+      name: r,
+      texture: F,
+      overlay: l,
+      opacity: a,
+      position: f,
+      rotation: s,
+      scale: h,
+      visible: o,
+      renderOrder: d
+    }
+  );
+}
+export {
+  Qe as S,
+  Ve as T,
+  Ye as u
+};