@8btc/wujie-ppt 0.0.13-beta → 0.0.15-beta

package/dist/wujie-ppt.es.js

@@ -4731,7 +4731,11 @@ const yv = {
   );
 }, rb = "_elementOutlineSvg_1jkv6_1", nb = {
   elementOutlineSvg: rb
-}, xc = ({ width: t, height: e, outline: r }) => {
+}, xc = ({
+  width: t,
+  height: e,
+  outline: r
+}) => {
   const { outlineWidth: n, outlineColor: i, strokeDashArray: a } = io(r);
   return r ? /* @__PURE__ */ A.createElement(
     "svg",
@@ -32057,9 +32061,14 @@ const W3 = ({
   for (t = MB(t); u < t.length; )
     r = t.charCodeAt(u++), n = t.charCodeAt(u++), i = t.charCodeAt(u++), a = r >> 2, o = (r & 3) << 4 | n >> 4, s = (n & 15) << 2 | i >> 6, l = i & 63, isNaN(n) ? s = l = 64 : isNaN(i) && (l = 64), e = e + iu.charAt(a) + iu.charAt(o) + iu.charAt(s) + iu.charAt(l);
   return e;
+}, AB = (t) => {
+  if (typeof t != "string") return t;
+  let e = t;
+  const r = /fill\s*[=:]\s*["']?#([0-9a-fA-F]{8})["']?/g, n = /fill\s*[=:]\s*["']?rgba\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*[0-9.]+\s*\)["']?/g;
+  return e = e.replace(r, (i) => i.includes(":") ? "fill: transparent" : 'fill="transparent"'), e = e.replace(n, (i) => i.includes(":") ? "fill: transparent" : 'fill="transparent"'), e;
 }, m2 = (t) => {
-  const r = new XMLSerializer().serializeToString(t);
-  return CB + DB(r);
+  let r = new XMLSerializer().serializeToString(t);
+  return r = AB(r), CB + DB(r);
 }, le = (t) => {
   if (!t)
     return {
@@ -32071,13 +32080,13 @@ const W3 = ({
     alpha: r,
     color: n
   };
-}, AB = (t) => {
+}, PB = (t) => {
   const e = /^data:image\/svg\+xml;base64,/.test(t), r = /\.svg$/.test(t);
   return e || r;
 }, Ih = (t) => {
   const e = /^data:image\/[^;]+;base64,/;
   return t.match(e) !== null;
-}, au = 16, PB = () => {
+}, au = 16, kB = () => {
   const { viewportRatio: t, viewportSize: e, theme: r, slides: n, title: i } = Rt(), a = nt(() => 96 * (e / 960), [e]), o = nt(() => 96 / 72 * (e / 960), [e]), s = (p) => {
     const v = EB(p);
     let g = !1, m = 0;
@@ -32224,7 +32233,7 @@ const W3 = ({
       if (H.background) {
         const D = H.background;
         if (D.type === "image" && D.image)
-          AB(D.image.src) ? F.addImage({
+          PB(D.image.src) ? F.addImage({
             data: D.image.src,
             x: 0,
             y: 0,
@@ -32307,7 +32316,7 @@ const W3 = ({
               const G = document.querySelector(
                 `.thumbnail-list .base-element-${D.id} svg`
               );
-              if (G.clientWidth < 1 || G.clientHeight < 1) continue;
+              if (!G || G.clientWidth < 1 || G.clientHeight < 1) continue;
               const Q = {
                 data: m2(G),
                 x: D.left / a,
@@ -32539,37 +32548,44 @@ const W3 = ({
       S.write({ outputType: "blob" }).then(b).catch(_);
     }, 200);
   } };
-}, kB = ({ initialSlidesData: t, onDataUpdate: e, renderPageExtra: r }, n) => {
-  const { setSlides: i, setTheme: a, setViewportRatio: o, setViewportSize: s } = Rt.getState(), { applyThemeToAllSlides: l, applyPresetTheme: u, applyFontToAllSlides: c } = uB(), { exportPPTX: f } = PB();
+}, NB = ({ initialSlidesData: t, onDataUpdate: e, renderPageExtra: r }, n) => {
+  const {
+    slides: i,
+    theme: a,
+    setSlides: o,
+    setTheme: s,
+    setViewportRatio: l,
+    setViewportSize: u
+  } = Rt.getState(), { applyThemeToAllSlides: c, applyPresetTheme: f, applyFontToAllSlides: d } = uB(), { exportPPTX: h } = kB();
   return Lt(() => {
     if (t) {
-      const { slides: d, theme: h, viewportRatio: p, viewportSize: v } = lB(t);
-      i(d), a(h), o(p), s(v);
+      const { slides: p, theme: v, viewportRatio: g, viewportSize: m } = lB(t);
+      o(p), s(v), l(g), u(m);
     }
   }, []), Lt(() => {
-    const d = Rt.subscribe((h) => {
-      const p = {
-        slides: h.slides,
-        title: h.title,
-        theme: h.theme,
-        viewportRatio: h.viewportRatio
+    const p = Rt.subscribe((v, g) => {
+      const m = {
+        slides: v.slides,
+        title: v.title,
+        theme: v.theme,
+        viewportRatio: v.viewportRatio
       };
-      e(p);
+      (g.slides !== v.slides || g.theme !== v.theme) && e(m);
     });
-    return () => d();
+    return () => p();
   }, [e]), Ed(n, () => ({
-    applyThemeToAllSlides: l,
-    applyPresetTheme: u,
-    applyFontToAllSlides: c,
-    exportPPTX: f
+    applyThemeToAllSlides: c,
+    applyPresetTheme: f,
+    applyFontToAllSlides: d,
+    exportPPTX: h
   })), /* @__PURE__ */ A.createElement("div", { style: { width: "100%", height: "100%", position: "relative" } }, /* @__PURE__ */ A.createElement(iB, { renderPageExtra: r }));
-}, BV = yc(kB), NB = "_thumbnails_1awpq_1", OB = "_thumbnailList_1awpq_6", RB = "_thumbnailItem_1awpq_11", IB = "_thumbnail_1awpq_1", BB = "_active_1awpq_19", $B = "_label_1awpq_25", Hn = {
-  thumbnails: NB,
-  thumbnailList: OB,
-  thumbnailItem: RB,
-  thumbnail: IB,
-  active: BB,
-  label: $B
+}, IV = yc(NB), OB = "_thumbnails_1awpq_1", RB = "_thumbnailList_1awpq_6", IB = "_thumbnailItem_1awpq_11", BB = "_thumbnail_1awpq_1", $B = "_active_1awpq_19", VB = "_label_1awpq_25", Hn = {
+  thumbnails: OB,
+  thumbnailList: RB,
+  thumbnailItem: IB,
+  thumbnail: BB,
+  active: $B,
+  label: VB
 };
 var Xp = ol(), Nt = (t) => al(t, Xp), Up = ol();
 Nt.write = (t) => al(t, Up);
@@ -32632,7 +32648,7 @@ function al(t, e) {
 function e7() {
   qn < 0 && (qn = 0, Nt.frameLoop !== "demand" && qp(r7));
 }
-function VB() {
+function zB() {
   qn = -1;
 }
 function r7() {
@@ -32643,7 +32659,7 @@ function n7() {
   qn = Nt.now();
   const e = t7(qn);
   if (e && (i7(Ba.splice(0, e), (r) => r.handler()), jn -= e), !jn) {
-    VB();
+    zB();
     return;
   }
   qc.flush(), Xp.flush(t ? Math.min(64, qn - t) : 16.667), Yp.flush(), Up.flush(), Zp.flush();
@@ -32671,12 +32687,12 @@ function i7(t, e) {
     }
   });
 }
-var zB = Object.defineProperty, FB = (t, e) => {
+var FB = Object.defineProperty, HB = (t, e) => {
   for (var r in e)
-    zB(t, r, { get: e[r], enumerable: !0 });
+    FB(t, r, { get: e[r], enumerable: !0 });
 }, $r = {};
-FB($r, {
-  assign: () => GB,
+HB($r, {
+  assign: () => WB,
   colors: () => ti,
   createStringInterpolator: () => Qp,
   skipAnimation: () => o7,
@@ -32685,7 +32701,7 @@ FB($r, {
 });
 function md() {
 }
-var HB = (t, e, r) => Object.defineProperty(t, e, { value: r, writable: !0, configurable: !0 }), ot = {
+var GB = (t, e, r) => Object.defineProperty(t, e, { value: r, writable: !0, configurable: !0 }), ot = {
   arr: Array.isArray,
   obj: (t) => !!t && t.constructor.name === "Object",
   fun: (t) => typeof t == "function",
@@ -32719,7 +32735,7 @@ function ps(t, e) {
     t.clear(), Vt(r, e);
   }
 }
-var Jo = (t, ...e) => ps(t, (r) => r(...e)), jp = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), Qp, a7, ti = null, o7 = !1, Kp = md, GB = (t) => {
+var Jo = (t, ...e) => ps(t, (r) => r(...e)), jp = () => typeof window > "u" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent), Qp, a7, ti = null, o7 = !1, Kp = md, WB = (t) => {
   t.to && (a7 = t.to), t.now && (Nt.now = t.now), t.colors !== void 0 && (ti = t.colors), t.skipAnimation != null && (o7 = t.skipAnimation), t.createStringInterpolator && (Qp = t.createStringInterpolator), t.requestAnimationFrame && Nt.use(t.requestAnimationFrame), t.batchedUpdates && (Nt.batchedUpdates = t.batchedUpdates), t.willAdvance && (Kp = t.willAdvance), t.frameLoop && (Nt.frameLoop = t.frameLoop);
 }, vs = /* @__PURE__ */ new Set(), wr = [], Bh = [], dc = 0, jc = {
   get idle() {
@@ -32727,7 +32743,7 @@ var Jo = (t, ...e) => ps(t, (r) => r(...e)), jp = () => typeof window > "u" || !
   },
   /** Advance the given animation on every frame until idle. */
   start(t) {
-    dc > t.priority ? (vs.add(t), Nt.onStart(WB)) : (s7(t), Nt(yd));
+    dc > t.priority ? (vs.add(t), Nt.onStart(XB)) : (s7(t), Nt(yd));
   },
   /** Advance all animations by the given time. */
   advance: yd,
@@ -32749,7 +32765,7 @@ var Jo = (t, ...e) => ps(t, (r) => r(...e)), jp = () => typeof window > "u" || !
     wr = [], vs.clear();
   }
 };
-function WB() {
+function XB() {
   vs.forEach(s7), vs.clear(), Nt(yd);
 }
 function s7(t) {
@@ -32757,7 +32773,7 @@ function s7(t) {
 }
 function l7(t) {
   wr.splice(
-    XB(wr, (e) => e.priority > t.priority),
+    UB(wr, (e) => e.priority > t.priority),
     0,
     t
   );
@@ -32770,11 +32786,11 @@ function yd(t) {
   }
   return dc = 0, Bh = wr, Bh.length = 0, wr = e, wr.length > 0;
 }
-function XB(t, e) {
+function UB(t, e) {
   const r = t.findIndex(e);
   return r < 0 ? t.length : r;
 }
-var UB = (t, e, r) => Math.min(Math.max(r, t), e), YB = {
+var YB = (t, e, r) => Math.min(Math.max(r, t), e), ZB = {
   transparent: 0,
   aliceblue: 4042850303,
   antiquewhite: 4209760255,
@@ -32929,34 +32945,34 @@ var UB = (t, e, r) => Math.min(Math.max(r, t), e), YB = {
 function Qc(...t) {
   return "\\(\\s*(" + t.join(")\\s*,\\s*(") + ")\\s*\\)";
 }
-var ZB = new RegExp("rgb" + Qc(Rr, Rr, Rr)), qB = new RegExp("rgba" + Qc(Rr, Rr, Rr, Rr)), jB = new RegExp("hsl" + Qc(Rr, pc, pc)), QB = new RegExp(
+var qB = new RegExp("rgb" + Qc(Rr, Rr, Rr)), jB = new RegExp("rgba" + Qc(Rr, Rr, Rr, Rr)), QB = new RegExp("hsl" + Qc(Rr, pc, pc)), KB = new RegExp(
   "hsla" + Qc(Rr, pc, pc, Rr)
-), KB = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, JB = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, t$ = /^#([0-9a-fA-F]{6})$/, e$ = /^#([0-9a-fA-F]{8})$/;
-function r$(t) {
+), JB = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, t$ = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/, e$ = /^#([0-9a-fA-F]{6})$/, r$ = /^#([0-9a-fA-F]{8})$/;
+function n$(t) {
   let e;
-  return typeof t == "number" ? t >>> 0 === t && t >= 0 && t <= 4294967295 ? t : null : (e = t$.exec(t)) ? parseInt(e[1] + "ff", 16) >>> 0 : ti && ti[t] !== void 0 ? ti[t] : (e = ZB.exec(t)) ? (wa(e[1]) << 24 | // r
+  return typeof t == "number" ? t >>> 0 === t && t >= 0 && t <= 4294967295 ? t : null : (e = e$.exec(t)) ? parseInt(e[1] + "ff", 16) >>> 0 : ti && ti[t] !== void 0 ? ti[t] : (e = qB.exec(t)) ? (wa(e[1]) << 24 | // r
   wa(e[2]) << 16 | // g
   wa(e[3]) << 8 | // b
   255) >>> // a
-  0 : (e = qB.exec(t)) ? (wa(e[1]) << 24 | // r
+  0 : (e = jB.exec(t)) ? (wa(e[1]) << 24 | // r
   wa(e[2]) << 16 | // g
   wa(e[3]) << 8 | // b
   b2(e[4])) >>> // a
-  0 : (e = KB.exec(t)) ? parseInt(
+  0 : (e = JB.exec(t)) ? parseInt(
     e[1] + e[1] + // r
     e[2] + e[2] + // g
     e[3] + e[3] + // b
     "ff",
     // a
     16
-  ) >>> 0 : (e = e$.exec(t)) ? parseInt(e[1], 16) >>> 0 : (e = JB.exec(t)) ? parseInt(
+  ) >>> 0 : (e = r$.exec(t)) ? parseInt(e[1], 16) >>> 0 : (e = t$.exec(t)) ? parseInt(
     e[1] + e[1] + // r
     e[2] + e[2] + // g
     e[3] + e[3] + // b
     e[4] + e[4],
     // a
     16
-  ) >>> 0 : (e = jB.exec(t)) ? (y2(
+  ) >>> 0 : (e = QB.exec(t)) ? (y2(
     _2(e[1]),
     // h
     ou(e[2]),
@@ -32964,7 +32980,7 @@ function r$(t) {
     ou(e[3])
     // l
   ) | 255) >>> // a
-  0 : (e = QB.exec(t)) ? (y2(
+  0 : (e = KB.exec(t)) ? (y2(
     _2(e[1]),
     // h
     ou(e[2]),
@@ -32997,7 +33013,7 @@ function ou(t) {
   return e < 0 ? 0 : e > 100 ? 1 : e / 100;
 }
 function S2(t) {
-  let e = r$(t);
+  let e = n$(t);
   if (e === null) return t;
   e = e || 0;
   const r = (e & 4278190080) >>> 24, n = (e & 16711680) >>> 16, i = (e & 65280) >>> 8, a = (e & 255) / 255;
@@ -33016,8 +33032,8 @@ var $s = (t, e, r) => {
     return Qp(t);
   const n = t, i = n.output, a = n.range || [0, 1], o = n.extrapolateLeft || n.extrapolate || "extend", s = n.extrapolateRight || n.extrapolate || "extend", l = n.easing || ((u) => u);
   return (u) => {
-    const c = i$(u, a);
-    return n$(
+    const c = a$(u, a);
+    return i$(
       u,
       a[c],
       a[c + 1],
@@ -33030,7 +33046,7 @@ var $s = (t, e, r) => {
     );
   };
 };
-function n$(t, e, r, n, i, a, o, s, l) {
+function i$(t, e, r, n, i, a, o, s, l) {
   let u = l ? l(t) : t;
   if (u < e) {
     if (o === "identity") return u;
@@ -33042,16 +33058,16 @@ function n$(t, e, r, n, i, a, o, s, l) {
   }
   return n === i ? n : e === r ? t <= e ? n : i : (e === -1 / 0 ? u = -u : r === 1 / 0 ? u = u - e : u = (u - e) / (r - e), u = a(u), n === -1 / 0 ? u = -u : i === 1 / 0 ? u = u + n : u = u * (i - n) + n, u);
 }
-function i$(t, e) {
+function a$(t, e) {
   for (var r = 1; r < e.length - 1 && !(e[r] >= t); ++r)
     ;
   return r - 1;
 }
-var a$ = (t, e = "end") => (r) => {
+var o$ = (t, e = "end") => (r) => {
   r = e === "end" ? Math.min(r, 0.999) : Math.max(r, 1e-3);
   const n = r * t, i = e === "end" ? Math.floor(n) : Math.ceil(n);
-  return UB(0, 1, i / t);
-}, vc = 1.70158, su = vc * 1.525, x2 = vc + 1, w2 = 2 * Math.PI / 3, T2 = 2 * Math.PI / 4.5, lu = (t) => t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375, o$ = {
+  return YB(0, 1, i / t);
+}, vc = 1.70158, su = vc * 1.525, x2 = vc + 1, w2 = 2 * Math.PI / 3, T2 = 2 * Math.PI / 4.5, lu = (t) => t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + 0.75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + 0.9375 : 7.5625 * (t -= 2.625 / 2.75) * t + 0.984375, s$ = {
   linear: (t) => t,
   easeInQuad: (t) => t * t,
   easeOutQuad: (t) => 1 - (1 - t) * (1 - t),
@@ -33083,24 +33099,24 @@ var a$ = (t, e = "end") => (r) => {
   easeInBounce: (t) => 1 - lu(1 - t),
   easeOutBounce: lu,
   easeInOutBounce: (t) => t < 0.5 ? (1 - lu(1 - 2 * t)) / 2 : (1 + lu(2 * t - 1)) / 2,
-  steps: a$
+  steps: o$
 }, Vs = Symbol.for("FluidValue.get"), eo = Symbol.for("FluidValue.observers"), br = (t) => !!(t && t[Vs]), qe = (t) => t && t[Vs] ? t[Vs]() : t, L2 = (t) => t[eo] || null;
-function s$(t, e) {
+function l$(t, e) {
   t.eventObserved ? t.eventObserved(e) : t(e);
 }
 function zs(t, e) {
   const r = t[eo];
   r && r.forEach((n) => {
-    s$(n, e);
+    l$(n, e);
   });
 }
 var u7 = class {
   constructor(t) {
     if (!t && !(t = this.get))
       throw Error("Unknown getter");
-    l$(this, t);
+    u$(this, t);
   }
-}, l$ = (t, e) => c7(t, Vs, e);
+}, u$ = (t, e) => c7(t, Vs, e);
 function co(t, e) {
   if (t[Vs]) {
     let r = t[eo];
@@ -33119,8 +33135,8 @@ var c7 = (t, e, r) => Object.defineProperty(t, e, {
   value: r,
   writable: !0,
   configurable: !0
-}), Tu = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, u$ = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, E2 = new RegExp(`(${Tu.source})(%|[a-z]+)`, "i"), c$ = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, Kc = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, f7 = (t) => {
-  const [e, r] = f$(t);
+}), Tu = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, c$ = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi, E2 = new RegExp(`(${Tu.source})(%|[a-z]+)`, "i"), f$ = /rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, Kc = /var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/, f7 = (t) => {
+  const [e, r] = h$(t);
   if (!e || jp())
     return t;
   const n = window.getComputedStyle(document.documentElement).getPropertyValue(e);
@@ -33136,12 +33152,12 @@ var c7 = (t, e, r) => Object.defineProperty(t, e, {
       return r;
   }
   return t;
-}, f$ = (t) => {
+}, h$ = (t) => {
   const e = Kc.exec(t);
   if (!e) return [,];
   const [, r, n] = e;
   return [r, n];
-}, Vh, h$ = (t, e, r, n, i) => `rgba(${Math.round(e)}, ${Math.round(r)}, ${Math.round(n)}, ${i})`, h7 = (t) => {
+}, Vh, d$ = (t, e, r, n, i) => `rgba(${Math.round(e)}, ${Math.round(r)}, ${Math.round(n)}, ${i})`, h7 = (t) => {
   Vh || (Vh = ti ? (
     // match color names, ignore partial matches
     new RegExp(`(${Object.keys(ti).join("|")})(?!\\w)`, "g")
@@ -33149,7 +33165,7 @@ var c7 = (t, e, r) => Object.defineProperty(t, e, {
     // never match
     /^\b$/
   ));
-  const e = t.output.map((a) => qe(a).replace(Kc, f7).replace(u$, S2).replace(Vh, S2)), r = e.map((a) => a.match(Tu).map(Number)), i = r[0].map(
+  const e = t.output.map((a) => qe(a).replace(Kc, f7).replace(c$, S2).replace(Vh, S2)), r = e.map((a) => a.match(Tu).map(Number)), i = r[0].map(
     (a, o) => r.map((s) => {
       if (!(o in s))
         throw Error('The arity of each "output" value must be equal');
@@ -33165,7 +33181,7 @@ var c7 = (t, e, r) => Object.defineProperty(t, e, {
     return e[0].replace(
       Tu,
       () => `${i[s++](a)}${o || ""}`
-    ).replace(c$, h$);
+    ).replace(f$, d$);
   };
 }, Jp = "react-spring: ", d7 = (t) => {
   const e = t;
@@ -33175,15 +33191,15 @@ var c7 = (t, e, r) => Object.defineProperty(t, e, {
   return (...n) => {
     r || (e(...n), r = !0);
   };
-}, d$ = d7(console.warn);
-function p$() {
-  d$(
+}, p$ = d7(console.warn);
+function v$() {
+  p$(
     `${Jp}The "interpolate" function is deprecated in v9 (use "to" instead)`
   );
 }
-var v$ = d7(console.warn);
-function g$() {
-  v$(
+var g$ = d7(console.warn);
+function m$() {
+  g$(
     `${Jp}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`
   );
 }
@@ -33191,26 +33207,26 @@ function Jc(t) {
   return ot.str(t) && (t[0] == "#" || /\d/.test(t) || // Do not identify a CSS variable as an AnimatedString if its SSR
   !jp() && Kc.test(t) || t in (ti || {}));
 }
-var tv = jp() ? Lt : O7, m$ = () => {
+var tv = jp() ? Lt : O7, y$ = () => {
   const t = bt(!1);
   return tv(() => (t.current = !0, () => {
     t.current = !1;
   }), []), t;
 };
 function p7() {
-  const t = Mt()[1], e = m$();
+  const t = Mt()[1], e = y$();
   return () => {
     e.current && t(Math.random());
   };
 }
-var v7 = (t) => Lt(t, y$), y$ = [];
+var v7 = (t) => Lt(t, _$), _$ = [];
 function C2(t) {
   const e = bt(void 0);
   return Lt(() => {
     e.current = t;
   }), e.current;
 }
-var Hs = Symbol.for("Animated:node"), _$ = (t) => !!t && t[Hs] === t, qr = (t) => t && t[Hs], ev = (t, e) => HB(t, Hs, e), tf = (t) => t && t[Hs] && t[Hs].getPayload(), g7 = class {
+var Hs = Symbol.for("Animated:node"), b$ = (t) => !!t && t[Hs] === t, qr = (t) => t && t[Hs], ev = (t, e) => GB(t, Hs, e), tf = (t) => t && t[Hs] && t[Hs].getPayload(), g7 = class {
   constructor() {
     ev(this, this);
   }
@@ -33276,7 +33292,7 @@ var Hs = Symbol.for("Animated:node"), _$ = (t) => !!t && t[Hs] === t, qr = (t) =
   getValue(t) {
     const e = {};
     return sn(this.source, (r, n) => {
-      _$(r) ? e[n] = r.getValue(t) : br(r) ? e[n] = qe(r) : t || (e[n] = r);
+      b$(r) ? e[n] = r.getValue(t) : br(r) ? e[n] = qe(r) : t || (e[n] = r);
     }), e;
   }
   /** Replace the raw object data */
@@ -33299,7 +33315,7 @@ var Hs = Symbol.for("Animated:node"), _$ = (t) => !!t && t[Hs] === t, qr = (t) =
     const e = tf(t);
     e && Vt(e, (r) => this.add(r));
   }
-}, b$ = class _7 extends rf {
+}, S$ = class _7 extends rf {
   constructor(e) {
     super(e);
   }
@@ -33312,15 +33328,15 @@ var Hs = Symbol.for("Animated:node"), _$ = (t) => !!t && t[Hs] === t, qr = (t) =
   }
   setValue(e) {
     const r = this.getPayload();
-    return e.length == r.length ? r.map((n, i) => n.setValue(e[i])).some(Boolean) : (super.setValue(e.map(S$)), !0);
+    return e.length == r.length ? r.map((n, i) => n.setValue(e[i])).some(Boolean) : (super.setValue(e.map(x$)), !0);
   }
 };
-function S$(t) {
+function x$(t) {
   return (Jc(t) ? gc : ef).create(t);
 }
 function _d(t) {
   const e = qr(t);
-  return e ? e.constructor : ot.arr(t) ? b$ : Jc(t) ? gc : ef;
+  return e ? e.constructor : ot.arr(t) ? S$ : Jc(t) ? gc : ef;
 }
 var M2 = (t, e) => {
   const r = (
@@ -33332,15 +33348,15 @@ var M2 = (t, e) => {
     const a = bt(null), o = r && // eslint-disable-next-line react-hooks/rules-of-hooks
     ne(
       (p) => {
-        a.current = T$(i, p);
+        a.current = L$(i, p);
       },
       [i]
-    ), [s, l] = w$(n, e), u = p7(), c = () => {
+    ), [s, l] = T$(n, e), u = p7(), c = () => {
       const p = a.current;
       if (r && !p)
         return;
       (p ? e.applyAnimatedValues(p, s.getValue(!0)) : !1) === !1 && u();
-    }, f = new x$(c, l), d = bt(void 0);
+    }, f = new w$(c, l), d = bt(void 0);
     tv(() => (d.current = f, Vt(l, (p) => co(p, f)), () => {
       d.current && (Vt(
         d.current.deps,
@@ -33353,7 +33369,7 @@ var M2 = (t, e) => {
     const h = e.getComponentProps(s.getValue());
     return /* @__PURE__ */ H2.createElement(t, { ...h, ref: o });
   });
-}, x$ = class {
+}, w$ = class {
   constructor(t, e) {
     this.update = t, this.deps = e;
   }
@@ -33361,17 +33377,17 @@ var M2 = (t, e) => {
     t.type == "change" && Nt.write(this.update);
   }
 };
-function w$(t, e) {
+function T$(t, e) {
   const r = /* @__PURE__ */ new Set();
   return mc.dependencies = r, t.style && (t = {
     ...t,
     style: e.createAnimatedStyle(t.style)
   }), t = new rf(t), mc.dependencies = null, [t, r];
 }
-function T$(t, e) {
+function L$(t, e) {
   return t && (ot.fun(t) ? t(e) : t.current = e), e;
 }
-var D2 = Symbol.for("AnimatedComponent"), L$ = (t, {
+var D2 = Symbol.for("AnimatedComponent"), E$ = (t, {
   applyAnimatedValues: e = () => !1,
   createAnimatedStyle: r = (i) => new rf(i),
   getComponentProps: n = (i) => i
@@ -33393,8 +33409,8 @@ var D2 = Symbol.for("AnimatedComponent"), L$ = (t, {
 function zi(t, ...e) {
   return ot.fun(t) ? t(...e) : t;
 }
-var gs = (t, e) => t === !0 || !!(e && t && (ot.fun(t) ? t(e) : or(t).includes(e))), b7 = (t, e) => ot.obj(t) ? e && t[e] : t, S7 = (t, e) => t.default === !0 ? t[e] : t.default ? t.default[e] : void 0, E$ = (t) => t, rv = (t, e = E$) => {
-  let r = C$;
+var gs = (t, e) => t === !0 || !!(e && t && (ot.fun(t) ? t(e) : or(t).includes(e))), b7 = (t, e) => ot.obj(t) ? e && t[e] : t, S7 = (t, e) => t.default === !0 ? t[e] : t.default ? t.default[e] : void 0, C$ = (t) => t, rv = (t, e = C$) => {
+  let r = M$;
   t.default && t.default !== !0 && (t = t.default, r = Object.keys(t));
   const n = {};
   for (const i of r) {
@@ -33402,7 +33418,7 @@ var gs = (t, e) => t === !0 || !!(e && t && (ot.fun(t) ? t(e) : or(t).includes(e
     ot.und(a) || (n[i] = a);
   }
   return n;
-}, C$ = [
+}, M$ = [
   "config",
   "onProps",
   "onStart",
@@ -33410,7 +33426,7 @@ var gs = (t, e) => t === !0 || !!(e && t && (ot.fun(t) ? t(e) : or(t).includes(e
   "onPause",
   "onResume",
   "onRest"
-], M$ = {
+], D$ = {
   config: 1,
   from: 1,
   to: 1,
@@ -33446,16 +33462,16 @@ var gs = (t, e) => t === !0 || !!(e && t && (ot.fun(t) ? t(e) : or(t).includes(e
   callId: 1,
   parentId: 1
 };
-function D$(t) {
+function A$(t) {
   const e = {};
   let r = 0;
   if (sn(t, (n, i) => {
-    M$[i] || (e[i] = n, r++);
+    D$[i] || (e[i] = n, r++);
   }), r)
     return e;
 }
 function x7(t) {
-  const e = D$(t);
+  const e = A$(t);
   if (e) {
     const r = { to: e };
     return sn(t, (n, i) => i in e || (r[i] = n)), r;
@@ -33468,22 +33484,22 @@ function Gs(t) {
     output: [t, t]
   })(1) : t;
 }
-function A$(t) {
+function P$(t) {
   for (const e in t) return !0;
   return !1;
 }
 function bd(t) {
   return ot.fun(t) || ot.arr(t) && ot.obj(t[0]);
 }
-function P$(t, e) {
+function k$(t, e) {
   var r;
   (r = t.ref) == null || r.delete(t), e == null || e.delete(t);
 }
-function k$(t, e) {
+function N$(t, e) {
   var r;
   e && t.ref !== e && ((r = t.ref) == null || r.delete(t), e.add(t), t.ref = e);
 }
-var N$ = {
+var O$ = {
   default: { tension: 170, friction: 26 },
   gentle: { tension: 120, friction: 14 },
   wobbly: { tension: 180, friction: 12 },
@@ -33491,17 +33507,17 @@ var N$ = {
   slow: { tension: 280, friction: 60 },
   molasses: { tension: 280, friction: 120 }
 }, Sd = {
-  ...N$.default,
+  ...O$.default,
   mass: 1,
   damping: 1,
-  easing: o$.linear,
+  easing: s$.linear,
   clamp: !1
-}, O$ = class {
+}, R$ = class {
   constructor() {
     this.velocity = 0, Object.assign(this, Sd);
   }
 };
-function R$(t, e, r) {
+function I$(t, e, r) {
   r && (r = { ...r }, P2(r, e), e = { ...r, ...e }), P2(t, e), Object.assign(t, e);
   for (const o in Sd)
     t[o] == null && (t[o] = Sd[o]);
@@ -33517,9 +33533,9 @@ function P2(t, e) {
     (r || !ot.und(e.frequency) || !ot.und(e.damping) || !ot.und(e.mass)) && (t.duration = void 0, t.decay = void 0), r && (t.frequency = void 0);
   }
 }
-var k2 = [], I$ = class {
+var k2 = [], B$ = class {
   constructor() {
-    this.changed = !1, this.values = k2, this.toValues = null, this.fromValues = k2, this.config = new O$(), this.immediate = !1;
+    this.changed = !1, this.values = k2, this.toValues = null, this.fromValues = k2, this.config = new R$(), this.immediate = !1;
   }
 };
 function w7(t, { key: e, props: r, defaultProps: n, state: i, actions: a }) {
@@ -33640,9 +33656,9 @@ var N2 = class extends Error {
   constructor() {
     super("SkipAnimationSignal");
   }
-}, xd = (t) => t instanceof iv, B$ = 1, iv = class extends u7 {
+}, xd = (t) => t instanceof iv, $$ = 1, iv = class extends u7 {
   constructor() {
-    super(...arguments), this.id = B$++, this._priority = 0;
+    super(...arguments), this.id = $$++, this._priority = 0;
   }
   get priority() {
     return this._priority;
@@ -33661,7 +33677,7 @@ var N2 = class extends Error {
   }
   /** @deprecated Use the `to` method instead. */
   interpolate(...t) {
-    return p$(), $r.to(this, t);
+    return v$(), $r.to(this, t);
   }
   toJSON() {
     return this.get();
@@ -33695,9 +33711,9 @@ var N2 = class extends Error {
       priority: t
     });
   }
-}, ta = Symbol.for("SpringPhase"), E7 = 1, wd = 2, Td = 4, zh = (t) => (t[ta] & E7) > 0, Vn = (t) => (t[ta] & wd) > 0, Vo = (t) => (t[ta] & Td) > 0, R2 = (t, e) => e ? t[ta] |= wd | E7 : t[ta] &= ~wd, I2 = (t, e) => e ? t[ta] |= Td : t[ta] &= ~Td, $$ = class extends iv {
+}, ta = Symbol.for("SpringPhase"), E7 = 1, wd = 2, Td = 4, zh = (t) => (t[ta] & E7) > 0, Vn = (t) => (t[ta] & wd) > 0, Vo = (t) => (t[ta] & Td) > 0, R2 = (t, e) => e ? t[ta] |= wd | E7 : t[ta] &= ~wd, I2 = (t, e) => e ? t[ta] |= Td : t[ta] &= ~Td, V$ = class extends iv {
   constructor(t, e) {
-    if (super(), this.animation = new I$(), this.defaultProps = {}, this._state = {
+    if (super(), this.animation = new B$(), this.defaultProps = {}, this._state = {
       paused: !1,
       delayed: !1,
       pauseQueue: /* @__PURE__ */ new Set(),
@@ -33930,7 +33946,7 @@ var N2 = class extends Error {
     const h = !vn(c, l);
     h && this._focus(c);
     const p = bd(e.to), { config: v } = s, { decay: g, velocity: m } = v;
-    (n || i) && (v.velocity = 0), e.config && !p && R$(
+    (n || i) && (v.velocity = 0), e.config && !p && I$(
       v,
       zi(e.config, a),
       // Avoid calling the same "config" prop twice.
@@ -33963,7 +33979,7 @@ var N2 = class extends Error {
     }
     if (C && Vn(this) && (s.changed && !_ ? E = !0 : E || this._stop(l)), !p && ((E || br(l)) && (s.values = y.getPayload(), s.toValues = br(c) ? null : T == gc ? [1] : or(S)), s.immediate != w && (s.immediate = w, !w && !_ && this._set(l)), E)) {
       const { onRest: L } = s;
-      Vt(z$, (M) => $2(this, e, M));
+      Vt(F$, (M) => $2(this, e, M));
       const k = Or(this, zo(this, l));
       Jo(this._pendingCalls, k), this._pendingCalls.add(r), s.changed && Nt.batchedUpdates(() => {
         var M;
@@ -34077,14 +34093,14 @@ function Xs(t) {
   const { to: e, from: r } = t = x7(t), n = /* @__PURE__ */ new Set();
   return ot.obj(e) && B2(e, n), ot.obj(r) && B2(r, n), t.keys = n.size ? Array.from(n) : null, t;
 }
-function V$(t) {
+function z$(t) {
   const e = Xs(t);
   return ot.und(e.default) && (e.default = rv(e)), e;
 }
 function B2(t, e) {
   sn(t, (r, n) => r != null && e.add(n));
 }
-var z$ = [
+var F$ = [
   "onStart",
   "onRest",
   "onChange",
@@ -34098,9 +34114,9 @@ function Fo(t, e, ...r) {
   var n, i, a, o;
   (i = (n = t.animation)[e]) == null || i.call(n, ...r), (o = (a = t.defaultProps)[e]) == null || o.call(a, ...r);
 }
-var F$ = ["onStart", "onChange", "onRest"], H$ = 1, G$ = class {
+var H$ = ["onStart", "onChange", "onRest"], G$ = 1, W$ = class {
   constructor(t, e) {
-    this.id = H$++, this.springs = {}, this.queue = [], this._lastAsyncId = 0, this._active = /* @__PURE__ */ new Set(), this._changed = /* @__PURE__ */ new Set(), this._started = !1, this._state = {
+    this.id = G$++, this.springs = {}, this.queue = [], this._lastAsyncId = 0, this._active = /* @__PURE__ */ new Set(), this._changed = /* @__PURE__ */ new Set(), this._started = !1, this._state = {
       paused: !1,
       pauseQueue: /* @__PURE__ */ new Set(),
       resumeQueue: /* @__PURE__ */ new Set(),
@@ -34216,7 +34232,7 @@ async function M7(t, e, r) {
   const { keys: n, to: i, from: a, loop: o, onRest: s, onResolve: l } = e, u = ot.obj(e.default) && e.default;
   o && (e.loop = !1), i === !1 && (e.to = null), a === !1 && (e.from = null);
   const c = ot.arr(i) || ot.fun(i) ? i : void 0;
-  c ? (e.to = void 0, e.onRest = void 0, u && (u.onRest = void 0)) : Vt(F$, (v) => {
+  c ? (e.to = void 0, e.onRest = void 0, u && (u.onRest = void 0)) : Vt(H$, (v) => {
     const g = e[v];
     if (ot.fun(g)) {
       const m = t._events[v];
@@ -34277,7 +34293,7 @@ function D7(t, e) {
   });
 }
 function A7(t, e) {
-  const r = new $$();
+  const r = new V$();
   return r.key = t, e && co(r, e), r;
 }
 function P7(t, e, r) {
@@ -34290,12 +34306,12 @@ function k7(t, e) {
     P7(t.springs, r, (n) => A7(n, t));
   });
 }
-var W$ = H2.createContext({
+var X$ = H2.createContext({
   pause: !1,
   immediate: !1
-}), X$ = () => {
+}), U$ = () => {
   const t = [], e = function(n) {
-    g$();
+    m$();
     const i = [];
     return Vt(t, (a, o) => {
       if (ot.und(n))
@@ -34340,11 +34356,11 @@ var W$ = H2.createContext({
   };
   return e._getProps = r, e;
 };
-function U$(t, e, r) {
+function Y$(t, e, r) {
   const n = ot.fun(e) && e;
   n && !r && (r = []);
   const i = nt(
-    () => n || arguments.length == 3 ? X$() : void 0,
+    () => n || arguments.length == 3 ? U$() : void 0,
     []
   ), a = bt(0), o = p7(), s = nt(
     () => ({
@@ -34363,27 +34379,27 @@ function U$(t, e, r) {
   ), l = bt([...s.ctrls]), u = bt([]), c = C2(t) || 0;
   nt(() => {
     Vt(l.current.slice(t, c), (m) => {
-      P$(m, i), m.stop(!0);
+      k$(m, i), m.stop(!0);
     }), l.current.length = t, f(c, t);
   }, [t]), nt(() => {
     f(0, Math.min(c, t));
   }, r);
   function f(m, y) {
     for (let _ = m; _ < y; _++) {
-      const b = l.current[_] || (l.current[_] = new G$(null, s.flush)), S = n ? n(_, b) : e[_];
-      S && (u.current[_] = V$(S));
+      const b = l.current[_] || (l.current[_] = new W$(null, s.flush)), S = n ? n(_, b) : e[_];
+      S && (u.current[_] = z$(S));
     }
   }
   const d = l.current.map(
     (m, y) => V2(m, u.current[y])
-  ), h = R7(W$), p = C2(h), v = h !== p && A$(h);
+  ), h = R7(X$), p = C2(h), v = h !== p && P$(h);
   tv(() => {
     a.current++, s.ctrls = l.current;
     const { queue: m } = s;
     m.length && (s.queue = [], Vt(m, (y) => y())), Vt(l.current, (y, _) => {
       i == null || i.add(y), v && y.start({ default: h });
       const b = u.current[_];
-      b && (k$(y, b.ref), y.ref ? y.queue.push(b) : y.start(b));
+      b && (N$(y, b.ref), y.ref ? y.queue.push(b) : y.start(b));
     });
   }), v7(() => () => {
     Vt(s.ctrls, (m) => m.stop(!0));
@@ -34391,15 +34407,15 @@ function U$(t, e, r) {
   const g = d.map((m) => ({ ...m }));
   return i ? [g, i] : g;
 }
-function Y$(t, e) {
-  const r = ot.fun(t), [[n], i] = U$(
+function Z$(t, e) {
+  const r = ot.fun(t), [[n], i] = Y$(
     1,
     r ? t : [t],
     r ? [] : e
   );
   return r || arguments.length == 2 ? [n, i] : n;
 }
-var Z$ = class extends iv {
+var q$ = class extends iv {
   constructor(t, e) {
     super(), this.source = t, this.idle = !0, this._active = /* @__PURE__ */ new Set(), this.calc = $s(...e);
     const r = this._get(), n = _d(r);
@@ -34439,11 +34455,11 @@ var Z$ = class extends iv {
     ));
   }
 };
-function q$(t) {
+function j$(t) {
   return t.idle !== !1;
 }
 function z2(t) {
-  return !t.size || Array.from(t).every(q$);
+  return !t.size || Array.from(t).every(j$);
 }
 function Fh(t) {
   t.idle || (t.idle = !0, Vt(tf(t), (e) => {
@@ -34455,14 +34471,14 @@ function Fh(t) {
 }
 $r.assign({
   createStringInterpolator: h7,
-  to: (t, e) => new Z$(t, e)
+  to: (t, e) => new q$(t, e)
 });
 var N7 = /^--/;
-function j$(t, e) {
+function Q$(t, e) {
   return e == null || typeof e == "boolean" || e === "" ? "" : typeof e == "number" && e !== 0 && !N7.test(t) && !(ms.hasOwnProperty(t) && ms[t]) ? e + "px" : ("" + e).trim();
 }
 var F2 = {};
-function Q$(t, e) {
+function K$(t, e) {
   if (!t.nodeType || !t.setAttribute)
     return !1;
   const r = t.nodeName === "filter" || t.parentNode && t.parentNode.nodeName === "filter", {
@@ -34483,7 +34499,7 @@ function Q$(t, e) {
   a !== void 0 && (t.textContent = a);
   for (const d in i)
     if (i.hasOwnProperty(d)) {
-      const h = j$(d, i[d]);
+      const h = Q$(d, i[d]);
       N7.test(d) ? t.style.setProperty(d, h) : t.style[d] = h;
     }
   f.forEach((d, h) => {
@@ -34533,9 +34549,9 @@ var ms = {
   strokeMiterlimit: !0,
   strokeOpacity: !0,
   strokeWidth: !0
-}, K$ = (t, e) => t + e.charAt(0).toUpperCase() + e.substring(1), J$ = ["Webkit", "Ms", "Moz", "O"];
-ms = Object.keys(ms).reduce((t, e) => (J$.forEach((r) => t[K$(r, e)] = t[e]), t), ms);
-var tV = /^(matrix|translate|scale|rotate|skew)/, eV = /^(translate)/, rV = /^(rotate|skew)/, Hh = (t, e) => ot.num(t) && t !== 0 ? t + e : t, Lu = (t, e) => ot.arr(t) ? t.every((r) => Lu(r, e)) : ot.num(t) ? t === e : parseFloat(t) === e, nV = class extends rf {
+}, J$ = (t, e) => t + e.charAt(0).toUpperCase() + e.substring(1), tV = ["Webkit", "Ms", "Moz", "O"];
+ms = Object.keys(ms).reduce((t, e) => (tV.forEach((r) => t[J$(r, e)] = t[e]), t), ms);
+var eV = /^(matrix|translate|scale|rotate|skew)/, rV = /^(translate)/, nV = /^(rotate|skew)/, Hh = (t, e) => ot.num(t) && t !== 0 ? t + e : t, Lu = (t, e) => ot.arr(t) ? t.every((r) => Lu(r, e)) : ot.num(t) ? t === e : parseFloat(t) === e, iV = class extends rf {
   constructor({ x: t, y: e, z: r, ...n }) {
     const i = [], a = [];
     (t || e || r) && (i.push([t || 0, e || 0, r || 0]), a.push((o) => [
@@ -34545,9 +34561,9 @@ var tV = /^(matrix|translate|scale|rotate|skew)/, eV = /^(translate)/, rV = /^(r
     ])), sn(n, (o, s) => {
       if (s === "transform")
         i.push([o || ""]), a.push((l) => [l, l === ""]);
-      else if (tV.test(s)) {
+      else if (eV.test(s)) {
         if (delete n[s], ot.und(o)) return;
-        const l = eV.test(s) ? "px" : rV.test(s) ? "deg" : "";
+        const l = rV.test(s) ? "px" : nV.test(s) ? "deg" : "";
         i.push(or(o)), a.push(
           s === "rotate3d" ? ([u, c, f, d]) => [
             `rotate3d(${u},${c},${f},${Hh(d, l)})`,
@@ -34558,9 +34574,9 @@ var tV = /^(matrix|translate|scale|rotate|skew)/, eV = /^(translate)/, rV = /^(r
           ]
         );
       }
-    }), i.length && (n.transform = new iV(i, a)), super(n);
+    }), i.length && (n.transform = new aV(i, a)), super(n);
   }
-}, iV = class extends u7 {
+}, aV = class extends u7 {
   constructor(t, e) {
     super(), this.inputs = t, this.transforms = e, this._value = null;
   }
@@ -34599,7 +34615,7 @@ var tV = /^(matrix|translate|scale|rotate|skew)/, eV = /^(translate)/, rV = /^(r
   eventObserved(t) {
     t.type == "change" && (this._value = null), zs(this, t);
   }
-}, aV = [
+}, oV = [
   "a",
   "abbr",
   "address",
@@ -34738,15 +34754,15 @@ var tV = /^(matrix|translate|scale|rotate|skew)/, eV = /^(translate)/, rV = /^(r
 $r.assign({
   batchedUpdates: T6,
   createStringInterpolator: h7,
-  colors: YB
+  colors: ZB
 });
-var oV = L$(aV, {
-  applyAnimatedValues: Q$,
-  createAnimatedStyle: (t) => new nV(t),
+E$(oV, {
+  applyAnimatedValues: K$,
+  createAnimatedStyle: (t) => new iV(t),
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   getComponentProps: ({ scrollTop: t, scrollLeft: e, ...r }) => r
-}), sV = oV.animated;
-const lV = ({
+});
+const sV = ({
   slide: t,
   index: e,
   selected: r,
@@ -34767,14 +34783,14 @@ const lV = ({
     /* @__PURE__ */ A.createElement("div", { className: Hn.thumbnail }, /* @__PURE__ */ A.createElement(q3, { slide: t, size: 112 })),
     /* @__PURE__ */ A.createElement("div", { className: kt(Hn.label) }, U6(e + 1, 2))
   );
-}, uV = ({ className: t }) => {
+}, lV = ({ className: t }) => {
   const {
     selectedSlidesIndex: e,
     updateSelectedSlidesIndex: r
   } = xt(), { slides: n, slideIndex: i, updateSlideIndex: a } = Rt(), o = nt(
     () => [...e, i],
     [e, i]
-  ), s = bt(null), [{ scrollTop: l }, u] = Y$(() => ({
+  ), s = bt(null), [{ scrollTop: l }, u] = Z$(() => ({
     scrollTop: 0,
     config: {
       tension: 300,
@@ -34813,28 +34829,25 @@ const lV = ({
   };
   return Lt(() => {
     c();
-  }, [i, n.length]), /* @__PURE__ */ A.createElement(
-    sV.div,
+  }, [i, n.length]), // <animated.div
+  //   className={clsx(styles.thumbnails, className)}
+  //   ref={containerRef}
+  //   scrollTop={scrollTop}
+  // >
+  /* @__PURE__ */ A.createElement("div", { className: kt(Hn.thumbnails, t) }, /* @__PURE__ */ A.createElement("div", { className: kt("thumbnail-list", Hn.thumbnailList) }, n.map((h, p) => /* @__PURE__ */ A.createElement("div", { className: Hn.thumbnailContainer, key: h.id }, /* @__PURE__ */ A.createElement(
+    sV,
     {
-      className: kt(Hn.thumbnails, t),
-      ref: s,
-      scrollTop: l
-    },
-    /* @__PURE__ */ A.createElement("div", { className: kt("thumbnail-list", Hn.thumbnailList) }, n.map((h, p) => /* @__PURE__ */ A.createElement("div", { className: Hn.thumbnailContainer, key: h.id }, /* @__PURE__ */ A.createElement(
-      lV,
-      {
-        slide: h,
-        index: p,
-        active: i === p,
-        selected: o.includes(p),
-        onClick: () => d(p)
-      }
-    ))))
-  );
-}, $V = () => /* @__PURE__ */ A.createElement(uV, null);
+      slide: h,
+      index: p,
+      active: i === p,
+      selected: o.includes(p),
+      onClick: () => d(p)
+    }
+  )))));
+}, BV = () => /* @__PURE__ */ A.createElement(lV, null);
 export {
   qt as ElementTypes,
-  BV as PPTCanvas,
-  $V as PPThumbnails,
+  IV as PPTCanvas,
+  BV as PPThumbnails,
   Bt as ShapePathFormulasKeys
 };