@objectifthunes/react-three-book 0.2.0 → 0.2.2

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs as ie, jsx as ne } from "react/jsx-runtime";
-import { useRef as ht, useState as Kt, useEffect as Ct, createContext as re, useContext as Jt, forwardRef as ae, useImperativeHandle as oe, useCallback as rt, useMemo as he } from "react";
-import { useFrame as Pt, useThree as le } from "@react-three/fiber";
+import { jsxs as re, jsx as ae } from "react/jsx-runtime";
+import { useRef as ht, useState as Jt, useEffect as yt, createContext as oe, useContext as te, forwardRef as he, useImperativeHandle as le, useCallback as rt, useMemo as ce } from "react";
+import { useFrame as Pt, useThree as ue } from "@react-three/fiber";
 import * as c from "three";
 class pt {
   constructor() {
@@ -69,7 +69,7 @@ class pt {
     return t.m_PositionX = this.m_PositionX, t.m_PositionZ = this.m_PositionZ, t.m_DirectionX = this.m_DirectionX, t.m_DirectionZ = this.m_DirectionZ, t.m_EulerY = this.m_EulerY, t.m_Radius = this.m_Radius, t;
   }
 }
-function yt(n, t, e, s, i = 1 / 0, r = 1 / 60) {
+function Ct(n, t, e, s, i = 1 / 0, r = 1 / 60) {
   s = Math.max(s, 1e-4);
   const a = 2 / s, o = a * r, h = 1 / (1 + o + 0.48 * o * o + 0.235 * o * o * o);
   let u = n - t;
@@ -80,22 +80,22 @@ function yt(n, t, e, s, i = 1 / 0, r = 1 / 60) {
   let g = t + (u + f) * h;
   return l - n > 0 == g > l && (g = l, e = (g - l) / r), { value: g, velocity: e };
 }
-function ce(n, t, e, s, i = 1 / 0, r = 1 / 60) {
-  const a = yt(
+function me(n, t, e, s, i = 1 / 0, r = 1 / 60) {
+  const a = Ct(
     n.x,
     t.x,
     e.x,
     s.x,
     i,
     r
-  ), o = yt(
+  ), o = Ct(
     n.y,
     t.y,
     e.y,
     s.y,
     i,
     r
-  ), h = yt(
+  ), h = Ct(
     n.z,
     t.z,
     e.z,
@@ -105,10 +105,10 @@ function ce(n, t, e, s, i = 1 / 0, r = 1 / 60) {
   );
   return e.set(a.velocity, o.velocity, h.velocity), new c.Vector3(a.value, o.value, h.value);
 }
-function ue(n) {
+function de(n) {
   return new c.Vector3(n.x, 0, n.y);
 }
-function me(n) {
+function _e(n) {
   return new c.Vector3(n.x, n.z, 0);
 }
 function bt(n, t, e) {
@@ -127,19 +127,19 @@ function bt(n, t, e) {
   }
 }
 function It(n, t, e) {
-  return de(n, t, e) ? n.clone() : _e(
+  return fe(n, t, e) ? n.clone() : ge(
     new c.Vector2(n.x, t.y),
     n,
     t,
     e
   );
 }
-function de(n, t, e) {
+function fe(n, t, e) {
   const s = n.x - t.x;
   let i = n.y - t.y;
   return i *= e.x / e.y, Math.sqrt(s * s + i * i) < e.x;
 }
-function _e(n, t, e, s) {
+function ge(n, t, e, s) {
   const i = e.x, r = e.y, a = n.x, o = n.y, h = t.x, u = t.y, l = s.x, d = s.y, f = 1 / (l * l), g = 1 / (d * d);
   if (Math.abs(a - h) < 1e-5) {
     if (a >= i - l && a <= i + l) {
@@ -174,33 +174,33 @@ function zt(n, t) {
   const e = n.origin.clone().applyMatrix4(t), s = n.origin.clone().add(n.direction).applyMatrix4(t);
   return new c.Ray(e, s.sub(e));
 }
-function fe(n) {
+function pe(n) {
   return new c.Vector4(-n.x, n.y, n.z + n.x, n.w);
 }
-function ge(n) {
+function xe(n) {
   return new c.Vector4(n.x, -n.y, n.z, n.w + n.y);
 }
 var X = /* @__PURE__ */ ((n) => (n[n.LeftToRight = 0] = "LeftToRight", n[n.RightToLeft = 1] = "RightToLeft", n[n.UpToDown = 2] = "UpToDown", n[n.DownToUp = 3] = "DownToUp", n))(X || {});
-const Rt = Math.PI / 180, Vt = 180 / Math.PI, pe = 1192093e-13;
+const Rt = Math.PI / 180, Vt = 180 / Math.PI, Me = 1192093e-13;
 function xt(n) {
   return n < 0 ? 0 : n > 1 ? 1 : n;
 }
-function Dt(n, t, e) {
+function At(n, t, e) {
   return n < t ? t : n > e ? e : n;
 }
 function gt(n, t, e) {
   return n !== t ? xt((e - n) / (t - n)) : 0;
 }
-function At(n, t, e) {
+function Dt(n, t, e) {
   return n + (t - n) * e;
 }
-function Ft(n, t, e) {
+function Ht(n, t, e) {
   return n + (t - n) * e;
 }
-function Ht(n, t, e) {
+function Ft(n, t, e) {
   return e = xt((e - n) / (t - n)), e * e * (3 - 2 * e);
 }
-class xe {
+class we {
   // ---- Constructor ----
   constructor(t, e, s, i) {
     this.m_UseBackContentForSides = !1, this.m_Prev = null, this.m_Next = null, this.m_NoHole = !1, this.m_Size = new c.Vector2(), this.m_Thickness = 0, this.m_Stiffness = 0, this.m_Margin = 0, this.m_MeshDataType = 1, this.m_Cylinder = new pt(), this.m_IsRolling = !1, this.m_IsAutoTurning = !1, this.m_WorldPlane = new c.Plane(), this.m_StartHandle = new c.Vector3(), this.m_CurrentHandle = new c.Vector3(), this.m_EndHandle = new c.Vector3(), this.m_PrevHandle = new c.Vector3(), this.m_HandleOffset = new c.Vector3(), this.m_HandleVelocity = new c.Vector3(), this.m_HandleVelocities = [], this.m_SubMeshCount = -1, this.m_MinTurningRadius = 0, this.m_TurningRadius = 0, this.m_FallDuration = 0, this.m_FallTime = 0.2, this.m_XTime = 0, this.m_ZTime = 0, this.m_IsTurning = !1, this.m_IsFalling = !1, this.m_IsFallingLeft = !1, this.m_isMeshChanged = !1, this.sizeXOffset = 0, this.m_IsCover = t, this.m_Book = s, this.m_Index = e, this.m_Renderer = i, this.m_Transform = i.transform;
@@ -354,7 +354,7 @@ class xe {
     const t = new c.Vector3(0, 0, 0);
     for (const e of this.m_HandleVelocities)
       t.add(e);
-    t.divideScalar(this.m_HandleVelocities.length), t.length() > 0.1 ? this.m_IsFallingLeft = t.x < 0 : this.m_IsFallingLeft = this.m_XTime > 0.5 && this.m_ZTime > 0.1, this.m_IsFallingLeft ? this.m_FallTime = 1 - this.m_XTime : this.m_FallTime = this.m_XTime, this.m_FallTime = At(0.1, 0.2, this.m_FallTime), this.m_EndHandle.copy(this.m_StartHandle), this.m_IsFallingLeft && (this.m_EndHandle.x = -this.m_Size.x);
+    t.divideScalar(this.m_HandleVelocities.length), t.length() > 0.1 ? this.m_IsFallingLeft = t.x < 0 : this.m_IsFallingLeft = this.m_XTime > 0.5 && this.m_ZTime > 0.1, this.m_IsFallingLeft ? this.m_FallTime = 1 - this.m_XTime : this.m_FallTime = this.m_XTime, this.m_FallTime = Dt(0.1, 0.2, this.m_FallTime), this.m_EndHandle.copy(this.m_StartHandle), this.m_IsFallingLeft && (this.m_EndHandle.x = -this.m_Size.x);
   }
   /**
    * Called each frame while the user is dragging.
@@ -379,18 +379,18 @@ class xe {
     let e = !1;
     if (this.m_IsAutoTurning) {
       let r = xt(this.m_FallTime / this.m_FallDuration);
-      r = Ht(0, 1, r), r = Ht(0, 1, r), this.m_CurrentHandle.lerpVectors(
+      r = Ft(0, 1, r), r = Ft(0, 1, r), this.m_CurrentHandle.lerpVectors(
         this.m_StartHandle,
         this.m_EndHandle,
         this.m_IsFallingLeft ? r : 1 - r
-      ), this.m_FallTime += t, e = Math.abs(r - 1) < pe;
+      ), this.m_FallTime += t, e = Math.abs(r - 1) < Me;
     } else {
       const r = new c.Vector3(
         this.m_FallTime,
         0,
         this.m_FallTime * 0.75
       );
-      this.m_CurrentHandle = ce(
+      this.m_CurrentHandle = me(
         this.m_CurrentHandle,
         this.m_EndHandle,
         this.m_HandleVelocity,
@@ -493,7 +493,7 @@ class xe {
     ), this.m_SubMeshCount = t);
     const e = this.m_FrontContent.textureST.clone();
     let s = this.m_BackContent.textureST.clone();
-    this.m_Book.direction > 1 ? s = ge(s) : s = fe(s);
+    this.m_Book.direction > 1 ? s = xe(s) : s = pe(s);
     const i = this.m_FrontContent.texture, r = this.m_BackContent.texture;
     if (t === 3) {
       let a = 0, o = 1;
@@ -535,7 +535,7 @@ class xe {
       const t = this.findTime(new c.Vector3(this.m_Size.x, 0, 0)), e = this.findTime(
         new c.Vector3(this.m_Size.x, 0, this.m_Size.y)
       );
-      this.m_XTime = At(
+      this.m_XTime = Dt(
         Math.min(t, e),
         Math.max(t, e),
         0.9
@@ -561,8 +561,8 @@ class xe {
       0,
       h + (s.z - h) * (o / r)
     ), d = new c.Vector2(i, a), f = new c.Vector2(r, o);
-    t.x = Dt(t.x, -this.m_Size.x, this.m_Size.x);
-    const g = me(t), m = It(
+    t.x = At(t.x, -this.m_Size.x, this.m_Size.x);
+    const g = _e(t), m = It(
       new c.Vector2(g.x, g.y),
       u,
       d
@@ -570,7 +570,7 @@ class xe {
       new c.Vector2(m.x, m.y),
       l,
       f
-    ), p = ue(
+    ), p = de(
       new c.Vector3(_.x, _.y, 0)
     );
     this.m_CurrentHandle.copy(p);
@@ -611,8 +611,8 @@ class xe {
       /* Highpoly */
     ), (u = this.m_Prev) == null || u.trySwitchMeshData(1), (l = this.m_Next) == null || l.trySwitchMeshData(1), this.m_IsFallingLeft = t === 1, this.m_IsTurning = !1, this.m_IsFalling = !0, this.m_FallTime = 0, this.m_FallDuration = i;
     const r = this.m_Size.x, a = this.m_Size.y;
-    e = Dt(e, -0.99, 0.99);
-    const o = Ft(0.5, 1, e), h = Ft(0.5, 0, e);
+    e = At(e, -0.99, 0.99);
+    const o = Ht(0.5, 1, e), h = Ht(0.5, 0, e);
     this.m_StartHandle.set(r, 0, a * o), this.m_EndHandle.set(-r, 0, a * h), this.m_IsAutoTurning = !0;
   }
   // ---- Public getter for the cylinder (used by BookBound etc.) ----
@@ -887,7 +887,7 @@ class St {
     );
   }
 }
-class Me {
+class ye {
   constructor(t, e, s) {
     const i = t.size;
     this.leftNode = new it(e.left * i.x, s, !0), this.rightNode = new it((1 - e.right) * i.x, s, !0), this.downNode = new it(e.down * i.y, s, !0), this.upNode = new it((1 - e.up) * i.y, s, !0);
@@ -912,7 +912,7 @@ function Nt(n, t, e, s, i) {
     if (!r.active) return;
     for (let a = 0; a < s; a++) {
       const o = r.prevIndex, h = r.nextIndex, u = t[a * e + o], l = t[a * e + h], d = t[a * e + r.index];
-      i ? te(u, l, r.time, d) : d.copy(u).lerp(l, r.time);
+      i ? ee(u, l, r.time, d) : d.copy(u).lerp(l, r.time);
     }
   }
 }
@@ -921,11 +921,11 @@ function Ut(n, t, e, s, i) {
     if (!r.active) return;
     for (let a = 0; a < e; a++) {
       const o = r.prevIndex, h = r.nextIndex, u = t[o * e + a], l = t[h * e + a], d = t[r.index * e + a];
-      i ? te(u, l, r.time, d) : d.copy(u).lerp(l, r.time);
+      i ? ee(u, l, r.time, d) : d.copy(u).lerp(l, r.time);
     }
   }
 }
-function te(n, t, e, s = new c.Vector3()) {
+function ee(n, t, e, s = new c.Vector3()) {
   const i = Math.sqrt(n.x * n.x + n.y * n.y + n.z * n.z), r = Math.sqrt(t.x * t.x + t.y * t.y + t.z * t.z);
   if (i === 0 || r === 0)
     return s.copy(n).lerp(t, e);
@@ -942,7 +942,7 @@ function te(n, t, e, s = new c.Vector3()) {
     (h * _ + d * p) * T
   );
 }
-function we(n, t, e, s, i) {
+function Ce(n, t, e, s, i) {
   for (const r of n) {
     const a = (r.endX - r.startX + 1) * 2, o = (r.endZ - r.startZ + 1) * 2, h = e.length;
     for (let l = 0, d = r.endX - r.startX; l < d; l++) {
@@ -978,7 +978,7 @@ function we(n, t, e, s, i) {
     }
   }
 }
-function Ce(n, t, e, s, i) {
+function Te(n, t, e, s, i) {
   const r = s * i;
   let a = r * 2;
   const o = new c.Vector3();
@@ -1007,10 +1007,10 @@ function Et(n, t, e, s, i, r) {
 function Xt(n, t, e, s, i, r) {
   wt(n, t, e, s, i), t += r, e += r, s += r, i += r, wt(n, t, e, s, i);
 }
-function ye(n, t, e, s, i, r, a) {
+function Pe(n, t, e, s, i, r, a) {
   Mt(n, e, s, i, r), e += a, s += a, i += a, r += a, wt(t, e, s, i, r);
 }
-function Te(n, t, e, s, i, r) {
+function ve(n, t, e, s, i, r) {
   const a = i.left * s.x, o = (1 - i.right) * s.x, h = i.down * s.y, u = (1 - i.up) * s.y, l = t.length, d = e.length;
   if (r > 1)
     for (let g = 0; g < d; g++)
@@ -1034,7 +1034,7 @@ function Mt(n, t, e, s, i) {
 function wt(n, t, e, s, i) {
   n.push(t), n.push(e), n.push(s), n.push(e), n.push(i), n.push(s);
 }
-function Pe(n, t, e, s) {
+function Se(n, t, e, s) {
   const i = [];
   for (let r = 0; r < e - 1; r++)
     for (let a = 0; a < t - 1; a++) {
@@ -1043,7 +1043,7 @@ function Pe(n, t, e, s) {
     }
   return i;
 }
-class jt {
+class Wt {
   get geometry() {
     return this.m_Geometry;
   }
@@ -1123,8 +1123,8 @@ class jt {
     for (let m = 0; m < a - 1; m++) {
       const _ = m + 1;
       for (let p = 0; p < r - 1; p++) {
-        const T = p + 1, b = m * r + p, M = m * r + T, C = _ * r + p, v = _ * r + T, k = t[b], O = t[M], Z = t[C], V = t[v];
-        Zt(k, Z, O, h), Zt(V, O, Z, u), l.addVectors(h, u), s[b].add(l), s[M].add(l), s[C].add(l), s[v].add(l);
+        const T = p + 1, b = m * r + p, M = m * r + T, y = _ * r + p, v = _ * r + T, k = t[b], O = t[M], Z = t[y], V = t[v];
+        Zt(k, Z, O, h), Zt(V, O, Z, u), l.addVectors(h, u), s[b].add(l), s[M].add(l), s[y].add(l), s[v].add(l);
       }
     }
     for (let m = 0; m < o; m++)
@@ -1137,7 +1137,7 @@ class jt {
       const p = t[m];
       e[m].copy(p).addScaledVector(_, d), e[m + o].copy(p).addScaledVector(_, -d);
     }
-    Ce(this.m_Pattern.borders, e, s, r, a);
+    Te(this.m_Pattern.borders, e, s, r, a);
     const f = this.m_Geometry.getAttribute(
       "position"
     ), g = this.m_Geometry.getAttribute(
@@ -1159,10 +1159,10 @@ class jt {
    */
   drawWireframe(t) {
     const e = this.m_Pattern.baseXArray.length, s = this.m_Pattern.baseZArray.length;
-    return Pe(this.m_Vertices, e, s, t);
+    return Se(this.m_Vertices, e, s, t);
   }
 }
-class ve {
+class ke {
   constructor() {
     this.m_UsedMeshs = [], this.m_FreeMeshs = [], this.m_Meshs = /* @__PURE__ */ new Set();
   }
@@ -1181,7 +1181,7 @@ class ve {
     this.m_Meshs.clear();
   }
 }
-class Se {
+class Be {
   constructor(t) {
     this.m_CreateMeshCollider = !1, this.m_UsedRenderers = [], this.m_FreeRenderers = [], this.m_Renderers = /* @__PURE__ */ new Set(), this.m_Ids = [], this.m_Root = t;
   }
@@ -1193,7 +1193,7 @@ class Se {
   }
   get(t) {
     let e;
-    return this.m_FreeRenderers.length > 0 ? (e = this.m_FreeRenderers.pop(), e.createCollider = this.m_CreateMeshCollider, e.reset(t)) : (e = new Be(this.m_Root, t, this.m_CreateMeshCollider), this.m_Renderers.add(e)), this.m_UsedRenderers.push(e), this.m_Ids.push(e.id), e;
+    return this.m_FreeRenderers.length > 0 ? (e = this.m_FreeRenderers.pop(), e.createCollider = this.m_CreateMeshCollider, e.reset(t)) : (e = new Ie(this.m_Root, t, this.m_CreateMeshCollider), this.m_Renderers.add(e)), this.m_UsedRenderers.push(e), this.m_Ids.push(e.id), e;
   }
   recycle() {
     for (const t of this.m_UsedRenderers)
@@ -1213,10 +1213,10 @@ class Se {
     return t;
   }
 }
-let ke = 1;
-class Be {
+let be = 1;
+class Ie {
   constructor(t, e, s) {
-    this.m_Visibility = !0, this.m_PropertyBlocks = /* @__PURE__ */ new Map(), this.m_MaterialTextures = /* @__PURE__ */ new Map(), this.m_Id = ke++, this.m_Object3D = new c.Object3D(), this.m_Object3D.name = e, this.m_Mesh = new c.Mesh(
+    this.m_Visibility = !0, this.m_PropertyBlocks = /* @__PURE__ */ new Map(), this.m_MaterialTextures = /* @__PURE__ */ new Map(), this.m_Id = be++, this.m_Object3D = new c.Object3D(), this.m_Object3D.name = e, this.m_Mesh = new c.Mesh(
       new c.BufferGeometry(),
       new c.MeshStandardMaterial()
     ), this.m_Object3D.add(this.m_Mesh), t.add(this.m_Object3D), this.m_CreateCollider = s;
@@ -1320,20 +1320,20 @@ class Be {
       e.dispose();
   }
 }
-class be {
+class ze {
   constructor(t, e, s = !1) {
-    this.m_Stack = [], this.m_SharedData = null, this.m_MeshFactory = t, this.m_Pattern = e, (this.m_UseSharedData = s) && (this.m_SharedData = new jt(this.m_MeshFactory.get(), this.m_Pattern), this.m_SharedData.updateMesh());
+    this.m_Stack = [], this.m_SharedData = null, this.m_MeshFactory = t, this.m_Pattern = e, (this.m_UseSharedData = s) && (this.m_SharedData = new Wt(this.m_MeshFactory.get(), this.m_Pattern), this.m_SharedData.updateMesh());
   }
   get() {
-    return this.m_UseSharedData ? this.m_SharedData : this.m_Stack.length > 0 ? this.m_Stack.pop() : new jt(this.m_MeshFactory.get(), this.m_Pattern);
+    return this.m_UseSharedData ? this.m_SharedData : this.m_Stack.length > 0 ? this.m_Stack.pop() : new Wt(this.m_MeshFactory.get(), this.m_Pattern);
   }
   free(t) {
     if (this.m_UseSharedData) throw new Error("Not implemented");
     this.m_Stack.push(t);
   }
 }
-var dt = /* @__PURE__ */ ((n) => (n[n.Next = 0] = "Next", n[n.Back = 1] = "Back", n))(dt || {}), Ie = /* @__PURE__ */ ((n) => (n[n.Surface = 0] = "Surface", n[n.Edge = 1] = "Edge", n))(Ie || {}), ze = /* @__PURE__ */ ((n) => (n[n.Constant = 0] = "Constant", n[n.RandomBetweenTwoConstants = 1] = "RandomBetweenTwoConstants", n[n.Curve = 2] = "Curve", n[n.RandomBetweenTwoCurves = 3] = "RandomBetweenTwoCurves", n))(ze || {}), Re = /* @__PURE__ */ ((n) => (n[n.PaperIndexTime = 0] = "PaperIndexTime", n[n.TurnIndexTime = 1] = "TurnIndexTime", n))(Re || {});
-class Ve {
+var dt = /* @__PURE__ */ ((n) => (n[n.Next = 0] = "Next", n[n.Back = 1] = "Back", n))(dt || {}), Re = /* @__PURE__ */ ((n) => (n[n.Surface = 0] = "Surface", n[n.Edge = 1] = "Edge", n))(Re || {}), Ve = /* @__PURE__ */ ((n) => (n[n.Constant = 0] = "Constant", n[n.RandomBetweenTwoConstants = 1] = "RandomBetweenTwoConstants", n[n.Curve = 2] = "Curve", n[n.RandomBetweenTwoCurves = 3] = "RandomBetweenTwoCurves", n))(Ve || {}), Ae = /* @__PURE__ */ ((n) => (n[n.PaperIndexTime = 0] = "PaperIndexTime", n[n.TurnIndexTime = 1] = "TurnIndexTime", n))(Ae || {});
+class De {
   constructor(t) {
     this.keys = t ? t.map((e) => ({ time: e.time, value: e.value })) : [];
   }
@@ -1358,10 +1358,10 @@ class Ve {
 function at(n, t, e) {
   return Math.max(t, Math.min(e, n));
 }
-function De(n, t, e) {
+function He(n, t, e) {
   return n === t ? 0 : at((e - n) / (t - n), 0, 1);
 }
-function Wt(n, t) {
+function jt(n, t) {
   return n + Math.random() * (t - n);
 }
 class ot {
@@ -1432,12 +1432,12 @@ class ot {
   getValue(t, e) {
     if (this.m_Mode === 0) return this.m_Constant;
     if (this.m_Mode === 1)
-      return Wt(this.m_ConstantMin, this.m_ConstantMax);
+      return jt(this.m_ConstantMin, this.m_ConstantMax);
     const s = this.m_CurveTimeMode === 0 ? t : e;
     if (this.m_Mode === 2)
       return this.m_Curve.evaluate(s);
     if (this.m_Mode === 3)
-      return Wt(
+      return jt(
         this.m_CurveMin.evaluate(s),
         this.m_CurveMax.evaluate(s)
       );
@@ -1457,9 +1457,9 @@ class ot {
     }
     for (let h = 0; h < r; h++) {
       let u = i[h].time, l = i[h].value;
-      u = De(a, o, u), l = at(l, e, s), i[h].time = u, i[h].value = l;
+      u = He(a, o, u), l = at(l, e, s), i[h].time = u, i[h].value = l;
     }
-    return new Ve(i);
+    return new De(i);
   }
   // ── Value-type clone ────────────────────────────────────────────────────
   clone() {
@@ -1536,7 +1536,7 @@ const I = class I {
   }
 };
 I.kMinTwist = -1, I.kMaxTwist = 1, I.kMinBend = 0, I.kMaxBend = 1, I.kMinDuration = 0, I.kMaxDuration = 5;
-let ut = I, us = class extends Error {
+let ut = I, ds = class extends Error {
   constructor() {
     super(
       "The book's height exceeds the maximum limit. Please consider using thinner paper, increasing the width of the paper, or reducing the number of pages."
@@ -1544,7 +1544,7 @@ let ut = I, us = class extends Error {
   }
 };
 var K;
-let Ae = (K = class extends c.Group {
+let Fe = (K = class extends c.Group {
   // ── Constructor ────────────────────────────────────────────────────────
   constructor(t) {
     super(), this.m_Content = null, this.m_Binding = null, this.m_InitialOpenProgress = 0, this.m_BuildOnAwake = !0, this.m_CastShadows = !0, this.m_AlignToGround = !1, this.m_HideBinder = !1, this.m_CreateColliders = !1, this.m_ReduceShadows = !1, this.m_ReduceSubMeshes = !1, this.m_ReduceOverdraw = !1, this.m_CoverPaperSetup = new ct({
@@ -1812,9 +1812,9 @@ let Ae = (K = class extends c.Group {
   // ── Build ─────────────────────────────────────────────────────────────
   build() {
     if (this.clear(), this.m_Content === null || this.m_Content.isEmpty || this.m_Binding === null) return;
-    if (this.m_MeshFactory === null && (this.m_MeshFactory = new ve()), this.m_RendererFactory === null) {
+    if (this.m_MeshFactory === null && (this.m_MeshFactory = new ke()), this.m_RendererFactory === null) {
       const w = new c.Object3D();
-      w.name = "Root", this.add(w), this.m_Root = w, this.m_RendererFactory = new Se(this.m_Root);
+      w.name = "Root", this.add(w), this.m_Root = w, this.m_RendererFactory = new Be(this.m_Root);
     }
     this.m_RendererFactory.createColliders = this.m_CreateColliders, this.m_Direction = this.m_Content.direction;
     const t = this.m_Direction > 1 ? Math.PI / 2 : 0;
@@ -1827,7 +1827,7 @@ let Ae = (K = class extends c.Group {
     let u = 0, l = 0, d = 0;
     this.m_Papers = new Array(o);
     for (let w = 0; w < o; w++) {
-      const z = this.m_HasCover && (w < h || w >= o - h), N = this.m_RendererFactory.get("Paper"), S = this.m_Papers[w] = new xe(z, w, this, N);
+      const z = this.m_HasCover && (w < h || w >= o - h), N = this.m_RendererFactory.get("Paper"), S = this.m_Papers[w] = new we(z, w, this, N);
       S.renderer.castShadows = this.m_CastShadows, w < Math.round(c.MathUtils.lerp(0, o, a)) && (S.transform.scale.set(-1, 1, 1), S.setTime(1)), z ? (S.setContentData(i[l++], i[l++], w > h), S.setMaterialData(e), S.setPaperSetup(this.m_CoverPaperSetup)) : (S.setContentData(r[u++], r[u++]), S.setMaterialData(s), S.setPaperSetup(this.m_PagePaperSetup)), d += S.thickness;
     }
     this.m_TotalThickness = d;
@@ -1842,11 +1842,11 @@ let Ae = (K = class extends c.Group {
       this.m_RendererFactory,
       this.m_MeshFactory
     ), this.m_Bound.binderRenderer.setVisibility(!this.m_HideBinder);
-    const b = this.m_ReduceOverdraw && r.length > 0, M = this.m_ReduceSubMeshes, C = this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M), v = b ? this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M, !0) : null, k = this.createPaperMeshDataPool(this.m_PagePaperSetup, !1), O = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !0), Z = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !1), V = Math.floor(o / 2) - 1, L = V + 1, D = this.m_Bound.constructor.name.includes("Staple");
+    const b = this.m_ReduceOverdraw && r.length > 0, M = this.m_ReduceSubMeshes, y = this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M), v = b ? this.createPaperMeshDataPool(this.m_PagePaperSetup, !0, M, !0) : null, k = this.createPaperMeshDataPool(this.m_PagePaperSetup, !1), O = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !0), Z = this.createPaperMeshDataPool(this.m_CoverPaperSetup, !1), V = Math.floor(o / 2) - 1, L = V + 1, A = this.m_Bound.constructor.name.includes("Staple");
     for (let w = 0; w < o; w++) {
       const z = this.m_Papers[w];
-      w !== 0 && (z.prev = this.m_Papers[w - 1]), w !== o - 1 && (z.next = this.m_Papers[w + 1]), z.noHole = D && (w === V || w === L), z.isCover ? z.setMeshData(O.get(), null, Z) : z.setMeshData(
-        C.get(),
+      w !== 0 && (z.prev = this.m_Papers[w - 1]), w !== o - 1 && (z.next = this.m_Papers[w + 1]), z.noHole = A && (w === V || w === L), z.isCover ? z.setMeshData(O.get(), null, Z) : z.setMeshData(
+        y.get(),
         (v == null ? void 0 : v.get()) ?? null,
         k
       );
@@ -1868,7 +1868,7 @@ let Ae = (K = class extends c.Group {
       i,
       s
     );
-    return new be(
+    return new ze(
       this.m_MeshFactory,
       a,
       e && this.m_Bound.useSharedMeshDataForLowpoly
@@ -1922,10 +1922,10 @@ let Ae = (K = class extends c.Group {
       s.frontContent.setActive(t.has(s.frontContent)), s.backContent.setActive(t.has(s.backContent));
   }
 }, K.s_Instances = /* @__PURE__ */ new Set(), K);
-function Fe(n, t, e) {
-  const s = ht(null), [i, r] = Kt(!1);
-  return Ct(() => {
-    const a = new Ae(n);
+function Oe(n, t, e) {
+  const s = ht(null), [i, r] = Jt(!1);
+  return yt(() => {
+    const a = new Fe(n);
     s.current = a;
     try {
       a.init(), r(!0), t == null || t(a);
@@ -1940,26 +1940,26 @@ function Fe(n, t, e) {
     (h = s.current) == null || h.update(o);
   }), { bookRef: s, ready: i };
 }
-const kt = re(null);
+const kt = oe(null);
 function _t() {
-  return Jt(kt);
+  return te(kt);
 }
-function ds() {
-  const n = Jt(kt);
+function fs() {
+  const n = te(kt);
   if (!n)
     throw new Error("useRequiredBook() must be called inside a <Book> component.");
   return n;
 }
-const _s = ae(function({ onBuilt: t, onError: e, children: s, ...i }, r) {
-  const { bookRef: a, ready: o } = Fe(i, t, e);
-  return oe(r, () => a.current, [o]), !o || !a.current ? null : /* @__PURE__ */ ie(kt.Provider, { value: a.current, children: [
-    /* @__PURE__ */ ne("primitive", { object: a.current }),
+const gs = he(function({ onBuilt: t, onError: e, children: s, ...i }, r) {
+  const { bookRef: a, ready: o } = Oe(i, t, e);
+  return le(r, () => a.current, [o]), !o || !a.current ? null : /* @__PURE__ */ re(kt.Provider, { value: a.current, children: [
+    /* @__PURE__ */ ae("primitive", { object: a.current }),
     s
   ] });
 });
-function He(n, { enabled: t = !0, orbitControlsRef: e } = {}) {
-  const { gl: s, camera: i } = le(), r = ht(!1), a = ht(null), o = ht(t);
-  o.current = t, Ct(() => {
+function Ze(n, { enabled: t = !0, orbitControlsRef: e } = {}) {
+  const { gl: s, camera: i } = ue(), r = ht(!1), a = ht(null), o = ht(t);
+  o.current = t, yt(() => {
     const h = s.domElement, u = new c.Raycaster(), l = new c.Vector2(), d = (_) => {
       const p = h.getBoundingClientRect();
       return l.set(
@@ -1981,11 +1981,11 @@ function He(n, { enabled: t = !0, orbitControlsRef: e } = {}) {
     };
   }, [s, i, n, e]);
 }
-function fs({ bookRef: n, enabled: t = !0, orbitControlsRef: e }) {
+function ps({ bookRef: n, enabled: t = !0, orbitControlsRef: e }) {
   const s = _t(), i = ht(null);
-  return i.current = (n == null ? void 0 : n.current) ?? s, He(i, { enabled: t, orbitControlsRef: e }), null;
+  return i.current = (n == null ? void 0 : n.current) ?? s, Ze(i, { enabled: t, orbitControlsRef: e }), null;
 }
-function gs(n) {
+function xs(n) {
   const t = _t(), e = rt(
     (r) => {
       var a;
@@ -2007,7 +2007,7 @@ function gs(n) {
   );
   return { setOpenProgress: e, setOpenProgressByIndex: s, stopTurning: i };
 }
-function ps(n) {
+function Ms(n) {
   const t = _t(), e = () => (n == null ? void 0 : n.current) ?? t, s = rt(
     (h) => {
       var u;
@@ -2046,7 +2046,7 @@ function ps(n) {
   );
   return { turnNext: s, turnPrev: i, turnAll: r, startAutoTurning: a, cancelPendingAutoTurns: o };
 }
-const Oe = {
+const Le = {
   isBuilt: !1,
   isTurning: !1,
   isFalling: !1,
@@ -2057,7 +2057,7 @@ const Oe = {
   coverPaperCount: 0,
   pagePaperCount: 0
 };
-function Ze(n) {
+function Ne(n) {
   return {
     isBuilt: n.isBuilt,
     isTurning: n.isTurning,
@@ -2070,32 +2070,32 @@ function Ze(n) {
     pagePaperCount: n.pagePaperCount
   };
 }
-function Le(n, t) {
+function Ue(n, t) {
   return n.isBuilt === t.isBuilt && n.isTurning === t.isTurning && n.isFalling === t.isFalling && n.isIdle === t.isIdle && n.isAutoTurning === t.isAutoTurning && n.hasPendingAutoTurns === t.hasPendingAutoTurns && n.paperCount === t.paperCount && n.coverPaperCount === t.coverPaperCount && n.pagePaperCount === t.pagePaperCount;
 }
-function xs(n) {
-  const t = _t(), [e, s] = Kt(Oe);
+function ws(n) {
+  const t = _t(), [e, s] = Jt(Le);
   return Pt(() => {
     const i = (n == null ? void 0 : n.current) ?? t;
     if (!i) return;
-    const r = Ze(i);
-    s((a) => Le(a, r) ? a : r);
+    const r = Ne(i);
+    s((a) => Ue(a, r) ? a : r);
   }), e;
 }
-function Ne(n) {
+function Ee(n) {
   return [...n.covers, ...n.pages].filter((e) => e instanceof c.Texture);
 }
-function Ms(n, t) {
-  const e = ht([]), s = he(() => {
+function ys(n, t) {
+  const e = ht([]), s = ce(() => {
     for (const r of e.current) r.dispose();
     const i = n();
-    return e.current = Ne(i), i;
+    return e.current = Ee(i), i;
   }, t);
-  return Ct(() => () => {
+  return yt(() => () => {
     for (const i of e.current) i.dispose();
   }, []), s;
 }
-class Ue {
+class se {
   constructor(t) {
     this.x = (t == null ? void 0 : t.x) ?? 0, this.y = (t == null ? void 0 : t.y) ?? 0, this.width = (t == null ? void 0 : t.width) ?? 0, this.text = (t == null ? void 0 : t.text) ?? "", this.fontFamily = (t == null ? void 0 : t.fontFamily) ?? "Georgia", this.fontSize = (t == null ? void 0 : t.fontSize) ?? 24, this.fontWeight = (t == null ? void 0 : t.fontWeight) ?? "normal", this.fontStyle = (t == null ? void 0 : t.fontStyle) ?? "normal", this.color = (t == null ? void 0 : t.color) ?? "#222", this.lineHeight = (t == null ? void 0 : t.lineHeight) ?? 1.4, this.textAlign = (t == null ? void 0 : t.textAlign) ?? "left", this.opacity = (t == null ? void 0 : t.opacity) ?? 1, this.shadowColor = (t == null ? void 0 : t.shadowColor) ?? "", this.shadowBlur = (t == null ? void 0 : t.shadowBlur) ?? 0;
   }
@@ -2160,10 +2160,10 @@ class Ue {
     t.restore();
   }
 }
-function Ee(n) {
+function Xe(n) {
   return n.map instanceof c.Texture;
 }
-class Xe {
+class We {
   constructor(t) {
     this.texts = [], this._textureST = new c.Vector4(1, 1, 0, 0);
     const e = (t == null ? void 0 : t.width) ?? 512, s = (t == null ? void 0 : t.height) ?? 512;
@@ -2187,7 +2187,7 @@ class Xe {
   }
   // ── Text API ─────────────────────────────────────────────────────────────
   addText(t) {
-    const e = new Ue(t);
+    const e = new se(t);
     return this.texts.push(e), e;
   }
   removeText(t) {
@@ -2223,7 +2223,7 @@ class Xe {
       if (!e.isMesh) return;
       const s = e, i = Array.isArray(s.material) ? s.material : [s.material];
       for (const r of i)
-        Ee(r) && r.map.image === this.canvas && (r.map.needsUpdate = !0);
+        Xe(r) && r.map.image === this.canvas && (r.map.needsUpdate = !0);
     });
   }
   // ── IPageContent ─────────────────────────────────────────────────────────
@@ -2238,13 +2238,13 @@ class Xe {
     this._texture.dispose();
   }
 }
-function ws(n) {
+function Cs(n) {
   const t = ht(null);
-  t.current || (t.current = new Xe(n));
+  t.current || (t.current = new We(n));
   const e = t.current, s = _t();
   return Pt(() => {
     e.update(s ?? void 0);
-  }), Ct(() => () => {
+  }), yt(() => () => {
     e.dispose();
   }, [e]), e;
 }
@@ -2259,7 +2259,7 @@ function je(n, t, e, s, i, r, a) {
   n.drawImage(t, e + (i - l) * 0.5, s + (r - d) * 0.5, l, d);
 }
 const Gt = 256;
-function Cs(n, t, e, s, i, r, a) {
+function Ts(n, t, e, s, i, r, a) {
   const o = r ? Math.round(r * Gt) : 512, h = a ? Math.round(a * Gt) : 512, u = document.createElement("canvas");
   u.width = o, u.height = h;
   const l = u.getContext("2d");
@@ -2274,7 +2274,7 @@ function Cs(n, t, e, s, i, r, a) {
   const d = new c.CanvasTexture(u);
   return d.colorSpace = c.SRGBColorSpace, d;
 }
-async function ys(n) {
+async function Ps(n) {
   if (!n) return null;
   const t = URL.createObjectURL(n), e = new Image();
   e.decoding = "async", e.src = t;
@@ -2286,7 +2286,7 @@ async function ys(n) {
     return URL.revokeObjectURL(t), console.error(s), null;
   }
 }
-class Ts {
+class vs {
   constructor() {
     this.m_BookContent = null, this.m_IsActive = !1, this.onActiveChangedCallback = null;
   }
@@ -2339,7 +2339,7 @@ class qt {
   setActive(t) {
   }
 }
-class Ps {
+class Ss {
   constructor() {
     this.m_Direction = X.LeftToRight, this.m_Covers = [null, null, null, null], this.m_Pages = [null, null, null, null, null, null, null, null], this.m_Book = null;
   }
@@ -2440,9 +2440,9 @@ class Ps {
     return !this.isCoverPaperSideIndex(t);
   }
 }
-class We {
+class Ge {
 }
-class vs {
+class ks {
   constructor(t, e) {
     this.m_Book = t, this.m_Root = e;
   }
@@ -2458,28 +2458,28 @@ function Qt(n, t, e, s) {
 function $t(n, t) {
   return n++, n === t ? 0 : n;
 }
-function Ge(n, t) {
+function qe(n, t) {
   return n === 0 ? t - 1 : n - 1;
 }
-class qe {
+class Qe {
   constructor() {
     this.baseXArray = [], this.baseZArray = [], this.baseXOffset = 0, this.baseVertexCount = 0, this.xSeams = [], this.zSeams = [], this.xNoneSeamIndexes = [], this.borders = [], this.texcoords = [], this.weights = [], this.triangles = [], this.frontTriangles = [], this.backTriangles = [], this.borderTriangles = [], this.vertexCount = 0, this.subMeshCount = 0, this.size = new c.Vector2(), this.thickness = 0;
   }
 }
-const Qe = 0.01, $e = 0.1, Ye = 0.04, Ke = 0.4, Je = 2, ts = 10, es = 0, ss = 5;
+const $e = 0.01, Ye = 0.1, Ke = 0.04, Je = 0.4, ts = 2, es = 10, ss = 0, is = 5;
 function st(n, t, e) {
   return Math.max(t, Math.min(e, n));
 }
-function ee(n) {
+function ie(n) {
   return Math.max(0, Math.min(1, n));
 }
-function H(n, t, e) {
+function F(n, t, e) {
   return n + (t - n) * e;
 }
 function Yt(n, t, e) {
-  return n === t ? 0 : ee((e - n) / (t - n));
+  return n === t ? 0 : ie((e - n) / (t - n));
 }
-function is(n, t) {
+function ns(n, t) {
   const e = n.clone().normalize();
   if (e.lengthSq() === 0) return new c.Quaternion();
   let s = new c.Vector3().crossVectors(t, e);
@@ -2492,7 +2492,7 @@ function is(n, t) {
   return new c.Quaternion().setFromRotationMatrix(r);
 }
 const et = Math.PI / 180, nt = 180 / Math.PI;
-class ns {
+class rs {
   constructor() {
     this._material = null, this._color = new c.Color(1, 1, 1), this._thickness = 0.05, this._crown = 0.2, this._margin = 0.1, this._count = 4, this._quality = 3;
   }
@@ -2512,43 +2512,43 @@ class ns {
     return this._thickness;
   }
   set thickness(t) {
-    this._thickness = st(t, Qe, $e);
+    this._thickness = st(t, $e, Ye);
   }
   get margin() {
     return this._margin;
   }
   set margin(t) {
-    this._margin = ee(t);
+    this._margin = ie(t);
   }
   get crown() {
     return this._crown;
   }
   set crown(t) {
-    this._crown = st(t, Ye, Ke);
+    this._crown = st(t, Ke, Je);
   }
   get count() {
     return this._count;
   }
   set count(t) {
-    this._count = st(t, Je, ts);
+    this._count = st(t, ts, es);
   }
   get quality() {
     return this._quality;
   }
   set quality(t) {
-    this._quality = st(t, es, ss);
+    this._quality = st(t, ss, is);
   }
 }
-class rs extends Error {
+class as extends Error {
   constructor() {
     super("Book height is too large relative to paper width."), this.name = "BookHeightException";
   }
 }
-class as {
+class os {
   // ── Constructor ────────────────────────────────────────────────────────
   constructor(t, e, s, i, r) {
     if (this.m_StapleMargin = 0, this.m_StapleThickness = 0, this.m_BindingRadius = 0, this.m_BindingMidSpace = 0, this.m_StackHeight = 0, this.m_BindingVertexCount = 0, this.useSharedMeshDataForLowpoly = !1, this._binderRendererAdapter = null, this.m_Book = s, this.m_Root = i, this.m_Quality = t, s.totalThickness * 1.25 > s.minPaperWidth)
-      throw new rs();
+      throw new as();
     const a = this.m_Book.coverPaperSetup, o = this.m_Book.pagePaperSetup, h = new c.BufferGeometry();
     this.updateStapleMesh(e, h);
     const u = r ?? new c.MeshStandardMaterial({
@@ -2570,7 +2570,7 @@ class as {
     this.updateRootPosition();
   }
   get binderRenderer() {
-    return this._binderRendererAdapter || (this._binderRendererAdapter = new os(this.stapleMesh)), this._binderRendererAdapter;
+    return this._binderRendererAdapter || (this._binderRendererAdapter = new hs(this.stapleMesh)), this._binderRendererAdapter;
   }
   // ── updateStapleMesh ──────────────────────────────────────────────────
   updateStapleMesh(t, e) {
@@ -2581,144 +2581,144 @@ class as {
       this.m_Book.minPaperHeight / 2 - s - i,
       i
     );
-    this.m_StapleMargin = H(i, r, t.margin);
+    this.m_StapleMargin = F(i, r, t.margin);
     const a = this.m_Book.minPaperHeight - this.m_StapleMargin * 2;
     let o = t.count, h = (a - s * o) / (o - 1);
     for (h = Math.max(h, 0); h < this.m_StapleThickness * 2 && o > 2; )
       o--, h = (a - s * o) / (o - 1), h = Math.max(h, 0);
-    const u = t.quality / 5, l = Math.floor(H(4, 20, u)), d = Math.floor(H(4, 10, u)), f = Math.floor(H(3, 10, u)), g = this.m_StapleThickness / 2, m = g * 2.5, _ = 0.9, p = g * 1;
+    const u = t.quality / 5, l = Math.floor(F(4, 20, u)), d = Math.floor(F(4, 10, u)), f = Math.floor(F(3, 10, u)), g = this.m_StapleThickness / 2, m = g * 2.5, _ = 0.9, p = g * 1;
     let T = s / 2 * _;
     T = Math.max(T, p * 2);
     let b = 0;
     b += this.m_Book.totalThickness / 2, b += g;
-    const M = -(this.m_Book.papers[0].thickness / 2 + g), C = [];
+    const M = -(this.m_Book.papers[0].thickness / 2 + g), y = [];
     {
       for (let R = 0; R < d; R++) {
-        const E = R / (d - 1), q = H(-90, -180, E) * et, y = new c.Vector3(
+        const E = R / (d - 1), q = F(-90, -180, E) * et, C = new c.Vector3(
           p * Math.sin(q),
           0,
           p * Math.cos(q)
         );
-        y.x += p, y.z += p, y.x += M, C.push(y);
+        C.x += p, C.z += p, C.x += M, y.push(C);
       }
-      const x = new c.Vector3(b, 0, 0), F = new c.Vector3(b + m * 0.75, 0, 0), P = new c.Vector3(b - g * 0.5, 0, T);
+      const x = new c.Vector3(b, 0, 0), H = new c.Vector3(b + m * 0.75, 0, 0), P = new c.Vector3(b - g * 0.5, 0, T);
       for (let R = 0; R < f; R++) {
-        const E = R / (f - 1), G = Qt(x, F, P, E);
-        G.x += M, C.push(G);
+        const E = R / (f - 1), G = Qt(x, H, P, E);
+        G.x += M, y.push(G);
       }
-      C.reverse();
+      y.reverse();
     }
     const v = new Array(l);
     for (let x = 0; x < l; x++) {
       const P = (90 - x * (360 / l)) * et;
       v[x] = new c.Vector3(Math.cos(P), Math.sin(P), 0), v[x].x *= 0.75;
     }
-    const k = C.length, O = k * l, Z = new Array(O * 2), V = new Array(O * 2), L = new Array(
+    const k = y.length, O = k * l, Z = new Array(O * 2), V = new Array(O * 2), L = new Array(
       (O * 2 - 1) * l * 2 * 3
     );
     for (let x = 0; x < O * 2; x++)
       Z[x] = new c.Vector3(), V[x] = new c.Vector3();
-    let D = 0;
+    let A = 0;
     for (let x = 0; x < k; x++) {
-      const F = C[Ge(x, k)], P = C[x], R = C[$t(x, k)];
+      const H = y[qe(x, k)], P = y[x], R = y[$t(x, k)];
       let E;
       if (x === 0)
         E = new c.Vector3(1, 0, -2).normalize();
       else if (x === k - 1)
         E = new c.Vector3(0, 0, 1);
       else {
-        const J = P.clone().sub(F).normalize(), tt = R.clone().sub(P).normalize();
+        const J = P.clone().sub(H).normalize(), tt = R.clone().sub(P).normalize();
         E = J.add(tt).multiplyScalar(0.5);
       }
-      const G = new c.Vector3(0, 1, 0), q = is(E, G), y = D;
+      const G = new c.Vector3(0, 1, 0), q = ns(E, G), C = A;
       let B = Yt(0, f / 4, x);
-      B = H(0.1, 1, B), B = Math.sqrt(B);
+      B = F(0.1, 1, B), B = Math.sqrt(B);
       for (let J = 0; J < l; J++) {
         const tt = v[J].clone().applyQuaternion(q).multiplyScalar(B), ft = P.clone().add(tt.clone().multiplyScalar(g));
-        Z[D] = ft, V[D] = tt.clone();
+        Z[A] = ft, V[A] = tt.clone();
         const lt = P.clone().add(tt.clone().multiplyScalar(g));
         lt.z = s - lt.z;
-        const se = y + l - J - 1, Bt = O * 2 - se - 1;
-        Z[Bt] = lt, V[Bt] = tt.clone(), D++;
+        const ne = C + l - J - 1, Bt = O * 2 - ne - 1;
+        Z[Bt] = lt, V[Bt] = tt.clone(), A++;
       }
     }
     let w = 0;
-    const z = C.length * 2;
+    const z = y.length * 2;
     for (let x = 0; x < z - 1; x++) {
-      const F = x * l, P = (x + 1) * l;
+      const H = x * l, P = (x + 1) * l;
       for (let R = 0; R < l; R++) {
-        const E = $t(R, l), G = F + R, q = F + E, y = P + E, B = P + R;
-        L[w++] = G, L[w++] = B, L[w++] = q, L[w++] = q, L[w++] = B, L[w++] = y;
+        const E = $t(R, l), G = H + R, q = H + E, C = P + E, B = P + R;
+        L[w++] = G, L[w++] = B, L[w++] = q, L[w++] = q, L[w++] = B, L[w++] = C;
       }
     }
-    const N = [...Z], S = [...V], Q = [...L], W = Z.map((x) => x.clone()), $ = [...L];
+    const N = [...Z], S = [...V], Q = [...L], j = Z.map((x) => x.clone()), $ = [...L];
     for (let x = 0; x < o - 1; x++) {
-      const F = W.length;
+      const H = j.length;
       for (let P = 0; P < $.length; P++)
-        $[P] += F;
-      for (let P = 0; P < W.length; P++)
-        W[P].z += h + s;
-      N.push(...W.map((P) => P.clone())), S.push(...V.map((P) => P.clone())), Q.push(...$);
+        $[P] += H;
+      for (let P = 0; P < j.length; P++)
+        j[P].z += h + s;
+      N.push(...j.map((P) => P.clone())), S.push(...V.map((P) => P.clone())), Q.push(...$);
     }
-    const j = new Float32Array(N.length * 3), A = new Float32Array(S.length * 3);
+    const W = new Float32Array(N.length * 3), D = new Float32Array(S.length * 3);
     for (let x = 0; x < N.length; x++)
-      j[x * 3] = N[x].x, j[x * 3 + 1] = N[x].y, j[x * 3 + 2] = N[x].z, A[x * 3] = S[x].x, A[x * 3 + 1] = S[x].y, A[x * 3 + 2] = S[x].z;
+      W[x * 3] = N[x].x, W[x * 3 + 1] = N[x].y, W[x * 3 + 2] = N[x].z, D[x * 3] = S[x].x, D[x * 3 + 1] = S[x].y, D[x * 3 + 2] = S[x].z;
     e.setAttribute(
       "position",
-      new c.BufferAttribute(j, 3)
+      new c.BufferAttribute(W, 3)
     ), e.setAttribute(
       "normal",
-      new c.BufferAttribute(A, 3)
+      new c.BufferAttribute(D, 3)
     ), e.setIndex(Q);
   }
   // ── createPaperPattern ────────────────────────────────────────────────
   createPaperPattern(t, e, s, i, r, a) {
-    const o = new qe();
+    const o = new Qe();
     o.size = e, o.thickness = s;
     const h = this.m_BindingRadius;
     o.baseXOffset = -h;
     const u = this.m_Quality + 1;
     this.m_BindingVertexCount = u;
     const l = t / 5, d = Math.min(e.x, e.y) / 60, f = Math.floor(
-      H(0, (e.x - h) / d, l)
-    ), g = Math.floor(H(0, e.y / d, l));
+      F(0, (e.x - h) / d, l)
+    ), g = Math.floor(F(0, e.y / d, l));
     let m = 2 + f + 1 + u, _ = 2 + g;
     const p = new it(0);
     let T = p;
     const b = h / u;
     let M = 0;
-    for (let y = 1; y < u + 1; y++)
+    for (let C = 1; C < u + 1; C++)
       T = T.createNext(M), M += b;
-    const C = (e.x - h) / (f + 1);
-    for (let y = u + 1; y < m; y++)
-      T = T.createNext(M), M += C;
+    const y = (e.x - h) / (f + 1);
+    for (let C = u + 1; C < m; C++)
+      T = T.createNext(M), M += y;
     const v = new it(0);
     let k = v;
     const O = e.y / (_ - 1);
     let Z = 0;
-    for (let y = 0; y < _ - 1; y++)
+    for (let C = 0; C < _ - 1; C++)
       Z += O, k = k.createNext(Z);
-    const V = [], L = [], D = i.clone();
+    const V = [], L = [], A = i.clone();
     if (r) {
-      let y = 0;
-      this.m_Book.hasCover && (y = Math.floor(this.m_Book.coverPaperCount / 2));
+      let C = 0;
+      this.m_Book.hasCover && (C = Math.floor(this.m_Book.coverPaperCount / 2));
       const B = Math.max(0.01, s);
-      D.left = 0, D.right = (this.getPX(y + 1, s) - this.getPX(y, s) + B) / e.x, D.down = B / e.y, D.up = B / e.y;
+      A.left = 0, A.right = (this.getPX(C + 1, s) - this.getPX(C, s) + B) / e.x, A.down = B / e.y, A.up = B / e.y;
     }
-    const w = new Me(o, D, !1);
+    const w = new ye(o, A, !1);
     w.insert(p, v, V, L), p.updateIndex(0), v.updateIndex(0), Lt(V, o.xSeams), Lt(L, o.zSeams);
     const z = this.m_BindingVertexCount + 2, N = new Array(z);
     o.xNoneSeamIndexes = N, T = p;
-    for (let y = 0; y < z; y++) {
-      N[y] = T.index;
+    for (let C = 0; C < z; C++) {
+      N[C] = T.index;
       do
         T = T.next;
       while (T.seam);
     }
     const S = p.getValues(), Q = v.getValues();
     m = S.length, _ = Q.length;
-    const W = m * _, $ = [], j = new Array(W).fill(0), A = [], x = [], F = [], P = [];
-    Te(
+    const j = m * _, $ = [], W = new Array(j).fill(0), D = [], x = [], H = [], P = [];
+    ve(
       $,
       S,
       Q,
@@ -2729,27 +2729,27 @@ class as {
     const R = w.leftNode.index, E = w.downNode.index;
     let G = w.rightNode.index, q = w.upNode.index;
     G === 0 && (G = m - 1), q === 0 && (q = _ - 1);
-    for (let y = 0; y < _ - 1; y++)
+    for (let C = 0; C < _ - 1; C++)
       for (let B = 0; B < m - 1; B++) {
-        if (r && y >= E && y < q && B >= R && B < G)
+        if (r && C >= E && C < q && B >= R && B < G)
           continue;
-        const J = y * m + B, tt = y * m + (B + 1), ft = (y + 1) * m + B, lt = (y + 1) * m + (B + 1);
-        j[J] += 2, j[tt] += 2, j[ft] += 2, j[lt] += 2, ye(
-          A,
+        const J = C * m + B, tt = C * m + (B + 1), ft = (C + 1) * m + B, lt = (C + 1) * m + (B + 1);
+        W[J] += 2, W[tt] += 2, W[ft] += 2, W[lt] += 2, Pe(
+          D,
           x,
           J,
           tt,
           ft,
           lt,
-          W
+          j
         );
       }
-    if (P.push(new St(0, 0, m - 1, _ - 1, !1, !1)), we(P, F, $, m, _), o.baseXArray = S, o.baseZArray = Q, o.baseVertexCount = W, o.vertexCount = $.length, o.texcoords = $, o.weights = j, a) {
+    if (P.push(new St(0, 0, m - 1, _ - 1, !1, !1)), Ce(P, H, $, m, _), o.baseXArray = S, o.baseZArray = Q, o.baseVertexCount = j, o.vertexCount = $.length, o.texcoords = $, o.weights = W, a) {
       o.subMeshCount = 1;
-      const y = [];
-      y.push(...A), y.push(...F), y.push(...x), o.triangles = y;
+      const C = [];
+      C.push(...D), C.push(...H), C.push(...x), o.triangles = C;
     } else
-      o.subMeshCount = 3, o.frontTriangles = A, o.backTriangles = x, o.borderTriangles = F;
+      o.subMeshCount = 3, o.frontTriangles = D, o.backTriangles = x, o.borderTriangles = H;
     return o.borders = P, o;
   }
   // ── updateRootPosition ────────────────────────────────────────────────
@@ -2764,14 +2764,14 @@ class as {
     let i = 0;
     const r = e.length / 2 - 1, a = e.length / 2;
     for (let M = 0; M < s; M++) {
-      const C = e[M];
-      C.updateTime();
-      const v = C.zTime, k = C.thickness;
+      const y = e[M];
+      y.updateTime();
+      const v = y.zTime, k = y.thickness;
       i += v * k, M === r && (i += v * this.m_BindingMidSpace / 2), M === a && (i += v * this.m_BindingMidSpace / 2);
     }
     let o = this.getStackHeight(t.index) - t.thickness / 2;
     const h = this.getStackZ(o), u = 180 + h;
-    let l = t.isFlipped ? 1 : 0, d = H(h, u, l);
+    let l = t.isFlipped ? 1 : 0, d = F(h, u, l);
     const f = d * et, g = new c.Vector3(
       Math.cos(f) * this.m_BindingRadius,
       Math.sin(f) * this.m_BindingRadius,
@@ -2783,18 +2783,18 @@ class as {
       let M = 0;
       if (this.m_Book.alignToGround) {
         m = e[0].size.x;
-        const C = this.m_StackHeight / 2;
-        _ = st(i, 0, C) - C, p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
+        const y = this.m_StackHeight / 2;
+        _ = st(i, 0, y) - y, p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
       }
-      d = H(T, -M, l);
+      d = F(T, -M, l);
     } else {
       let M = 0;
       if (this.m_Book.alignToGround) {
         m = e[0].size.x;
-        const C = this.m_StackHeight / 2;
-        _ = C - st(i, C, C * 2), p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
+        const y = this.m_StackHeight / 2;
+        _ = y - st(i, y, y * 2), p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
       }
-      d = H(M, -T, l);
+      d = F(M, -T, l);
     }
     t.transform.position.copy(g), t.transform.quaternion.setFromEuler(
       new c.Euler(0, 0, d * et)
@@ -2807,7 +2807,7 @@ class as {
     const a = s.length / 2 - 1, o = s.length / 2;
     for (let _ = 0; _ < i; _++)
       r += 0 * e, _ === a && (r += 0 * this.m_BindingMidSpace / 2), _ === o && (r += 0 * this.m_BindingMidSpace / 2);
-    const h = this.getStackHeight(t) - e / 2, u = this.getStackZ(h), l = 180 + u, g = H(u, l, 0) * et;
+    const h = this.getStackHeight(t) - e / 2, u = this.getStackZ(h), l = 180 + u, g = F(u, l, 0) * et;
     return new c.Vector3(
       Math.cos(g) * this.m_BindingRadius,
       Math.sin(g) * this.m_BindingRadius,
@@ -2820,13 +2820,13 @@ class as {
     let i = 0;
     const r = e.length / 2 - 1, a = e.length / 2;
     for (let M = 0; M < s; M++) {
-      const C = e[M];
-      C.updateTime();
-      const v = C.zTime, k = C.thickness;
+      const y = e[M];
+      y.updateTime();
+      const v = y.zTime, k = y.thickness;
       i += v * k, M === r && (i += v * this.m_BindingMidSpace / 2), M === a && (i += v * this.m_BindingMidSpace / 2);
     }
     const o = this.getStackHeight(t.index) - t.thickness / 2, h = this.getStackZ(o + i), u = 180 + this.getStackZ(o + i - this.m_StackHeight);
-    let l = t.zTime, d = H(h, u, l);
+    let l = t.zTime, d = F(h, u, l);
     const f = d * et, g = new c.Vector3(
       Math.cos(f) * this.m_BindingRadius,
       Math.sin(f) * this.m_BindingRadius,
@@ -2838,18 +2838,18 @@ class as {
       let M = 0;
       if (this.m_Book.alignToGround) {
         m = e[0].size.x;
-        const C = this.m_StackHeight / 2;
-        _ = st(i, 0, C) - C, p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
+        const y = this.m_StackHeight / 2;
+        _ = st(i, 0, y) - y, p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
       }
-      d = H(T, -M, l);
+      d = F(T, -M, l);
     } else {
       let M = 0;
       if (this.m_Book.alignToGround) {
         m = e[0].size.x;
-        const C = this.m_StackHeight / 2;
-        _ = C - st(i, C, C * 2), p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
+        const y = this.m_StackHeight / 2;
+        _ = y - st(i, y, y * 2), p = Math.sqrt(m * m - _ * _), M = (Math.asin(p / m) * nt - 90) * 2;
       }
-      d = H(M, -T, l);
+      d = F(M, -T, l);
     }
     t.transform.position.copy(g), t.transform.quaternion.setFromEuler(
       new c.Euler(0, 0, d * et)
@@ -2886,19 +2886,19 @@ class as {
     let e = new c.Vector3(0, 0, 0), s = new c.Vector3(0, 0, 0), i = this.m_BindingRadius * 0.6;
     const r = this.m_StapleThickness * 0.5, a = t[0].thickness, o = this.m_Root.matrixWorld.clone(), h = t.length;
     for (let u = 0; u < h; u++) {
-      const l = t[u], d = l.transform, f = l.meshData.pattern, g = l.meshData.baseVertices, m = f.baseXArray, _ = f.baseZArray, p = m.length, T = _.length, b = this.m_BindingVertexCount + 1, M = l.thickness, C = f.xNoneSeamIndexes, v = d.position.clone();
+      const l = t[u], d = l.transform, f = l.meshData.pattern, g = l.meshData.baseVertices, m = f.baseXArray, _ = f.baseZArray, p = m.length, T = _.length, b = this.m_BindingVertexCount + 1, M = l.thickness, y = f.xNoneSeamIndexes, v = d.position.clone();
       let k = u, O = r;
       u >= Math.floor(h / 2) && (k = h - u - 1, O *= -1);
       const Z = (a + M) * 0.5 + M * (k - 1), V = d.matrixWorld.clone().invert().multiply(o), L = k / (h / 2);
-      i = this.m_BindingRadius * H(0.45, 0.65, 1 - L);
-      for (let D = 0; D < T; D++) {
-        const w = _[D], z = new c.Vector3(0, 0, v.z + w), N = v.clone();
+      i = this.m_BindingRadius * F(0.45, 0.65, 1 - L);
+      for (let A = 0; A < T; A++) {
+        const w = _[A], z = new c.Vector3(0, 0, v.z + w), N = v.clone();
         N.z += w;
         const S = l.getDirection(w).multiplyScalar(i).add(N.clone());
-        if (u === 0 && D === 0) {
-          const A = t[h - 1], F = A.transform.position.clone().clone();
-          F.z += w;
-          const P = A.getDirection(w).multiplyScalar(i).add(F);
+        if (u === 0 && A === 0) {
+          const D = t[h - 1], H = D.transform.position.clone().clone();
+          H.z += w;
+          const P = D.getDirection(w).multiplyScalar(i).add(H);
           s = S.clone().sub(P).normalize(), e = new c.Vector3(
             -s.y,
             s.x,
@@ -2908,16 +2908,16 @@ class as {
           this.stapleMesh.rotation.set(0, 0, R * et);
         }
         k > 0 && z.add(e.clone().multiplyScalar(Z));
-        const Q = D * p;
+        const Q = A * p;
         g[Q] = z.clone().applyMatrix4(V), z.add(s.clone().multiplyScalar(O));
-        const W = z.clone().applyMatrix4(V), $ = S.clone().applyMatrix4(V), j = N.clone().applyMatrix4(V);
-        g[Q + C[1]] = W;
-        for (let A = 2; A < b; A++) {
-          const x = Yt(1, b, A);
-          g[Q + C[A]] = Qt(
-            W,
-            $,
+        const j = z.clone().applyMatrix4(V), $ = S.clone().applyMatrix4(V), W = N.clone().applyMatrix4(V);
+        g[Q + y[1]] = j;
+        for (let D = 2; D < b; D++) {
+          const x = Yt(1, b, D);
+          g[Q + y[D]] = Qt(
             j,
+            $,
+            W,
             x
           );
         }
@@ -2947,7 +2947,7 @@ class as {
     return this.m_StapleThickness;
   }
 }
-class os {
+class hs {
   constructor(t) {
     this.mesh = t;
   }
@@ -2973,12 +2973,12 @@ class os {
     return this.mesh;
   }
 }
-class Ss extends We {
+class Bs extends Ge {
   constructor() {
-    super(...arguments), this.quality = 3, this.stapleSetup = new ns();
+    super(...arguments), this.quality = 3, this.stapleSetup = new rs();
   }
   createBound(t, e, s, i) {
-    return new as(
+    return new os(
       this.quality,
       this.stapleSetup,
       t,
@@ -2986,56 +2986,147 @@ class Ss extends We {
     );
   }
 }
+function ls(n) {
+  return n.map instanceof c.Texture;
+}
+class Kt {
+  constructor(t, e) {
+    this._spread = t, this._textureST = e === "left" ? new c.Vector4(0.5, 1, 0, 0) : new c.Vector4(0.5, 1, 0.5, 0);
+  }
+  get texture() {
+    return this._spread.texture;
+  }
+  get textureST() {
+    return this._textureST;
+  }
+  isPointOverUI(t) {
+    return !1;
+  }
+  init(t) {
+  }
+  setActive(t) {
+  }
+}
+function bs(n) {
+  const t = [];
+  for (let e = 1; e + 1 < n; e += 2)
+    t.push(e);
+  return t;
+}
+class Is {
+  constructor(t) {
+    this.texts = [], this.pageWidth = (t == null ? void 0 : t.pageWidth) ?? 512, this.pageHeight = (t == null ? void 0 : t.pageHeight) ?? 512, this.canvas = document.createElement("canvas"), this.canvas.width = this.pageWidth * 2, this.canvas.height = this.pageHeight;
+    const e = this.canvas.getContext("2d");
+    if (!e) throw new Error("SpreadContent: could not get 2D context");
+    this.ctx = e, this._source = (t == null ? void 0 : t.source) ?? null, this._texture = new c.CanvasTexture(this.canvas), this._texture.colorSpace = c.SRGBColorSpace, this.left = new Kt(this, "left"), this.right = new Kt(this, "right");
+  }
+  get texture() {
+    return this._texture;
+  }
+  /** The base layer drawn beneath text blocks (full spread width). */
+  get source() {
+    return this._source;
+  }
+  set source(t) {
+    this._source = t;
+  }
+  // ── Text API ─────────────────────────────────────────────────────────────
+  addText(t) {
+    const e = new se(t);
+    return this.texts.push(e), e;
+  }
+  removeText(t) {
+    const e = this.texts.indexOf(t);
+    e !== -1 && this.texts.splice(e, 1);
+  }
+  /** Update a text block by index. Only provided fields are changed. */
+  updateText(t, e) {
+    const s = this.texts[t];
+    s && (e.x !== void 0 && (s.x = e.x), e.y !== void 0 && (s.y = e.y), e.width !== void 0 && (s.width = e.width), e.text !== void 0 && (s.text = e.text), e.fontFamily !== void 0 && (s.fontFamily = e.fontFamily), e.fontSize !== void 0 && (s.fontSize = e.fontSize), e.fontWeight !== void 0 && (s.fontWeight = e.fontWeight), e.fontStyle !== void 0 && (s.fontStyle = e.fontStyle), e.color !== void 0 && (s.color = e.color), e.lineHeight !== void 0 && (s.lineHeight = e.lineHeight), e.textAlign !== void 0 && (s.textAlign = e.textAlign), e.opacity !== void 0 && (s.opacity = e.opacity), e.shadowColor !== void 0 && (s.shadowColor = e.shadowColor), e.shadowBlur !== void 0 && (s.shadowBlur = e.shadowBlur));
+  }
+  // ── Per-frame update ─────────────────────────────────────────────────────
+  /**
+   * Re-composite the canvas: source layer + text blocks.
+   * Call every frame (or when content changes).
+   *
+   * @param root  Optional THREE.Object3D to traverse for texture sync
+   *              (needed because three-book clones material textures).
+   */
+  update(t) {
+    const { ctx: e, canvas: s } = this, i = s.width, r = s.height;
+    e.clearRect(0, 0, i, r), this._source && e.drawImage(this._source, 0, 0, i, r);
+    for (const a of this.texts) a.draw(e);
+    this._texture.needsUpdate = !0, t && this.syncMaterials(t);
+  }
+  /**
+   * Traverse `root` and set `needsUpdate = true` on every material map whose
+   * source image is this spread's canvas.
+   */
+  syncMaterials(t) {
+    t.traverse((e) => {
+      if (!e.isMesh) return;
+      const s = e, i = Array.isArray(s.material) ? s.material : [s.material];
+      for (const r of i)
+        ls(r) && r.map.image === this.canvas && (r.map.needsUpdate = !0);
+    });
+  }
+  // ── Lifecycle ────────────────────────────────────────────────────────────
+  dispose() {
+    this._texture.dispose();
+  }
+}
 export {
-  Ve as AnimationCurve,
+  De as AnimationCurve,
   dt as AutoTurnDirection,
-  Ie as AutoTurnMode,
+  Re as AutoTurnMode,
   ot as AutoTurnSetting,
-  Re as AutoTurnSettingCurveTimeMode,
-  ze as AutoTurnSettingMode,
+  Ae as AutoTurnSettingCurveTimeMode,
+  Ve as AutoTurnSettingMode,
   ut as AutoTurnSettings,
-  _s as Book,
-  We as BookBinding,
-  vs as BookBound,
-  Ps as BookContent,
+  gs as Book,
+  Ge as BookBinding,
+  ks as BookBound,
+  Ss as BookContent,
   kt as BookContext,
   X as BookDirection,
-  us as BookHeightException,
-  fs as BookInteraction,
-  Be as BookRenderer,
+  ds as BookHeightException,
+  ps as BookInteraction,
+  Ie as BookRenderer,
   pt as Cylinder,
-  ve as MeshFactory,
+  ke as MeshFactory,
   Gt as PX_PER_UNIT,
-  Ts as PageContent,
-  xe as Paper,
+  vs as PageContent,
+  we as Paper,
   St as PaperBorder,
   Ot as PaperMaterialData,
-  jt as PaperMeshData,
-  be as PaperMeshDataPool,
+  Wt as PaperMeshData,
+  ze as PaperMeshDataPool,
   it as PaperNode,
-  Me as PaperNodeMargin,
-  qe as PaperPattern,
+  ye as PaperNodeMargin,
+  Qe as PaperPattern,
   vt as PaperSeam,
   ct as PaperSetup,
   Tt as PaperUVMargin,
-  Se as RendererFactory,
+  Be as RendererFactory,
+  Is as SpreadContent,
   qt as SpritePageContent2,
-  Ss as StapleBookBinding,
-  as as StapleBookBound,
-  ns as StapleSetup,
-  Ue as TextBlock,
-  Xe as TextOverlayContent,
-  Ae as ThreeBook,
-  Cs as createPageTexture,
+  Bs as StapleBookBinding,
+  os as StapleBookBound,
+  rs as StapleSetup,
+  se as TextBlock,
+  We as TextOverlayContent,
+  Fe as ThreeBook,
+  Ts as createPageTexture,
   je as drawImageWithFit,
-  ys as loadImage,
-  ps as useAutoTurn,
+  bs as getSpreadPairs,
+  Ps as loadImage,
+  Ms as useAutoTurn,
   _t as useBook,
-  Ms as useBookContent,
-  gs as useBookControls,
-  Fe as useBookRef,
-  xs as useBookState,
-  He as usePageTurning,
-  ds as useRequiredBook,
-  ws as useTextOverlay
+  ys as useBookContent,
+  xs as useBookControls,
+  Oe as useBookRef,
+  ws as useBookState,
+  Ze as usePageTurning,
+  fs as useRequiredBook,
+  Cs as useTextOverlay
 };