@car-cutter/react-webplayer 0.4.2 → 0.5.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import ye, { createContext as Ie, useContext as Me, useRef as $, useState as A, useCallback as M, useEffect as P, useMemo as te, Fragment as Ot } from "react";
-import { createRoot as Ft } from "react-dom/client";
-var tt = { exports: {} }, ge = {};
+import ye, { createContext as Ie, useContext as Me, useRef as $, useState as D, useCallback as M, useEffect as Z, useMemo as te, Fragment as Ot } from "react";
+import { createRoot as Pt } from "react-dom/client";
+var tt = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,27 +11,27 @@ var tt = { exports: {} }, ge = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xe;
-function Pt() {
-  if (Xe) return ge;
+function At() {
+  if (Xe) return xe;
   Xe = 1;
   var e = ye, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(l, s, b) {
-    var d, m = {}, f = null, E = null;
-    b !== void 0 && (f = "" + b), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (E = s.ref);
-    for (d in s) o.call(s, d) && !u.hasOwnProperty(d) && (m[d] = s[d]);
-    if (l && l.defaultProps) for (d in s = l.defaultProps, s) m[d] === void 0 && (m[d] = s[d]);
-    return { $$typeof: r, type: l, key: f, ref: E, props: m, _owner: i.current };
+  function c(l, a, w) {
+    var d, m = {}, f = null, z = null;
+    w !== void 0 && (f = "" + w), a.key !== void 0 && (f = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !u.hasOwnProperty(d) && (m[d] = a[d]);
+    if (l && l.defaultProps) for (d in a = l.defaultProps, a) m[d] === void 0 && (m[d] = a[d]);
+    return { $$typeof: r, type: l, key: f, ref: z, props: m, _owner: i.current };
   }
-  return ge.Fragment = n, ge.jsx = c, ge.jsxs = c, ge;
+  return xe.Fragment = n, xe.jsx = c, xe.jsxs = c, xe;
 }
-tt.exports = Pt();
+tt.exports = At();
 var rt = tt.exports;
-const Ze = "cc-webplayer", De = "cc-webplayer-icon", nt = "composition-loading", ot = "composition-loaded", st = "composition-load-error", at = "extend-mode-on", it = "extend-mode-off", lt = "hotspots-on", ct = "hotspots-off", dt = "gallery-open", ut = "gallery-close", At = !1, Zt = !1, Dt = !1, $t = "quality", Yt = !1, mt = "cc-webplayer:", Wt = !1;
+const Fe = "cc-webplayer", De = "cc-webplayer-icon", nt = "composition-loading", ot = "composition-loaded", st = "composition-load-error", at = "extend-mode-on", it = "extend-mode-off", lt = "hotspots-on", ct = "hotspots-off", dt = "gallery-open", ut = "gallery-close", Zt = !1, Ft = !1, Dt = !1, $t = "quality", Yt = !1, mt = "cc-webplayer:", Wt = !1;
 function Ut(e, r) {
   const n = e.split("/"), o = n.pop();
   return [n.join("/"), r, o].join("/");
 }
-var pt = { exports: {} }, xe = {};
+var pt = { exports: {} }, ve = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -43,17 +43,17 @@ var pt = { exports: {} }, xe = {};
  */
 var Be;
 function Xt() {
-  if (Be) return xe;
+  if (Be) return ve;
   Be = 1;
   var e = ye, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(l, s, b) {
-    var d, m = {}, f = null, E = null;
-    b !== void 0 && (f = "" + b), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (E = s.ref);
-    for (d in s) o.call(s, d) && !u.hasOwnProperty(d) && (m[d] = s[d]);
-    if (l && l.defaultProps) for (d in s = l.defaultProps, s) m[d] === void 0 && (m[d] = s[d]);
-    return { $$typeof: r, type: l, key: f, ref: E, props: m, _owner: i.current };
+  function c(l, a, w) {
+    var d, m = {}, f = null, z = null;
+    w !== void 0 && (f = "" + w), a.key !== void 0 && (f = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !u.hasOwnProperty(d) && (m[d] = a[d]);
+    if (l && l.defaultProps) for (d in a = l.defaultProps, a) m[d] === void 0 && (m[d] = a[d]);
+    return { $$typeof: r, type: l, key: f, ref: z, props: m, _owner: i.current };
   }
-  return xe.Fragment = n, xe.jsx = c, xe.jsxs = c, xe;
+  return ve.Fragment = n, ve.jsx = c, ve.jsxs = c, ve;
 }
 pt.exports = Xt();
 var t = pt.exports;
@@ -63,13 +63,13 @@ async function Bt(e) {
     throw new Error(`Failed to fetch composition: ${r.statusText}`);
   return await r.json();
 }
-const Fe = /* @__PURE__ */ new Map(), Gt = (e) => {
-  const [r, n] = A({
+const Pe = /* @__PURE__ */ new Map(), Gt = (e) => {
+  const [r, n] = D({
     status: "pending",
     isSuccess: !1
   });
-  return P(() => {
-    const o = (u) => n({ status: "success", data: u, isSuccess: !0 }), i = Fe.get(e);
+  return Z(() => {
+    const o = (u) => n({ status: "success", data: u, isSuccess: !0 }), i = Pe.get(e);
     if (i && !(i instanceof Promise)) {
       o(i);
       return;
@@ -84,7 +84,7 @@ const Fe = /* @__PURE__ */ new Map(), Gt = (e) => {
           u = await i;
         else {
           const c = Bt(e);
-          Fe.set(e, c), u = await c, Fe.set(e, u);
+          Pe.set(e, c), u = await c, Pe.set(e, u);
         }
         o(u);
       } catch (u) {
@@ -121,11 +121,11 @@ const Fe = /* @__PURE__ */ new Map(), Gt = (e) => {
       children: r
     }
   );
-}, ft = 500, Ae = 0.75, _e = 1 + Ae * 2;
+}, ft = 500, Ze = 0.75, ze = 1 + Ze * 2;
 function se(e, r, n) {
   return Math.min(Math.max(e, r), n);
 }
-const ze = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie(null), J = () => {
+const _e = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie(null), J = () => {
   const e = Me(gt);
   if (!e)
     throw new Error(
@@ -149,110 +149,110 @@ const ze = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie
     isFullScreen: i,
     requestFullscreen: u,
     exitFullscreen: c
-  } = J(), { categories: l, items: s } = re(), [b, d] = A(s.map(() => null)), m = M(
-    (F, Q) => {
+  } = J(), { categories: l, items: a } = re(), [w, d] = D(a.map(() => null)), m = M(
+    (P, Q) => {
       d(
-        (de) => de.map((he, fe) => fe === F ? Q : he)
+        (de) => de.map((fe, ge) => ge === P ? Q : fe)
       );
     },
     []
-  ), [f, E] = A(0), [p, x] = A(null), z = p ?? f, w = s[z], N = b[z], [j, h] = A(
+  ), [f, z] = D(0), [v, g] = D(null), I = v ?? f, x = a[I], T = w[I], [b, p] = D(
     null
-  ), g = !!j, C = M(() => h(null), []), T = M(() => {
-    if (g || p !== null)
+  ), h = !!b, k = M(() => p(null), []), L = M(() => {
+    if (h || v !== null)
       return;
-    const F = f - 1;
-    F >= 0 ? x(F) : r && (h("first_to_last"), x(s.length - 1));
+    const P = f - 1;
+    P >= 0 ? g(P) : r && (p("first_to_last"), g(a.length - 1));
   }, [
-    g,
-    p,
+    h,
+    v,
     f,
     r,
-    s.length
-  ]), V = M(() => {
-    if (g || p !== null)
+    a.length
+  ]), R = M(() => {
+    if (h || v !== null)
       return;
-    const F = f + 1;
-    F < s.length ? x(F) : r && (h("last_to_first"), x(0));
+    const P = f + 1;
+    P < a.length ? g(P) : r && (p("last_to_first"), g(0));
   }, [
-    g,
-    p,
+    h,
+    v,
     f,
-    s.length,
+    a.length,
     r
-  ]), S = M(
-    (F) => {
-      const Q = Math.min(f, F), de = Math.max(f, F);
-      b.slice(Q, de + 1).filter((he) => he === null).length > 2 && h("instant"), x(F);
+  ]), V = M(
+    (P) => {
+      const Q = Math.min(f, P), de = Math.max(f, P);
+      w.slice(Q, de + 1).filter((fe) => fe === null).length > 2 && p("instant"), g(P);
     },
-    [f, b]
-  ), v = te(() => {
-    for (const F of l)
-      if (F.items.includes(w))
-        return F.id;
+    [f, w]
+  ), y = te(() => {
+    for (const P of l)
+      if (P.items.includes(x))
+        return P.id;
     throw new Error("Current item not found in any category");
-  }, [l, w]), _ = M(
-    (F) => {
+  }, [l, x]), E = M(
+    (P) => {
       var Q;
-      const de = (Q = l.find(({ id: fe }) => fe === F)) == null ? void 0 : Q.items[0];
+      const de = (Q = l.find(({ id: ge }) => ge === P)) == null ? void 0 : Q.items[0];
       if (de === void 0)
         throw new Error("Failed to find target category");
-      const he = s.findIndex((fe) => fe === de);
-      S(he);
+      const fe = a.findIndex((ge) => ge === de);
+      V(fe);
     },
-    [l, s, S]
-  ), I = te(() => {
-    var F;
-    switch (w.type) {
+    [l, a, V]
+  ), _ = te(() => {
+    var P;
+    switch (x.type) {
       case "image":
-        return !!((F = w.hotspots) != null && F.length);
+        return !!((P = x.hotspots) != null && P.length);
       case "360":
-        return N === "running";
+        return T === "running";
       case "video":
         return !1;
     }
-  }, [w, N]), [R, Z] = A(!0), k = M(() => {
-    const F = !R;
-    Z(F), o(F ? lt : ct);
-  }, [o, R]), a = te(() => {
-    switch (w.type) {
+  }, [x, T]), [S, O] = D(!0), C = M(() => {
+    const P = !S;
+    O(P), o(P ? lt : ct);
+  }, [o, S]), s = te(() => {
+    switch (x.type) {
       case "image":
       case "360":
         return !0;
       case "video":
-        return N !== "running";
+        return T !== "running";
     }
-  }, [w, N]), [y, L] = A(!1), H = M(() => {
-    const F = !y;
-    L(F), o(F ? dt : ut);
-  }, [o, y]), [D, Y] = A(null), W = M(() => Y(null), []), G = !!D, X = te(() => {
-    switch (w.type) {
+  }, [x, T]), [j, N] = D(!1), H = M(() => {
+    const P = !j;
+    N(P), o(P ? dt : ut);
+  }, [o, j]), [F, Y] = D(null), W = M(() => Y(null), []), G = !!F, X = te(() => {
+    switch (x.type) {
       case "image":
         return !0;
       case "360":
-        return N === "running";
+        return T === "running";
       case "video":
         return !1;
     }
-  }, [w.type, N]), [B, ne] = A(1), je = B !== 1, me = B < _e, ke = B > 1, ae = M((F) => {
-    ne((Q) => se(Q + F, 1, _e));
-  }, []), pe = M(() => ne(1), []), Te = M(() => ae(Ae), [ae]), St = M(() => ae(-Ae), [ae]), Ve = M(() => {
-    pe(), W();
-  }, [pe, W]), [ie, Rt] = A(!1), [Se, We] = A(), [Re, Ue] = A(!1), le = M(
-    async (F) => {
-      Ve(), Rt(F), o(F ? at : it);
+  }, [x.type, T]), [B, ne] = D(1), je = B !== 1, pe = B < ze, ke = B > 1, ae = M((P) => {
+    ne((Q) => se(Q + P, 1, ze));
+  }, []), he = M(() => ne(1), []), Te = M(() => ae(Ze), [ae]), St = M(() => ae(-Ze), [ae]), Ve = M(() => {
+    he(), W();
+  }, [he, W]), [ie, Rt] = D(!1), [Se, We] = D(), [Re, Ue] = D(!1), le = M(
+    async (P) => {
+      Ve(), Rt(P), o(P ? at : it);
     },
     [o, Ve]
   ), ce = M(() => {
     clearTimeout(Se);
-    const F = setTimeout(() => {
+    const P = setTimeout(() => {
       We(void 0);
     }, ft);
-    We(F);
+    We(P);
   }, [Se]), He = M(async () => {
     if (ce(), !n) {
-      const F = await u();
-      if (Ue(!F), F)
+      const P = await u();
+      if (Ue(!P), P)
         return;
     }
     le(!0);
@@ -271,7 +271,7 @@ const ze = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie
   ]), Ht = M(() => {
     ie ? Oe() : He();
   }, [Oe, He, ie]);
-  return P(() => {
+  return Z(() => {
     n || Re && ie || i !== ie && (ce(), le(i));
   }, [
     n,
@@ -285,27 +285,27 @@ const ze = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie
     {
       value: {
         setItemInteraction: m,
-        slidable: s.length > 1,
+        slidable: a.length > 1,
         carrouselItemIndex: f,
-        setCarrouselItemIndex: E,
-        itemIndexCommand: p,
-        setItemIndexCommand: x,
-        masterItemIndex: z,
-        specialCommand: j,
-        isRunningSpecialCommand: g,
-        finishSpecialCommand: C,
-        prevItem: T,
-        nextItem: V,
-        scrollToItemIndex: S,
-        displayedCategoryId: v,
-        changeCategory: _,
-        enableHotspotsControl: I,
-        showHotspots: R,
-        toggleHotspots: k,
-        showGalleryControls: a,
-        showGallery: y,
+        setCarrouselItemIndex: z,
+        itemIndexCommand: v,
+        setItemIndexCommand: g,
+        masterItemIndex: I,
+        specialCommand: b,
+        isRunningSpecialCommand: h,
+        finishSpecialCommand: k,
+        prevItem: L,
+        nextItem: R,
+        scrollToItemIndex: V,
+        displayedCategoryId: y,
+        changeCategory: E,
+        enableHotspotsControl: _,
+        showHotspots: S,
+        toggleHotspots: C,
+        showGalleryControls: s,
+        showGallery: j,
         toggleGallery: H,
-        shownDetails: D,
+        shownDetails: F,
         isShowingDetails: G,
         setShownDetails: Y,
         resetShownDetails: W,
@@ -313,8 +313,8 @@ const ze = (e, r, n) => e + (r - e) * n, Ge = (e, r) => (e % r + r) % r, gt = Ie
         zoom: B,
         isZooming: je,
         setZoom: ne,
-        resetZoom: pe,
-        canZoomIn: me,
+        resetZoom: he,
+        canZoomIn: pe,
         zoomIn: Te,
         canZoomOut: ke,
         zoomOut: St,
@@ -363,7 +363,7 @@ function nr(e) {
     throw new Error(`Invalid position: ${e}`);
   return tr(e) ? [e, void 0] : er(e) ? [void 0, e] : e.split("-");
 }
-function O(...e) {
+function A(...e) {
   return e.filter((r) => !!r).map((r) => r.trim()).join(" ");
 }
 function or(e) {
@@ -409,32 +409,32 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     );
   return e;
 }, ar = ({ children: e }) => {
-  const [r, n] = A(
+  const [r, n] = D(
     /* @__PURE__ */ new Map()
   ), o = M(
     (c) => {
       const l = r.get(c);
       if (l)
         return l;
-      const s = document.querySelector(
+      const a = document.querySelector(
         `${De}[name="${c}"]`
       );
-      if (!s)
+      if (!a)
         return;
-      const b = s.getAttribute("color") ?? void 0, d = s.innerHTML, m = d ? /* @__PURE__ */ t.jsx(
+      const w = a.getAttribute("color") ?? void 0, d = a.innerHTML, m = d ? /* @__PURE__ */ t.jsx(
         "div",
         {
           className: "size-full",
           dangerouslySetInnerHTML: { __html: d }
         }
       ) : void 0;
-      if (!(!b && !m))
-        return { Icon: m, color: b };
+      if (!(!w && !m))
+        return { Icon: m, color: w };
     },
     [r]
   ), i = M(
     (c, l) => {
-      n((s) => new Map(s.set(c, l)));
+      n((a) => new Map(a.set(c, l)));
     },
     []
   ), u = M((c) => {
@@ -511,11 +511,11 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       children: i
     }
   );
-}, kt = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(ir, { className: "size-full" }) }), Nt = ({
+}, kt = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(ir, { className: "size-full" }) }), Ct = ({
   title: e,
   error: r,
   children: n
-}) => (P(() => {
+}) => (Z(() => {
   console.error(e, r);
 }, [r, e]), /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
   /* @__PURE__ */ t.jsx("div", { className: "text-xl", children: e }),
@@ -527,7 +527,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   sm: "size-4 border",
   md: "size-8 border-2",
   lg: "size-12 border-4"
-}, Ct = ({
+}, Et = ({
   color: e = "neutral",
   size: r = "md"
 }) => {
@@ -538,7 +538,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       className: `inline-block ${o} animate-rotation rounded-full ${n} border-b-transparent`
     }
   );
-}, be = ({
+}, me = ({
   src: e,
   className: r,
   onLoad: n,
@@ -549,66 +549,66 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
 }) => {
   const {
     minImageWidth: l,
-    maxImageWidth: s,
-    imageLoadStrategy: b,
+    maxImageWidth: a,
+    imageLoadStrategy: w,
     playerInViewportWidthRatio: d
-  } = J(), { imageHdWidth: m, imageSubWidths: f } = re(), [E, p] = te(() => {
-    const w = f.concat(m).sort((h, g) => h - g).filter((h) => !(l && h < l || s && h > s));
-    if (w.length === 0)
+  } = J(), { imageHdWidth: m, imageSubWidths: f } = re(), [z, v] = te(() => {
+    const x = f.concat(m).sort((p, h) => p - h).filter((p) => !(l && p < l || a && p > a));
+    if (x.length === 0)
       throw new Error("No image widths available for the given constraints");
-    const N = w.map((h) => `${h !== m ? Ut(e, h) : e} ${h}w`);
-    let j;
+    const T = x.map((p) => `${p !== m ? Ut(e, p) : e} ${p}w`);
+    let b;
     if (i)
-      j = [`${w.shift()}px`];
+      b = [`${x.shift()}px`];
     else {
-      const h = 1 / (o * d);
-      if (b === "quality") {
-        const g = w.pop();
-        j = w.map(
-          (C) => `(max-width: ${h * C}px) ${C}px`
-        ), j.push(`${g}px`);
+      const p = 1 / (o * d);
+      if (w === "quality") {
+        const h = x.pop();
+        b = x.map(
+          (k) => `(max-width: ${p * k}px) ${k}px`
+        ), b.push(`${h}px`);
       } else {
-        const g = w.shift();
-        j = w.reverse().map(
-          (C) => `(min-width: ${h * C}px) ${C}px`
-        ), j.push(`${g}px`);
+        const h = x.shift();
+        b = x.reverse().map(
+          (k) => `(min-width: ${p * k}px) ${k}px`
+        ), b.push(`${h}px`);
       }
     }
-    return [N.join(", "), j.join(", ")];
+    return [T.join(", "), b.join(", ")];
   }, [
     m,
-    b,
+    w,
     f,
     o,
-    s,
+    a,
     l,
     i,
     d,
     e
-  ]), [x, z] = A();
-  return P(() => {
-    if (x === !0)
+  ]), [g, I] = D();
+  return Z(() => {
+    if (g === !0)
       return;
-    const w = setTimeout(() => {
-      z(!1);
+    const x = setTimeout(() => {
+      I((T) => T ?? !1);
     }, 30);
-    return () => clearTimeout(w);
-  }, [x]), /* @__PURE__ */ t.jsx(
+    return () => clearTimeout(x);
+  }, [g]), /* @__PURE__ */ t.jsx(
     "img",
     {
       src: e,
-      srcSet: E,
-      sizes: p,
-      className: O(
+      srcSet: z,
+      sizes: v,
+      className: A(
         r,
-        u && O(
-          x !== void 0 && "transition-opacity duration-200",
-          x === !1 && "opacity-0",
-          x === !0 && "opacity-100"
+        u && A(
+          g !== void 0 && "transition-opacity duration-200",
+          g === !1 && "opacity-0",
+          g === !0 && "opacity-100"
         )
       ),
-      onLoad: (w) => {
-        z(!0), n == null || n(w);
+      onLoad: (x) => {
+        I(!0), n == null || n(x);
       },
       ...c
     }
@@ -625,7 +625,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     strokeLinejoin: "round",
     children: /* @__PURE__ */ t.jsx("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-) }), Et = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ t.jsxs(
+) }), Nt = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: e,
@@ -687,7 +687,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: O(
+      className: A(
         "flex aspect-square h-3/4 items-center justify-center rounded-full bg-foreground/50 p-1",
         r && "large:h-3/5 large:p-2"
       ),
@@ -709,7 +709,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       break;
   }
   const u = /* @__PURE__ */ t.jsx(
-    be,
+    me,
     {
       className: "size-full object-cover",
       src: i,
@@ -720,7 +720,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   let c;
   switch (o) {
     case "360":
-      c = /* @__PURE__ */ t.jsx(Ke, { children: /* @__PURE__ */ t.jsx(Et, { className: "size-full text-primary" }) });
+      c = /* @__PURE__ */ t.jsx(Ke, { children: /* @__PURE__ */ t.jsx(Nt, { className: "size-full text-primary" }) });
       break;
     case "video":
       c = /* @__PURE__ */ t.jsx(Ke, { children: /* @__PURE__ */ t.jsx(Ye, { className: "size-full p-0.5 text-background" }) });
@@ -747,109 +747,109 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   orientation: r = "horizontal"
 }) => {
   const n = pr[e], o = r === "horizontal" ? "h-px w-full" : "w-px h-full";
-  return /* @__PURE__ */ t.jsx("div", { className: O(n, o) });
-}, zt = ({
+  return /* @__PURE__ */ t.jsx("div", { className: A(n, o) });
+}, _t = ({
   className: e = "",
   containerClassName: r = ""
 }) => {
-  const { flatten: n, infiniteCarrousel: o, permanentGallery: i, isFullScreen: u } = J(), { categories: c, items: l, aspectRatioStyle: s } = re(), {
-    extendMode: b,
+  const { flatten: n, infiniteCarrousel: o, permanentGallery: i, isFullScreen: u } = J(), { categories: c, items: l, aspectRatioStyle: a } = re(), {
+    extendMode: w,
     extendTransition: d,
     masterItemIndex: m,
     prevItem: f,
-    nextItem: E,
-    scrollToItemIndex: p,
-    resetView: x
-  } = q(), z = te(() => {
+    nextItem: z,
+    scrollToItemIndex: v,
+    resetView: g
+  } = q(), I = te(() => {
     if (n)
       return [];
-    const v = new Array();
-    let _ = 0;
-    for (let I = 0; I < c.length - 1; I++) {
-      const R = c[I].items.length;
-      v.push(_ + R), _ += R;
+    const y = new Array();
+    let E = 0;
+    for (let _ = 0; _ < c.length - 1; _++) {
+      const S = c[_].items.length;
+      y.push(E + S), E += S;
     }
-    return v;
-  }, [c, n]), w = $(null), N = M(() => {
-    if (!w.current)
+    return y;
+  }, [c, n]), x = $(null), T = M(() => {
+    if (!x.current)
       throw new Error("slider.current is null");
-    return w.current;
-  }, []), j = $(!1), h = $(
+    return x.current;
+  }, []), b = $(!1), p = $(
     null
-  ), [g, C] = A(!1), T = M(
-    (v, _) => {
-      const I = N(), R = I.clientWidth, Z = I.scrollWidth / l.length, k = (v + 1 / 2) * Z - R / 2, a = I.scrollWidth - I.clientWidth;
-      I.scrollTo({
-        left: se(k, 0, a),
-        behavior: _
+  ), [h, k] = D(!1), L = M(
+    (y, E) => {
+      const _ = T(), S = _.clientWidth, O = _.scrollWidth / l.length, C = (y + 1 / 2) * O - S / 2, s = _.scrollWidth - _.clientWidth;
+      _.scrollTo({
+        left: se(C, 0, s),
+        behavior: E
       });
     },
-    [l.length, N]
+    [l.length, T]
   );
-  P(() => {
-    const v = w.current;
-    if (!v)
+  Z(() => {
+    const y = x.current;
+    if (!y)
       return;
-    const _ = (Z) => {
-      Z.preventDefault(), j.current = !0, h.current = {
-        x: Z.pageX - v.offsetLeft,
-        scrollLeft: v.scrollLeft
+    const E = (O) => {
+      O.preventDefault(), b.current = !0, p.current = {
+        x: O.pageX - y.offsetLeft,
+        scrollLeft: y.scrollLeft
       };
-    }, I = (Z) => {
-      if (!j.current)
+    }, _ = (O) => {
+      if (!b.current)
         return;
-      if (h.current === null)
+      if (p.current === null)
         throw new Error("[onMouseMove] scrollStart is null");
-      const k = Z.pageX - v.offsetLeft - h.current.x;
-      if (!g && Math.abs(k) < 5)
+      const C = O.pageX - y.offsetLeft - p.current.x;
+      if (!h && Math.abs(C) < 5)
         return;
-      const a = h.current.scrollLeft - k;
-      C(!0), requestAnimationFrame(() => {
-        v.scrollLeft = a;
+      const s = p.current.scrollLeft - C;
+      k(!0), requestAnimationFrame(() => {
+        y.scrollLeft = s;
       });
-    }, R = () => {
-      j.current && (j.current = !1, requestAnimationFrame(() => {
-        C(!1);
+    }, S = () => {
+      b.current && (b.current = !1, requestAnimationFrame(() => {
+        k(!1);
       }));
     };
-    return v.addEventListener("mousedown", _), document.addEventListener("mousemove", I), document.addEventListener("mouseleave", R), document.addEventListener("mouseup", R), document.addEventListener("contextmenu", R), () => {
-      v.removeEventListener("mousedown", _), document.removeEventListener("mousemove", I), document.removeEventListener("mouseleave", R), document.removeEventListener("mouseup", R), document.removeEventListener("contextmenu", R);
+    return y.addEventListener("mousedown", E), document.addEventListener("mousemove", _), document.addEventListener("mouseleave", S), document.addEventListener("mouseup", S), document.addEventListener("contextmenu", S), () => {
+      y.removeEventListener("mousedown", E), document.removeEventListener("mousemove", _), document.removeEventListener("mouseleave", S), document.removeEventListener("mouseup", S), document.removeEventListener("contextmenu", S);
     };
-  }, [g]);
-  const V = $(m);
-  P(() => {
-    w.current && (T(m, "smooth"), V.current = m);
-  }, [m, T]), P(() => {
-    w.current && T(V.current, "instant");
+  }, [h]);
+  const R = $(m);
+  Z(() => {
+    x.current && (L(m, "smooth"), R.current = m);
+  }, [m, L]), Z(() => {
+    x.current && L(R.current, "instant");
   }, [
-    T,
+    L,
     // - Run the effect when those values change
     u,
-    b,
+    w,
     d
   ]);
-  const S = (v, _) => {
-    g || (o && _ === l.length - 1 && m === 0 ? f() : o && _ === 0 && m === l.length - 1 ? E() : p(_), x());
+  const V = (y, E) => {
+    h || (o && E === l.length - 1 && m === 0 ? f() : o && E === 0 && m === l.length - 1 ? z() : v(E), g());
   };
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      ref: w,
-      className: O(
+      ref: x,
+      className: A(
         "relative w-full overflow-x-auto no-scrollbar",
-        g ? "cursor-grab" : "cursor-grabbing",
+        h ? "cursor-grab" : "cursor-grabbing",
         e
       ),
       children: /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: O(
+          className: A(
             "flex h-10 w-fit gap-1 small:h-12 small:gap-2",
-            b && "large:h-20 large:gap-4",
+            w && "large:h-20 large:gap-4",
             r
           ),
-          children: l.map((v, _) => /* @__PURE__ */ t.jsxs(Ot, { children: [
-            z.includes(_) && /* @__PURE__ */ t.jsx("div", { className: "my-2", children: /* @__PURE__ */ t.jsx(
+          children: l.map((y, E) => /* @__PURE__ */ t.jsxs(Ot, { children: [
+            I.includes(E) && /* @__PURE__ */ t.jsx("div", { className: "my-2", children: /* @__PURE__ */ t.jsx(
               Lt,
               {
                 color: i && !u ? "neutral" : "background",
@@ -859,23 +859,23 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
             /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: O(
+                className: A(
                   "relative h-full rounded-gallery ",
-                  !g && "cursor-pointer",
+                  !h && "cursor-pointer",
                   "after:absolute after:inset-0 after:rounded-gallery after:border-2 after:border-primary after:transition-opacity",
-                  _ === m ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
+                  E === m ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
                 ),
-                style: s,
-                onClick: () => S(v, _),
-                children: /* @__PURE__ */ t.jsx(mr, { item: v })
+                style: a,
+                onClick: () => V(y, E),
+                children: /* @__PURE__ */ t.jsx(mr, { item: y })
               }
             )
-          ] }, _))
+          ] }, E))
         }
       )
     }
   );
-}, _t = (e) => 1 - Math.pow(1 - e, 2), hr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ t.jsxs("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
+}, zt = (e) => 1 - Math.pow(1 - e, 2), hr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ t.jsxs("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
   /* @__PURE__ */ t.jsx("span", { children: e + 1 }),
   /* @__PURE__ */ t.jsx("span", { children: "/" }),
   /* @__PURE__ */ t.jsx("span", { children: r + 1 })
@@ -885,210 +885,222 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   onlyPreload: e,
   ...r
 }) => {
-  const { zoom: n, isZooming: o, setZoom: i } = q(), u = $(null), c = $(null), l = M((N) => {
+  const { zoom: n, isZooming: o, setZoom: i } = q(), u = $(null), c = $(null), l = M((b) => {
     if (!c.current)
       throw new Error(
-        `[${N ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
+        `[${b ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
       );
     return c.current;
-  }, []), s = $(!1), b = $(null), d = $(/* @__PURE__ */ new Map()), m = $({ x: 0, y: 0, scale: 1 }), f = $(null), E = M(
-    (N) => {
-      const j = l("setTransformStyle"), {
+  }, []), a = $(!1), w = $(null), d = $(/* @__PURE__ */ new Map()), m = $({ x: 0, y: 0, scale: 1 }), f = $(null), z = M(
+    (b) => {
+      const p = l("setTransformStyle"), {
         x: h,
-        y: g,
-        scale: C
+        y: k,
+        scale: L
       } = {
         ...m.current,
-        ...N
-      }, T = se(C, 1, _e), V = j.clientWidth, S = j.clientHeight, v = V * T, _ = S * T, I = se(h, -(v - V), 0), R = se(g, -(_ - S), 0);
-      m.current = { x: I, y: R, scale: T }, j.style.transform = `translate(${I}px, ${R}px) scale(${T})`;
+        ...b
+      }, R = se(L, 1, ze), V = p.clientWidth, y = p.clientHeight, E = V * R, _ = y * R, S = se(h, -(E - V), 0), O = se(k, -(_ - y), 0);
+      m.current = { x: S, y: O, scale: R }, p.style.transform = `translate(${S}px, ${O}px) scale(${R})`;
     },
     [l]
-  ), p = M(
-    (N, j) => {
+  ), v = M(
+    (b, p) => {
       const {
         x: h,
-        y: g,
-        scale: C
+        y: k,
+        scale: L
       } = m.current, {
-        x: T,
+        x: R,
         y: V,
-        scale: S
+        scale: y
       } = {
         ...m.current,
-        ...N
+        ...b
       };
       f.current && (cancelAnimationFrame(f.current), f.current = null);
-      const v = () => {
-        E({ x: T, y: V, scale: S }), i(S);
-      }, _ = Math.abs(T - h) < 1 && Math.abs(V - g) < 1 && Math.abs(S - C) < 5e-3;
-      if (!j || _) {
-        v();
+      const E = () => {
+        z({ x: R, y: V, scale: y }), i(y);
+      }, _ = Math.abs(R - h) < 1 && Math.abs(V - k) < 1 && Math.abs(y - L) < 5e-3;
+      if (!p || _) {
+        E();
         return;
       }
-      const I = (/* @__PURE__ */ new Date()).getTime(), R = () => {
-        const Z = () => {
-          const k = (/* @__PURE__ */ new Date()).getTime() - I;
-          if (k >= j) {
-            v(), f.current = null;
+      const S = (/* @__PURE__ */ new Date()).getTime(), O = () => {
+        const C = () => {
+          const s = (/* @__PURE__ */ new Date()).getTime() - S;
+          if (s >= p) {
+            E(), f.current = null;
             return;
           }
-          const a = Math.min(k / j, 1), y = _t(a), L = ze(h, T, y), H = ze(g, V, y), D = ze(C, S, y);
-          E({ x: L, y: H, scale: D }), R();
+          const j = Math.min(s / p, 1), N = zt(j), H = _e(h, R, N), F = _e(k, V, N), Y = _e(L, y, N);
+          z({ x: H, y: F, scale: Y }), O();
         };
-        f.current = requestAnimationFrame(Z);
+        f.current = requestAnimationFrame(C);
       };
-      R();
+      O();
     },
-    [E, i]
-  ), x = M(
-    (N, j) => {
-      let { x: h, y: g } = m.current;
-      N.x && (h += N.x), N.y && (g += N.y), p(
+    [z, i]
+  ), g = M(
+    (b, p) => {
+      let { x: h, y: k } = m.current;
+      b.x && (h += b.x), b.y && (k += b.y), v(
         {
           x: h,
-          y: g
+          y: k
         },
-        j
+        p
       );
     },
-    [p]
-  ), z = M(
-    (N, j, h) => {
-      const g = m.current.scale, C = se(N, 1, _e), T = C / g, { x: V, y: S } = m.current, { x: v, y: _ } = j, I = -V + v, R = -S + _, Z = I * T, k = R * T, a = Z - v, y = k - _, L = -a, H = -y;
-      p(
+    [v]
+  ), I = M(
+    (b, p, h) => {
+      const k = m.current.scale, L = se(b, 1, ze), R = L / k, { x: V, y } = m.current, { x: E, y: _ } = p, S = -V + E, O = -y + _, C = S * R, s = O * R, j = C - E, N = s - _, H = -j, F = -N;
+      v(
         {
-          x: L,
-          y: H,
-          scale: C
+          x: H,
+          y: F,
+          scale: L
         },
         h
       );
     },
-    [p]
-  ), w = M(
-    (N) => {
-      const j = l(
+    [v]
+  ), x = M(
+    (b) => {
+      const p = l(
         "shiftZoomFromButton"
-      ), h = j.clientWidth, g = j.clientHeight;
-      z(
-        N,
+      ), h = p.clientWidth, k = p.clientHeight;
+      I(
+        b,
         {
           x: h / 2,
-          y: g / 2
+          y: k / 2
         },
         200
       );
     },
-    [l, z]
+    [l, I]
+  ), T = M(
+    (b, p, h) => {
+      const { scale: k } = m.current;
+      I(
+        k + b,
+        p,
+        h
+      );
+    },
+    [I]
   );
-  return P(() => {
-    c.current && w(n);
-  }, [w, n]), P(() => {
-    if (!o)
+  return Z(() => {
+    e || c.current && x(n);
+  }, [e, x, n]), Z(() => {
+    if (e || !o)
       return;
-    const N = c.current;
-    if (!N)
+    const b = c.current;
+    if (!b)
       return;
-    const j = (C) => {
-      C.preventDefault(), C.stopPropagation(), s.current = !0, b.current = {
-        x: C.clientX,
-        y: C.clientY
+    const p = (L) => {
+      L.preventDefault(), L.stopPropagation(), a.current = !0, w.current = {
+        x: L.clientX,
+        y: L.clientY
       };
-    }, h = (C) => {
-      if (!s.current)
+    }, h = (L) => {
+      if (!a.current)
         return;
-      if (!b.current)
+      if (!w.current)
         throw new Error("mouseStartXY.current is null");
-      C.stopPropagation();
-      const T = C.clientX - b.current.x, V = C.clientY - b.current.y;
-      x({
-        x: T,
+      L.stopPropagation();
+      const R = L.clientX - w.current.x, V = L.clientY - w.current.y;
+      g({
+        x: R,
         y: V
-      }), b.current = {
-        x: C.clientX,
-        y: C.clientY
+      }), w.current = {
+        x: L.clientX,
+        y: L.clientY
       };
-    }, g = () => {
-      s.current = !1;
+    }, k = () => {
+      a.current = !1;
     };
-    return N.addEventListener("mousedown", j), document.addEventListener("mousemove", h), document.addEventListener("mouseleave", g), document.addEventListener("mouseup", g), document.addEventListener("contextmenu", g), () => {
-      N.removeEventListener("mousedown", j), document.removeEventListener("mousemove", h), document.removeEventListener("mouseleave", g), document.removeEventListener("mouseup", g), document.removeEventListener("contextmenu", g);
+    return b.addEventListener("mousedown", p), document.addEventListener("mousemove", h), document.addEventListener("mouseleave", k), document.addEventListener("mouseup", k), document.addEventListener("contextmenu", k), () => {
+      b.removeEventListener("mousedown", p), document.removeEventListener("mousemove", h), document.removeEventListener("mouseleave", k), document.removeEventListener("mouseup", k), document.removeEventListener("contextmenu", k);
     };
-  }, [o, x]), P(() => {
-    const N = u.current;
-    if (!N)
+  }, [o, g, e]), Z(() => {
+    if (e)
+      return;
+    const b = u.current;
+    if (!b)
       return;
-    const j = (h) => {
-      const { ctrlKey: g, clientX: C, clientY: T, deltaX: V, deltaY: S } = h;
-      if (g) {
-        if (!o && S >= 0)
+    const p = (h) => {
+      const { ctrlKey: k, clientX: L, clientY: R, deltaX: V, deltaY: y } = h;
+      if (k) {
+        if (!o && y >= 0)
           return;
-        const { left: v, top: _ } = N.getBoundingClientRect(), I = C - v, R = T - _;
-        z(n - 0.01 * S, {
-          x: I,
-          y: R
+        const { left: E, top: _ } = b.getBoundingClientRect(), S = L - E, O = R - _;
+        T(-0.01 * y, {
+          x: S,
+          y: O
         });
       } else {
         if (!o)
           return;
-        x({
+        g({
           x: -2 * V,
-          y: -2 * S
+          y: -2 * y
         });
       }
       h.preventDefault();
     };
-    return N.addEventListener("wheel", j), () => {
-      N.removeEventListener("wheel", j);
+    return b.addEventListener("wheel", p), () => {
+      b.removeEventListener("wheel", p);
     };
-  }, [o, x, z, n]), P(() => {
-    const N = u.current, j = c.current;
-    if (!N || !j)
+  }, [o, g, T, e]), Z(() => {
+    const b = u.current, p = c.current;
+    if (!b || !p)
       return;
-    const h = d.current, g = (V) => {
-      for (let S = 0; S < V.changedTouches.length; S++) {
-        const v = V.changedTouches[S];
-        h.set(v.identifier, v);
+    const h = d.current, k = (V) => {
+      for (let y = 0; y < V.changedTouches.length; y++) {
+        const E = V.changedTouches[y];
+        h.set(E.identifier, E);
       }
-    }, C = (V) => {
-      for (let S = 0; S < V.changedTouches.length; S++) {
-        const v = V.changedTouches[S];
-        h.delete(v.identifier);
+    }, L = (V) => {
+      for (let y = 0; y < V.changedTouches.length; y++) {
+        const E = V.changedTouches[y];
+        h.delete(E.identifier);
       }
-    }, T = (V) => {
-      const S = V.touches.length;
-      if (S === 1) {
+    }, R = (V) => {
+      const y = V.touches.length;
+      if (y === 1) {
         if (!o)
           return;
         V.preventDefault();
-        const v = V.touches[0], _ = h.get(v.identifier);
+        const E = V.touches[0], _ = h.get(E.identifier);
         if (!_)
           throw new Error("touchStart is null");
-        const I = v.clientX - _.clientX, R = v.clientY - _.clientY;
-        x({
-          x: I,
-          y: R
-        }), h.set(v.identifier, v);
-      } else if (S === 2) {
+        const S = E.clientX - _.clientX, O = E.clientY - _.clientY;
+        g({
+          x: S,
+          y: O
+        }), h.set(E.identifier, E);
+      } else if (y === 2) {
         V.preventDefault();
-        const [v, _] = V.touches, I = h.get(v.identifier), R = h.get(_.identifier);
-        if (!I || !R)
+        const [E, _] = V.touches, S = h.get(E.identifier), O = h.get(_.identifier);
+        if (!S || !O)
           throw new Error("intialTouch1 or intialTouch2 is null");
-        const Z = qe(
-          I,
-          R
-        ), k = qe(v, _) / Z, { left: a, top: y } = N.getBoundingClientRect();
-        z(k * n, {
-          x: (v.clientX + _.clientX) / 2 - a,
-          y: (v.clientY + _.clientY) / 2 - y
-        }), h.set(v.identifier, v), h.set(_.identifier, _);
+        const C = qe(
+          S,
+          O
+        ), s = qe(E, _) / C, { left: j, top: N } = b.getBoundingClientRect();
+        T(s - 1, {
+          x: (E.clientX + _.clientX) / 2 - j,
+          y: (E.clientY + _.clientY) / 2 - N
+        }), h.set(E.identifier, E), h.set(_.identifier, _);
       }
     };
-    return j.addEventListener("touchstart", g), j.addEventListener("touchmove", T), j.addEventListener("touchend", C), j.addEventListener("touchcancel", C), () => {
-      j.removeEventListener("touchstart", g), j.removeEventListener("touchmove", T), j.removeEventListener("touchend", C), j.removeEventListener("touchcancel", C);
+    return p.addEventListener("touchstart", k), p.addEventListener("touchmove", R), p.addEventListener("touchend", L), p.addEventListener("touchcancel", L), () => {
+      p.removeEventListener("touchstart", k), p.removeEventListener("touchmove", R), p.removeEventListener("touchend", L), p.removeEventListener("touchcancel", L);
     };
-  }, [o, x, z, n]), /* @__PURE__ */ t.jsx(
+  }, [o, g, T]), /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: u,
@@ -1099,7 +1111,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
           ref: c,
           className: "origin-top-left",
           children: /* @__PURE__ */ t.jsx(
-            be,
+            me,
             {
               ...r,
               imgInPlayerWidthRatio: e ? 1 : n
@@ -1116,8 +1128,8 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     fill: "currentColor"
   }
 ) }) }), xr = ({ hotspot: e }) => {
-  const { title: r, icon: n, description: o, position: i, detail: u } = e, { getIconConfig: c } = $e(), l = n ? c(n) : void 0, { extendMode: s, setShownDetails: b } = q(), d = !!u, m = (u == null ? void 0 : u.type) === "image", f = !!r || !!o, E = m ? /* @__PURE__ */ t.jsx(gr, { className: "size-4" }) : /* @__PURE__ */ t.jsx("div", { className: "size-1" }), p = () => {
-    m && b({
+  const { title: r, icon: n, description: o, position: i, detail: u } = e, { getIconConfig: c } = $e(), l = n ? c(n) : void 0, { extendMode: a, setShownDetails: w } = q(), d = !!u, m = (u == null ? void 0 : u.type) === "image", f = !!r || !!o, z = m ? /* @__PURE__ */ t.jsx(gr, { className: "size-4" }) : /* @__PURE__ */ t.jsx("div", { className: "size-1" }), v = () => {
+    m && w({
       src: u.src,
       title: r,
       text: o
@@ -1126,7 +1138,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: O(
+      className: A(
         "group absolute z-hotspot -translate-x-1/2 -translate-y-1/2 hover:z-hotspot-hover",
         d ? "cursor-pointer" : "cursor-help"
       ),
@@ -1134,7 +1146,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
         top: `${100 * e.position.y}%`,
         left: `${100 * e.position.x}%`
       },
-      onClick: p,
+      onClick: v,
       children: [
         /* @__PURE__ */ t.jsxs(
           "div",
@@ -1148,23 +1160,23 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
                   className: "pointer-events-none absolute -z-20 size-8 animate-hotspot-ping rounded-full border-2 border-background"
                 }
               ),
-              l != null && l.Icon ? /* @__PURE__ */ t.jsx("div", { className: "size-5", children: l.Icon }) : /* @__PURE__ */ t.jsx("div", { className: "p-1", children: E })
+              l != null && l.Icon ? /* @__PURE__ */ t.jsx("div", { className: "size-5", children: l.Icon }) : /* @__PURE__ */ t.jsx("div", { className: "p-1", children: z })
             ]
           }
         ),
         !m && f && /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: O(
+            className: A(
               "absolute -z-10 w-max max-w-40 text-pretty rounded-ui bg-background p-2 small:max-w-48",
-              s && "large:max-w-56",
+              a && "large:max-w-56",
               i.y < 0.55 ? "-top-1" : "-bottom-1",
               i.x < 0.55 ? "-left-1 pl-6 small:pl-8" : "-right-1 pr-4 small:pr-6",
-              "pointer-events-none opacity-0 transition-opacity duration-300 group-hover:pointer-events-auto group-hover:opacity-100"
+              "pointer-events-none opacity-0 transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100"
             ),
-            children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
-              r && /* @__PURE__ */ t.jsx("div", { className: "text-sm", children: r }),
-              o && /* @__PURE__ */ t.jsx("div", { className: "text-xs", children: o })
+            children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-1 text-pretty", children: [
+              r && /* @__PURE__ */ t.jsx("div", { className: "text-sm font-semibold small:text-base small:font-bold", children: r }),
+              o && /* @__PURE__ */ t.jsx("div", { className: "text-xs text-foreground/65 small:text-sm", children: o })
             ] })
           }
         )
@@ -1214,10 +1226,10 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
   ...i
 }) => {
   const { isShowingDetails: u, showHotspots: c, setItemInteraction: l } = q();
-  return /* @__PURE__ */ t.jsx("div", { className: O("relative size-full overflow-hidden", n), children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsx("div", { className: A("relative size-full overflow-hidden", n), children: /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: O(
+      className: A(
         "size-full duration-details",
         u ? "scale-105" : "scale-100"
       ),
@@ -1226,37 +1238,37 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
           fr,
           {
             className: "size-full",
-            onLoad: (s) => {
-              r !== void 0 && l(r, "ready"), o == null || o(s);
+            onLoad: (a) => {
+              r !== void 0 && l(r, "ready"), o == null || o(a);
             },
             ...i
           }
         ),
-        c && (e == null ? void 0 : e.map((s, b) => /* @__PURE__ */ t.jsx(vr, { hotspot: s }, b)))
+        c && (e == null ? void 0 : e.map((a, w) => /* @__PURE__ */ t.jsx(vr, { hotspot: a }, w)))
       ]
     }
   ) });
-}, ve = 10, wr = 15, br = ({
+}, we = 10, wr = 15, br = ({
   images: e,
   onlyPreload: r
 }) => {
-  const { reverse360: n } = J(), { isShowingDetails: o, isZooming: i } = q(), u = i || o, c = $(null), l = $(null), [s, b] = A(0), d = e.length, m = M(() => {
-    b((E) => (E - 1 + d) % d);
+  const { reverse360: n } = J(), { isShowingDetails: o, isZooming: i } = q(), u = i || o, c = $(null), l = $(null), [a, w] = D(0), d = e.length, m = M(() => {
+    w((z) => (z - 1 + d) % d);
   }, [d]), f = M(() => {
-    b((E) => (E + 1) % d);
+    w((z) => (z + 1) % d);
   }, [d]);
-  return P(() => {
+  return Z(() => {
     if (u)
       return;
-    const E = c.current, p = l.current;
-    if (!E || !p)
+    const z = c.current, v = l.current;
+    if (!z || !v)
       return;
-    let x = null, z = [], w = null;
-    const N = (a) => {
-      z.push(a), z.length > 20 && z.shift();
-    }, j = () => {
-      const a = Date.now(), y = (() => {
-        const Y = Date.now(), W = z.filter(
+    let g = null, I = [], x = null;
+    const T = (s) => {
+      I.push(s), I.length > 20 && I.shift();
+    }, b = () => {
+      const s = Date.now(), j = (() => {
+        const Y = Date.now(), W = I.filter(
           (B) => Y - B.timestamp < 50
         );
         if (W.length < 2)
@@ -1264,114 +1276,114 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
         const G = W[0], X = W[W.length - 1];
         return (X.value - G.value) / (1e-3 * Math.max(X.timestamp - G.timestamp, 1));
       })();
-      let L = 0, H = a;
-      const D = () => {
-        w = requestAnimationFrame(() => {
-          const Y = Date.now(), W = (Y - a) / 1e3, G = Math.pow(0.05, W), X = y * G, B = (Y - H) / 1e3;
-          if (L += X * B, Math.abs(X) < 5 * ve && Math.abs(L) < ve) {
-            w = null;
+      let N = 0, H = s;
+      const F = () => {
+        x = requestAnimationFrame(() => {
+          const Y = Date.now(), W = (Y - s) / 1e3, G = Math.pow(0.05, W), X = j * G, B = (Y - H) / 1e3;
+          if (N += X * B, Math.abs(X) < 5 * we && Math.abs(N) < we) {
+            x = null;
             return;
           }
-          Math.abs(L) >= ve && (L > 0 !== n ? f() : m(), L = 0), H = Y, D();
+          Math.abs(N) >= we && (N > 0 !== n ? f() : m(), N = 0), H = Y, F();
         });
       };
-      D();
-    }, h = () => {
-      w && (cancelAnimationFrame(w), w = null);
-    }, g = (a) => {
-      if (a.button !== 0)
+      F();
+    }, p = () => {
+      x && (cancelAnimationFrame(x), x = null);
+    }, h = (s) => {
+      if (s.button !== 0)
         return;
-      a.preventDefault(), a.stopPropagation(), h();
-      const y = a.clientX;
-      x = y, z = [{ timestamp: Date.now(), value: y }];
-    }, C = (a) => {
-      if (x === null)
+      s.preventDefault(), s.stopPropagation(), p();
+      const j = s.clientX;
+      g = j, I = [{ timestamp: Date.now(), value: j }];
+    }, k = (s) => {
+      if (g === null)
         return;
-      a.stopPropagation();
-      const { clientX: y } = a;
-      N({ timestamp: Date.now(), value: y });
-      const L = y - x;
-      Math.abs(L) < ve || (L > 0 !== n ? f() : m(), x = y);
-    }, T = () => {
-      x !== null && (x = null, j());
+      s.stopPropagation();
+      const { clientX: j } = s;
+      T({ timestamp: Date.now(), value: j });
+      const N = j - g;
+      Math.abs(N) < we || (N > 0 !== n ? f() : m(), g = j);
+    }, L = () => {
+      g !== null && (g = null, b());
     };
-    E.addEventListener("mousedown", g), document.addEventListener("mousemove", C), document.addEventListener("mouseleave", T), document.addEventListener("mouseup", T), document.addEventListener("contextmenu", T);
-    const V = () => p.getBoundingClientRect().width, S = () => p.scrollWidth / 2 - V() / 2, v = () => {
-      const a = S();
-      p.scrollLeft = a;
+    z.addEventListener("mousedown", h), document.addEventListener("mousemove", k), document.addEventListener("mouseleave", L), document.addEventListener("mouseup", L), document.addEventListener("contextmenu", L);
+    const R = () => v.getBoundingClientRect().width, V = () => v.scrollWidth / 2 - R() / 2, y = () => {
+      const s = V();
+      v.scrollLeft = s;
     };
-    v();
-    const _ = () => {
-      const a = p.scrollLeft - S();
-      Math.abs(a) < wr || (a < 0 !== n ? f() : m(), v());
+    y();
+    const E = () => {
+      const s = v.scrollLeft - V();
+      Math.abs(s) < wr || (s < 0 !== n ? f() : m(), y());
     };
-    p.addEventListener("scroll", _);
-    let I = null;
-    const R = (a) => {
-      if (I !== null || a.changedTouches.length !== 1)
+    v.addEventListener("scroll", E);
+    let _ = null;
+    const S = (s) => {
+      if (_ !== null || s.changedTouches.length !== 1)
         return;
-      h();
-      const { identifier: y, clientX: L } = a.changedTouches[0];
-      I = y, x = L, z = [{ timestamp: Date.now(), value: L }];
-    }, Z = (a) => {
-      if (!x)
+      p();
+      const { identifier: j, clientX: N } = s.changedTouches[0];
+      _ = j, g = N, I = [{ timestamp: Date.now(), value: N }];
+    }, O = (s) => {
+      if (!g)
         return;
-      const y = Array.from(a.changedTouches).find(
-        ({ identifier: D }) => D === I
+      const j = Array.from(s.changedTouches).find(
+        ({ identifier: F }) => F === _
       );
-      if (!y)
+      if (!j)
         return;
-      a.preventDefault();
-      const { clientX: L } = y;
-      N({ timestamp: Date.now(), value: L });
-      const H = L - x;
-      Math.abs(H) < ve || (H > 0 !== n ? f() : m(), x = L);
-    }, k = (a) => {
-      !x || !Array.from(a.changedTouches).some(
-        ({ identifier: y }) => y === I
-      ) || (I = null, x = null, j());
+      s.preventDefault();
+      const { clientX: N } = j;
+      T({ timestamp: Date.now(), value: N });
+      const H = N - g;
+      Math.abs(H) < we || (H > 0 !== n ? f() : m(), g = N);
+    }, C = (s) => {
+      !g || !Array.from(s.changedTouches).some(
+        ({ identifier: j }) => j === _
+      ) || (_ = null, g = null, b());
     };
-    return p.addEventListener("touchstart", R), p.addEventListener("touchmove", Z), p.addEventListener("touchend", k), p.addEventListener("touchcancel", k), () => {
-      E.removeEventListener("mousedown", g), document.removeEventListener("mousemove", C), document.removeEventListener("mouseleave", T), document.removeEventListener("mouseup", T), document.removeEventListener("contextmenu", T), p.removeEventListener("scroll", _), p.removeEventListener("touchstart", R), p.removeEventListener("touchmove", Z), p.removeEventListener("touchend", k), p.removeEventListener("touchcancel", k);
+    return v.addEventListener("touchstart", S), v.addEventListener("touchmove", O), v.addEventListener("touchend", C), v.addEventListener("touchcancel", C), () => {
+      z.removeEventListener("mousedown", h), document.removeEventListener("mousemove", k), document.removeEventListener("mouseleave", L), document.removeEventListener("mouseup", L), document.removeEventListener("contextmenu", L), v.removeEventListener("scroll", E), v.removeEventListener("touchstart", S), v.removeEventListener("touchmove", O), v.removeEventListener("touchend", C), v.removeEventListener("touchcancel", C);
     };
   }, [f, m, u, n]), /* @__PURE__ */ t.jsx("div", { ref: c, className: "cursor-ew-resize", children: /* @__PURE__ */ t.jsxs("div", { ref: l, className: "overflow-x-scroll no-scrollbar", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "sticky left-0 top-0", children: e.map((E, p) => /* @__PURE__ */ t.jsx(
-      It,
-      {
-        ...E,
-        className: O(
-          p !== s && "pointer-events-none !absolute left-0 top-0 -z-10"
-        ),
-        onlyPreload: p !== s || r
-      },
-      E.src
-    )) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "sticky left-0 top-0", children: [
+      e.map((z) => /* @__PURE__ */ t.jsx(
+        me,
+        {
+          src: z.src,
+          className: "pointer-events-none !absolute left-0 top-0 -z-10"
+        },
+        z.src
+      )),
+      /* @__PURE__ */ t.jsx(It, { ...e[a], onlyPreload: r })
+    ] }),
     /* @__PURE__ */ t.jsx("div", { className: "pointer-events-none -mt-px h-px w-[calc(100%+1024px)]" })
   ] }) });
 }, yr = ({ images: e, onPlaceholderImageLoaded: r, onSpinImagesLoaded: n, onError: o }) => {
-  const i = te(() => e.map(({ src: d }) => d), [e]), [u, c] = A(null), l = u ? [...u.values()].filter((d) => d).length / e.length * 100 : null, s = M(() => {
+  const i = te(() => e.map(({ src: d }) => d), [e]), [u, c] = D(null), l = u ? [...u.values()].filter((d) => d).length / e.length * 100 : null, a = M(() => {
     l === null && c(new Map(i.map((d) => [d, !1])));
-  }, [i, l]), b = M((d) => {
+  }, [i, l]), w = M((d) => {
     c((m) => {
       const f = new Map(m);
       return f.set(d, !0), f;
     });
   }, []);
-  return P(() => {
+  return Z(() => {
     l === 100 && n();
   }, [l, n]), /* @__PURE__ */ t.jsxs("div", { className: "relative size-full", children: [
     l !== null && l !== 100 && // Add images to DOM to preload them
     /* @__PURE__ */ t.jsx("div", { className: "hidden", children: i.map((d) => /* @__PURE__ */ t.jsx(
-      be,
+      me,
       {
         src: d,
-        onLoad: () => b(d),
+        onLoad: () => w(d),
         onError: o
       },
       d
     )) }),
     /* @__PURE__ */ t.jsx(
-      be,
+      me,
       {
         className: "size-full",
         src: i[0],
@@ -1379,12 +1391,12 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
-      /* @__PURE__ */ t.jsx(Et, { className: "size-20 text-primary" }),
-      /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", onClick: s, children: /* @__PURE__ */ t.jsx(Ye, { className: "size-full" }) }),
+      /* @__PURE__ */ t.jsx(Nt, { className: "size-20 text-primary" }),
+      /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", onClick: a, children: /* @__PURE__ */ t.jsx(Ye, { className: "size-full" }) }),
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: O(
+          className: A(
             "relative h-1 w-3/5 overflow-hidden rounded-full bg-background",
             l === null && "invisible"
           ),
@@ -1400,10 +1412,10 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     ] })
   ] });
 }, jr = (e) => {
-  const { itemIndex: r } = e, { setItemInteraction: n } = q(), [o, i] = A();
-  return P(() => {
+  const { itemIndex: r } = e, { setItemInteraction: n } = q(), [o, i] = D();
+  return Z(() => {
     o === null || o === "error" || n(r, o === "spin" ? "running" : "ready");
-  }, [r, n, o]), o === "error" ? /* @__PURE__ */ t.jsx(Nt, { title: "Failed to fetch 360" }) : o !== "spin" ? /* @__PURE__ */ t.jsx(
+  }, [r, n, o]), o === "error" ? /* @__PURE__ */ t.jsx(Ct, { title: "Failed to fetch 360" }) : o !== "spin" ? /* @__PURE__ */ t.jsx(
     yr,
     {
       ...e,
@@ -1412,7 +1424,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       onError: () => i("error")
     }
   ) : /* @__PURE__ */ t.jsx(br, { ...e });
-}, kr = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(Ye, { className: "size-full" }) }), Nr = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t.jsx(
+}, kr = ({ className: e = "", ...r }) => /* @__PURE__ */ t.jsx(K, { color: "neutral", shape: "icon", className: e, ...r, children: /* @__PURE__ */ t.jsx(Ye, { className: "size-full" }) }), Cr = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1429,7 +1441,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       }
     )
   }
-) }), Cr = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t.jsx(
+) }), Er = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1446,7 +1458,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
       }
     )
   }
-) }), Er = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ t.jsx(
+) }), Nr = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1469,104 +1481,104 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     className: "size-full rounded-ui-sm bg-background transition-transform",
     style: { transform: `translateX(-${100 * (1 - e)}%)` }
   }
-) }), Lr = 3e3, zr = ({ src: e, poster: r, itemIndex: n }) => {
+) }), Lr = 3e3, _r = ({ src: e, poster: r, itemIndex: n }) => {
   const { carrouselItemIndex: o, setItemInteraction: i } = q(), u = $(null), c = $(null), l = M(() => {
     if (!c.current)
       throw new Error("videoRef.current is null");
     return c.current;
   }, []);
-  P(() => {
+  Z(() => {
     i(n, "ready");
   }, [n, i]);
-  const s = M(() => {
+  const a = M(() => {
     l().play();
-  }, [l]), b = M(() => {
+  }, [l]), w = M(() => {
     l().pause();
   }, [l]);
-  P(() => {
-    o === n || b();
-  }, [o, n, b]);
-  const [d, m] = A(!1), [f, E] = A(!0), p = () => {
+  Z(() => {
+    o === n || w();
+  }, [o, n, w]);
+  const [d, m] = D(!1), [f, z] = D(!0), v = () => {
     m(!0), i(n, "running");
-  }, x = () => {
+  }, g = () => {
     m(!1), i(n, "ready");
-  }, z = () => {
-    E(!1);
-  }, w = () => {
-    E(!0);
-  }, [N, j] = A(null), h = (a) => {
-    const y = l(), L = a.currentTarget.getBoundingClientRect(), H = (a.clientX - L.left) / L.width, D = Math.min(1, Math.max(0, H));
-    y.volume = D, y.muted = !1;
-  }, g = (a) => {
-    const y = l();
-    y.muted = a;
+  }, I = () => {
+    z(!1);
+  }, x = () => {
+    z(!0);
+  }, [T, b] = D(null), p = (s) => {
+    const j = l(), N = s.currentTarget.getBoundingClientRect(), H = (s.clientX - N.left) / N.width, F = Math.min(1, Math.max(0, H));
+    j.volume = F, j.muted = !1;
+  }, h = (s) => {
+    const j = l();
+    j.muted = s;
   };
-  P(() => {
-    const a = c.current;
-    if (!a)
+  Z(() => {
+    const s = c.current;
+    if (!s)
       return;
-    const y = () => {
-      j({
-        volume: a.volume,
-        isMuted: a.muted
+    const j = () => {
+      b({
+        volume: s.volume,
+        isMuted: s.muted
       });
     };
-    return y(), a.addEventListener("volumechange", y), () => {
-      a.removeEventListener("volumechange", y);
+    return j(), s.addEventListener("volumechange", j), () => {
+      s.removeEventListener("volumechange", j);
     };
   }, []);
-  const [C, T] = A(null), V = C ? C.currentTime / C.duration : 0;
-  P(() => {
-    const a = c.current;
-    if (!a) return;
-    const y = () => {
-      const L = a.currentTime, H = a.duration;
-      isNaN(L) || isNaN(H) || T({
-        currentTime: L,
+  const [k, L] = D(null), R = k ? k.currentTime / k.duration : 0;
+  Z(() => {
+    const s = c.current;
+    if (!s) return;
+    const j = () => {
+      const N = s.currentTime, H = s.duration;
+      isNaN(N) || isNaN(H) || L({
+        currentTime: N,
         duration: H
       });
     };
-    return y(), a.addEventListener("timeupdate", y), () => {
-      a.removeEventListener("timeupdate", y);
+    return j(), s.addEventListener("timeupdate", j), () => {
+      s.removeEventListener("timeupdate", j);
     };
   }, []);
-  const S = (a) => {
-    const y = l(), L = a.currentTarget.getBoundingClientRect(), H = (a.clientX - L.left) / L.width, D = y.duration * H;
-    y.currentTime = D;
-  }, v = (a) => {
-    const y = Math.floor(a % 3600 / 60), L = Math.floor(a % 60);
-    return `${y}:${L.toString().padStart(2, "0")}`;
-  }, [_, I] = A(!1), R = $(void 0), Z = M(
-    () => clearTimeout(R.current),
+  const V = (s) => {
+    const j = l(), N = s.currentTarget.getBoundingClientRect(), H = (s.clientX - N.left) / N.width, F = j.duration * H;
+    j.currentTime = F;
+  }, y = (s) => {
+    const j = Math.floor(s % 3600 / 60), N = Math.floor(s % 60);
+    return `${j}:${N.toString().padStart(2, "0")}`;
+  }, [E, _] = D(!1), S = $(void 0), O = M(
+    () => clearTimeout(S.current),
     []
-  ), k = M(() => {
-    Z(), R.current = setTimeout(() => {
-      I(!1);
+  ), C = M(() => {
+    O(), S.current = setTimeout(() => {
+      _(!1);
     }, Lr);
-  }, [Z]);
-  return P(() => {
-    const a = u.current, y = c.current;
-    if (!a || !y)
+  }, [O]);
+  return Z(() => {
+    const s = u.current, j = c.current;
+    if (!s || !j)
       return;
-    const L = () => {
-      k(), I(!0);
+    const N = () => {
+      C(), _(!0);
     }, H = () => {
-      Z(), I(!1);
+      O(), _(!1);
     };
-    let D = !1;
+    let F = !1;
     const Y = () => {
-      D = !0;
+      F = !0;
     }, W = () => {
-      D && (D = !1, b());
+      F && (F = !1, w());
     }, G = () => {
-      D = !1, L();
+      F = !1, N();
     }, X = (B) => {
-      B.preventDefault(), B.touches.length === 1 && (k(), I((ne) => !ne));
+      B.preventDefault(), B.touches.length === 1 && (C(), _((ne) => !ne));
     };
-    return a.addEventListener("mousedown", Y), a.addEventListener("mouseup", W), a.addEventListener("mouseenter", L), a.addEventListener("mousemove", G), a.addEventListener("mouseleave", H), y.addEventListener("touchstart", X), () => {
-      a.removeEventListener("mousedown", Y), a.removeEventListener("mouseup", W), a.removeEventListener("mouseenter", L), a.removeEventListener("mousemove", L), a.removeEventListener("mouseleave", H), y.removeEventListener("touchstart", X);
+    return s.addEventListener("mousedown", Y), s.addEventListener("mouseup", W), s.addEventListener("mouseenter", N), s.addEventListener("mousemove", G), s.addEventListener("mouseleave", H), j.addEventListener("touchstart", X), () => {
+      s.removeEventListener("mousedown", Y), s.removeEventListener("mouseup", W), s.removeEventListener("mouseenter", N), s.removeEventListener("mousemove", N), s.removeEventListener("mouseleave", H), j.removeEventListener("touchstart", X);
     };
-  }, [Z, b, k]), /* @__PURE__ */ t.jsxs("div", { ref: u, className: "relative size-full", children: [
+  }, [O, w, C]), /* @__PURE__ */ t.jsxs("div", { ref: u, className: "relative size-full", children: [
     /* @__PURE__ */ t.jsx(
       "video",
       {
@@ -1576,22 +1588,22 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
         poster: r,
         disablePictureInPicture: !0,
         playsInline: !0,
-        onPlay: p,
-        onPause: x,
-        onEnded: x,
-        onCanPlay: z,
-        onWaiting: w
+        onPlay: v,
+        onPause: g,
+        onEnded: g,
+        onCanPlay: I,
+        onWaiting: x
       }
     ),
     d ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: O(
+          className: A(
             "absolute inset-x-0 bottom-0 cursor-auto space-y-2 bg-gradient-to-t from-foreground to-transparent p-4 pr-12 pt-8 transition-opacity duration-300",
-            _ ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
+            E ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
           ),
-          onMouseDownCapture: (a) => a.stopPropagation(),
+          onMouseDownCapture: (s) => s.stopPropagation(),
           children: [
             /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between text-background", children: [
               /* @__PURE__ */ t.jsxs(
@@ -1605,20 +1617,20 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
                         shape: "icon",
                         variant: "ghost",
                         color: "neutral",
-                        onClick: b,
-                        children: /* @__PURE__ */ t.jsx(Nr, { className: "size-full" })
+                        onClick: w,
+                        children: /* @__PURE__ */ t.jsx(Cr, { className: "size-full" })
                       }
                     ),
-                    C && /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
-                      v(C.currentTime),
+                    k && /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
+                      y(k.currentTime),
                       " /",
                       " ",
-                      v(C.duration)
+                      y(k.duration)
                     ] })
                   ]
                 }
               ),
-              N && /* @__PURE__ */ t.jsxs(
+              T && /* @__PURE__ */ t.jsxs(
                 "div",
                 {
                   className: "group/volume flex items-center gap-x-4 rounded-ui-md p-2 transition-colors hover:bg-foreground/25",
@@ -1626,17 +1638,17 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
                     /* @__PURE__ */ t.jsx(
                       "div",
                       {
-                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${N.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
-                        onClick: h,
-                        children: /* @__PURE__ */ t.jsx(Je, { progress: N.volume })
+                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${T.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
+                        onClick: p,
+                        children: /* @__PURE__ */ t.jsx(Je, { progress: T.volume })
                       }
                     ),
                     /* @__PURE__ */ t.jsx(
                       "div",
                       {
                         className: "size-5 cursor-pointer",
-                        onClick: () => g(!N.isMuted),
-                        children: N.isMuted ? /* @__PURE__ */ t.jsx(Er, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Cr, { className: "size-full" })
+                        onClick: () => h(!T.isMuted),
+                        children: T.isMuted ? /* @__PURE__ */ t.jsx(Nr, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Er, { className: "size-full" })
                       }
                     )
                   ]
@@ -1647,8 +1659,8 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
               "div",
               {
                 className: "cursor-pointer py-1",
-                onClick: S,
-                children: /* @__PURE__ */ t.jsx(Je, { progress: V })
+                onClick: V,
+                children: /* @__PURE__ */ t.jsx(Je, { progress: R })
               }
             )
           ]
@@ -1658,18 +1670,18 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
-          children: /* @__PURE__ */ t.jsx(Ct, { size: "lg" })
+          children: /* @__PURE__ */ t.jsx(Et, { size: "lg" })
         }
       )
     ] }) : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "absolute inset-0 flex items-center justify-center bg-foreground/25",
-        children: /* @__PURE__ */ t.jsx(kr, { onClick: s })
+        children: /* @__PURE__ */ t.jsx(kr, { onClick: a })
       }
     )
   ] });
-}, _r = ({ index: e, item: r, isShown: n, lazy: o }) => {
+}, zr = ({ index: e, item: r, isShown: n, lazy: o }) => {
   const { type: i } = r;
   let u;
   if (o)
@@ -1680,7 +1692,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
         u = /* @__PURE__ */ t.jsx(It, { itemIndex: e, onlyPreload: !n, ...r });
         break;
       case "video":
-        u = /* @__PURE__ */ t.jsx(zr, { itemIndex: e, ...r });
+        u = /* @__PURE__ */ t.jsx(_r, { itemIndex: e, ...r });
         break;
       case "360":
         u = /* @__PURE__ */ t.jsx(
@@ -1695,7 +1707,7 @@ const yt = Ie(null), jt = () => Me(yt), $e = () => {
     }
   return u;
 }, Ir = (e) => {
-  P(() => {
+  Z(() => {
     const r = (n) => {
       n.key === "Escape" && e();
     };
@@ -1785,7 +1797,7 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     d: "M3.33325 10.6668H5.33325V12.6668H6.66659V9.3335H3.33325V10.6668ZM5.33325 5.3335H3.33325V6.66683H6.66659V3.3335H5.33325V5.3335ZM9.33325 12.6668H10.6666V10.6668H12.6666V9.3335H9.33325V12.6668ZM10.6666 5.3335V3.3335H9.33325V6.66683H12.6666V5.3335H10.6666Z",
     fill: "currentColor"
   }
-) }) }), Fr = ({
+) }) }), Pr = ({
   enabled: e,
   onToggle: r,
   label: n,
@@ -1794,7 +1806,7 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
 }) => /* @__PURE__ */ t.jsxs(
   "label",
   {
-    className: O(
+    className: A(
       "flex cursor-pointer items-center justify-center gap-x-2",
       o
     ),
@@ -1812,14 +1824,14 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
       /* @__PURE__ */ t.jsx(
         "div",
         {
-          className: O(
+          className: A(
             "flex h-5 w-8 items-center justify-center rounded-full transition-colors",
             e ? "bg-primary" : "bg-background/60"
           ),
           children: /* @__PURE__ */ t.jsx(
             "div",
             {
-              className: O(
+              className: A(
                 "flex size-4 items-center justify-center rounded-full p-0.5 transition",
                 e ? "translate-x-1.5 bg-primary-foreground text-primary" : "-translate-x-1.5 bg-background text-foreground"
               ),
@@ -1830,7 +1842,7 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
       )
     ]
   }
-), Pr = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_BURGER", children: /* @__PURE__ */ t.jsx(
+), Ar = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, customizationKey: "UI_BURGER", children: /* @__PURE__ */ t.jsx(
   "svg",
   {
     className: e,
@@ -1847,8 +1859,8 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
       }
     )
   }
-) }), Ar = ({ sharedClassName: e }) => {
-  const { categories: r } = re(), { displayedCategoryId: n, changeCategory: o } = q(), [i, u] = A(!1), c = () => {
+) }), Zr = ({ sharedClassName: e }) => {
+  const { categories: r } = re(), { displayedCategoryId: n, changeCategory: o } = q(), [i, u] = D(!1), c = () => {
     u(!i);
   }, l = () => {
     u(!1);
@@ -1857,14 +1869,14 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     i && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: O(e, "inset-0 small:hidden"),
+        className: A(e, "inset-0 small:hidden"),
         onClick: l
       }
     ),
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: O(
+        className: A(
           e,
           ue("top-left"),
           "flex gap-x-2 small:hidden"
@@ -1876,22 +1888,22 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
               shape: "icon",
               color: i ? "primary" : "neutral",
               onClick: c,
-              children: /* @__PURE__ */ t.jsx(Pr, {})
+              children: /* @__PURE__ */ t.jsx(Ar, {})
             }
           ),
-          i && /* @__PURE__ */ t.jsx("div", { className: "rounded-ui-md bg-background", children: /* @__PURE__ */ t.jsx("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: s, title: b }) => /* @__PURE__ */ t.jsx(
+          i && /* @__PURE__ */ t.jsx("div", { className: "rounded-ui-md bg-background", children: /* @__PURE__ */ t.jsx("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: a, title: w }) => /* @__PURE__ */ t.jsx(
             "li",
             {
-              className: O(
+              className: A(
                 "cursor-pointer rounded-ui px-2 py-1 text-sm font-bold transition-colors hover:bg-primary/30",
-                s === n && "bg-primary/50"
+                a === n && "bg-primary/50"
               ),
               onClick: () => {
-                o(s), u(!1);
+                o(a), u(!1);
               },
-              children: b
+              children: w
             },
-            s
+            a
           )) }) })
         ]
       }
@@ -1899,24 +1911,24 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: O(
+        className: A(
           e,
           bt("top"),
           "w-full overflow-x-auto max-small:hidden"
         ),
-        children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: r.map(({ id: s, title: b }) => /* @__PURE__ */ t.jsx(
+        children: /* @__PURE__ */ t.jsx("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: r.map(({ id: a, title: w }) => /* @__PURE__ */ t.jsx(
           K,
           {
-            variant: s === n ? "fill" : "ghost",
-            onClick: () => o(s),
-            children: b
+            variant: a === n ? "fill" : "ghost",
+            onClick: () => o(a),
+            children: w
           },
-          s
+          a
         )) })
       }
     )
   ] });
-}, Zr = () => {
+}, Fr = () => {
   const { flatten: e, infiniteCarrousel: r, permanentGallery: n } = J(), {
     items: { length: o },
     aspectRatioStyle: i
@@ -1924,42 +1936,42 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     slidable: u,
     masterItemIndex: c,
     prevItem: l,
-    nextItem: s,
-    showGalleryControls: b,
+    nextItem: a,
+    showGalleryControls: w,
     enableHotspotsControl: d,
     showHotspots: m,
     toggleHotspots: f,
-    showGallery: E,
-    toggleGallery: p,
-    extendMode: x,
-    toggleExtendMode: z,
-    shownDetails: w,
-    isShowingDetails: N,
-    resetShownDetails: j,
-    showZoomControls: h,
-    isZooming: g,
-    canZoomIn: C,
-    zoomIn: T,
-    canZoomOut: V,
-    zoomOut: S,
-    resetView: v
-  } = q(), _ = M(
-    (Z) => {
-      Mr(Z) && j();
+    showGallery: z,
+    toggleGallery: v,
+    extendMode: g,
+    toggleExtendMode: I,
+    shownDetails: x,
+    isShowingDetails: T,
+    resetShownDetails: b,
+    showZoomControls: p,
+    isZooming: h,
+    canZoomIn: k,
+    zoomIn: L,
+    canZoomOut: R,
+    zoomOut: V,
+    resetView: y
+  } = q(), E = M(
+    (O) => {
+      Mr(O) && b();
     },
-    [j]
+    [b]
   );
-  Ir(j);
-  const I = "absolute z-overlay", R = `transition-opacity ${b ? "opacity-100" : "opacity-0 !pointer-events-none"}`;
+  Ir(b);
+  const _ = "absolute z-overlay", S = `transition-opacity ${w ? "opacity-100" : "opacity-0 !pointer-events-none"}`;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    !e && !g && /* @__PURE__ */ t.jsx(Ar, { sharedClassName: I }),
-    u && !g && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    !e && !h && /* @__PURE__ */ t.jsx(Zr, { sharedClassName: _ }),
+    u && !h && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
       /* @__PURE__ */ t.jsx(
         K,
         {
           shape: "icon",
           color: "neutral",
-          className: O(I, ue("middle-left")),
+          className: A(_, ue("middle-left")),
           onClick: l,
           disabled: !r && c <= 0,
           children: /* @__PURE__ */ t.jsx(U, { customizationKey: "CONTROLS_ARROW_LEFT", children: /* @__PURE__ */ t.jsx(Qe, { className: "size-full rotate-180" }) })
@@ -1970,8 +1982,8 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
         {
           shape: "icon",
           color: "neutral",
-          className: O(I, ue("middle-right")),
-          onClick: s,
+          className: A(_, ue("middle-right")),
+          onClick: a,
           disabled: !r && c >= o - 1,
           children: /* @__PURE__ */ t.jsx(U, { customizationKey: "CONTROLS_ARROW_RIGHT", children: /* @__PURE__ */ t.jsx(Qe, { className: "size-full" }) })
         }
@@ -1980,29 +1992,29 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: O(
-          I,
+        className: A(
+          _,
           ue("bottom-fullW"),
           "pointer-events-none grid grid-cols-[auto,1fr,auto] items-end *:pointer-events-auto small:gap-x-2"
         ),
         children: [
-          !n && o > 1 && !g && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+          !n && o > 1 && !h && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
             /* @__PURE__ */ t.jsx(
               K,
               {
-                className: R,
+                className: S,
                 variant: "fill",
-                color: E ? "primary" : "neutral",
+                color: z ? "primary" : "neutral",
                 shape: "icon",
-                onClick: p,
+                onClick: v,
                 children: /* @__PURE__ */ t.jsx(U, { customizationKey: "CONTROLS_GALLERY", children: /* @__PURE__ */ t.jsx(Vr, { className: "size-full" }) })
               }
             ),
-            E && /* @__PURE__ */ t.jsx(
-              zt,
+            z && /* @__PURE__ */ t.jsx(
+              _t,
               {
-                className: O(
-                  R,
+                className: A(
+                  S,
                   "[mask-image:linear-gradient(to_left,transparent_0px,black_4px,black_calc(100%-4px),transparent_100%)]"
                 ),
                 containerClassName: "mx-1"
@@ -2010,16 +2022,16 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
             )
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
-            d && !g && /* @__PURE__ */ t.jsx(Fr, { enabled: m, onToggle: f, children: /* @__PURE__ */ t.jsx(Sr, { className: "size-full" }) }),
-            h && /* @__PURE__ */ t.jsxs("div", { className: "max-small:hidden", children: [
+            d && !h && /* @__PURE__ */ t.jsx(Pr, { enabled: m, onToggle: f, children: /* @__PURE__ */ t.jsx(Sr, { className: "size-full" }) }),
+            p && /* @__PURE__ */ t.jsxs("div", { className: "max-small:hidden", children: [
               /* @__PURE__ */ t.jsx(
                 K,
                 {
                   className: "rounded-b-none",
                   color: "neutral",
                   shape: "icon",
-                  disabled: !C,
-                  onClick: T,
+                  disabled: !k,
+                  onClick: L,
                   children: /* @__PURE__ */ t.jsx(Hr, { className: "size-full" })
                 }
               ),
@@ -2030,8 +2042,8 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
                   className: "rounded-t-none",
                   color: "neutral",
                   shape: "icon",
-                  disabled: !V,
-                  onClick: S,
+                  disabled: !R,
+                  onClick: V,
                   children: /* @__PURE__ */ t.jsx(Rr, { className: "size-full" })
                 }
               )
@@ -2040,10 +2052,10 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
               K,
               {
                 variant: "fill",
-                color: x ? "primary" : "neutral",
+                color: g ? "primary" : "neutral",
                 shape: "icon",
-                onClick: z,
-                children: x ? /* @__PURE__ */ t.jsx(Or, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Tr, { className: "size-full" })
+                onClick: I,
+                children: g ? /* @__PURE__ */ t.jsx(Or, { className: "size-full" }) : /* @__PURE__ */ t.jsx(Tr, { className: "size-full" })
               }
             )
           ] })
@@ -2053,55 +2065,55 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: O(
-          I,
+        className: A(
+          _,
           "inset-0 flex justify-end overflow-hidden bg-foreground/60 transition-opacity duration-details",
-          N ? "opacity-100" : "pointer-events-none opacity-0"
+          T ? "opacity-100" : "pointer-events-none opacity-0"
         ),
-        onClick: _,
+        onClick: E,
         children: /* @__PURE__ */ t.jsx(
           "div",
           {
-            className: O(
+            className: A(
               "h-full w-3/5 bg-background transition-transform duration-details",
-              N ? "translate-x-0" : "translate-x-full"
+              T ? "translate-x-0" : "translate-x-full"
             ),
-            children: !!w && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+            children: !!x && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
               /* @__PURE__ */ t.jsx(
-                be,
+                me,
                 {
                   className: "w-full bg-foreground/65",
                   style: i,
-                  src: w.src,
+                  src: x.src,
                   imgInPlayerWidthRatio: 0.6
                 }
               ),
               /* @__PURE__ */ t.jsxs(
                 "div",
                 {
-                  className: O(
-                    "space-y-1 p-1.5 small:p-2",
-                    x && "large:p-3"
+                  className: A(
+                    "space-y-1 px-2 py-1 small:p-3",
+                    g && "large:p-4"
                   ),
                   children: [
-                    w.title && /* @__PURE__ */ t.jsx(
+                    x.title && /* @__PURE__ */ t.jsx(
                       "span",
                       {
-                        className: O(
-                          "text-sm small:text-base",
-                          x && "large:text-lg"
+                        className: A(
+                          "text-sm font-semibold small:text-base small:font-bold",
+                          g && "large:text-lg"
                         ),
-                        children: w.title
+                        children: x.title
                       }
                     ),
-                    w.text && /* @__PURE__ */ t.jsx(
+                    x.text && /* @__PURE__ */ t.jsx(
                       "p",
                       {
-                        className: O(
-                          "text-xs small:text-sm",
-                          x && "large:text-base"
+                        className: A(
+                          "text-xs text-foreground/65 small:text-sm",
+                          g && "large:text-base"
                         ),
-                        children: w.text
+                        children: x.text
                       }
                     )
                   ]
@@ -2112,11 +2124,11 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
         )
       }
     ),
-    (g || N) && /* @__PURE__ */ t.jsx(
+    (h || T) && /* @__PURE__ */ t.jsx(
       kt,
       {
-        className: O(I, ue("top-right")),
-        onClick: v
+        className: A(_, ue("top-right")),
+        onClick: y
       }
     )
   ] });
@@ -2125,203 +2137,203 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     slidable: u,
     carrouselItemIndex: c,
     setCarrouselItemIndex: l,
-    itemIndexCommand: s,
-    setItemIndexCommand: b,
+    itemIndexCommand: a,
+    setItemIndexCommand: w,
     specialCommand: d,
     isRunningSpecialCommand: m,
     finishSpecialCommand: f,
-    extendMode: E,
-    extendTransition: p,
-    isZooming: x
-  } = q(), z = $(null), w = M((k) => {
-    if (!z.current)
-      throw new Error(`[${k ?? "sliderOrThrow"}] slider.current is null`);
-    return z.current;
-  }, []), N = $(!1), j = $(null), h = $(null), g = $(null), C = M(() => {
-    g.current && cancelAnimationFrame(g.current);
-  }, []), T = M(() => {
-    const k = w("computeClosestSnapIndex"), a = Array.from(k.children), y = k.scrollLeft, L = a.reduce(
-      (H, D, Y) => {
-        const W = D.offsetLeft;
-        return Math.abs(W - y) < Math.abs(a[H].offsetLeft - y) ? Y : H;
+    extendMode: z,
+    extendTransition: v,
+    isZooming: g
+  } = q(), I = $(null), x = M((C) => {
+    if (!I.current)
+      throw new Error(`[${C ?? "sliderOrThrow"}] slider.current is null`);
+    return I.current;
+  }, []), T = $(!1), b = $(null), p = $(null), h = $(null), k = M(() => {
+    h.current && cancelAnimationFrame(h.current);
+  }, []), L = M(() => {
+    const C = x("computeClosestSnapIndex"), s = Array.from(C.children), j = C.scrollLeft, N = s.reduce(
+      (H, F, Y) => {
+        const W = F.offsetLeft;
+        return Math.abs(W - j) < Math.abs(s[H].offsetLeft - j) ? Y : H;
       },
       0
     );
-    return d === "first_to_last" ? Ge(L, o.length) : d === "last_to_first" ? Ge(L - 1, o.length) : L;
-  }, [d, w, o.length]), V = M(
-    (k) => {
-      const a = w("setStyleCursor");
-      a.style.cursor = k;
+    return d === "first_to_last" ? Ge(N, o.length) : d === "last_to_first" ? Ge(N - 1, o.length) : N;
+  }, [d, x, o.length]), R = M(
+    (C) => {
+      const s = x("setStyleCursor");
+      s.style.cursor = C;
     },
-    [w]
-  ), S = M(
-    (k) => {
-      const a = w("setStyleSnapState");
-      k === "mandatory" ? a.style.scrollSnapType = "x mandatory" : a.style.scrollSnapType = "none";
+    [x]
+  ), V = M(
+    (C) => {
+      const s = x("setStyleSnapState");
+      C === "mandatory" ? s.style.scrollSnapType = "x mandatory" : s.style.scrollSnapType = "none";
     },
-    [w]
-  ), v = M(
-    (k, a, y) => {
-      C();
-      const L = w("scrollToIndex"), H = Array.from(L.children), D = L.scrollLeft, Y = H[k].offsetLeft, W = (me) => {
-        L.scrollTo({
-          left: me,
+    [x]
+  ), y = M(
+    (C, s, j) => {
+      k();
+      const N = x("scrollToIndex"), H = Array.from(N.children), F = N.scrollLeft, Y = H[C].offsetLeft, W = (pe) => {
+        N.scrollTo({
+          left: pe,
           behavior: "instant"
         });
       }, G = () => {
-        W(Y), S("mandatory"), y == null || y();
-      }, X = Math.abs(D - Y);
-      if (X < 1 || a === "instant") {
+        W(Y), V("mandatory"), j == null || j();
+      }, X = Math.abs(F - Y);
+      if (X < 1 || s === "instant") {
         G();
         return;
       }
       const B = se(X / 2.5, 300, 1e3), ne = (/* @__PURE__ */ new Date()).getTime();
-      S("none");
+      V("none");
       const je = () => {
-        const me = () => {
+        const pe = () => {
           const ke = (/* @__PURE__ */ new Date()).getTime() - ne;
           if (ke >= B) {
             G();
             return;
           }
-          const ae = Math.min(ke / B, 1), pe = _t(ae), Te = ze(D, Y, pe);
+          const ae = Math.min(ke / B, 1), he = zt(ae), Te = _e(F, Y, he);
           W(Te), je();
         };
-        g.current = requestAnimationFrame(me);
+        h.current = requestAnimationFrame(pe);
       };
       je();
     },
-    [C, w, S]
-  ), [_, I] = A(), R = !!_;
-  P(() => {
-    const k = () => {
-      clearTimeout(_);
-      const a = setTimeout(() => {
-        I(void 0);
+    [k, x, V]
+  ), [E, _] = D(), S = !!E;
+  Z(() => {
+    const C = () => {
+      clearTimeout(E);
+      const s = setTimeout(() => {
+        _(void 0);
       }, ft);
-      I(a);
+      _(s);
     };
-    return addEventListener("resize", k), document.addEventListener("fullscreenchange", k), () => {
-      removeEventListener("resize", k), document.removeEventListener("fullscreenchange", k);
+    return addEventListener("resize", C), document.addEventListener("fullscreenchange", C), () => {
+      removeEventListener("resize", C), document.removeEventListener("fullscreenchange", C);
     };
-  }, [_]), P(() => {
-    const k = T();
-    Number.isNaN(k) || k !== c && v(c, "instant");
+  }, [E]), Z(() => {
+    const C = L();
+    Number.isNaN(C) || C !== c && y(c, "instant");
   }, [
     c,
-    v,
-    T,
+    y,
+    L,
     // - Run the effect when those values change
     o,
-    _,
-    n,
     E,
-    p
-  ]), P(() => {
+    n,
+    z,
+    v
+  ]), Z(() => {
     if (!u || m) {
-      V("auto");
+      R("auto");
       return;
     }
-    const k = z.current;
-    if (!k)
+    const C = I.current;
+    if (!C)
       return;
-    V("grab"), S("mandatory");
-    const a = (H) => {
-      H.button === 0 && (H.preventDefault(), H.stopPropagation(), C(), N.current = !0, j.current = H.pageX - k.offsetLeft, h.current = k.scrollLeft, V("grabbing"));
-    }, y = (H) => {
-      if (!N.current)
+    R("grab"), V("mandatory");
+    const s = (H) => {
+      H.button === 0 && (H.preventDefault(), H.stopPropagation(), k(), T.current = !0, b.current = H.pageX - C.offsetLeft, p.current = C.scrollLeft, R("grabbing"));
+    }, j = (H) => {
+      if (!T.current)
         return;
-      if (j.current === null)
+      if (b.current === null)
         throw new Error("[onMouseMove] startX is null");
-      S("none");
-      const D = H.pageX - k.offsetLeft - j.current;
+      V("none");
+      const F = H.pageX - C.offsetLeft - b.current;
       requestAnimationFrame(() => {
-        if (h.current === null)
+        if (p.current === null)
           throw new Error("[onMouseMove] scrollLeft is null");
-        k.scrollLeft = h.current - D;
+        C.scrollLeft = p.current - F;
       });
-    }, L = () => {
-      if (!N.current)
+    }, N = () => {
+      if (!T.current)
         return;
-      N.current = !1, V("grab");
-      const H = T();
-      v(H, "smooth");
+      T.current = !1, R("grab");
+      const H = L();
+      y(H, "smooth");
     };
-    return k.addEventListener("mousedown", a), document.addEventListener("mousemove", y), document.addEventListener("mouseleave", L), document.addEventListener("mouseup", L), document.addEventListener("contextmenu", L), () => {
-      k.removeEventListener("mousedown", a), document.removeEventListener("mousemove", y), document.removeEventListener("mouseleave", L), document.removeEventListener("mouseup", L), document.removeEventListener("contextmenu", L);
+    return C.addEventListener("mousedown", s), document.addEventListener("mousemove", j), document.addEventListener("mouseleave", N), document.addEventListener("mouseup", N), document.addEventListener("contextmenu", N), () => {
+      C.removeEventListener("mousedown", s), document.removeEventListener("mousemove", j), document.removeEventListener("mouseleave", N), document.removeEventListener("mouseup", N), document.removeEventListener("contextmenu", N);
     };
   }, [
-    C,
-    T,
+    k,
+    L,
     m,
-    v,
+    y,
+    R,
     V,
-    S,
     u
-  ]), P(() => {
-    if (p || R)
+  ]), Z(() => {
+    if (v || S)
       return;
-    const k = z.current;
-    if (!k)
+    const C = I.current;
+    if (!C)
       return;
-    const a = () => {
-      const y = T();
-      Number.isNaN(y) || (l(y), y === s && b(null));
+    const s = () => {
+      const j = L();
+      Number.isNaN(j) || (l(j), j === a && w(null));
     };
-    return k.addEventListener("scroll", a), () => {
-      k.removeEventListener("scroll", a);
+    return C.addEventListener("scroll", s), () => {
+      C.removeEventListener("scroll", s);
     };
   }, [
-    T,
-    p,
+    L,
+    v,
     m,
-    R,
-    s,
+    S,
+    a,
     o.length,
     l,
-    b
-  ]), P(() => {
-    if (s === null)
+    w
+  ]), Z(() => {
+    if (a === null)
       return;
-    const k = () => f();
+    const C = () => f();
     switch (d) {
       case "first_to_last":
-        v(o.length, "instant"), v(o.length - 1, "smooth", k);
+        y(o.length, "instant"), y(o.length - 1, "smooth", C);
         break;
       case "last_to_first":
-        v(0, "instant"), v(1, "smooth", k);
+        y(0, "instant"), y(1, "smooth", C);
         break;
       case "instant":
-        v(s, "instant", k);
+        y(a, "instant", C);
         break;
       default:
-        v(s, "smooth");
+        y(a, "smooth");
         break;
     }
   }, [
     d,
     f,
-    s,
+    a,
     o.length,
-    v
+    y
   ]);
-  const Z = () => /* @__PURE__ */ t.jsx("div", { className: "h-full", style: i });
+  const O = () => /* @__PURE__ */ t.jsx("div", { className: "h-full", style: i });
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: O("relative overflow-hidden rounded-carrousel", e),
+      className: A("relative overflow-hidden rounded-carrousel", e),
       style: i,
       children: [
         /* @__PURE__ */ t.jsxs(
           "div",
           {
-            ref: z,
+            ref: I,
             className: `flex size-full ${u ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
             children: [
-              d === "last_to_first" && /* @__PURE__ */ t.jsx(Z, {}),
-              o.map((k, a) => {
-                const y = k.type === "360" ? k.images[0] : k.src, L = a === c, H = a === 0, D = c === o.length - 1, Y = a === o.length - 1, W = c === 0, G = Math.abs(a - c) > 1 && // Not next to the current one
-                !(r && H && D) && // Not the last one when the first one is shown (only for infinite carrousel)
+              d === "last_to_first" && /* @__PURE__ */ t.jsx(O, {}),
+              o.map((C, s) => {
+                const j = C.type === "360" ? C.images[0] : C.src, N = s === c, H = s === 0, F = c === o.length - 1, Y = s === o.length - 1, W = c === 0, G = Math.abs(s - c) > 1 && // Not next to the current one
+                !(r && H && F) && // Not the last one when the first one is shown (only for infinite carrousel)
                 !(r && Y && W), X = (() => {
                   if (d === "first_to_last" && H)
                     return {
@@ -2338,30 +2350,30 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
                     className: "relative h-full bg-foreground/50",
                     style: { ...i, ...X },
                     children: /* @__PURE__ */ t.jsx(
-                      _r,
+                      zr,
                       {
-                        index: a,
-                        item: k,
-                        isShown: L,
+                        index: s,
+                        item: C,
+                        isShown: N,
                         lazy: G
                       }
                     )
                   },
-                  `${a}_${y}`
+                  `${s}_${j}`
                 );
               }),
-              d === "first_to_last" && /* @__PURE__ */ t.jsx(Z, {})
+              d === "first_to_last" && /* @__PURE__ */ t.jsx(O, {})
             ]
           }
         ),
-        u && !x && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
+        u && !g && /* @__PURE__ */ t.jsx("div", { className: `absolute ${ue("top-right")}`, children: /* @__PURE__ */ t.jsx(
           hr,
           {
             currentIndex: c,
             maxIndex: o.length - 1
           }
         ) }),
-        /* @__PURE__ */ t.jsx(Zr, {})
+        /* @__PURE__ */ t.jsx(Fr, {})
       ]
     }
   );
@@ -2373,45 +2385,45 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     resetShownDetails: u,
     extendMode: c,
     disableExtendMode: l,
-    isZooming: s,
-    resetZoom: b,
+    isZooming: a,
+    resetZoom: w,
     fakeFullScreen: d
-  } = q(), m = $(null), f = $(null), E = $(null);
-  return P(() => {
+  } = q(), m = $(null), f = $(null), z = $(null);
+  return Z(() => {
     if (!c)
       return;
-    const p = m.current, x = f.current, z = E.current;
-    if (!p || !x || !z)
+    const v = m.current, g = f.current, I = z.current;
+    if (!v || !g || !I)
       return;
-    let w = !1;
-    const N = (g) => [p, x, z].includes(g.target), j = (g) => {
-      w = N(g);
-    }, h = (g) => {
-      w && (N(g) && l(), w = !1);
+    let x = !1;
+    const T = (h) => [v, g, I].includes(h.target), b = (h) => {
+      x = T(h);
+    }, p = (h) => {
+      x && (T(h) && l(), x = !1);
     };
-    return p.addEventListener("mousedown", j), p.addEventListener("mouseup", h), () => {
-      p.removeEventListener("mousedown", j), p.removeEventListener("mouseup", h);
+    return v.addEventListener("mousedown", b), v.addEventListener("mouseup", p), () => {
+      v.removeEventListener("mousedown", b), v.removeEventListener("mouseup", p);
     };
-  }, [l, c]), P(() => {
-    const p = (x) => {
-      x.key === "Escape" && (s ? b() : i ? u() : l());
+  }, [l, c]), Z(() => {
+    const v = (g) => {
+      g.key === "Escape" && (a ? w() : i ? u() : l());
     };
-    return addEventListener("keydown", p), () => {
-      removeEventListener("keydown", p);
+    return addEventListener("keydown", v), () => {
+      removeEventListener("keydown", v);
     };
   }, [
     l,
     i,
-    s,
+    a,
     o,
     n,
     u,
-    b
+    w
   ]), /* @__PURE__ */ t.jsxs(
     "div",
     {
       ref: m,
-      className: O(
+      className: A(
         "relative",
         c && "flex size-full items-center justify-center bg-foreground/75",
         d && "fixed inset-0 z-overlay"
@@ -2426,15 +2438,15 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
               /* @__PURE__ */ t.jsx(
                 "div",
                 {
-                  ref: E,
-                  className: O(
+                  ref: z,
+                  className: A(
                     c && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
                   ),
                   style: r,
-                  children: /* @__PURE__ */ t.jsx(Dr, { className: O(c && "h-full min-w-0") })
+                  children: /* @__PURE__ */ t.jsx(Dr, { className: A(c && "h-full min-w-0") })
                 }
               ),
-              e && /* @__PURE__ */ t.jsx(zt, { className: O(c && "my-2 shrink-0 small:my-4") })
+              e && /* @__PURE__ */ t.jsx(_t, { className: A(c && "my-2 shrink-0 small:my-4") })
             ]
           }
         ),
@@ -2457,73 +2469,73 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
     isSuccess: i,
     error: u
   } = Gt(e);
-  return P(() => {
-    u ? r(st, u) : i ? r(ot) : o === "fetching" && r(nt);
-  }, [r, u, i, o]), u ? /* @__PURE__ */ t.jsx(Nt, { title: "Failed to fetch composition", error: u }) : i ? /* @__PURE__ */ t.jsx(Kt, { composition: n, children: /* @__PURE__ */ t.jsx(Jt, { children: /* @__PURE__ */ t.jsx($r, {}) }) }) : /* @__PURE__ */ t.jsxs("div", { className: "flex aspect-video size-full flex-col items-center justify-center gap-y-4", children: [
+  return Z(() => {
+    u ? r(st, u) : o === "fetching" ? r(nt, e) : i && r(ot, n);
+  }, [n, e, r, u, i, o]), u ? /* @__PURE__ */ t.jsx(Ct, { title: "Failed to fetch composition", error: u }) : i ? /* @__PURE__ */ t.jsx(Kt, { composition: n, children: /* @__PURE__ */ t.jsx(Jt, { children: /* @__PURE__ */ t.jsx($r, {}) }) }) : /* @__PURE__ */ t.jsxs("div", { className: "flex aspect-video size-full flex-col items-center justify-center gap-y-4", children: [
     /* @__PURE__ */ t.jsx("div", { className: "text-xl", children: "Loading WebPlayer..." }),
-    /* @__PURE__ */ t.jsx(Ct, { color: "primary" })
+    /* @__PURE__ */ t.jsx(Et, { color: "primary" })
   ] });
 }, Wr = ({
   compositionUrl: e,
-  flatten: r = At,
-  infiniteCarrousel: n = Zt,
+  flatten: r = Zt,
+  infiniteCarrousel: n = Ft,
   permanentGallery: o = Dt,
   imageLoadStrategy: i = $t,
   preventFullScreen: u = Yt,
   eventPrefix: c = mt,
   reverse360: l = Wt,
-  children: s,
+  children: a,
   // NOTE: use to customize the player, not to display the content
-  ...b
+  ...w
 }) => {
-  const d = $(null), [m, f] = A(), [E, p] = A(0.5), [x, z] = A(!1), w = M(
-    (h, g) => {
-      const C = c + h, T = new CustomEvent(C, { detail: g });
-      document.dispatchEvent(T);
+  const d = $(null), [m, f] = D(), [z, v] = D(0.5), [g, I] = D(!1), x = M(
+    (p, h) => {
+      const k = c + p, L = new CustomEvent(k, { detail: h });
+      document.dispatchEvent(L);
     },
     [c]
   );
-  P(() => {
-    if (x) {
-      p(1);
+  Z(() => {
+    if (g) {
+      v(1);
       return;
     }
     if (!d.current)
       return;
-    const h = d.current, g = () => {
-      const C = window.innerWidth, T = getComputedStyle(h), V = h.getBoundingClientRect().width + parseFloat(T.marginLeft) + parseFloat(T.marginRight);
-      f(V), p(V / C);
+    const p = d.current, h = () => {
+      const k = window.innerWidth, L = getComputedStyle(p), R = p.getBoundingClientRect().width + parseFloat(L.marginLeft) + parseFloat(L.marginRight);
+      f(R), v(R / k);
     };
-    return g(), addEventListener("resize", g), () => {
-      removeEventListener("resize", g);
+    return h(), addEventListener("resize", h), () => {
+      removeEventListener("resize", h);
     };
-  }, [x]), P(() => {
+  }, [g]), Z(() => {
     if (u)
       return;
-    const h = d.current;
-    if (!h)
+    const p = d.current;
+    if (!p)
       throw new Error("Wrapper not found");
-    const g = () => {
-      const { fullscreenElement: C } = document;
-      z(
-        C === h || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
-        (C == null ? void 0 : C.localName) === Ze
+    const h = () => {
+      const { fullscreenElement: k } = document;
+      I(
+        k === p || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
+        (k == null ? void 0 : k.localName) === Fe
       );
     };
-    return document.addEventListener("fullscreenchange", g), () => {
-      document.removeEventListener("fullscreenchange", g);
+    return document.addEventListener("fullscreenchange", h), () => {
+      document.removeEventListener("fullscreenchange", h);
     };
   }, [u]);
-  const N = M(async () => {
-    const h = d.current;
-    if (!h)
+  const T = M(async () => {
+    const p = d.current;
+    if (!p)
       throw new Error("Wrapper not found");
     try {
-      return await h.requestFullscreen(), !0;
+      return await p.requestFullscreen(), !0;
     } catch {
       return !1;
     }
-  }, []), j = M(async () => {
+  }, []), b = M(async () => {
     try {
       return await document.exitFullscreen(), !0;
     } catch {
@@ -2533,18 +2545,18 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
   return /* @__PURE__ */ t.jsx(
     qt,
     {
-      ...b,
+      ...w,
       reverse360: l,
       imageLoadStrategy: i,
       flatten: r,
       infiniteCarrousel: n,
       preventFullScreen: u,
       permanentGallery: o,
-      emitEvent: w,
-      playerInViewportWidthRatio: E,
-      isFullScreen: x,
-      requestFullscreen: N,
-      exitFullscreen: j,
+      emitEvent: x,
+      playerInViewportWidthRatio: z,
+      isFullScreen: g,
+      requestFullscreen: T,
+      exitFullscreen: b,
       children: /* @__PURE__ */ t.jsxs(ar, { children: [
         /* @__PURE__ */ t.jsx(
           "div",
@@ -2559,13 +2571,13 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
             children: /* @__PURE__ */ t.jsx(Yr, { compositionUrl: e })
           }
         ),
-        s
+        a
       ] })
     }
   );
 }, Ur = ({ name: e, color: r, children: n }) => {
   const { setIconConfig: o, resetIconConfig: i } = $e();
-  return P(() => {
+  return Z(() => {
     if (!(!n && !r))
       return o(e, {
         Icon: n,
@@ -2574,8 +2586,8 @@ const Qe = ({ className: e }) => /* @__PURE__ */ t.jsx(U, { className: e, custom
         i(e);
       };
   }, [n, r, e, i, o]), null;
-}, Xr = (e) => jt() ? /* @__PURE__ */ t.jsx(Ur, { ...e }) : /* @__PURE__ */ t.jsx("slot", {}), Br = '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#cc-webplayer-wrapper{--background: var(--cc-webplayer-background, 0 0% 100%);--foreground: var(--cc-webplayer-foreground, 240 10% 3.9%);--primary: var(--cc-webplayer-primary, 216 100% 52%);--primary-foreground: var( --cc-webplayer-primary-foreground, var(--background) );--neutral: var(--cc-webplayer-neutral, 0 0% 39%);--neutral-foreground: var( --cc-webplayer-neutral-foreground, var(--foreground) );--radius-ui: var(--cc-webplayer-radius-ui, 1rem);--radius-carrousel: var(--cc-webplayer-radius-carrousel, 0);--radius-gallery: var(--cc-webplayer-radius-gallery, 0)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-y-1{top:.25rem;bottom:.25rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-1{left:.25rem}.left-1\\/2{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-px{margin-top:-1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-1{width:.25rem;height:.25rem}.size-12{width:3rem;height:3rem}.size-20{width:5rem;height:5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\\/4{height:75%}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.w-12{width:3rem}.w-3\\/5{width:60%}.w-8{width:2rem}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-40{max-width:10rem}.max-w-\\[1600px\\]{max-width:1600px}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + .125rem)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - .125rem)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-8{padding-top:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:.5rem;right:.5rem}.small\\:inset-y-2{top:.5rem;bottom:.5rem}.small\\:bottom-2{bottom:.5rem}.small\\:left-2{left:.5rem}.small\\:right-2{right:.5rem}.small\\:right-4{right:1rem}.small\\:top-2{top:.5rem}.small\\:top-4{top:1rem}.small\\:my-4{margin-top:1rem;margin-bottom:1rem}.small\\:hidden{display:none}.small\\:h-12{height:3rem}.small\\:max-w-48{max-width:12rem}.small\\:gap-2{gap:.5rem}.small\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.small\\:gap-y-2{row-gap:.5rem}.small\\:gap-y-4{row-gap:1rem}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-2{padding:.5rem}.small\\:px-2{padding-left:.5rem;padding-right:.5rem}.small\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.small\\:pl-8{padding-left:2rem}.small\\:pr-6{padding-right:1.5rem}.small\\:text-base{font-size:1rem;line-height:1.5rem}.small\\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1280px){.large\\:h-20{height:5rem}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:14rem}.large\\:gap-4{gap:1rem}.large\\:p-2{padding:.5rem}.large\\:p-3{padding:.75rem}.large\\:text-base{font-size:1rem;line-height:1.5rem}.large\\:text-lg{font-size:1.125rem;line-height:1.75rem}}';
-var Mt = { exports: {} }, we = {};
+}, Xr = (e) => jt() ? /* @__PURE__ */ t.jsx(Ur, { ...e }) : /* @__PURE__ */ t.jsx("slot", {}), Br = '*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#cc-webplayer-wrapper{--background: var(--cc-webplayer-background, 0 0% 100%);--foreground: var(--cc-webplayer-foreground, 240 10% 3.9%);--primary: var(--cc-webplayer-primary, 216 100% 52%);--primary-foreground: var( --cc-webplayer-primary-foreground, var(--background) );--neutral: var(--cc-webplayer-neutral, 0 0% 39%);--neutral-foreground: var( --cc-webplayer-neutral-foreground, var(--foreground) );--radius-ui: var(--cc-webplayer-radius-ui, 1rem);--radius-carrousel: var(--cc-webplayer-radius-carrousel, 0);--radius-gallery: var(--cc-webplayer-radius-gallery, 0)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width: 1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\\!pointer-events-none{pointer-events:none!important}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.invisible{visibility:hidden}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:.25rem;right:.25rem}.inset-y-1{top:.25rem;bottom:.25rem}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.left-1{left:.25rem}.left-1\\/2{left:50%}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-hotspot{z-index:10}.z-overlay{z-index:30}.z-zoomed-image{z-index:20}.col-start-3{grid-column-start:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-px{margin-top:-1px}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-1{width:.25rem;height:.25rem}.size-12{width:3rem;height:3rem}.size-20{width:5rem;height:5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-full{width:100%;height:100%}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\\/4{height:75%}.h-5{height:1.25rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.min-h-0{min-height:0px}.w-12{width:3rem}.w-3\\/5{width:60%}.w-8{width:2rem}.w-\\[calc\\(100\\%\\+1024px\\)\\]{width:calc(100% + 1024px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-40{max-width:10rem}.max-w-\\[1600px\\]{max-width:1600px}.shrink-0{flex-shrink:0}.origin-top-left{transform-origin:top left}.-translate-x-1\\.5{--tw-translate-x: -.375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\\.5{--tw-translate-x: .375rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes hotspot-ping{0%{transform:scale(0)}25%{opacity:1}75%,to{transform:scale(1.5);opacity:0}}.animate-hotspot-ping{animation:hotspot-ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotation{animation:rotation 1s linear infinite}.cursor-auto{cursor:auto}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\\[auto\\,1fr\\,auto\\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-x-0\\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.text-pretty{text-wrap:pretty}.rounded-carrousel{border-radius:var(--radius-carrousel)}.rounded-full{border-radius:9999px}.rounded-gallery{border-radius:var(--radius-gallery)}.rounded-ui{border-radius:var(--radius-ui)}.rounded-ui-md{border-radius:calc(var(--radius-ui) + .125rem)}.rounded-ui-sm{border-radius:calc(var(--radius-ui) - .125rem)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-background{border-color:hsl(var(--background))}.border-primary{border-color:hsl(var(--primary))}.border-b-transparent{border-bottom-color:transparent}.bg-background{background-color:hsl(var(--background))}.bg-background\\/25{background-color:hsl(var(--background) / .25)}.bg-background\\/50{background-color:hsl(var(--background) / .5)}.bg-background\\/60{background-color:hsl(var(--background) / .6)}.bg-foreground\\/25{background-color:hsl(var(--foreground) / .25)}.bg-foreground\\/30{background-color:hsl(var(--foreground) / .3)}.bg-foreground\\/35{background-color:hsl(var(--foreground) / .35)}.bg-foreground\\/40{background-color:hsl(var(--foreground) / .4)}.bg-foreground\\/50{background-color:hsl(var(--foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--foreground) / .6)}.bg-foreground\\/65{background-color:hsl(var(--foreground) / .65)}.bg-foreground\\/75{background-color:hsl(var(--foreground) / .75)}.bg-neutral\\/50{background-color:hsl(var(--neutral) / .5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary-foreground{background-color:hsl(var(--primary-foreground))}.bg-primary\\/50{background-color:hsl(var(--primary) / .5)}.bg-transparent{background-color:transparent}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground{--tw-gradient-from: hsl(var(--foreground)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-8{padding-top:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-background{color:hsl(var(--background))}.text-background\\/75{color:hsl(var(--background) / .75)}.text-foreground{color:hsl(var(--foreground))}.text-foreground\\/65{color:hsl(var(--foreground) / .65)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-details{transition-duration:.35s}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.\\[mask-image\\:linear-gradient\\(to_left\\,transparent_0px\\,black_4px\\,black_calc\\(100\\%-4px\\)\\,transparent_100\\%\\)\\]{-webkit-mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%);mask-image:linear-gradient(to left,transparent 0px,black 4px,black calc(100% - 4px),transparent 100%)}.\\*\\:pointer-events-auto>*{pointer-events:auto}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.after\\:rounded-gallery:after{content:var(--tw-content);border-radius:var(--radius-gallery)}.after\\:border-2:after{content:var(--tw-content);border-width:2px}.after\\:border-primary:after{content:var(--tw-content);border-color:hsl(var(--primary))}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:z-hotspot-hover:hover{z-index:11}.hover\\:bg-foreground\\/25:hover{background-color:hsl(var(--foreground) / .25)}.hover\\:bg-primary\\/25:hover{background-color:hsl(var(--primary) / .25)}.hover\\:bg-primary\\/30:hover{background-color:hsl(var(--primary) / .3)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:after\\:opacity-70:hover:after{content:var(--tw-content);opacity:.7}.disabled\\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\\:pointer-events-auto{pointer-events:auto}.group\\/volume:hover .group-hover\\/volume\\:opacity-100{opacity:1}.group\\/volume:hover .group-hover\\/volume\\:opacity-50{opacity:.5}.group:hover .group-hover\\:opacity-100{opacity:1}@media ((orientation: portrait) and (max-width: 767px)) or ((orientation: landscape) and (max-width: 1023px)){.max-small\\:hidden{display:none}}@media ((orientation: portrait) and (min-width: 768px)) or ((orientation: landscape) and (min-width: 1024px)){.small\\:inset-x-2{left:.5rem;right:.5rem}.small\\:inset-y-2{top:.5rem;bottom:.5rem}.small\\:bottom-2{bottom:.5rem}.small\\:left-2{left:.5rem}.small\\:right-2{right:.5rem}.small\\:right-4{right:1rem}.small\\:top-2{top:.5rem}.small\\:top-4{top:1rem}.small\\:my-4{margin-top:1rem;margin-bottom:1rem}.small\\:hidden{display:none}.small\\:h-12{height:3rem}.small\\:max-w-48{max-width:12rem}.small\\:gap-2{gap:.5rem}.small\\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.small\\:gap-y-2{row-gap:.5rem}.small\\:gap-y-4{row-gap:1rem}.small\\:space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.small\\:p-3{padding:.75rem}.small\\:px-2{padding-left:.5rem;padding-right:.5rem}.small\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.small\\:pl-8{padding-left:2rem}.small\\:pr-6{padding-right:1.5rem}.small\\:text-base{font-size:1rem;line-height:1.5rem}.small\\:text-sm{font-size:.875rem;line-height:1.25rem}.small\\:font-bold{font-weight:700}}@media (min-width: 1280px){.large\\:h-20{height:5rem}.large\\:h-3\\/5{height:60%}.large\\:max-w-56{max-width:14rem}.large\\:gap-4{gap:1rem}.large\\:p-2{padding:.5rem}.large\\:p-4{padding:1rem}.large\\:text-base{font-size:1rem;line-height:1.5rem}.large\\:text-lg{font-size:1.125rem;line-height:1.75rem}}';
+var Mt = { exports: {} }, be = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -2587,20 +2599,20 @@ var Mt = { exports: {} }, we = {};
  */
 var et;
 function Gr() {
-  if (et) return we;
+  if (et) return be;
   et = 1;
   var e = ye, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, u = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(l, s, b) {
-    var d, m = {}, f = null, E = null;
-    b !== void 0 && (f = "" + b), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (E = s.ref);
-    for (d in s) o.call(s, d) && !u.hasOwnProperty(d) && (m[d] = s[d]);
-    if (l && l.defaultProps) for (d in s = l.defaultProps, s) m[d] === void 0 && (m[d] = s[d]);
-    return { $$typeof: r, type: l, key: f, ref: E, props: m, _owner: i.current };
+  function c(l, a, w) {
+    var d, m = {}, f = null, z = null;
+    w !== void 0 && (f = "" + w), a.key !== void 0 && (f = "" + a.key), a.ref !== void 0 && (z = a.ref);
+    for (d in a) o.call(a, d) && !u.hasOwnProperty(d) && (m[d] = a[d]);
+    if (l && l.defaultProps) for (d in a = l.defaultProps, a) m[d] === void 0 && (m[d] = a[d]);
+    return { $$typeof: r, type: l, key: f, ref: z, props: m, _owner: i.current };
   }
-  return we.Fragment = n, we.jsx = c, we.jsxs = c, we;
+  return be.Fragment = n, be.jsx = c, be.jsxs = c, be;
 }
 Mt.exports = Gr();
-var Ne = Mt.exports, Kr = Object.defineProperty, qr = (e, r, n) => r in e ? Kr(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n, Ce = (e, r, n) => (qr(e, typeof r != "symbol" ? r + "" : r, n), n);
+var Ce = Mt.exports, Kr = Object.defineProperty, qr = (e, r, n) => r in e ? Kr(e, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[r] = n, Ee = (e, r, n) => (qr(e, typeof r != "symbol" ? r + "" : r, n), n);
 const Jr = {
   stringify: (e) => e,
   parse: (e) => e
@@ -2624,7 +2636,7 @@ const Jr = {
 }, rn = {
   stringify: (e) => JSON.stringify(e),
   parse: (e) => JSON.parse(e)
-}, Pe = {
+}, Ae = {
   string: Jr,
   number: Qr,
   boolean: en,
@@ -2637,40 +2649,40 @@ function nn(e) {
     (r, n, o) => `${n}-${o.toLowerCase()}`
   );
 }
-const Ee = Symbol.for("r2wc.render"), Le = Symbol.for("r2wc.connected"), oe = Symbol.for("r2wc.context"), ee = Symbol.for("r2wc.props");
+const Ne = Symbol.for("r2wc.render"), Le = Symbol.for("r2wc.connected"), oe = Symbol.for("r2wc.context"), ee = Symbol.for("r2wc.props");
 function on(e, r, n) {
   var o, i, u;
   r.props || (r.props = e.propTypes ? Object.keys(e.propTypes) : []);
-  const c = Array.isArray(r.props) ? r.props.slice() : Object.keys(r.props), l = {}, s = {}, b = {};
+  const c = Array.isArray(r.props) ? r.props.slice() : Object.keys(r.props), l = {}, a = {}, w = {};
   for (const m of c) {
     l[m] = Array.isArray(r.props) ? "string" : r.props[m];
     const f = nn(m);
-    s[m] = f, b[f] = m;
+    a[m] = f, w[f] = m;
   }
   class d extends HTMLElement {
     constructor() {
-      super(), Ce(this, o, !0), Ce(this, i), Ce(this, u, {}), Ce(this, "container"), r.shadow ? this.container = this.attachShadow({
+      super(), Ee(this, o, !0), Ee(this, i), Ee(this, u, {}), Ee(this, "container"), r.shadow ? this.container = this.attachShadow({
         mode: r.shadow
       }) : this.container = this, this[ee].container = this.container;
       for (const f of c) {
-        const E = s[f], p = this.getAttribute(E), x = l[f], z = x ? Pe[x] : null;
-        z != null && z.parse && p && (this[ee][f] = z.parse(p, E, this));
+        const z = a[f], v = this.getAttribute(z), g = l[f], I = g ? Ae[g] : null;
+        I != null && I.parse && v && (this[ee][f] = I.parse(v, z, this));
       }
     }
     static get observedAttributes() {
-      return Object.keys(b);
+      return Object.keys(w);
     }
     connectedCallback() {
-      this[Le] = !0, this[Ee]();
+      this[Le] = !0, this[Ne]();
     }
     disconnectedCallback() {
       this[Le] = !1, this[oe] && n.unmount(this[oe]), delete this[oe];
     }
-    attributeChangedCallback(f, E, p) {
-      const x = b[f], z = l[x], w = z ? Pe[z] : null;
-      x in l && w != null && w.parse && p && (this[ee][x] = w.parse(p, f, this), this[Ee]());
+    attributeChangedCallback(f, z, v) {
+      const g = w[f], I = l[g], x = I ? Ae[I] : null;
+      g in l && x != null && x.parse && v && (this[ee][g] = x.parse(v, f, this), this[Ne]());
     }
-    [(o = Le, i = oe, u = ee, Ee)]() {
+    [(o = Le, i = oe, u = ee, Ne)]() {
       this[Le] && (this[oe] ? n.update(this[oe], this[ee]) : this[oe] = n.mount(
         this.container,
         e,
@@ -2679,28 +2691,28 @@ function on(e, r, n) {
     }
   }
   for (const m of c) {
-    const f = s[m], E = l[m];
+    const f = a[m], z = l[m];
     Object.defineProperty(d.prototype, m, {
       enumerable: !0,
       configurable: !0,
       get() {
         return this[ee][m];
       },
-      set(p) {
-        this[ee][m] = p;
-        const x = E ? Pe[E] : null;
-        if (x != null && x.stringify) {
-          const z = x.stringify(p, f, this);
-          this.getAttribute(f) !== z && this.setAttribute(f, z);
+      set(v) {
+        this[ee][m] = v;
+        const g = z ? Ae[z] : null;
+        if (g != null && g.stringify) {
+          const I = g.stringify(v, f, this);
+          this.getAttribute(f) !== I && this.setAttribute(f, I);
         } else
-          this[Ee]();
+          this[Ne]();
       }
     });
   }
   return d;
 }
 function sn(e, r, n) {
-  const o = Ft(e), i = ye.createElement(r, n);
+  const o = Pt(e), i = ye.createElement(r, n);
   return o.render(i), {
     root: o,
     ReactComponent: r
@@ -2728,9 +2740,9 @@ function dn(e) {
     r[cn(n)] = o.toString();
   }), r;
 }
-const un = (e) => /* @__PURE__ */ Ne.jsxs(Ne.Fragment, { children: [
-  /* @__PURE__ */ Ne.jsx("style", { children: Br }),
-  /* @__PURE__ */ Ne.jsx(Wr, { ...e })
+const un = (e) => /* @__PURE__ */ Ce.jsxs(Ce.Fragment, { children: [
+  /* @__PURE__ */ Ce.jsx("style", { children: Br }),
+  /* @__PURE__ */ Ce.jsx(Wr, { ...e })
 ] }), mn = Tt(un, {
   shadow: "open",
   props: {
@@ -2753,10 +2765,10 @@ const un = (e) => /* @__PURE__ */ Ne.jsxs(Ne.Fragment, { children: [
   }
 });
 function fn() {
-  return !!customElements.get(Ze) && !!customElements.get(De);
+  return !!customElements.get(Fe) && !!customElements.get(De);
 }
 function gn() {
-  customElements.define(Ze, mn), customElements.define(De, hn);
+  customElements.define(Fe, mn), customElements.define(De, hn);
 }
 function Vt() {
   fn() || gn();
@@ -2771,37 +2783,34 @@ const wn = ({
   onHotspotsOn: u,
   onHotspotsOff: c,
   onGalleryOpen: l,
-  onGalleryClose: s,
-  ...b
+  onGalleryClose: a,
+  ...w
 }) => {
-  const d = pn(b);
-  return P(() => {
-    const m = b.eventPrefix ?? mt, f = (p) => `${m}${p}`, E = /* @__PURE__ */ new Map([
-      [nt, e],
-      [ot, r],
-      [st, n],
-      [at, o],
-      [it, i],
-      [lt, u],
-      [ct, c],
-      [dt, l],
-      [ut, s]
-    ]);
-    return E.forEach((p, x) => {
-      if (p) {
-        const z = f(x);
-        document.addEventListener(z, p);
-      }
+  const d = pn(w);
+  return Z(() => {
+    const m = w.eventPrefix ?? mt, f = (g) => `${m}${g}`, z = {
+      [nt]: e,
+      [ot]: r,
+      [st]: n,
+      [at]: o,
+      [it]: i,
+      [lt]: u,
+      [ct]: c,
+      [dt]: l,
+      [ut]: a
+    }, v = /* @__PURE__ */ new Map();
+    return Object.entries(z).forEach(([g, I]) => {
+      if (!I)
+        return;
+      const x = f(g), T = (b) => I(b.detail);
+      v.set(x, T), document.addEventListener(x, T);
     }), () => {
-      E.forEach((p, x) => {
-        if (p) {
-          const z = f(x);
-          document.removeEventListener(z, p);
-        }
+      v.forEach((g, I) => {
+        document.removeEventListener(I, g);
       });
     };
   }, [
-    b.eventPrefix,
+    w.eventPrefix,
     e,
     r,
     n,
@@ -2810,7 +2819,7 @@ const wn = ({
     u,
     c,
     l,
-    s
+    a
   ]), /* @__PURE__ */ rt.jsx("cc-webplayer", { ...d });
 };
 Vt();
@@ -2827,7 +2836,7 @@ export {
   ct as EVENT_HOTSPOTS_OFF,
   lt as EVENT_HOTSPOTS_ON,
   De as WEB_PLAYER_ICON_WC_TAG,
-  Ze as WEB_PLAYER_WC_TAG,
+  Fe as WEB_PLAYER_WC_TAG,
   wn as WebPlayer,
   bn as WebPlayerIcon
 };