@car-cutter/react-webplayer 0.9.0 → 0.10.0

package/dist/{shared-Bn2By-os.js → shared-DQuprS5K.js}

@@ -1,31 +1,31 @@
-import { jsx as t, jsxs as A, Fragment as ie } from "react/jsx-runtime";
-import { useState as Z, useEffect as O, createContext as Ce, useContext as Ee, useMemo as re, useCallback as T, useRef as j, Fragment as Mt } from "react";
-const Pe = "cc-webplayer", Ue = "cc-webplayer-custom-media", Ge = "cc-webplayer-icon", Be = "composition-loading", qe = "composition-loaded", Ke = "composition-load-error", Je = "item-change", Qe = "extend-mode-on", et = "extend-mode-off", tt = "hotspots-on", rt = "hotspots-off", nt = "gallery-open", ot = "gallery-close", Nt = !1, Tt = !1, zt = !1, St = "quality", _t = 0, Vt = 1 / 0, Pt = 1, Ht = !1, st = "cc-webplayer:", Dt = !1;
-function $r(e, r) {
+import { jsx as t, jsxs as R, Fragment as ie } from "react/jsx-runtime";
+import { useState as Y, useEffect as W, createContext as xe, useContext as Ce, useMemo as re, useCallback as z, useRef as j, Fragment as It } from "react";
+const Pe = "cc-webplayer", $e = "cc-webplayer-custom-media", Ue = "cc-webplayer-icon", Ge = "composition-loading", Be = "composition-loaded", qe = "composition-load-error", Ke = "item-change", Je = "extend-mode-on", Qe = "extend-mode-off", et = "hotspots-on", tt = "hotspots-off", rt = "gallery-open", nt = "gallery-close", Mt = !1, Nt = !1, Tt = !1, zt = "quality", St = 0, _t = 1 / 0, Vt = 1, Ht = !1, ot = "cc-webplayer:", Pt = !1;
+function jr(e, r) {
   return `https://cdn.car-cutter.com/gallery/${e}/${r}/composition_v3.json`;
 }
-function Rt(e, r) {
+function Dt(e, r) {
   const n = e.split("/"), o = n.pop();
   return [n.join("/"), r, o].join("/");
 }
-function Ur() {
-  return !!customElements.get(Pe) && !!customElements.get(Ue) && !!customElements.get(Ge);
+function $r() {
+  return !!customElements.get(Pe) && !!customElements.get($e) && !!customElements.get(Ue);
 }
-async function At(e) {
+async function Rt(e) {
   const r = await fetch(e);
   if (!r.ok)
     throw new Error(`Failed to fetch composition: ${r.statusText}`);
   return await r.json();
 }
-const Se = /* @__PURE__ */ new Map(), Wt = (e) => {
-  const [r, n] = Z({
+const _e = /* @__PURE__ */ new Map(), At = (e) => {
+  const [r, n] = Y({
     status: "pending",
     isSuccess: !1
   });
-  return O(() => {
-    const o = (l) => n({ status: "success", data: l, isSuccess: !0 }), i = Se.get(e);
-    if (i && !(i instanceof Promise)) {
-      o(i);
+  return W(() => {
+    const o = (u) => n({ status: "success", data: u, isSuccess: !0 }), a = _e.get(e);
+    if (a && !(a instanceof Promise)) {
+      o(a);
       return;
     }
     n({
@@ -33,66 +33,66 @@ const Se = /* @__PURE__ */ new Map(), Wt = (e) => {
       isSuccess: !1
     }), async function() {
       try {
-        let l;
-        if (i)
-          l = await i;
+        let u;
+        if (a)
+          u = await a;
         else {
-          const p = At(e);
-          Se.set(e, p), l = await p, Se.set(e, l);
+          const h = Rt(e);
+          _e.set(e, h), u = await h, _e.set(e, u);
         }
-        o(l);
-      } catch (l) {
+        o(u);
+      } catch (u) {
         n({
           status: "error",
           isSuccess: !1,
-          error: l
+          error: u
         });
       }
     }();
   }, [e]), r;
-}, at = Ce(null), ne = () => {
-  const e = Ee(at);
+}, st = xe(null), ne = () => {
+  const e = Ce(st);
   if (!e)
     throw new Error(
       "useGlobalContext must be used within a GlobalContextProvider"
     );
   return e;
-}, Ot = ({ children: e, ...r }) => /* @__PURE__ */ t(at.Provider, { value: r, children: e }), it = Ce(null), se = () => {
-  const e = Ee(it);
+}, Wt = ({ children: e, ...r }) => /* @__PURE__ */ t(st.Provider, { value: r, children: e }), at = xe(null), se = () => {
+  const e = Ce(at);
   if (!e)
     throw new Error(
       "useCompositionContext must be used within a CompositionContextProvider"
     );
   return e;
-}, Xt = ({ composition: e, children: r }) => {
+}, Ot = ({ composition: e, children: r }) => {
   const {
     aspectRatio: n,
     categories: o,
-    imageHdWidth: i,
-    imageSubWidths: l
-  } = e, { minMediaWidth: p, maxMediaWidth: m } = ne(), L = re(
+    imageHdWidth: a,
+    imageSubWidths: u
+  } = e, { minMediaWidth: h, maxMediaWidth: p } = ne(), L = re(
     () => o.flatMap(({ items: C }) => C),
     [o]
   ), I = {
     aspectRatio: n.replace(":", " / ")
   }, f = re(() => {
-    const C = l.concat(i), V = C.sort((a, d) => a - d), z = V.filter(
-      (a) => a >= p && a <= m
+    const C = u.concat(a), H = C.sort((s, m) => s - m), S = H.filter(
+      (s) => s >= h && s <= p
     );
-    if (z.length === 0) {
-      const a = (p + m) / 2, d = C.reduce(
-        (g, x) => Math.abs(x - a) < Math.abs(g - a) ? x : g,
-        i
+    if (S.length === 0) {
+      const s = (h + p) / 2, m = C.reduce(
+        (w, y) => Math.abs(y - s) < Math.abs(w - s) ? y : w,
+        a
       );
       return console.warn(
-        `None of available media widths (${V.join("|")}) match the given constraints (${p > 0 ? `${p} ≤ ` : ""}width${m < 1 / 0 ? ` ≤ ${m}` : ""}).`,
-        `Using the closest width instead (${d}).`
-      ), [d];
+        `None of available media widths (${H.join("|")}) match the given constraints (${h > 0 ? `${h} ≤ ` : ""}width${p < 1 / 0 ? ` ≤ ${p}` : ""}).`,
+        `Using the closest width instead (${m}).`
+      ), [m];
     }
-    return z;
-  }, [l, i, p, m]);
+    return S;
+  }, [u, a, h, p]);
   return /* @__PURE__ */ t(
-    it.Provider,
+    at.Provider,
     {
       value: {
         ...e,
@@ -103,385 +103,385 @@ const Se = /* @__PURE__ */ new Map(), Wt = (e) => {
       children: r
     }
   );
-}, ct = 500, Ve = 0.75, xe = 1 + Ve * 2;
+}, it = 500, He = 0.75, ye = 1 + He * 2;
 function ce(e, r, n) {
   return Math.min(Math.max(e, r), n);
 }
-const ye = (e, r, n) => e + (r - e) * n, Xe = (e, r) => (e % r + r) % r, lt = Ce(null), He = () => Ee(lt), ve = () => {
-  const e = He();
+const be = (e, r, n) => e + (r - e) * n, ct = xe(null), De = () => Ce(ct), ge = () => {
+  const e = De();
   if (!e)
     throw new Error(
       "useCustomizationContext must be used within a CustomizationContextProvider"
     );
   return e;
-}, Ze = "*:size-full", Ye = "*:object-cover *:size-full", Zt = ({ children: e }) => {
-  const { compositionUrl: r } = ne(), n = T(
+}, Xe = "*:size-full", Ze = "*:object-cover *:size-full", Xt = ({ children: e }) => {
+  const { compositionUrl: r } = ne(), n = z(
     () => document.querySelector(
       `${Pe}[composition-url="${r}"]`
     ),
     [r]
-  ), o = T((a) => {
-    const d = a.querySelectorAll(Ge), g = /* @__PURE__ */ new Map();
-    for (const x of d) {
-      const w = x.getAttribute("name");
-      if (!w) {
+  ), o = z((s) => {
+    const m = s.querySelectorAll(Ue), w = /* @__PURE__ */ new Map();
+    for (const y of m) {
+      const v = y.getAttribute("name");
+      if (!v) {
         console.warn("Icon element is missing a name attribute");
         continue;
       }
-      const u = x.innerHTML, c = u ? /* @__PURE__ */ t(
+      const l = y.innerHTML, i = l ? /* @__PURE__ */ t(
         "div",
         {
-          className: Ze,
-          dangerouslySetInnerHTML: { __html: u }
+          className: Xe,
+          dangerouslySetInnerHTML: { __html: l }
         }
       ) : void 0;
-      if (!c) {
-        console.warn(`Icon "${w}" customization is empty.`);
+      if (!i) {
+        console.warn(`Icon "${v}" customization is empty.`);
         continue;
       }
-      g.set(w, { Icon: c });
+      w.set(v, { Icon: i });
     }
-    return g;
-  }, []), [i, l] = Z(
+    return w;
+  }, []), [a, u] = Y(
     () => {
-      const a = n();
-      return a ? o(a) : /* @__PURE__ */ new Map();
+      const s = n();
+      return s ? o(s) : /* @__PURE__ */ new Map();
     }
   );
-  O(() => {
-    const a = n();
-    if (!a)
+  W(() => {
+    const s = n();
+    if (!s)
       return;
-    const d = new MutationObserver(() => {
-      l(o(a));
+    const m = new MutationObserver(() => {
+      u(o(s));
     });
-    return d.observe(a, {
+    return m.observe(s, {
       childList: !0,
       subtree: !0
-    }), () => d.disconnect();
+    }), () => m.disconnect();
   }, [o, n]);
-  const p = T(
-    (a) => i.get(a),
-    [i]
-  ), m = T(
-    (a, d) => {
-      l((g) => {
-        const { Icon: x, ...w } = d;
+  const h = z(
+    (s) => a.get(s),
+    [a]
+  ), p = z(
+    (s, m) => {
+      u((w) => {
+        const { Icon: y, ...v } = m;
         return new Map(
-          g.set(a, {
-            ...w,
-            Icon: /* @__PURE__ */ t("div", { className: Ze, children: x })
+          w.set(s, {
+            ...v,
+            Icon: /* @__PURE__ */ t("div", { className: Xe, children: y })
           })
         );
       });
     },
     []
-  ), L = T((a) => {
-    l((d) => (d.delete(a), new Map(d)));
-  }, []), I = T((a) => {
-    const d = a.querySelectorAll(
-      Ue
-    ), g = new Array();
-    for (const x of d) {
-      const w = x.innerHTML;
-      if (!w) {
+  ), L = z((s) => {
+    u((m) => (m.delete(s), new Map(m)));
+  }, []), I = z((s) => {
+    const m = s.querySelectorAll(
+      $e
+    ), w = new Array();
+    for (const y of m) {
+      const v = y.innerHTML;
+      if (!v) {
         console.warn("Custom media element is empty");
         continue;
       }
-      const u = Number(x.getAttribute("index"));
-      if (Number.isNaN(u)) {
+      const l = Number(y.getAttribute("index"));
+      if (Number.isNaN(l)) {
         console.warn("Custom media element is missing the 'index' attribute");
         continue;
       }
-      const c = x.getAttribute("thumbnail-src") ?? void 0, h = JSON.stringify({ index: u, thumbnailSrc: c });
-      g.push({
-        id: h,
+      const i = y.getAttribute("thumbnail-src") ?? void 0, g = JSON.stringify({ index: l, thumbnailSrc: i });
+      w.push({
+        id: g,
         Media: /* @__PURE__ */ t(
           "div",
           {
-            className: Ye,
-            dangerouslySetInnerHTML: { __html: w }
+            className: Ze,
+            dangerouslySetInnerHTML: { __html: v }
           }
         ),
-        index: u,
-        thumbnailSrc: c
+        index: l,
+        thumbnailSrc: i
       });
     }
-    return g;
-  }, []), [f, C] = Z(() => {
-    const a = n();
-    return a ? I(a) : [];
+    return w;
+  }, []), [f, C] = Y(() => {
+    const s = n();
+    return s ? I(s) : [];
   });
-  O(() => {
-    const a = n();
-    if (!a)
+  W(() => {
+    const s = n();
+    if (!s)
       return;
-    const d = new MutationObserver(() => {
-      C(I(a));
+    const m = new MutationObserver(() => {
+      C(I(s));
     });
-    return d.observe(a, {
+    return m.observe(s, {
       childList: !0,
       subtree: !0
-    }), () => d.disconnect();
+    }), () => m.disconnect();
   }, [I, n]);
-  const V = T((a) => {
-    const { Media: d, ...g } = a, x = /* @__PURE__ */ t("div", { className: Ye, children: d }), w = JSON.stringify(g);
-    return C((u) => [
-      ...u,
+  const H = z((s) => {
+    const { Media: m, ...w } = s, y = /* @__PURE__ */ t("div", { className: Ze, children: m }), v = JSON.stringify(w);
+    return C((l) => [
+      ...l,
       {
-        id: w,
-        Media: x,
-        ...g
+        id: v,
+        Media: y,
+        ...w
       }
-    ]), w;
-  }, []), z = T((a) => {
+    ]), v;
+  }, []), S = z((s) => {
     C(
-      (d) => d.filter((g) => g.id !== a)
+      (m) => m.filter((w) => w.id !== s)
     );
   }, []);
   return /* @__PURE__ */ t(
-    lt.Provider,
+    ct.Provider,
     {
       value: {
-        getIconConfig: p,
-        registerIconConfig: m,
+        getIconConfig: h,
+        registerIconConfig: p,
         unregisterIconConfig: L,
         customMediaList: f,
-        registerCustomMedia: V,
-        unregisterCustomMedia: z
+        registerCustomMedia: H,
+        unregisterCustomMedia: S
       },
       children: e
     }
   );
-}, ut = Ce(null), Q = () => {
-  const e = Ee(ut);
+}, lt = xe(null), J = () => {
+  const e = Ce(lt);
   if (!e)
     throw new Error(
       "useControlsContext must be used within a ControlsContextProvider"
     );
   return e;
-}, Yt = ({
+}, Zt = ({
   children: e
 }) => {
   const {
     infiniteCarrousel: r,
     preventFullScreen: n,
     emitEvent: o,
-    isFullScreen: i,
-    requestFullscreen: l,
-    exitFullscreen: p
-  } = ne(), { customMediaList: m } = ve(), { categories: L, items: I } = se(), f = re(() => {
-    const W = new Array(
+    isFullScreen: a,
+    requestFullscreen: u,
+    exitFullscreen: h
+  } = ne(), { customMediaList: p } = ge(), { categories: L, items: I } = se(), f = re(() => {
+    const A = new Array(
       ...I
-    ), q = m.slice().sort((G, K) => G.index < 0 && K.index < 0 ? K.index - G.index : G.index < 0 ? 1 : K.index < 0 ? -1 : G.index - K.index);
-    for (const G of q) {
-      let K = G.index;
-      K < 0 && (K = W.length + K + 1), W.splice(K, 0, {
+    ), B = p.slice().sort((U, q) => U.index < 0 && q.index < 0 ? q.index - U.index : U.index < 0 ? 1 : q.index < 0 ? -1 : U.index - q.index);
+    for (const U of B) {
+      let q = U.index;
+      q < 0 && (q = A.length + q + 1), A.splice(q, 0, {
         type: "custom",
-        ...G
+        ...U
       });
     }
-    return W;
-  }, [I, m]), [C, V] = Z(f.map(() => null));
-  O(() => {
-    V(f.map(() => null));
+    return A;
+  }, [I, p]), [C, H] = Y(f.map(() => null));
+  W(() => {
+    H(f.map(() => null));
   }, [f]);
-  const z = T(
-    (W, q) => {
-      V(
-        (G) => G.map((K, ze) => ze === W ? q : K)
+  const S = z(
+    (A, B) => {
+      H(
+        (U) => U.map((q, Se) => Se === A ? B : q)
       );
     },
     []
-  ), [a, d] = Z(0), [g, x] = Z(null), w = g ?? a, u = f[w], c = C[w], [h, b] = Z(
+  ), [s, m] = Y(0), [w, y] = Y(null), v = w ?? s, l = f[v], i = C[v], [g, b] = Y(
     null
-  ), k = !!h, X = T(() => b(null), []), P = T(() => {
-    if (k || g !== null)
+  ), k = !!g, O = z(() => b(null), []), P = z(() => {
+    if (k || w !== null)
       return;
-    const W = a - 1;
-    W >= 0 ? x(W) : r && (b("first_to_last"), x(f.length - 1));
+    const A = s - 1;
+    A >= 0 ? y(A) : r && (b("first_to_last"), y(f.length - 1));
   }, [
     k,
-    g,
-    a,
+    w,
+    s,
     r,
     f.length
-  ]), y = T(() => {
-    if (k || g !== null)
+  ]), x = z(() => {
+    if (k || w !== null)
       return;
-    const W = a + 1;
-    W < f.length ? x(W) : r && (b("last_to_first"), x(0));
+    const A = s + 1;
+    A < f.length ? y(A) : r && (b("last_to_first"), y(0));
   }, [
     k,
-    g,
-    a,
+    w,
+    s,
     f.length,
     r
-  ]), N = T(
-    (W) => {
-      const q = Math.min(a, W), G = Math.max(a, W);
-      C.slice(q, G + 1).filter((ze) => ze === null).length > 2 && b("instant"), x(W);
+  ]), N = z(
+    (A) => {
+      const B = Math.min(s, A), U = Math.max(s, A);
+      C.slice(B, U + 1).filter((Se) => Se === null).length > 2 && b("instant"), y(A);
     },
-    [a, C]
+    [s, C]
   );
-  O(() => {
-    o(Je, {
-      index: w,
-      item: u
+  W(() => {
+    o(Ke, {
+      index: v,
+      item: l
     });
-  }, [u, o, w]);
-  const S = re(() => {
-    let W;
-    if (u.type === "custom") {
-      const q = f.slice(0, w).reverse().find((G) => G.type !== "custom") ?? f.slice(w + 1).find((G) => G.type !== "custom");
-      if (!q)
+  }, [l, o, v]);
+  const _ = re(() => {
+    let A;
+    if (l.type === "custom") {
+      const B = f.slice(0, v).reverse().find((U) => U.type !== "custom") ?? f.slice(v + 1).find((U) => U.type !== "custom");
+      if (!B)
         throw new Error("No non-custom item found");
-      W = q;
+      A = B;
     } else
-      W = u;
-    for (const q of L)
-      if (q.items.includes(W))
-        return q.id;
+      A = l;
+    for (const B of L)
+      if (B.items.includes(A))
+        return B.id;
     throw new Error("Current item not found in any category");
-  }, [L, u, f, w]), _ = T(
-    (W) => {
-      const q = L.find(({ id: K }) => K === W)?.items[0];
-      if (q === void 0)
+  }, [L, l, f, v]), V = z(
+    (A) => {
+      const B = L.find(({ id: q }) => q === A)?.items[0];
+      if (B === void 0)
         throw new Error("Failed to find target category");
-      const G = f.findIndex((K) => K === q);
-      N(G);
+      const U = f.findIndex((q) => q === B);
+      N(U);
     },
     [L, f, N]
-  ), R = re(() => {
-    switch (u.type) {
+  ), d = re(() => {
+    switch (l.type) {
       case "image":
-        return !!u.hotspots?.length;
+        return !!l.hotspots?.length;
       case "360":
-        return c === "running";
+        return i === "running";
       default:
         return !1;
     }
-  }, [u, c]), [v, s] = Z(!0), E = T(() => {
-    const W = !v;
-    s(W), o(W ? tt : rt);
-  }, [o, v]), M = re(() => {
-    switch (u.type) {
+  }, [l, i]), [T, c] = Y(!0), E = z(() => {
+    const A = !T;
+    c(A), o(A ? et : tt);
+  }, [o, T]), M = re(() => {
+    switch (l.type) {
       case "video":
-        return c !== "running";
+        return i !== "running";
       default:
         return !0;
     }
-  }, [u, c]), [D, Y] = Z(!1), F = T(() => {
-    const W = !D;
-    Y(W), o(W ? nt : ot);
-  }, [o, D]), [$, U] = Z(null), J = T(() => U(null), []), ee = !!$, le = re(() => {
-    switch (u.type) {
+  }, [l, i]), [X, Z] = Y(!1), $ = z(() => {
+    const A = !X;
+    Z(A), o(A ? rt : nt);
+  }, [o, X]), [F, Q] = Y(null), K = z(() => Q(null), []), te = !!F, ae = re(() => {
+    switch (l.type) {
       case "image":
         return !0;
       case "360":
-        return c === "running";
+        return i === "running";
       default:
         return !1;
     }
-  }, [u.type, c]), [oe, ae] = Z(1), Ae = oe !== 1, be = oe < xe, ke = oe > 1, ue = T((W) => {
-    ae((q) => ce(q + W, 1, xe));
-  }, []), ge = T(() => ae(1), []), Et = T(() => ue(Ve), [ue]), kt = T(() => ue(-Ve), [ue]), Le = T(() => {
-    ge(), J();
-  }, [ge, J]), [de, Lt] = Z(!1), [Ie, We] = Z(), [Me, Oe] = Z(!1), me = T(
-    async (W) => {
-      Le(), Lt(W), o(W ? Qe : et);
+  }, [l.type, i]), [oe, we] = Y(1), ve = oe !== 1, Ee = oe < ye, ke = oe > 1, le = z((A) => {
+    we((B) => ce(B + A, 1, ye));
+  }, []), Le = z(() => we(1), []), Ct = z(() => le(He), [le]), Et = z(() => le(-He), [le]), Ie = z(() => {
+    Le(), K();
+  }, [Le, K]), [ue, kt] = Y(!1), [Me, We] = Y(), [Ne, Oe] = Y(!1), de = z(
+    async (A) => {
+      Ie(), kt(A), o(A ? Je : Qe);
     },
-    [o, Le]
-  ), pe = T(() => {
-    clearTimeout(Ie);
-    const W = setTimeout(() => {
+    [o, Ie]
+  ), me = z(() => {
+    clearTimeout(Me);
+    const A = setTimeout(() => {
       We(void 0);
-    }, ct);
-    We(W);
-  }, [Ie]), Ne = T(async () => {
-    if (pe(), !n) {
-      const W = await l();
-      if (Oe(!W), W)
+    }, it);
+    We(A);
+  }, [Me]), Te = z(async () => {
+    if (me(), !n) {
+      const A = await u();
+      if (Oe(!A), A)
         return;
     }
-    me(!0);
+    de(!0);
   }, [
     n,
-    me,
-    l,
-    pe
-  ]), Te = T(async () => {
-    pe(), !(!n && (Oe(!1), await p())) && me(!1);
+    de,
+    u,
+    me
+  ]), ze = z(async () => {
+    me(), !(!n && (Oe(!1), await h())) && de(!1);
   }, [
     n,
-    me,
-    p,
-    pe
-  ]), It = T(() => {
-    de ? Te() : Ne();
-  }, [Te, Ne, de]);
-  return O(() => {
-    n || Me && de || i !== de && (pe(), me(i));
+    de,
+    h,
+    me
+  ]), Lt = z(() => {
+    ue ? ze() : Te();
+  }, [ze, Te, ue]);
+  return W(() => {
+    n || Ne && ue || a !== ue && (me(), de(a));
   }, [
     n,
-    me,
     de,
-    Me,
-    i,
-    pe
+    ue,
+    Ne,
+    a,
+    me
   ]), /* @__PURE__ */ t(
-    ut.Provider,
+    lt.Provider,
     {
       value: {
         items: f,
-        setItemInteraction: z,
+        setItemInteraction: S,
         slidable: f.length > 1,
-        carrouselItemIndex: a,
-        setCarrouselItemIndex: d,
-        itemIndexCommand: g,
-        setItemIndexCommand: x,
-        masterItemIndex: w,
-        specialCommand: h,
+        carrouselItemIndex: s,
+        setCarrouselItemIndex: m,
+        itemIndexCommand: w,
+        setItemIndexCommand: y,
+        masterItemIndex: v,
+        specialCommand: g,
         isRunningSpecialCommand: k,
-        finishSpecialCommand: X,
+        finishSpecialCommand: O,
         prevItem: P,
-        nextItem: y,
+        nextItem: x,
         scrollToItemIndex: N,
-        displayedCategoryId: S,
-        changeCategory: _,
-        enableHotspotsControl: R,
-        showHotspots: v,
+        displayedCategoryId: _,
+        changeCategory: V,
+        enableHotspotsControl: d,
+        showHotspots: T,
         toggleHotspots: E,
         showGalleryControls: M,
-        showGallery: D,
-        toggleGallery: F,
-        shownDetails: $,
-        isShowingDetails: ee,
-        setShownDetails: U,
-        resetShownDetails: J,
-        showZoomControls: le,
+        showGallery: X,
+        toggleGallery: $,
+        shownDetails: F,
+        isShowingDetails: te,
+        setShownDetails: Q,
+        resetShownDetails: K,
+        showZoomControls: ae,
         zoom: oe,
-        isZooming: Ae,
-        setZoom: ae,
-        resetZoom: ge,
-        canZoomIn: be,
-        zoomIn: Et,
+        isZooming: ve,
+        setZoom: we,
+        resetZoom: Le,
+        canZoomIn: Ee,
+        zoomIn: Ct,
         canZoomOut: ke,
-        zoomOut: kt,
-        resetView: Le,
-        extendMode: de,
-        enableExtendMode: Ne,
-        disableExtendMode: Te,
-        toggleExtendMode: It,
-        extendTransition: !!Ie,
-        fakeFullScreen: Me
+        zoomOut: Et,
+        resetView: Ie,
+        extendMode: ue,
+        enableExtendMode: Te,
+        disableExtendMode: ze,
+        toggleExtendMode: Lt,
+        extendTransition: !!Me,
+        fakeFullScreen: Ne
       },
       children: e
     }
   );
-}, dt = ["left", "center", "right", "fullW"], mt = ["top", "middle", "bottom", "fullH"], Ft = [
+}, ut = ["left", "center", "right", "fullW"], dt = ["top", "middle", "bottom", "fullH"], Yt = [
+  ...ut,
   ...dt,
-  ...mt,
   "top-left",
   "top-center",
   "top-right",
@@ -499,24 +499,24 @@ const ye = (e, r, n) => e + (r - e) * n, Xe = (e, r) => (e % r + r) % r, lt = Ce
   "fullH-right",
   "fullW-fullW"
 ];
+function Ft(e) {
+  return ut.includes(e);
+}
 function jt(e) {
   return dt.includes(e);
 }
 function $t(e) {
-  return mt.includes(e);
+  return Yt.includes(e);
 }
 function Ut(e) {
-  return Ft.includes(e);
-}
-function Gt(e) {
-  if (!Ut(e))
+  if (!$t(e))
     throw new Error(`Invalid position: ${e}`);
-  return $t(e) ? [e, void 0] : jt(e) ? [void 0, e] : e.split("-");
+  return jt(e) ? [e, void 0] : Ft(e) ? [void 0, e] : e.split("-");
 }
-function H(...e) {
+function D(...e) {
   return e.filter((r) => !!r).map((r) => r.trim()).join(" ");
 }
-function Bt(e) {
+function Gt(e) {
   switch (e) {
     case "left":
       return "left-1 small:left-2";
@@ -528,7 +528,7 @@ function Bt(e) {
       return "inset-x-1 small:inset-x-2";
   }
 }
-function pt(e) {
+function mt(e) {
   switch (e) {
     case "top":
       return "top-1 small:top-2";
@@ -540,25 +540,25 @@ function pt(e) {
       return "inset-y-1 small:inset-y-2";
   }
 }
-function qt({
+function Bt({
   positionX: e,
   positionY: r
 }) {
   const n = new Array();
-  return e && n.push(Bt(e)), r && n.push(pt(r)), n.join(" ");
+  return e && n.push(Gt(e)), r && n.push(mt(r)), n.join(" ");
 }
-function he(e) {
-  const [r, n] = Gt(e);
-  return qt({ positionX: n, positionY: r });
+function pe(e) {
+  const [r, n] = Ut(e);
+  return Bt({ positionX: n, positionY: r });
 }
-const B = ({
+const G = ({
   customizationKey: e,
   className: r,
   children: n
 }) => {
-  const { getIconConfig: o } = ve(), l = o(e)?.Icon;
-  return l ? r ? /* @__PURE__ */ t("div", { className: r, children: l }) : l : n;
-}, Kt = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ t(
+  const { getIconConfig: o } = ge(), u = o(e)?.Icon;
+  return u ? r ? /* @__PURE__ */ t("div", { className: r, children: u }) : u : n;
+}, qt = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_CLOSE", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -575,7 +575,7 @@ const B = ({
       }
     )
   }
-) }), Jt = {
+) }), Kt = {
   fill: {
     primary: "bg-primary text-primary-foreground hover:opacity-80",
     neutral: "bg-background text-neutral-foreground hover:opacity-80"
@@ -584,35 +584,35 @@ const B = ({
     primary: "bg-transparent text-foreground hover:bg-primary/25",
     neutral: "bg-transparent text-background hover:bg-foreground/25"
   }
-}, Qt = {
+}, Jt = {
   button: "h-8 px-2",
   icon: "size-8 p-2"
-}, te = ({
+}, ee = ({
   variant: e = "fill",
   shape: r = "button",
   color: n = "primary",
   className: o,
-  children: i,
-  ...l
+  children: a,
+  ...u
 }) => {
-  const p = Jt[e][n], m = Qt[r];
+  const h = Kt[e][n], p = Jt[r];
   return /* @__PURE__ */ t(
     "button",
     {
-      className: H(
+      className: D(
         "flex items-center justify-center rounded-ui text-sm transition-all disabled:opacity-60",
+        h,
         p,
-        m,
         o
       ),
-      ...l,
-      children: i
+      ...u,
+      children: a
     }
   );
-}, ht = (e) => /* @__PURE__ */ t(te, { color: "neutral", shape: "icon", ...e, children: /* @__PURE__ */ t(Kt, { className: "size-full" }) }), ft = ({ text: e, className: r }) => /* @__PURE__ */ A(
+}, pt = (e) => /* @__PURE__ */ t(ee, { color: "neutral", shape: "icon", ...e, children: /* @__PURE__ */ t(qt, { className: "size-full" }) }), ht = ({ text: e, className: r }) => /* @__PURE__ */ R(
   "div",
   {
-    className: H(
+    className: D(
       "flex size-full flex-col items-center justify-center gap-y-4",
       r
     ),
@@ -627,117 +627,117 @@ const B = ({
       /* @__PURE__ */ t("div", { className: "text-2xl font-bold", children: e })
     ]
   }
-), er = {
+), Qt = {
   primary: "border-primary",
   foreground: "border-foreground",
   background: "border-background"
-}, tr = {
+}, er = {
   sm: "size-4 border",
   md: "size-8 border-2",
   lg: "size-12 border-4"
-}, gt = ({
+}, ft = ({
   color: e = "foreground",
   size: r = "md"
 }) => {
-  const n = er[e], o = tr[r];
+  const n = Qt[e], o = er[r];
   return /* @__PURE__ */ t(
     "div",
     {
-      className: H(
+      className: D(
         "inline-block animate-rotation rounded-full border-b-transparent",
         o,
         n
       )
     }
   );
-}, fe = ({
+}, he = ({
   src: e,
   className: r,
   onLoad: n,
   imgInPlayerWidthRatio: o = 1,
-  onlyThumbnail: i,
-  fadeIn: l,
-  ...p
+  onlyThumbnail: a,
+  fadeIn: u,
+  ...h
 }) => {
-  const { mediaLoadStrategy: m, playerInViewportWidthRatio: L } = ne(), { imageHdWidth: I, usedMediaWidths: f } = se(), [C, V] = re(() => {
-    const d = f.map((x) => `${x !== I ? Rt(e, x) : e} ${x}w`);
-    let g;
-    if (i)
-      g = [`${f[0]}px`];
+  const { mediaLoadStrategy: p, playerInViewportWidthRatio: L } = ne(), { imageHdWidth: I, usedMediaWidths: f } = se(), [C, H] = re(() => {
+    const m = f.map((y) => `${y !== I ? Dt(e, y) : e} ${y}w`);
+    let w;
+    if (a)
+      w = [`${f[0]}px`];
     else {
-      const x = 1 / (o * L);
-      switch (m) {
+      const y = 1 / (o * L);
+      switch (p) {
         case "quality": {
-          const w = [...f], u = w.pop();
-          g = w.map(
-            (c) => `(max-width: ${x * c}px) ${c}px`
-          ), g.push(`${u}px`);
+          const v = [...f], l = v.pop();
+          w = v.map(
+            (i) => `(max-width: ${y * i}px) ${i}px`
+          ), w.push(`${l}px`);
           break;
         }
         case "balanced": {
-          g = [];
-          for (let w = 0; w < f.length - 1; w++) {
-            const u = f[w], c = f[w + 1], h = Math.round((u + c) / 2);
-            g.push(
-              `(max-width: ${x * h}px) ${u}px`
+          w = [];
+          for (let v = 0; v < f.length - 1; v++) {
+            const l = f[v], i = f[v + 1], g = Math.round((l + i) / 2);
+            w.push(
+              `(max-width: ${y * g}px) ${l}px`
             );
           }
-          g.push(`${f[f.length - 1]}px`);
+          w.push(`${f[f.length - 1]}px`);
           break;
         }
         case "speed": {
-          const w = [...f], u = w.shift();
-          g = w.reverse().map(
-            (c) => `(min-width: ${x * c}px) ${c}px`
-          ), g.push(`${u}px`);
+          const v = [...f], l = v.shift();
+          w = v.reverse().map(
+            (i) => `(min-width: ${y * i}px) ${i}px`
+          ), w.push(`${l}px`);
           break;
         }
       }
     }
-    return [d.join(", "), g.join(", ")];
+    return [m.join(", "), w.join(", ")];
   }, [
     I,
     o,
-    m,
-    i,
+    p,
+    a,
     L,
     e,
     f
-  ]), [z, a] = Z();
-  return O(() => {
-    if (z === !0)
+  ]), [S, s] = Y();
+  return W(() => {
+    if (S === !0)
       return;
-    const d = setTimeout(() => {
-      a((g) => g ?? !1);
+    const m = setTimeout(() => {
+      s((w) => w ?? !1);
     }, 30);
-    return () => clearTimeout(d);
-  }, [z]), /* @__PURE__ */ t(
+    return () => clearTimeout(m);
+  }, [S]), /* @__PURE__ */ t(
     "img",
     {
       src: e,
       srcSet: C,
-      sizes: V,
-      className: H(
+      sizes: H,
+      className: D(
         r,
-        l && H(
-          z !== void 0 && "transition-opacity duration-200",
-          z === !1 && "opacity-0",
-          z === !0 && "opacity-100"
+        u && D(
+          S !== void 0 && "transition-opacity duration-200",
+          S === !1 && "opacity-0",
+          S === !0 && "opacity-100"
         )
       ),
-      onLoad: (d) => {
-        a(!0), n?.(d);
+      onLoad: (m) => {
+        s(!0), n?.(m);
       },
-      ...p
+      ...h
     }
   );
-}, wt = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+}, gt = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_IMAGE", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
   "path",
   {
     d: "M9.5 2.5V9.5H2.5V2.5H9.5ZM9.5 1.5H2.5C1.95 1.5 1.5 1.95 1.5 2.5V9.5C1.5 10.05 1.95 10.5 2.5 10.5H9.5C10.05 10.5 10.5 10.05 10.5 9.5V2.5C10.5 1.95 10.05 1.5 9.5 1.5ZM7.07 5.93L5.57 7.865L4.5 6.57L3 8.5H9L7.07 5.93Z",
     fill: "currentColor"
   }
-) }) }), De = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_PLAY", children: /* @__PURE__ */ t(
+) }) }), Re = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_PLAY", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -749,7 +749,7 @@ const B = ({
     strokeLinejoin: "round",
     children: /* @__PURE__ */ t("polygon", { points: "6 3 20 12 6 21 6 3" })
   }
-) }), vt = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ A(
+) }), wt = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_360", children: /* @__PURE__ */ R(
   "svg",
   {
     className: e,
@@ -757,7 +757,7 @@ const B = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ A("g", { clipPath: "url(#clip0_134_843)", children: [
+      /* @__PURE__ */ R("g", { clipPath: "url(#clip0_134_843)", children: [
         /* @__PURE__ */ t(
           "path",
           {
@@ -804,7 +804,7 @@ const B = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_134_843", children: /* @__PURE__ */ t("rect", { width: "56", height: "56", fill: "white" }) }) })
     ]
   }
-) }), rr = ({
+) }), tr = ({
   src: e,
   withCdn: r
 }) => {
@@ -813,7 +813,7 @@ const B = ({
     return null;
   const o = "size-full object-cover";
   return r ? /* @__PURE__ */ t(
-    fe,
+    he,
     {
       className: o,
       src: e,
@@ -821,189 +821,189 @@ const B = ({
       fadeIn: !n
     }
   ) : /* @__PURE__ */ t("img", { className: o, src: e });
-}, _e = ({
+}, Ve = ({
   children: e
 }) => {
-  const { extendMode: r } = Q();
+  const { extendMode: r } = J();
   return /* @__PURE__ */ t(
     "div",
     {
-      className: H(
+      className: D(
         "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"
       ),
       children: e
     }
   );
-}, nr = ({ item: e }) => {
+}, rr = ({ item: e }) => {
   const { aspectRatioStyle: r } = se(), { type: n } = e;
-  let o, i;
+  let o, a;
   switch (n) {
     case "360":
-      o = e.images[0].src, i = !0;
+      o = e.images[0].src, a = !0;
       break;
     case "image":
-      o = e.src, i = !0;
+      o = e.src, a = !0;
       break;
     case "video":
-      o = e.poster, i = !0;
+      o = e.poster, a = !0;
       break;
     case "custom":
-      o = e.thumbnailSrc, i = !1;
+      o = e.thumbnailSrc, a = !1;
       break;
   }
-  const l = /* @__PURE__ */ t(rr, { src: o, withCdn: i });
-  let p;
+  const u = /* @__PURE__ */ t(tr, { src: o, withCdn: a });
+  let h;
   switch (n) {
     case "360":
-      p = /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(vt, { className: "size-full text-primary-light" }) });
+      h = /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(wt, { className: "size-full text-primary-light" }) });
       break;
     case "video":
-      p = /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(De, { className: "size-full p-0.5 text-background" }) });
+      h = /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(Re, { className: "size-full p-0.5 text-background" }) });
       break;
     case "custom":
-      p = o ? null : /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(wt, { className: "size-full p-0.5 text-background" }) });
+      h = o ? null : /* @__PURE__ */ t(Ve, { children: /* @__PURE__ */ t(gt, { className: "size-full p-0.5 text-background" }) });
       break;
   }
-  return /* @__PURE__ */ A("div", { className: "relative bg-foreground/30", style: r, children: [
-    l,
-    p && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/25", children: p })
+  return /* @__PURE__ */ R("div", { className: "relative bg-foreground/30", style: r, children: [
+    u,
+    h && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-foreground/25", children: h })
   ] });
-}, or = {
+}, nr = {
   primary: "bg-primary/50",
   neutral: "bg-neutral/50",
   background: "bg-background/50",
   foreground: "bg-foreground/50"
-}, bt = ({
+}, vt = ({
   color: e = "neutral",
   orientation: r = "horizontal"
 }) => {
-  const n = or[e];
-  return /* @__PURE__ */ t("div", { className: H(n, r === "horizontal" ? "h-px w-full" : "w-px h-full") });
-}, yt = ({
+  const n = nr[e];
+  return /* @__PURE__ */ t("div", { className: D(n, r === "horizontal" ? "h-px w-full" : "w-px h-full") });
+}, bt = ({
   className: e = "",
   containerClassName: r = ""
 }) => {
-  const { hideCategories: n, infiniteCarrousel: o, permanentGallery: i, isFullScreen: l } = ne(), { categories: p, aspectRatioStyle: m } = se(), {
+  const { hideCategories: n, infiniteCarrousel: o, permanentGallery: a, isFullScreen: u } = ne(), { categories: h, aspectRatioStyle: p } = se(), {
     items: L,
     extendMode: I,
     extendTransition: f,
     masterItemIndex: C,
-    prevItem: V,
-    nextItem: z,
-    scrollToItemIndex: a,
-    resetView: d
-  } = Q(), g = re(() => {
+    prevItem: H,
+    nextItem: S,
+    scrollToItemIndex: s,
+    resetView: m
+  } = J(), w = re(() => {
     if (n)
       return [];
-    const y = new Array();
-    let N = p[0];
-    const S = (_) => p.find(
-      (R) => R.items.some((v) => v === _)
+    const x = new Array();
+    let N = h[0];
+    const _ = (V) => h.find(
+      (d) => d.items.some((T) => T === V)
     );
-    for (let _ = 0; _ < L.length; _++) {
-      const R = L[_], v = S(R);
-      v && v !== N && (y.push(_), N = v);
+    for (let V = 0; V < L.length; V++) {
+      const d = L[V], T = _(d);
+      T && T !== N && (x.push(V), N = T);
     }
-    return y;
-  }, [p, n, L]), x = j(null), w = T(() => {
-    if (!x.current)
+    return x;
+  }, [h, n, L]), y = j(null), v = z(() => {
+    if (!y.current)
       throw new Error("slider.current is null");
-    return x.current;
-  }, []), u = j(!1), c = j(
+    return y.current;
+  }, []), l = j(!1), i = j(
     null
-  ), [h, b] = Z(!1), k = T(
-    (y, N) => {
-      const S = w(), _ = S.clientWidth, R = S.scrollWidth / L.length, v = (y + 1 / 2) * R - _ / 2, s = S.scrollWidth - S.clientWidth;
-      S.scrollTo({
-        left: ce(v, 0, s),
+  ), [g, b] = Y(!1), k = z(
+    (x, N) => {
+      const _ = v(), V = _.clientWidth, d = _.scrollWidth / L.length, T = (x + 1 / 2) * d - V / 2, c = _.scrollWidth - _.clientWidth;
+      _.scrollTo({
+        left: ce(T, 0, c),
         behavior: N
       });
     },
-    [L.length, w]
+    [L.length, v]
   );
-  O(() => {
-    const y = x.current;
-    if (!y)
+  W(() => {
+    const x = y.current;
+    if (!x)
       return;
-    const N = (R) => {
-      R.preventDefault(), u.current = !0, c.current = {
-        x: R.pageX - y.offsetLeft,
-        scrollLeft: y.scrollLeft
+    const N = (d) => {
+      d.preventDefault(), l.current = !0, i.current = {
+        x: d.pageX - x.offsetLeft,
+        scrollLeft: x.scrollLeft
       };
-    }, S = (R) => {
-      if (!u.current)
+    }, _ = (d) => {
+      if (!l.current)
         return;
-      if (c.current === null)
+      if (i.current === null)
         throw new Error("[onMouseMove] scrollStart is null");
-      const s = R.pageX - y.offsetLeft - c.current.x;
-      if (!h && Math.abs(s) < 5)
+      const c = d.pageX - x.offsetLeft - i.current.x;
+      if (!g && Math.abs(c) < 5)
         return;
-      const E = c.current.scrollLeft - s;
+      const E = i.current.scrollLeft - c;
       b(!0), requestAnimationFrame(() => {
-        y.scrollLeft = E;
+        x.scrollLeft = E;
       });
-    }, _ = () => {
-      u.current && (u.current = !1, requestAnimationFrame(() => {
+    }, V = () => {
+      l.current && (l.current = !1, requestAnimationFrame(() => {
         b(!1);
       }));
     };
-    return y.addEventListener("mousedown", N), document.addEventListener("mousemove", S), document.addEventListener("mouseleave", _), document.addEventListener("mouseup", _), document.addEventListener("contextmenu", _), () => {
-      y.removeEventListener("mousedown", N), document.removeEventListener("mousemove", S), document.removeEventListener("mouseleave", _), document.removeEventListener("mouseup", _), document.removeEventListener("contextmenu", _);
+    return x.addEventListener("mousedown", N), document.addEventListener("mousemove", _), document.addEventListener("mouseleave", V), document.addEventListener("mouseup", V), document.addEventListener("contextmenu", V), () => {
+      x.removeEventListener("mousedown", N), document.removeEventListener("mousemove", _), document.removeEventListener("mouseleave", V), document.removeEventListener("mouseup", V), document.removeEventListener("contextmenu", V);
     };
-  }, [h]);
-  const X = j(C);
-  O(() => {
-    x.current && (k(C, "smooth"), X.current = C);
-  }, [C, k]), O(() => {
-    x.current && k(X.current, "instant");
+  }, [g]);
+  const O = j(C);
+  W(() => {
+    y.current && (k(C, "smooth"), O.current = C);
+  }, [C, k]), W(() => {
+    y.current && k(O.current, "instant");
   }, [
     k,
     // - Run the effect when those values change
-    l,
+    u,
     I,
     f
   ]);
-  const P = (y) => {
-    h || (o && y === L.length - 1 && C === 0 ? V() : o && y === 0 && C === L.length - 1 ? z() : a(y), d());
+  const P = (x) => {
+    g || (o && x === L.length - 1 && C === 0 ? H() : o && x === 0 && C === L.length - 1 ? S() : s(x), m());
   };
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: x,
-      className: H(
+      ref: y,
+      className: D(
         "relative w-full overflow-x-auto no-scrollbar",
-        h ? "cursor-grab" : "cursor-grabbing",
+        g ? "cursor-grab" : "cursor-grabbing",
         e
       ),
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: H(
+          className: D(
             "flex h-10 w-fit gap-1 small:h-12 small:gap-2",
             I && "large:h-20 large:gap-4",
             r
           ),
-          children: L.map((y, N) => /* @__PURE__ */ A(Mt, { children: [
-            g.includes(N) && /* @__PURE__ */ t("div", { className: "my-2", children: /* @__PURE__ */ t(
-              bt,
+          children: L.map((x, N) => /* @__PURE__ */ R(It, { children: [
+            w.includes(N) && /* @__PURE__ */ t("div", { className: "my-2", children: /* @__PURE__ */ t(
+              vt,
               {
-                color: i && !l ? "neutral" : "background",
+                color: a && !u ? "neutral" : "background",
                 orientation: "vertical"
               }
             ) }),
             /* @__PURE__ */ t(
               "div",
               {
-                className: H(
+                className: D(
                   "relative h-full overflow-hidden rounded-gallery transition-radius",
-                  !h && "cursor-pointer",
+                  !g && "cursor-pointer",
                   "after:absolute after:inset-0 after:rounded-gallery after:border-2 after:border-primary after:transition-all",
                   N === C ? "after:opacity-100" : "after:opacity-0 hover:after:opacity-70"
                 ),
-                style: m,
+                style: p,
                 onClick: () => P(N),
-                children: /* @__PURE__ */ t(nr, { item: y })
+                children: /* @__PURE__ */ t(rr, { item: x })
               }
             )
           ] }, N))
@@ -1011,149 +1011,149 @@ const B = ({
       )
     }
   );
-}, xt = (e) => 1 - Math.pow(1 - e, 2), sr = ({
+}, yt = (e) => 1 - Math.pow(1 - e, 2), or = ({
   Media: e,
   itemIndex: r
 }) => {
-  const { setItemInteraction: n } = Q();
-  return O(() => {
+  const { setItemInteraction: n } = J();
+  return W(() => {
     n(r, "ready");
   }, [r, n]), e;
-}, Fe = (e, r) => Math.sqrt(
+}, Ye = (e, r) => Math.sqrt(
   (e.clientX - r.clientX) ** 2 + (e.clientY - r.clientY) ** 2
-), ar = ({
+), sr = ({
   onlyPreload: e,
   ...r
 }) => {
-  const { zoom: n, isZooming: o, setZoom: i } = Q(), l = j(null), p = j(null), m = T((u) => {
-    if (!p.current)
+  const { zoom: n, isZooming: o, setZoom: a } = J(), u = j(null), h = j(null), p = z((l) => {
+    if (!h.current)
       throw new Error(
-        `[${u ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
+        `[${l ?? "getTransformElementOrThrow"}] transformElementRef.current is null`
       );
-    return p.current;
-  }, []), L = j(!1), I = j(null), f = j(/* @__PURE__ */ new Map()), C = j({ x: 0, y: 0, scale: 1 }), V = j(null), z = T(
-    (u) => {
-      const c = m("setTransformStyle"), {
-        x: h,
+    return h.current;
+  }, []), L = j(!1), I = j(null), f = j(/* @__PURE__ */ new Map()), C = j({ x: 0, y: 0, scale: 1 }), H = j(null), S = z(
+    (l) => {
+      const i = p("setTransformStyle"), {
+        x: g,
         y: b,
         scale: k
       } = {
         ...C.current,
-        ...u
-      }, X = ce(k, 1, xe), P = c.clientWidth, y = c.clientHeight, N = P * X, S = y * X, _ = ce(h, -(N - P), 0), R = ce(b, -(S - y), 0);
-      C.current = { x: _, y: R, scale: X }, c.style.transform = `translate(${_}px, ${R}px) scale(${X})`;
+        ...l
+      }, O = ce(k, 1, ye), P = i.clientWidth, x = i.clientHeight, N = P * O, _ = x * O, V = ce(g, -(N - P), 0), d = ce(b, -(_ - x), 0);
+      C.current = { x: V, y: d, scale: O }, i.style.transform = `translate(${V}px, ${d}px) scale(${O})`;
     },
-    [m]
-  ), a = T(
-    (u, c) => {
+    [p]
+  ), s = z(
+    (l, i) => {
       const {
-        x: h,
+        x: g,
         y: b,
         scale: k
       } = C.current, {
-        x: X,
+        x: O,
         y: P,
-        scale: y
+        scale: x
       } = {
         ...C.current,
-        ...u
+        ...l
       };
-      V.current && (cancelAnimationFrame(V.current), V.current = null);
+      H.current && (cancelAnimationFrame(H.current), H.current = null);
       const N = () => {
-        z({ x: X, y: P, scale: y }), i(y);
-      }, S = Math.abs(X - h) < 1 && Math.abs(P - b) < 1 && Math.abs(y - k) < 5e-3;
-      if (!c || S) {
+        S({ x: O, y: P, scale: x }), a(x);
+      }, _ = Math.abs(O - g) < 1 && Math.abs(P - b) < 1 && Math.abs(x - k) < 5e-3;
+      if (!i || _) {
         N();
         return;
       }
-      const _ = (/* @__PURE__ */ new Date()).getTime(), R = () => {
-        const v = () => {
-          const E = (/* @__PURE__ */ new Date()).getTime() - _;
-          if (E >= c) {
-            N(), V.current = null;
+      const V = (/* @__PURE__ */ new Date()).getTime(), d = () => {
+        const T = () => {
+          const E = (/* @__PURE__ */ new Date()).getTime() - V;
+          if (E >= i) {
+            N(), H.current = null;
             return;
           }
-          const M = Math.min(E / c, 1), D = xt(M), Y = ye(h, X, D), F = ye(b, P, D), $ = ye(k, y, D);
-          z({ x: Y, y: F, scale: $ }), R();
+          const M = Math.min(E / i, 1), X = yt(M), Z = be(g, O, X), $ = be(b, P, X), F = be(k, x, X);
+          S({ x: Z, y: $, scale: F }), d();
         };
-        V.current = requestAnimationFrame(v);
+        H.current = requestAnimationFrame(T);
       };
-      R();
+      d();
     },
-    [z, i]
-  ), d = T(
-    (u, c) => {
-      let { x: h, y: b } = C.current;
-      u.x && (h += u.x), u.y && (b += u.y), a(
+    [S, a]
+  ), m = z(
+    (l, i) => {
+      let { x: g, y: b } = C.current;
+      l.x && (g += l.x), l.y && (b += l.y), s(
         {
-          x: h,
+          x: g,
           y: b
         },
-        c
+        i
       );
     },
-    [a]
-  ), g = T(
-    (u, c, h) => {
-      const b = C.current.scale, k = ce(u, 1, xe), X = k / b, { x: P, y } = C.current, { x: N, y: S } = c, _ = -P + N, R = -y + S, v = _ * X, s = R * X, E = v - N, M = s - S, D = -E, Y = -M;
-      a(
+    [s]
+  ), w = z(
+    (l, i, g) => {
+      const b = C.current.scale, k = ce(l, 1, ye), O = k / b, { x: P, y: x } = C.current, { x: N, y: _ } = i, V = -P + N, d = -x + _, T = V * O, c = d * O, E = T - N, M = c - _, X = -E, Z = -M;
+      s(
         {
-          x: D,
-          y: Y,
+          x: X,
+          y: Z,
           scale: k
         },
-        h
+        g
       );
     },
-    [a]
-  ), x = T(
-    (u) => {
-      const c = m(
+    [s]
+  ), y = z(
+    (l) => {
+      const i = p(
         "shiftZoomFromButton"
-      ), h = c.clientWidth, b = c.clientHeight;
-      g(
-        u,
+      ), g = i.clientWidth, b = i.clientHeight;
+      w(
+        l,
         {
-          x: h / 2,
+          x: g / 2,
           y: b / 2
         },
         200
       );
     },
-    [m, g]
-  ), w = T(
-    (u, c, h) => {
+    [p, w]
+  ), v = z(
+    (l, i, g) => {
       const { scale: b } = C.current;
-      g(
-        b + u,
-        c,
-        h
+      w(
+        b + l,
+        i,
+        g
       );
     },
-    [g]
+    [w]
   );
-  return O(() => {
-    e || p.current && x(n);
-  }, [e, x, n]), O(() => {
+  return W(() => {
+    e || h.current && y(n);
+  }, [e, y, n]), W(() => {
     if (e || !o)
       return;
-    const u = p.current;
-    if (!u)
+    const l = h.current;
+    if (!l)
       return;
-    const c = (k) => {
+    const i = (k) => {
       k.preventDefault(), k.stopPropagation(), L.current = !0, I.current = {
         x: k.clientX,
         y: k.clientY
       };
-    }, h = (k) => {
+    }, g = (k) => {
       if (!L.current)
         return;
       if (!I.current)
         throw new Error("mouseStartXY.current is null");
       k.stopPropagation();
-      const X = k.clientX - I.current.x, P = k.clientY - I.current.y;
-      d({
-        x: X,
+      const O = k.clientX - I.current.x, P = k.clientY - I.current.y;
+      m({
+        x: O,
         y: P
       }), I.current = {
         x: k.clientX,
@@ -1162,96 +1162,96 @@ const B = ({
     }, b = () => {
       L.current = !1;
     };
-    return u.addEventListener("mousedown", c), document.addEventListener("mousemove", h), document.addEventListener("mouseleave", b), document.addEventListener("mouseup", b), document.addEventListener("contextmenu", b), () => {
-      u.removeEventListener("mousedown", c), document.removeEventListener("mousemove", h), document.removeEventListener("mouseleave", b), document.removeEventListener("mouseup", b), document.removeEventListener("contextmenu", b);
+    return l.addEventListener("mousedown", i), document.addEventListener("mousemove", g), document.addEventListener("mouseleave", b), document.addEventListener("mouseup", b), document.addEventListener("contextmenu", b), () => {
+      l.removeEventListener("mousedown", i), document.removeEventListener("mousemove", g), document.removeEventListener("mouseleave", b), document.removeEventListener("mouseup", b), document.removeEventListener("contextmenu", b);
     };
-  }, [o, d, e]), O(() => {
+  }, [o, m, e]), W(() => {
     if (e)
       return;
-    const u = l.current;
-    if (!u)
+    const l = u.current;
+    if (!l)
       return;
-    const c = (h) => {
-      const { ctrlKey: b, clientX: k, clientY: X, deltaX: P, deltaY: y } = h;
+    const i = (g) => {
+      const { ctrlKey: b, clientX: k, clientY: O, deltaX: P, deltaY: x } = g;
       if (b) {
-        if (!o && y >= 0)
+        if (!o && x >= 0)
           return;
-        const { left: N, top: S } = u.getBoundingClientRect(), _ = k - N, R = X - S;
-        w(-0.01 * y, {
-          x: _,
-          y: R
+        const { left: N, top: _ } = l.getBoundingClientRect(), V = k - N, d = O - _;
+        v(-0.01 * x, {
+          x: V,
+          y: d
         });
       } else {
         if (!o)
           return;
-        d({
+        m({
           x: -2 * P,
-          y: -2 * y
+          y: -2 * x
         });
       }
-      h.preventDefault();
+      g.preventDefault();
     };
-    return u.addEventListener("wheel", c), () => {
-      u.removeEventListener("wheel", c);
+    return l.addEventListener("wheel", i), () => {
+      l.removeEventListener("wheel", i);
     };
-  }, [o, d, w, e]), O(() => {
-    const u = l.current, c = p.current;
-    if (!u || !c)
+  }, [o, m, v, e]), W(() => {
+    const l = u.current, i = h.current;
+    if (!l || !i)
       return;
-    const h = f.current, b = (P) => {
-      for (let y = 0; y < P.changedTouches.length; y++) {
-        const N = P.changedTouches[y];
-        h.set(N.identifier, N);
+    const g = f.current, b = (P) => {
+      for (let x = 0; x < P.changedTouches.length; x++) {
+        const N = P.changedTouches[x];
+        g.set(N.identifier, N);
       }
     }, k = (P) => {
-      for (let y = 0; y < P.changedTouches.length; y++) {
-        const N = P.changedTouches[y];
-        h.delete(N.identifier);
+      for (let x = 0; x < P.changedTouches.length; x++) {
+        const N = P.changedTouches[x];
+        g.delete(N.identifier);
       }
-    }, X = (P) => {
-      const y = P.touches.length;
-      if (y === 1) {
+    }, O = (P) => {
+      const x = P.touches.length;
+      if (x === 1) {
         if (!o)
           return;
         P.preventDefault();
-        const N = P.touches[0], S = h.get(N.identifier);
-        if (!S)
+        const N = P.touches[0], _ = g.get(N.identifier);
+        if (!_)
           throw new Error("touchStart is null");
-        const _ = N.clientX - S.clientX, R = N.clientY - S.clientY;
-        d({
-          x: _,
-          y: R
-        }), h.set(N.identifier, N);
-      } else if (y === 2) {
+        const V = N.clientX - _.clientX, d = N.clientY - _.clientY;
+        m({
+          x: V,
+          y: d
+        }), g.set(N.identifier, N);
+      } else if (x === 2) {
         P.preventDefault();
-        const [N, S] = P.touches, _ = h.get(N.identifier), R = h.get(S.identifier);
-        if (!_ || !R)
+        const [N, _] = P.touches, V = g.get(N.identifier), d = g.get(_.identifier);
+        if (!V || !d)
           throw new Error("intialTouch1 or intialTouch2 is null");
-        const v = Fe(
-          _,
-          R
-        ), E = Fe(N, S) / v, { left: M, top: D } = u.getBoundingClientRect();
-        w(E - 1, {
-          x: (N.clientX + S.clientX) / 2 - M,
-          y: (N.clientY + S.clientY) / 2 - D
-        }), h.set(N.identifier, N), h.set(S.identifier, S);
+        const T = Ye(
+          V,
+          d
+        ), E = Ye(N, _) / T, { left: M, top: X } = l.getBoundingClientRect();
+        v(E - 1, {
+          x: (N.clientX + _.clientX) / 2 - M,
+          y: (N.clientY + _.clientY) / 2 - X
+        }), g.set(N.identifier, N), g.set(_.identifier, _);
       }
     };
-    return c.addEventListener("touchstart", b), c.addEventListener("touchmove", X), c.addEventListener("touchend", k), c.addEventListener("touchcancel", k), () => {
-      c.removeEventListener("touchstart", b), c.removeEventListener("touchmove", X), c.removeEventListener("touchend", k), c.removeEventListener("touchcancel", k);
+    return i.addEventListener("touchstart", b), i.addEventListener("touchmove", O), i.addEventListener("touchend", k), i.addEventListener("touchcancel", k), () => {
+      i.removeEventListener("touchstart", b), i.removeEventListener("touchmove", O), i.removeEventListener("touchend", k), i.removeEventListener("touchcancel", k);
     };
-  }, [o, d, w]), /* @__PURE__ */ t(
+  }, [o, m, v]), /* @__PURE__ */ t(
     "div",
     {
-      ref: l,
+      ref: u,
       className: `relative size-full overflow-hidden ${o ? "z-zoomed-image cursor-move" : ""}`,
       children: /* @__PURE__ */ t(
         "div",
         {
-          ref: p,
+          ref: h,
           className: "origin-top-left",
           children: /* @__PURE__ */ t(
-            fe,
+            he,
             {
               ...r,
               imgInPlayerWidthRatio: e ? 1 : n
@@ -1261,18 +1261,18 @@ const B = ({
       )
     }
   );
-}, ir = ({ hotspot: e }) => {
-  const { title: r, icon: n, description: o, position: i, detail: l } = e, { getIconConfig: p } = ve(), m = n ? p(n) : void 0, { extendMode: L, setShownDetails: I } = Q(), f = !!l, C = l?.type === "image", V = !!r || !!o, z = C ? /* @__PURE__ */ t(wt, { className: "size-4" }) : /* @__PURE__ */ t("div", { className: "size-1" }), a = () => {
+}, ar = ({ hotspot: e }) => {
+  const { title: r, icon: n, description: o, position: a, detail: u } = e, { getIconConfig: h } = ge(), p = n ? h(n) : void 0, { extendMode: L, setShownDetails: I } = J(), f = !!u, C = u?.type === "image", H = !!r || !!o, S = C ? /* @__PURE__ */ t(gt, { className: "size-4" }) : /* @__PURE__ */ t("div", { className: "size-1" }), s = () => {
     C && I({
-      src: l.src,
+      src: u.src,
       title: r,
       text: o
     });
   };
-  return /* @__PURE__ */ A(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: H(
+      className: D(
         "group absolute z-hotspot -translate-x-1/2 -translate-y-1/2 hover:z-hotspot-hover",
         f ? "cursor-pointer" : "cursor-help"
       ),
@@ -1280,9 +1280,9 @@ const B = ({
         top: `${100 * e.position.y}%`,
         left: `${100 * e.position.x}%`
       },
-      onClick: a,
+      onClick: s,
       children: [
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ R(
           "div",
           {
             className: "relative flex items-center justify-center rounded-full border-2 border-background bg-primary text-primary-foreground",
@@ -1293,21 +1293,21 @@ const B = ({
                   className: "pointer-events-none absolute -z-20 size-8 animate-hotspot-ping rounded-full border-2 border-background"
                 }
               ),
-              /* @__PURE__ */ t("div", { className: "p-1", children: m?.Icon ? /* @__PURE__ */ t("div", { className: "size-4", children: m.Icon }) : z })
+              /* @__PURE__ */ t("div", { className: "p-1", children: p?.Icon ? /* @__PURE__ */ t("div", { className: "size-4", children: p.Icon }) : S })
             ]
           }
         ),
-        !C && V && /* @__PURE__ */ t(
+        !C && H && /* @__PURE__ */ t(
           "div",
           {
-            className: H(
+            className: D(
               "absolute -z-10 w-max max-w-40 text-pretty rounded-ui bg-background p-2 small:max-w-48",
               L && "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",
+              a.y < 0.55 ? "-top-1" : "-bottom-1",
+              a.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-200 group-hover:pointer-events-auto group-hover:opacity-100"
             ),
-            children: /* @__PURE__ */ A("div", { className: "space-y-1 text-pretty", children: [
+            children: /* @__PURE__ */ R("div", { className: "space-y-1 text-pretty", children: [
               r && /* @__PURE__ */ t("div", { className: "text-sm font-semibold small:text-base small:font-bold", children: r }),
               o && /* @__PURE__ */ t("div", { className: "text-xs text-foreground/65 small:text-sm", children: o })
             ] })
@@ -1316,8 +1316,8 @@ const B = ({
       ]
     }
   );
-}, cr = ({ hotspot: e }) => {
-  const { detail: r } = e, n = /* @__PURE__ */ t(ir, { hotspot: e });
+}, ir = ({ hotspot: e }) => {
+  const { detail: r } = e, n = /* @__PURE__ */ t(ar, { hotspot: e });
   switch (r?.type) {
     case "link":
     case "pdf":
@@ -1325,163 +1325,163 @@ const B = ({
     default:
       return n;
   }
-}, Ct = ({
+}, xt = ({
   hotspots: e,
   itemIndex: r,
   className: n,
   onLoad: o,
-  ...i
+  ...a
 }) => {
-  const { isShowingDetails: l, showHotspots: p, setItemInteraction: m } = Q();
-  return /* @__PURE__ */ t("div", { className: H("relative size-full overflow-hidden", n), children: /* @__PURE__ */ A(
+  const { isShowingDetails: u, showHotspots: h, setItemInteraction: p } = J();
+  return /* @__PURE__ */ t("div", { className: D("relative size-full overflow-hidden", n), children: /* @__PURE__ */ R(
     "div",
     {
-      className: H(
+      className: D(
         "size-full duration-details",
-        l ? "scale-105" : "scale-100"
+        u ? "scale-105" : "scale-100"
       ),
       children: [
         /* @__PURE__ */ t(
-          ar,
+          sr,
           {
             className: "size-full object-cover",
             onLoad: (L) => {
-              r !== void 0 && m(r, "ready"), o?.(L);
+              r !== void 0 && p(r, "ready"), o?.(L);
             },
-            ...i
+            ...a
           }
         ),
-        p && e?.map((L, I) => /* @__PURE__ */ t(cr, { hotspot: L }, I))
+        h && e?.map((L, I) => /* @__PURE__ */ t(ir, { hotspot: L }, I))
       ]
     }
   ) });
-}, we = 10, lr = 15, ur = ({
+}, fe = 10, cr = 15, lr = ({
   images: e,
   onlyPreload: r
 }) => {
-  const { reverse360: n } = ne(), { isShowingDetails: o, isZooming: i } = Q(), l = i || o, p = j(null), m = j(null), [L, I] = Z(0), f = e.length, C = T(() => {
-    I((z) => (z - 1 + f) % f);
-  }, [f]), V = T(() => {
-    I((z) => (z + 1) % f);
+  const { reverse360: n } = ne(), { isShowingDetails: o, isZooming: a } = J(), u = a || o, h = j(null), p = j(null), [L, I] = Y(0), f = e.length, C = z(() => {
+    I((S) => (S - 1 + f) % f);
+  }, [f]), H = z(() => {
+    I((S) => (S + 1) % f);
   }, [f]);
-  return O(() => {
-    if (l)
+  return W(() => {
+    if (u)
       return;
-    const z = p.current, a = m.current;
-    if (!z || !a)
+    const S = h.current, s = p.current;
+    if (!S || !s)
       return;
-    let d = null, g = [], x = null;
-    const w = (s) => {
-      g.push(s), g.length > 20 && g.shift();
-    }, u = () => {
-      const s = Date.now(), E = (() => {
-        const F = Date.now(), $ = g.filter(
-          (ee) => F - ee.timestamp < 50
+    let m = null, w = [], y = null;
+    const v = (c) => {
+      w.push(c), w.length > 20 && w.shift();
+    }, l = () => {
+      const c = Date.now(), E = (() => {
+        const $ = Date.now(), F = w.filter(
+          (te) => $ - te.timestamp < 50
         );
-        if ($.length < 2)
+        if (F.length < 2)
           return 0;
-        const U = $[0], J = $[$.length - 1];
-        return (J.value - U.value) / (1e-3 * Math.max(J.timestamp - U.timestamp, 1));
+        const Q = F[0], K = F[F.length - 1];
+        return (K.value - Q.value) / (1e-3 * Math.max(K.timestamp - Q.timestamp, 1));
       })();
-      let M = 0, D = s;
-      const Y = () => {
-        x = requestAnimationFrame(() => {
-          const $ = Date.now(), U = ($ - s) / 1e3, J = Math.pow(0.05, U), ee = E * J, le = ($ - D) / 1e3;
-          if (M += ee * le, Math.abs(ee) < 5 * we && Math.abs(M) < we) {
-            x = null;
+      let M = 0, X = c;
+      const Z = () => {
+        y = requestAnimationFrame(() => {
+          const F = Date.now(), Q = (F - c) / 1e3, K = Math.pow(0.05, Q), te = E * K, ae = (F - X) / 1e3;
+          if (M += te * ae, Math.abs(te) < 5 * fe && Math.abs(M) < fe) {
+            y = null;
             return;
           }
-          Math.abs(M) >= we && (M > 0 !== n ? V() : C(), M = 0), D = $, Y();
+          Math.abs(M) >= fe && (M > 0 !== n ? H() : C(), M = 0), X = F, Z();
         });
       };
-      Y();
-    }, c = () => {
-      x && (cancelAnimationFrame(x), x = null);
-    }, h = (s) => {
-      if (s.button !== 0)
+      Z();
+    }, i = () => {
+      y && (cancelAnimationFrame(y), y = null);
+    }, g = (c) => {
+      if (c.button !== 0)
         return;
-      s.preventDefault(), s.stopPropagation(), c();
-      const E = s.clientX;
-      d = E, g = [{ timestamp: Date.now(), value: E }];
-    }, b = (s) => {
-      if (d === null)
+      c.preventDefault(), c.stopPropagation(), i();
+      const E = c.clientX;
+      m = E, w = [{ timestamp: Date.now(), value: E }];
+    }, b = (c) => {
+      if (m === null)
         return;
-      s.stopPropagation();
-      const { clientX: E } = s;
-      w({ timestamp: Date.now(), value: E });
-      const M = E - d;
-      Math.abs(M) < we || (M > 0 !== n ? V() : C(), d = E);
+      c.stopPropagation();
+      const { clientX: E } = c;
+      v({ timestamp: Date.now(), value: E });
+      const M = E - m;
+      Math.abs(M) < fe || (M > 0 !== n ? H() : C(), m = E);
     }, k = () => {
-      d !== null && (d = null, u());
+      m !== null && (m = null, l());
     };
-    z.addEventListener("mousedown", h), document.addEventListener("mousemove", b), document.addEventListener("mouseleave", k), document.addEventListener("mouseup", k), document.addEventListener("contextmenu", k);
-    const X = () => a.getBoundingClientRect().width, P = () => a.scrollWidth / 2 - X() / 2, y = () => {
-      const s = P();
-      a.scrollLeft = s;
+    S.addEventListener("mousedown", g), document.addEventListener("mousemove", b), document.addEventListener("mouseleave", k), document.addEventListener("mouseup", k), document.addEventListener("contextmenu", k);
+    const O = () => s.getBoundingClientRect().width, P = () => s.scrollWidth / 2 - O() / 2, x = () => {
+      const c = P();
+      s.scrollLeft = c;
     };
-    y();
+    x();
     const N = () => {
-      const s = a.scrollLeft - P();
-      Math.abs(s) < lr || (s < 0 !== n ? V() : C(), y());
+      const c = s.scrollLeft - P();
+      Math.abs(c) < cr || (c < 0 !== n ? H() : C(), x());
     };
-    a.addEventListener("scroll", N);
-    let S = null;
-    const _ = (s) => {
-      if (S !== null || s.changedTouches.length !== 1)
+    s.addEventListener("scroll", N);
+    let _ = null;
+    const V = (c) => {
+      if (_ !== null || c.changedTouches.length !== 1)
         return;
-      c();
-      const { identifier: E, clientX: M } = s.changedTouches[0];
-      S = E, d = M, g = [{ timestamp: Date.now(), value: M }];
-    }, R = (s) => {
-      if (!d)
+      i();
+      const { identifier: E, clientX: M } = c.changedTouches[0];
+      _ = E, m = M, w = [{ timestamp: Date.now(), value: M }];
+    }, d = (c) => {
+      if (!m)
         return;
-      const E = Array.from(s.changedTouches).find(
-        ({ identifier: Y }) => Y === S
+      const E = Array.from(c.changedTouches).find(
+        ({ identifier: Z }) => Z === _
       );
       if (!E)
         return;
-      s.preventDefault();
+      c.preventDefault();
       const { clientX: M } = E;
-      w({ timestamp: Date.now(), value: M });
-      const D = M - d;
-      Math.abs(D) < we || (D > 0 !== n ? V() : C(), d = M);
-    }, v = (s) => {
-      !d || !Array.from(s.changedTouches).some(
-        ({ identifier: M }) => M === S
-      ) || (S = null, d = null, u());
+      v({ timestamp: Date.now(), value: M });
+      const X = M - m;
+      Math.abs(X) < fe || (X > 0 !== n ? H() : C(), m = M);
+    }, T = (c) => {
+      !m || !Array.from(c.changedTouches).some(
+        ({ identifier: M }) => M === _
+      ) || (_ = null, m = null, l());
     };
-    return a.addEventListener("touchstart", _), a.addEventListener("touchmove", R), a.addEventListener("touchend", v), a.addEventListener("touchcancel", v), () => {
-      z.removeEventListener("mousedown", h), document.removeEventListener("mousemove", b), document.removeEventListener("mouseleave", k), document.removeEventListener("mouseup", k), document.removeEventListener("contextmenu", k), a.removeEventListener("scroll", N), a.removeEventListener("touchstart", _), a.removeEventListener("touchmove", R), a.removeEventListener("touchend", v), a.removeEventListener("touchcancel", v);
+    return s.addEventListener("touchstart", V), s.addEventListener("touchmove", d), s.addEventListener("touchend", T), s.addEventListener("touchcancel", T), () => {
+      S.removeEventListener("mousedown", g), document.removeEventListener("mousemove", b), document.removeEventListener("mouseleave", k), document.removeEventListener("mouseup", k), document.removeEventListener("contextmenu", k), s.removeEventListener("scroll", N), s.removeEventListener("touchstart", V), s.removeEventListener("touchmove", d), s.removeEventListener("touchend", T), s.removeEventListener("touchcancel", T);
     };
-  }, [V, C, l, n]), /* @__PURE__ */ t("div", { ref: p, className: "cursor-ew-resize", children: /* @__PURE__ */ A("div", { ref: m, className: "overflow-x-scroll no-scrollbar", children: [
-    /* @__PURE__ */ A("div", { className: "sticky left-0 top-0", children: [
-      e.map((z) => /* @__PURE__ */ t(
-        fe,
+  }, [H, C, u, n]), /* @__PURE__ */ t("div", { ref: h, className: "cursor-ew-resize", children: /* @__PURE__ */ R("div", { ref: p, className: "overflow-x-scroll no-scrollbar", children: [
+    /* @__PURE__ */ R("div", { className: "sticky left-0 top-0", children: [
+      e.map((S) => /* @__PURE__ */ t(
+        he,
         {
-          src: z.src,
+          src: S.src,
           className: "pointer-events-none !absolute left-0 top-0 -z-10"
         },
-        z.src
+        S.src
       )),
-      /* @__PURE__ */ t(Ct, { ...e[L], onlyPreload: r })
+      /* @__PURE__ */ t(xt, { ...e[L], onlyPreload: r })
     ] }),
     /* @__PURE__ */ t("div", { className: "pointer-events-none -mt-px h-px w-[calc(100%+1024px)]" })
   ] }) });
-}, dr = ({ images: e, onPlaceholderImageLoaded: r, onSpinImagesLoaded: n, onError: o }) => {
-  const i = re(() => e.map(({ src: f }) => f), [e]), [l, p] = Z(null), m = l ? [...l.values()].filter((f) => f).length / e.length * 100 : null, L = T(() => {
-    m === null && p(new Map(i.map((f) => [f, !1])));
-  }, [i, m]), I = T((f) => {
-    p((C) => {
-      const V = new Map(C);
-      return V.set(f, !0), V;
+}, ur = ({ images: e, onPlaceholderImageLoaded: r, onSpinImagesLoaded: n, onError: o }) => {
+  const a = re(() => e.map(({ src: f }) => f), [e]), [u, h] = Y(null), p = u ? [...u.values()].filter((f) => f).length / e.length * 100 : null, L = z(() => {
+    p === null && h(new Map(a.map((f) => [f, !1])));
+  }, [a, p]), I = z((f) => {
+    h((C) => {
+      const H = new Map(C);
+      return H.set(f, !0), H;
     });
   }, []);
-  return O(() => {
-    m === 100 && n();
-  }, [m, n]), /* @__PURE__ */ A("div", { className: "relative size-full", children: [
-    m !== null && m !== 100 && // Add images to DOM to preload them
-    /* @__PURE__ */ t("div", { className: "hidden", children: i.map((f) => /* @__PURE__ */ t(
-      fe,
+  return W(() => {
+    p === 100 && n();
+  }, [p, n]), /* @__PURE__ */ R("div", { className: "relative size-full", children: [
+    p !== null && p !== 100 && // Add images to DOM to preload them
+    /* @__PURE__ */ t("div", { className: "hidden", children: a.map((f) => /* @__PURE__ */ t(
+      he,
       {
         src: f,
         onLoad: () => I(f),
@@ -1490,54 +1490,54 @@ const B = ({
       f
     )) }),
     /* @__PURE__ */ t(
-      fe,
+      he,
       {
         className: "size-full",
-        src: i[0],
+        src: a[0],
         onLoad: r
       }
     ),
-    /* @__PURE__ */ A("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
-      /* @__PURE__ */ t(vt, { className: "size-20 text-primary-light" }),
-      /* @__PURE__ */ t(te, { color: "neutral", shape: "icon", onClick: L, children: /* @__PURE__ */ t(De, { className: "size-full" }) }),
+    /* @__PURE__ */ R("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-y-4 bg-foreground/35", children: [
+      /* @__PURE__ */ t(wt, { className: "size-20 text-primary-light" }),
+      /* @__PURE__ */ t(ee, { color: "neutral", shape: "icon", onClick: L, children: /* @__PURE__ */ t(Re, { className: "size-full" }) }),
       /* @__PURE__ */ t(
         "div",
         {
-          className: H(
+          className: D(
             "relative h-1 w-3/5 overflow-hidden rounded-full bg-background",
-            m === null && "invisible"
+            p === null && "invisible"
           ),
           children: /* @__PURE__ */ t(
             "div",
             {
               className: "h-full bg-primary transition-[width]",
-              style: { width: `${m ?? 0}%` }
+              style: { width: `${p ?? 0}%` }
             }
           )
         }
       )
     ] })
   ] });
-}, mr = (e) => {
-  const { itemIndex: r } = e, { setItemInteraction: n } = Q(), [o, i] = Z();
-  return O(() => {
+}, dr = (e) => {
+  const { itemIndex: r } = e, { setItemInteraction: n } = J(), [o, a] = Y();
+  return W(() => {
     o === null || o === "error" || n(r, o === "spin" ? "running" : "ready");
   }, [r, n, o]), o === "error" ? /* @__PURE__ */ t(
-    ft,
+    ht,
     {
       className: "text-background",
       text: "Spin could not be loaded"
     }
   ) : o !== "spin" ? /* @__PURE__ */ t(
-    dr,
+    ur,
     {
       ...e,
-      onPlaceholderImageLoaded: () => i("placeholder"),
-      onSpinImagesLoaded: () => i("spin"),
-      onError: () => i("error")
+      onPlaceholderImageLoaded: () => a("placeholder"),
+      onSpinImagesLoaded: () => a("spin"),
+      onError: () => a("error")
     }
-  ) : /* @__PURE__ */ t(ur, { ...e });
-}, pr = (e) => /* @__PURE__ */ t(te, { color: "neutral", shape: "icon", ...e, children: /* @__PURE__ */ t(De, { className: "size-full" }) }), hr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ t(lr, { ...e });
+}, mr = (e) => /* @__PURE__ */ t(ee, { color: "neutral", shape: "icon", ...e, children: /* @__PURE__ */ t(Re, { className: "size-full" }) }), pr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_PAUSE", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1554,7 +1554,7 @@ const B = ({
       }
     )
   }
-) }), fr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t(
+) }), hr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_VOLUME", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1571,7 +1571,7 @@ const B = ({
       }
     )
   }
-) }), gr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ t(
+) }), fr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_VOLUME_OFF", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1588,162 +1588,162 @@ const B = ({
       }
     )
   }
-) }), je = ({ progress: e }) => /* @__PURE__ */ t("div", { className: "h-1 w-full overflow-hidden rounded-ui-sm bg-background/25", children: /* @__PURE__ */ t(
+) }), Fe = ({ progress: e }) => /* @__PURE__ */ t("div", { className: "h-1 w-full overflow-hidden rounded-ui-sm bg-background/25", children: /* @__PURE__ */ t(
   "div",
   {
     className: "size-full rounded-ui-sm bg-background transition-transform",
     style: { transform: `translateX(-${100 * (1 - e)}%)` }
   }
-) }), wr = 3e3, vr = ({ src: e, poster: r, itemIndex: n }) => {
-  const { carrouselItemIndex: o, setItemInteraction: i } = Q(), l = j(null), p = j(null), m = T(() => {
-    if (!p.current)
+) }), gr = 3e3, wr = ({ src: e, poster: r, itemIndex: n }) => {
+  const { carrouselItemIndex: o, setItemInteraction: a } = J(), u = j(null), h = j(null), p = z(() => {
+    if (!h.current)
       throw new Error("videoRef.current is null");
-    return p.current;
+    return h.current;
   }, []);
-  O(() => {
-    i(n, "ready");
-  }, [n, i]);
-  const L = T(() => {
-    m().play();
-  }, [m]), I = T(() => {
-    m().pause();
-  }, [m]);
-  O(() => {
+  W(() => {
+    a(n, "ready");
+  }, [n, a]);
+  const L = z(() => {
+    p().play();
+  }, [p]), I = z(() => {
+    p().pause();
+  }, [p]);
+  W(() => {
     o === n || I();
   }, [o, n, I]);
-  const [f, C] = Z(!1), [V, z] = Z(!0), a = () => {
-    C(!0), i(n, "running");
-  }, d = () => {
-    C(!1), i(n, "ready");
-  }, g = () => {
-    z(!1);
-  }, x = () => {
-    z(!0);
-  }, [w, u] = Z(null), c = (s) => {
-    const E = m(), M = s.currentTarget.getBoundingClientRect(), Y = (s.clientX - M.left) / M.width, F = Math.min(1, Math.max(0, Y));
-    E.volume = F, E.muted = !1;
-  }, h = (s) => {
-    const E = m();
-    E.muted = s;
+  const [f, C] = Y(!1), [H, S] = Y(!0), s = () => {
+    C(!0), a(n, "running");
+  }, m = () => {
+    C(!1), a(n, "ready");
+  }, w = () => {
+    S(!1);
+  }, y = () => {
+    S(!0);
+  }, [v, l] = Y(null), i = (c) => {
+    const E = p(), M = c.currentTarget.getBoundingClientRect(), Z = (c.clientX - M.left) / M.width, $ = Math.min(1, Math.max(0, Z));
+    E.volume = $, E.muted = !1;
+  }, g = (c) => {
+    const E = p();
+    E.muted = c;
   };
-  O(() => {
-    const s = p.current;
-    if (!s)
+  W(() => {
+    const c = h.current;
+    if (!c)
       return;
     const E = () => {
-      u({
-        volume: s.volume,
-        isMuted: s.muted
+      l({
+        volume: c.volume,
+        isMuted: c.muted
       });
     };
-    return E(), s.addEventListener("volumechange", E), () => {
-      s.removeEventListener("volumechange", E);
+    return E(), c.addEventListener("volumechange", E), () => {
+      c.removeEventListener("volumechange", E);
     };
   }, []);
-  const [b, k] = Z(null), X = b ? b.currentTime / b.duration : 0;
-  O(() => {
-    const s = p.current;
-    if (!s) return;
+  const [b, k] = Y(null), O = b ? b.currentTime / b.duration : 0;
+  W(() => {
+    const c = h.current;
+    if (!c) return;
     const E = () => {
-      const M = s.currentTime, D = s.duration;
-      isNaN(M) || isNaN(D) || k({
+      const M = c.currentTime, X = c.duration;
+      isNaN(M) || isNaN(X) || k({
         currentTime: M,
-        duration: D
+        duration: X
       });
     };
-    return E(), s.addEventListener("timeupdate", E), () => {
-      s.removeEventListener("timeupdate", E);
+    return E(), c.addEventListener("timeupdate", E), () => {
+      c.removeEventListener("timeupdate", E);
     };
   }, []);
-  const P = (s) => {
-    const E = m(), M = s.currentTarget.getBoundingClientRect(), Y = (s.clientX - M.left) / M.width, F = E.duration * Y;
-    E.currentTime = F;
-  }, y = (s) => {
-    const E = Math.floor(s % 3600 / 60), M = Math.floor(s % 60);
+  const P = (c) => {
+    const E = p(), M = c.currentTarget.getBoundingClientRect(), Z = (c.clientX - M.left) / M.width, $ = E.duration * Z;
+    E.currentTime = $;
+  }, x = (c) => {
+    const E = Math.floor(c % 3600 / 60), M = Math.floor(c % 60);
     return `${E}:${M.toString().padStart(2, "0")}`;
-  }, [N, S] = Z(!1), _ = j(void 0), R = T(
-    () => clearTimeout(_.current),
+  }, [N, _] = Y(!1), V = j(void 0), d = z(
+    () => clearTimeout(V.current),
     []
-  ), v = T(() => {
-    R(), _.current = setTimeout(() => {
-      S(!1);
-    }, wr);
-  }, [R]);
-  return O(() => {
-    const s = l.current, E = p.current;
-    if (!s || !E)
+  ), T = z(() => {
+    d(), V.current = setTimeout(() => {
+      _(!1);
+    }, gr);
+  }, [d]);
+  return W(() => {
+    const c = u.current, E = h.current;
+    if (!c || !E)
       return;
     const M = () => {
-      v(), S(!0);
-    }, D = () => {
-      R(), S(!1);
+      T(), _(!0);
+    }, X = () => {
+      d(), _(!1);
     };
-    let Y = !1;
-    const F = () => {
-      Y = !0;
-    }, $ = () => {
-      Y && (Y = !1, I());
-    }, U = () => {
-      Y = !1, M();
-    }, J = (ee) => {
-      ee.preventDefault(), ee.touches.length === 1 && (v(), S((oe) => !oe));
+    let Z = !1;
+    const $ = () => {
+      Z = !0;
+    }, F = () => {
+      Z && (Z = !1, I());
+    }, Q = () => {
+      Z = !1, M();
+    }, K = (te) => {
+      te.preventDefault(), te.touches.length === 1 && (T(), _((oe) => !oe));
     };
-    return s.addEventListener("mousedown", F), s.addEventListener("mouseup", $), s.addEventListener("mouseenter", M), s.addEventListener("mousemove", U), s.addEventListener("mouseleave", D), E.addEventListener("touchstart", J), () => {
-      s.removeEventListener("mousedown", F), s.removeEventListener("mouseup", $), s.removeEventListener("mouseenter", M), s.removeEventListener("mousemove", M), s.removeEventListener("mouseleave", D), E.removeEventListener("touchstart", J);
+    return c.addEventListener("mousedown", $), c.addEventListener("mouseup", F), c.addEventListener("mouseenter", M), c.addEventListener("mousemove", Q), c.addEventListener("mouseleave", X), E.addEventListener("touchstart", K), () => {
+      c.removeEventListener("mousedown", $), c.removeEventListener("mouseup", F), c.removeEventListener("mouseenter", M), c.removeEventListener("mousemove", M), c.removeEventListener("mouseleave", X), E.removeEventListener("touchstart", K);
     };
-  }, [R, I, v]), /* @__PURE__ */ A("div", { ref: l, className: "relative size-full", children: [
+  }, [d, I, T]), /* @__PURE__ */ R("div", { ref: u, className: "relative size-full", children: [
     /* @__PURE__ */ t(
       "video",
       {
-        ref: p,
+        ref: h,
         className: "size-full",
         src: e,
         poster: r,
         disablePictureInPicture: !0,
         playsInline: !0,
-        onPlay: a,
-        onPause: d,
-        onEnded: d,
-        onCanPlay: g,
-        onWaiting: x
+        onPlay: s,
+        onPause: m,
+        onEnded: m,
+        onCanPlay: w,
+        onWaiting: y
       }
     ),
-    f ? /* @__PURE__ */ A(ie, { children: [
-      /* @__PURE__ */ A(
+    f ? /* @__PURE__ */ R(ie, { children: [
+      /* @__PURE__ */ R(
         "div",
         {
-          className: H(
+          className: D(
             "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",
             N ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0"
           ),
-          onMouseDownCapture: (s) => s.stopPropagation(),
+          onMouseDownCapture: (c) => c.stopPropagation(),
           children: [
-            /* @__PURE__ */ A("div", { className: "flex items-center justify-between text-background", children: [
-              /* @__PURE__ */ A(
+            /* @__PURE__ */ R("div", { className: "flex items-center justify-between text-background", children: [
+              /* @__PURE__ */ R(
                 "div",
                 {
                   className: "flex items-center gap-x-4",
                   children: [
                     /* @__PURE__ */ t(
-                      te,
+                      ee,
                       {
                         shape: "icon",
                         variant: "ghost",
                         color: "neutral",
                         onClick: I,
-                        children: /* @__PURE__ */ t(hr, { className: "size-full" })
+                        children: /* @__PURE__ */ t(pr, { className: "size-full" })
                       }
                     ),
-                    b && /* @__PURE__ */ A("span", { className: "text-sm", children: [
-                      y(b.currentTime),
+                    b && /* @__PURE__ */ R("span", { className: "text-sm", children: [
+                      x(b.currentTime),
                       " /",
                       " ",
-                      y(b.duration)
+                      x(b.duration)
                     ] })
                   ]
                 }
               ),
-              w && /* @__PURE__ */ A(
+              v && /* @__PURE__ */ R(
                 "div",
                 {
                   className: "group/volume flex items-center gap-x-4 rounded-ui-md p-2 transition-colors hover:bg-foreground/25",
@@ -1751,17 +1751,17 @@ const B = ({
                     /* @__PURE__ */ t(
                       "div",
                       {
-                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${w.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
-                        onClick: c,
-                        children: /* @__PURE__ */ t(je, { progress: w.volume })
+                        className: `w-12 cursor-pointer py-1 opacity-0 transition-opacity ${v.isMuted ? "group-hover/volume:opacity-50" : "group-hover/volume:opacity-100"}`,
+                        onClick: i,
+                        children: /* @__PURE__ */ t(Fe, { progress: v.volume })
                       }
                     ),
                     /* @__PURE__ */ t(
                       "div",
                       {
                         className: "size-5 cursor-pointer",
-                        onClick: () => h(!w.isMuted),
-                        children: w.isMuted ? /* @__PURE__ */ t(gr, { className: "size-full" }) : /* @__PURE__ */ t(fr, { className: "size-full" })
+                        onClick: () => g(!v.isMuted),
+                        children: v.isMuted ? /* @__PURE__ */ t(fr, { className: "size-full" }) : /* @__PURE__ */ t(hr, { className: "size-full" })
                       }
                     )
                   ]
@@ -1773,46 +1773,46 @@ const B = ({
               {
                 className: "cursor-pointer py-1",
                 onClick: P,
-                children: /* @__PURE__ */ t(je, { progress: X })
+                children: /* @__PURE__ */ t(Fe, { progress: O })
               }
             )
           ]
         }
       ),
-      V && /* @__PURE__ */ t(
+      H && /* @__PURE__ */ t(
         "div",
         {
           className: "pointer-events-none absolute inset-0 flex items-center justify-center bg-foreground/25",
-          children: /* @__PURE__ */ t(gt, { size: "lg", color: "background" })
+          children: /* @__PURE__ */ t(ft, { size: "lg", color: "background" })
         }
       )
     ] }) : /* @__PURE__ */ t(
       "div",
       {
         className: "absolute inset-0 flex items-center justify-center bg-foreground/25",
-        children: /* @__PURE__ */ t(pr, { onClick: L })
+        children: /* @__PURE__ */ t(mr, { onClick: L })
       }
     )
   ] });
-}, br = ({ index: e, item: r, isShown: n }) => {
+}, vr = ({ index: e, item: r, isShown: n }) => {
   const { type: o } = r;
-  let i;
+  let a;
   switch (o) {
     case "image":
-      i = /* @__PURE__ */ t(Ct, { itemIndex: e, onlyPreload: !n, ...r });
+      a = /* @__PURE__ */ t(xt, { itemIndex: e, onlyPreload: !n, ...r });
       break;
     case "video":
-      i = /* @__PURE__ */ t(vr, { itemIndex: e, ...r });
+      a = /* @__PURE__ */ t(wr, { itemIndex: e, ...r });
       break;
     case "360":
-      i = /* @__PURE__ */ t(mr, { itemIndex: e, onlyPreload: !n, ...r });
+      a = /* @__PURE__ */ t(dr, { itemIndex: e, onlyPreload: !n, ...r });
       break;
     case "custom":
-      i = /* @__PURE__ */ t(sr, { itemIndex: e, ...r });
+      a = /* @__PURE__ */ t(or, { itemIndex: e, ...r });
   }
-  return i = /* @__PURE__ */ t("div", { className: "-ml-px h-full w-[calc(100%+2px)]", children: i }), i;
-}, yr = (e) => {
-  O(() => {
+  return a = /* @__PURE__ */ t("div", { className: "-ml-px h-full w-[calc(100%+2px)]", children: a }), a;
+}, br = (e) => {
+  W(() => {
     const r = (n) => {
       n.key === "Escape" && e();
     };
@@ -1821,32 +1821,32 @@ const B = ({
     };
   }, [e]);
 };
-function xr(e) {
+function yr(e) {
   return e.target === e.currentTarget;
 }
-const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 transition-radius small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
+const xr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ R("div", { className: "space-x-0.5 rounded-ui bg-foreground/40 px-1.5 py-0.5 text-xs text-background/75 transition-radius small:space-x-1 small:px-2 small:py-1 small:text-sm", children: [
   /* @__PURE__ */ t("span", { children: e + 1 }),
   /* @__PURE__ */ t("span", { children: "/" }),
   /* @__PURE__ */ t("span", { children: r + 1 })
-] }), $e = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_ARROW_RIGHT", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+] }), je = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_ARROW_RIGHT", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
   "path",
   {
     d: "M4.07666 13.4868L5.25666 14.6668L11.9233 8.00016L5.25666 1.3335L4.07666 2.5135L9.56333 8.00016L4.07666 13.4868Z",
     fill: "currentColor"
   }
-) }) }), Er = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_EXTEND", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+) }) }), Cr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_EXTEND", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
   "path",
   {
     d: "M4.66683 9.3335H3.3335V12.6668H6.66683V11.3335H4.66683V9.3335ZM3.3335 6.66683H4.66683V4.66683H6.66683V3.3335H3.3335V6.66683ZM11.3335 11.3335H9.3335V12.6668H12.6668V9.3335H11.3335V11.3335ZM9.3335 3.3335V4.66683H11.3335V6.66683H12.6668V3.3335H9.3335Z",
     fill: "currentColor"
   }
-) }) }), kr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_GALLERY", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+) }) }), Er = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_GALLERY", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
   "path",
   {
     d: "M13.3334 2.66683V10.6668H5.33337V2.66683H13.3334ZM13.3334 1.3335H5.33337C4.60004 1.3335 4.00004 1.9335 4.00004 2.66683V10.6668C4.00004 11.4002 4.60004 12.0002 5.33337 12.0002H13.3334C14.0667 12.0002 14.6667 11.4002 14.6667 10.6668V2.66683C14.6667 1.9335 14.0667 1.3335 13.3334 1.3335ZM7.66671 7.78016L8.79337 9.28683L10.4467 7.22016L12.6667 10.0002H6.00004L7.66671 7.78016ZM1.33337 4.00016V13.3335C1.33337 14.0668 1.93337 14.6668 2.66671 14.6668H12V13.3335H2.66671V4.00016H1.33337Z",
     fill: "currentColor"
   }
-) }) }), Lr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ A(
+) }) }), kr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_HOTSPOTS", children: /* @__PURE__ */ R(
   "svg",
   {
     className: e,
@@ -1866,7 +1866,7 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_418_982", children: /* @__PURE__ */ t("rect", { width: "12", height: "12", fill: "white" }) }) })
     ]
   }
-) }), Ir = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_MINUS", children: /* @__PURE__ */ t(
+) }), Lr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_MINUS", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1883,7 +1883,7 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       }
     )
   }
-) }), Mr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_PLUS", children: /* @__PURE__ */ t(
+) }), Ir = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_PLUS", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1900,22 +1900,22 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       }
     )
   }
-) }), Nr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
+) }), Mr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_REDUCE", children: /* @__PURE__ */ t("svg", { className: e, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ t(
   "path",
   {
     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"
   }
-) }) }), Tr = ({
+) }) }), Nr = ({
   enabled: e,
   onToggle: r,
   label: n,
   className: o,
-  children: i
-}) => /* @__PURE__ */ A(
+  children: a
+}) => /* @__PURE__ */ R(
   "label",
   {
-    className: H(
+    className: D(
       "flex cursor-pointer items-center justify-center gap-x-2",
       o
     ),
@@ -1933,25 +1933,25 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       /* @__PURE__ */ t(
         "div",
         {
-          className: H(
+          className: D(
             "flex h-5 w-8 items-center justify-center rounded-full transition-colors",
             e ? "bg-primary" : "bg-background/60"
           ),
           children: /* @__PURE__ */ t(
             "div",
             {
-              className: H(
+              className: D(
                 "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"
               ),
-              children: i
+              children: a
             }
           )
         }
       )
     ]
   }
-), zr = ({ className: e }) => /* @__PURE__ */ t(B, { className: e, customizationKey: "UI_BURGER", children: /* @__PURE__ */ t(
+), Tr = ({ className: e }) => /* @__PURE__ */ t(G, { className: e, customizationKey: "UI_BURGER", children: /* @__PURE__ */ t(
   "svg",
   {
     className: e,
@@ -1968,47 +1968,47 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       }
     )
   }
-) }), Sr = ({ sharedClassName: e }) => {
-  const { categories: r } = se(), { displayedCategoryId: n, changeCategory: o } = Q(), [i, l] = Z(!1), p = () => {
-    l(!i);
-  }, m = () => {
-    l(!1);
+) }), zr = ({ sharedClassName: e }) => {
+  const { categories: r } = se(), { displayedCategoryId: n, changeCategory: o } = J(), [a, u] = Y(!1), h = () => {
+    u(!a);
+  }, p = () => {
+    u(!1);
   };
-  return /* @__PURE__ */ A(ie, { children: [
-    i && /* @__PURE__ */ t(
+  return /* @__PURE__ */ R(ie, { children: [
+    a && /* @__PURE__ */ t(
       "div",
       {
-        className: H(e, "inset-0 small:hidden"),
-        onClick: m
+        className: D(e, "inset-0 small:hidden"),
+        onClick: p
       }
     ),
-    /* @__PURE__ */ A(
+    /* @__PURE__ */ R(
       "div",
       {
-        className: H(
+        className: D(
           e,
-          he("top-left"),
+          pe("top-left"),
           "flex gap-x-2 small:hidden"
         ),
         children: [
           /* @__PURE__ */ t(
-            te,
+            ee,
             {
               shape: "icon",
-              color: i ? "primary" : "neutral",
-              onClick: p,
-              children: /* @__PURE__ */ t(zr, {})
+              color: a ? "primary" : "neutral",
+              onClick: h,
+              children: /* @__PURE__ */ t(Tr, {})
             }
           ),
-          i && /* @__PURE__ */ t("div", { className: "rounded-ui-md bg-background transition-radius", children: /* @__PURE__ */ t("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: L, title: I }) => /* @__PURE__ */ t(
+          a && /* @__PURE__ */ t("div", { className: "rounded-ui-md bg-background transition-radius", children: /* @__PURE__ */ t("ul", { className: "space-y-0.5 p-1", children: r.map(({ id: L, title: I }) => /* @__PURE__ */ t(
             "li",
             {
-              className: H(
+              className: D(
                 "cursor-pointer rounded-ui px-2 py-1 text-sm font-bold transition-all hover:bg-primary/30",
                 L === n && "bg-primary/50"
               ),
               onClick: () => {
-                o(L), l(!1);
+                o(L), u(!1);
               },
               children: I
             },
@@ -2020,13 +2020,13 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
     /* @__PURE__ */ t(
       "div",
       {
-        className: H(
+        className: D(
           e,
-          pt("top"),
+          mt("top"),
           "w-full overflow-x-auto max-small:hidden"
         ),
         children: /* @__PURE__ */ t("div", { className: "mx-auto flex w-fit gap-x-1 rounded-ui-md bg-background p-1 shadow", children: r.map(({ id: L, title: I }) => /* @__PURE__ */ t(
-          te,
+          ee,
           {
             variant: L === n ? "fill" : "ghost",
             onClick: () => o(L),
@@ -2037,115 +2037,115 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       }
     )
   ] });
-}, _r = () => {
+}, Sr = () => {
   const { hideCategories: e, infiniteCarrousel: r, permanentGallery: n } = ne(), { aspectRatioStyle: o } = se(), {
-    items: { length: i },
-    slidable: l,
-    carrouselItemIndex: p,
-    masterItemIndex: m,
+    items: { length: a },
+    slidable: u,
+    carrouselItemIndex: h,
+    masterItemIndex: p,
     prevItem: L,
     nextItem: I,
     showGalleryControls: f,
     enableHotspotsControl: C,
-    showHotspots: V,
-    toggleHotspots: z,
-    showGallery: a,
-    toggleGallery: d,
-    extendMode: g,
-    toggleExtendMode: x,
-    shownDetails: w,
-    isShowingDetails: u,
-    resetShownDetails: c,
-    showZoomControls: h,
+    showHotspots: H,
+    toggleHotspots: S,
+    showGallery: s,
+    toggleGallery: m,
+    extendMode: w,
+    toggleExtendMode: y,
+    shownDetails: v,
+    isShowingDetails: l,
+    resetShownDetails: i,
+    showZoomControls: g,
     isZooming: b,
     canZoomIn: k,
-    zoomIn: X,
+    zoomIn: O,
     canZoomOut: P,
-    zoomOut: y,
+    zoomOut: x,
     resetView: N
-  } = Q(), S = T(
-    (R) => {
-      xr(R) && c();
+  } = J(), _ = z(
+    (d) => {
+      yr(d) && i();
     },
-    [c]
+    [i]
   );
-  yr(c);
-  const _ = "absolute z-overlay";
-  return /* @__PURE__ */ A(ie, { children: [
+  br(i);
+  const V = "absolute z-overlay";
+  return /* @__PURE__ */ R(ie, { children: [
     !e && /* @__PURE__ */ t(
-      Sr,
+      zr,
       {
-        sharedClassName: H(
-          _,
+        sharedClassName: D(
+          V,
           "transition-opacity",
           b ? "!pointer-events-none opacity-0" : "opacity-100"
         )
       }
     ),
-    l && !b && /* @__PURE__ */ t("div", { className: H(_, he("top-right")), children: /* @__PURE__ */ t(
-      Cr,
+    u && !b && /* @__PURE__ */ t("div", { className: D(V, pe("top-right")), children: /* @__PURE__ */ t(
+      xr,
       {
-        currentIndex: p,
-        maxIndex: i - 1
+        currentIndex: h,
+        maxIndex: a - 1
       }
     ) }),
-    l && /* @__PURE__ */ A(ie, { children: [
+    u && /* @__PURE__ */ R(ie, { children: [
       /* @__PURE__ */ t(
-        te,
+        ee,
         {
           shape: "icon",
           color: "neutral",
-          className: H(
-            _,
-            he("middle-left"),
+          className: D(
+            V,
+            pe("middle-left"),
             b ? "!pointer-events-none opacity-0" : "opacity-100"
           ),
           onClick: L,
-          disabled: !r && m <= 0,
-          children: /* @__PURE__ */ t(B, { customizationKey: "CONTROLS_PREV", children: /* @__PURE__ */ t($e, { className: "size-full -scale-x-100" }) })
+          disabled: !r && p <= 0,
+          children: /* @__PURE__ */ t(G, { customizationKey: "CONTROLS_PREV", children: /* @__PURE__ */ t(je, { className: "size-full -scale-x-100" }) })
         }
       ),
       /* @__PURE__ */ t(
-        te,
+        ee,
         {
           shape: "icon",
           color: "neutral",
-          className: H(
-            _,
-            he("middle-right"),
+          className: D(
+            V,
+            pe("middle-right"),
             b ? "!pointer-events-none opacity-0" : "opacity-100"
           ),
           onClick: I,
-          disabled: !r && m >= i - 1,
-          children: /* @__PURE__ */ t(B, { customizationKey: "CONTROLS_NEXT", children: /* @__PURE__ */ t($e, { className: "size-full" }) })
+          disabled: !r && p >= a - 1,
+          children: /* @__PURE__ */ t(G, { customizationKey: "CONTROLS_NEXT", children: /* @__PURE__ */ t(je, { className: "size-full" }) })
         }
       )
     ] }),
-    /* @__PURE__ */ A(
+    /* @__PURE__ */ R(
       "div",
       {
-        className: H(
-          _,
-          he("bottom-fullW"),
+        className: D(
+          V,
+          pe("bottom-fullW"),
           "pointer-events-none grid grid-cols-[auto,1fr,auto] items-end *:pointer-events-auto small:gap-x-2"
         ),
         children: [
-          !n && l && /* @__PURE__ */ A(ie, { children: [
+          !n && u && /* @__PURE__ */ R(ie, { children: [
             /* @__PURE__ */ t(
-              te,
+              ee,
               {
                 className: f && !b ? "opacity-100" : "!pointer-events-none opacity-0",
                 variant: "fill",
-                color: a ? "primary" : "neutral",
+                color: s ? "primary" : "neutral",
                 shape: "icon",
-                onClick: d,
-                children: /* @__PURE__ */ t(kr, { className: "size-full" })
+                onClick: m,
+                children: /* @__PURE__ */ t(Er, { className: "size-full" })
               }
             ),
-            a && /* @__PURE__ */ t(
-              yt,
+            s && /* @__PURE__ */ t(
+              bt,
               {
-                className: H(
+                className: D(
                   "transition-opacity",
                   f && !b ? "opacity-100" : "!pointer-events-none opacity-0",
                   // Left & Right gradient mask to fade the gallery
@@ -2155,52 +2155,52 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
               }
             )
           ] }),
-          /* @__PURE__ */ A("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
+          /* @__PURE__ */ R("div", { className: "col-start-3 flex flex-col items-end gap-y-1 small:gap-y-2", children: [
             C && /* @__PURE__ */ t(
-              Tr,
+              Nr,
               {
-                className: H(
+                className: D(
                   "transition-opacity",
                   b ? "!pointer-events-none opacity-0" : "opacity-100"
                 ),
-                enabled: V,
-                onToggle: z,
-                children: /* @__PURE__ */ t(Lr, { className: "size-full" })
+                enabled: H,
+                onToggle: S,
+                children: /* @__PURE__ */ t(kr, { className: "size-full" })
               }
             ),
-            h && /* @__PURE__ */ A("div", { className: "max-small:hidden", children: [
+            g && /* @__PURE__ */ R("div", { className: "max-small:hidden", children: [
               /* @__PURE__ */ t(
-                te,
+                ee,
                 {
                   className: "rounded-b-none",
                   color: "neutral",
                   shape: "icon",
                   disabled: !k,
-                  onClick: X,
-                  children: /* @__PURE__ */ t(Mr, { className: "size-full" })
+                  onClick: O,
+                  children: /* @__PURE__ */ t(Ir, { className: "size-full" })
                 }
               ),
-              /* @__PURE__ */ t(bt, { color: "background" }),
+              /* @__PURE__ */ t(vt, { color: "background" }),
               /* @__PURE__ */ t(
-                te,
+                ee,
                 {
                   className: "rounded-t-none",
                   color: "neutral",
                   shape: "icon",
                   disabled: !P,
-                  onClick: y,
-                  children: /* @__PURE__ */ t(Ir, { className: "size-full" })
+                  onClick: x,
+                  children: /* @__PURE__ */ t(Lr, { className: "size-full" })
                 }
               )
             ] }),
             /* @__PURE__ */ t(
-              te,
+              ee,
               {
                 variant: "fill",
-                color: g ? "primary" : "neutral",
+                color: w ? "primary" : "neutral",
                 shape: "icon",
-                onClick: x,
-                children: g ? /* @__PURE__ */ t(Nr, { className: "size-full" }) : /* @__PURE__ */ t(Er, { className: "size-full" })
+                onClick: y,
+                children: w ? /* @__PURE__ */ t(Mr, { className: "size-full" }) : /* @__PURE__ */ t(Cr, { className: "size-full" })
               }
             )
           ] })
@@ -2210,55 +2210,55 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
     /* @__PURE__ */ t(
       "div",
       {
-        className: H(
-          _,
+        className: D(
+          V,
           "inset-0 flex justify-end overflow-hidden bg-foreground/60 transition-opacity duration-details",
-          u ? "opacity-100" : "pointer-events-none opacity-0"
+          l ? "opacity-100" : "pointer-events-none opacity-0"
         ),
-        onClick: S,
+        onClick: _,
         children: /* @__PURE__ */ t(
           "div",
           {
-            className: H(
+            className: D(
               "h-full w-3/5 bg-background transition-transform duration-details",
-              u ? "translate-x-0" : "translate-x-full"
+              l ? "translate-x-0" : "translate-x-full"
             ),
-            children: !!w && /* @__PURE__ */ A(ie, { children: [
+            children: !!v && /* @__PURE__ */ R(ie, { children: [
               /* @__PURE__ */ t(
-                fe,
+                he,
                 {
                   className: "w-full bg-foreground/65",
                   style: o,
-                  src: w.src,
+                  src: v.src,
                   imgInPlayerWidthRatio: 0.6
                 }
               ),
-              /* @__PURE__ */ A(
+              /* @__PURE__ */ R(
                 "div",
                 {
-                  className: H(
+                  className: D(
                     "space-y-1 px-2 py-1 small:p-3",
-                    g && "large:p-4"
+                    w && "large:p-4"
                   ),
                   children: [
-                    w.title && /* @__PURE__ */ t(
+                    v.title && /* @__PURE__ */ t(
                       "span",
                       {
-                        className: H(
+                        className: D(
                           "text-sm font-semibold small:text-base small:font-bold",
-                          g && "large:text-lg"
+                          w && "large:text-lg"
                         ),
-                        children: w.title
+                        children: v.title
                       }
                     ),
-                    w.text && /* @__PURE__ */ t(
+                    v.text && /* @__PURE__ */ t(
                       "p",
                       {
-                        className: H(
+                        className: D(
                           "text-xs text-foreground/65 small:text-sm",
-                          g && "large:text-base"
+                          w && "large:text-base"
                         ),
-                        children: w.text
+                        children: v.text
                       }
                     )
                   ]
@@ -2269,346 +2269,346 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
         )
       }
     ),
-    (b || u) && /* @__PURE__ */ t(
-      ht,
+    (b || l) && /* @__PURE__ */ t(
+      pt,
       {
-        className: H(_, he("top-right")),
+        className: D(V, pe("top-right")),
         onClick: N
       }
     )
   ] });
-}, Vr = ({ className: e = "" }) => {
-  const { infiniteCarrousel: r, preloadRange: n, isFullScreen: o } = ne(), { aspectRatioStyle: i } = se(), {
-    items: l,
-    slidable: p,
-    carrouselItemIndex: m,
+}, _r = ({ className: e = "" }) => {
+  const { infiniteCarrousel: r, preloadRange: n, isFullScreen: o } = ne(), { aspectRatioStyle: a } = se(), {
+    items: u,
+    slidable: h,
+    carrouselItemIndex: p,
     setCarrouselItemIndex: L,
     itemIndexCommand: I,
     setItemIndexCommand: f,
     specialCommand: C,
-    isRunningSpecialCommand: V,
-    finishSpecialCommand: z,
-    extendMode: a,
-    extendTransition: d
-  } = Q(), g = j(null), x = T((v) => {
-    if (!g.current)
-      throw new Error(`[${v ?? "sliderOrThrow"}] slider.current is null`);
-    return g.current;
-  }, []), w = j(!1), u = j(null), c = j(null), h = j(null), b = T(() => {
-    h.current && cancelAnimationFrame(h.current);
-  }, []), k = T(() => {
-    const v = x("computeClosestSnapIndex"), s = Array.from(v.children), E = v.scrollLeft, M = s.reduce(
-      (D, Y, F) => {
-        const $ = Y.offsetLeft;
-        return Math.abs($ - E) < Math.abs(s[D].offsetLeft - E) ? F : D;
+    isRunningSpecialCommand: H,
+    finishSpecialCommand: S,
+    extendMode: s,
+    extendTransition: m
+  } = J(), w = j(null), y = z((d) => {
+    if (!w.current)
+      throw new Error(`[${d ?? "sliderOrThrow"}] slider.current is null`);
+    return w.current;
+  }, []), v = j(!1), l = j(null), i = j(null), g = j(null), b = z(() => {
+    g.current && cancelAnimationFrame(g.current);
+  }, []), k = z(() => {
+    const d = y("computeClosestSnapIndex"), T = Array.from(d.children), c = d.scrollLeft;
+    return T.reduce(
+      (M, X, Z) => {
+        const $ = X.offsetLeft;
+        return Math.abs($ - c) < Math.abs(T[M].offsetLeft - c) ? Z : M;
       },
       0
     );
-    return C === "first_to_last" ? Xe(M, l.length) : C === "last_to_first" ? Xe(M - 1, l.length) : M;
-  }, [C, x, l.length]), X = T(
-    (v) => {
-      const s = x("setStyleCursor");
-      s.style.cursor = v;
+  }, [y]), O = z(
+    (d) => {
+      const T = y("setStyleCursor");
+      T.style.cursor = d;
     },
-    [x]
-  ), P = T(
-    (v) => {
-      const s = x("setStyleSnapState");
-      v === "mandatory" ? s.style.scrollSnapType = "x mandatory" : s.style.scrollSnapType = "none";
+    [y]
+  ), P = z(
+    (d) => {
+      const T = y("setStyleSnapState");
+      d === "mandatory" ? T.style.scrollSnapType = "x mandatory" : T.style.scrollSnapType = "none";
     },
-    [x]
-  ), y = T(
-    (v, s, E) => {
+    [y]
+  ), x = z(
+    (d, T, c) => {
       b();
-      const M = x("scrollToIndex"), D = Array.from(M.children), Y = M.scrollLeft, F = D[v].offsetLeft, $ = (ae) => {
-        M.scrollTo({
-          left: ae,
+      const E = y("scrollToIndex"), M = Array.from(E.children), X = E.scrollLeft, Z = M[d].offsetLeft, $ = (oe) => {
+        E.scrollTo({
+          left: oe,
           behavior: "instant"
         });
-      }, U = () => {
-        $(F), P("mandatory"), E?.();
-      }, J = Math.abs(Y - F);
-      if (J < 1 || s === "instant") {
-        U();
+      }, F = () => {
+        $(Z), P("mandatory"), c?.();
+      }, Q = Math.abs(X - Z);
+      if (Q < 1 || T === "instant") {
+        F();
         return;
       }
-      const ee = ce(J / 2.5, 300, 1e3), le = (/* @__PURE__ */ new Date()).getTime();
+      const K = ce(Q / 2.5, 300, 1e3), te = (/* @__PURE__ */ new Date()).getTime();
       P("none");
-      const oe = () => {
-        const ae = () => {
-          const be = (/* @__PURE__ */ new Date()).getTime() - le;
-          if (be >= ee) {
-            U();
+      const ae = () => {
+        const oe = () => {
+          const ve = (/* @__PURE__ */ new Date()).getTime() - te;
+          if (ve >= K) {
+            F();
             return;
           }
-          const ke = Math.min(be / ee, 1), ue = xt(ke), ge = ye(Y, F, ue);
-          $(ge), oe();
+          const Ee = Math.min(ve / K, 1), ke = yt(Ee), le = be(X, Z, ke);
+          $(le), ae();
         };
-        h.current = requestAnimationFrame(ae);
+        g.current = requestAnimationFrame(oe);
       };
-      oe();
+      ae();
     },
-    [b, x, P]
-  ), [N, S] = Z(), _ = !!N;
-  O(() => {
-    const v = () => {
+    [b, y, P]
+  ), [N, _] = Y(), V = !!N;
+  return W(() => {
+    const d = () => {
       clearTimeout(N);
-      const s = setTimeout(() => {
-        S(void 0);
-      }, ct);
-      S(s);
+      const T = setTimeout(() => {
+        _(void 0);
+      }, it);
+      _(T);
     };
-    return addEventListener("resize", v), document.addEventListener("fullscreenchange", v), () => {
-      removeEventListener("resize", v), document.removeEventListener("fullscreenchange", v);
+    return addEventListener("resize", d), document.addEventListener("fullscreenchange", d), () => {
+      removeEventListener("resize", d), document.removeEventListener("fullscreenchange", d);
     };
-  }, [N]), O(() => {
-    const v = k();
-    Number.isNaN(v) || v !== m && y(m, "instant");
+  }, [N]), W(() => {
+    if (C)
+      return;
+    const d = k();
+    Number.isNaN(d) || d !== p && x(p, "instant");
   }, [
-    m,
-    y,
+    p,
     k,
+    x,
+    C,
     // - Run the effect when those values change
-    l,
+    u,
     N,
     o,
-    a,
-    d
-  ]), O(() => {
-    if (!p || V) {
-      X("auto");
+    s,
+    m
+  ]), W(() => {
+    if (!h || H) {
+      O("auto");
       return;
     }
-    const v = g.current;
-    if (!v)
+    const d = w.current;
+    if (!d)
       return;
-    X("grab"), P("mandatory");
-    const s = (D) => {
-      D.button === 0 && (D.preventDefault(), D.stopPropagation(), b(), w.current = !0, u.current = D.pageX - v.offsetLeft, c.current = v.scrollLeft, X("grabbing"));
-    }, E = (D) => {
-      if (!w.current)
+    O("grab"), P("mandatory");
+    const T = (M) => {
+      M.button === 0 && (M.preventDefault(), M.stopPropagation(), b(), v.current = !0, l.current = M.pageX - d.offsetLeft, i.current = d.scrollLeft, O("grabbing"));
+    }, c = (M) => {
+      if (!v.current)
         return;
-      if (u.current === null)
+      if (l.current === null)
         throw new Error("[onMouseMove] startX is null");
       P("none");
-      const F = D.pageX - v.offsetLeft - u.current;
+      const Z = M.pageX - d.offsetLeft - l.current;
       requestAnimationFrame(() => {
-        if (c.current === null)
+        if (i.current === null)
           throw new Error("[onMouseMove] scrollLeft is null");
-        v.scrollLeft = c.current - F;
+        d.scrollLeft = i.current - Z;
       });
-    }, M = () => {
-      if (!w.current)
+    }, E = () => {
+      if (!v.current)
         return;
-      w.current = !1, X("grab");
-      const D = k();
-      y(D, "smooth");
+      v.current = !1, O("grab");
+      const M = k();
+      x(M, "smooth");
     };
-    return v.addEventListener("mousedown", s), document.addEventListener("mousemove", E), document.addEventListener("mouseleave", M), document.addEventListener("mouseup", M), document.addEventListener("contextmenu", M), () => {
-      v.removeEventListener("mousedown", s), document.removeEventListener("mousemove", E), document.removeEventListener("mouseleave", M), document.removeEventListener("mouseup", M), document.removeEventListener("contextmenu", M);
+    return d.addEventListener("mousedown", T), document.addEventListener("mousemove", c), document.addEventListener("mouseleave", E), document.addEventListener("mouseup", E), document.addEventListener("contextmenu", E), () => {
+      d.removeEventListener("mousedown", T), document.removeEventListener("mousemove", c), document.removeEventListener("mouseleave", E), document.removeEventListener("mouseup", E), document.removeEventListener("contextmenu", E);
     };
   }, [
     b,
     k,
-    V,
-    y,
-    X,
+    H,
+    x,
+    O,
     P,
-    p
-  ]), O(() => {
-    if (d || _)
+    h
+  ]), W(() => {
+    if (m || V)
       return;
-    const v = g.current;
-    if (!v)
+    const d = w.current;
+    if (!d)
       return;
-    const s = () => {
-      const E = k();
-      Number.isNaN(E) || (L(E), E === I && f(null));
+    const T = () => {
+      const c = k();
+      Number.isNaN(c) || (L(c), c === I && f(null));
     };
-    return v.addEventListener("scroll", s), () => {
-      v.removeEventListener("scroll", s);
+    return d.addEventListener("scroll", T), () => {
+      d.removeEventListener("scroll", T);
     };
   }, [
     k,
-    d,
+    m,
     V,
-    _,
     I,
-    l.length,
     L,
     f
-  ]), O(() => {
+  ]), W(() => {
     if (I === null)
       return;
-    const v = () => z();
+    const d = () => {
+      setTimeout(() => {
+        f(null), S();
+      }, 75);
+    };
     switch (C) {
       case "first_to_last":
-        y(l.length, "instant"), y(l.length - 1, "smooth", v);
+        x(u.length - 1, "instant", d);
         break;
       case "last_to_first":
-        y(0, "instant"), y(1, "smooth", v);
+        x(0, "instant", d);
         break;
       case "instant":
-        y(I, "instant", v);
+        x(I, "instant", d);
         break;
       default:
-        y(I, "smooth");
+        x(I, "smooth");
         break;
     }
   }, [
     C,
-    z,
+    S,
     I,
-    l.length,
-    y
-  ]);
-  const R = () => /* @__PURE__ */ t("div", { className: "h-full", style: i });
-  return /* @__PURE__ */ A(
+    u.length,
+    x,
+    f
+  ]), /* @__PURE__ */ R(
     "div",
     {
-      className: H(
+      className: D(
         "relative overflow-hidden rounded-carrousel transition-radius",
         e
       ),
-      style: i,
+      style: a,
       children: [
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ t(
           "div",
           {
-            ref: g,
-            className: `flex size-full ${p ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
-            children: [
-              C === "last_to_first" && /* @__PURE__ */ t(R, {}),
-              l.map((v, s) => {
-                const E = s === m, M = s === 0, D = s === l.length - 1, Y = (() => {
-                  if (C === "first_to_last" && M)
-                    return {
-                      transform: `translateX(${100 * l.length}%)`
-                    };
-                  if (C === "last_to_first" && D)
-                    return {
-                      transform: `translateX(-${100 * l.length}%)`
-                    };
-                })();
-                let F = Math.abs(s - m) <= n;
-                F ||= s === I, r && (F ||= m < n && l.length - s <= n - m, F ||= m >= l.length - n && s <= n - (l.length - m));
-                const $ = (() => {
-                  let U;
-                  switch (v.type) {
-                    case "360":
-                      U = v.images[0].src;
-                      break;
-                    case "image":
-                      U = v.src;
-                      break;
-                    case "video":
-                      U = v.poster ?? "video";
-                      break;
-                    case "custom":
-                      U = "custom";
-                      break;
-                  }
-                  return `${s}_${U}`;
-                })();
-                return /* @__PURE__ */ t(
-                  "div",
-                  {
-                    className: H(
-                      "h-full bg-foreground/35",
-                      m === s && "z-1"
-                      // Give high-ground to the shown item (to avoid 1px vertical line)
-                    ),
-                    style: { ...i, ...Y },
-                    children: F && /* @__PURE__ */ t(br, { index: s, item: v, isShown: E })
-                  },
-                  $
-                );
-              }),
-              C === "first_to_last" && /* @__PURE__ */ t(R, {})
-            ]
+            ref: w,
+            className: `flex size-full ${h ? "overflow-x-auto no-scrollbar *:snap-start *:snap-always" : "justify-center"}`,
+            children: u.map((d, T) => {
+              const c = T === p, E = T === 0, M = T === u.length - 1, X = (() => {
+                if (C === "first_to_last" && E)
+                  return {
+                    transform: `translateX(${100 * u.length}%)`
+                  };
+                if (C === "last_to_first" && M)
+                  return {
+                    transform: `translateX(-${100 * u.length}%)`
+                  };
+              })();
+              let Z = Math.abs(T - p) <= n;
+              Z ||= T === I, r && (Z ||= p < n && u.length - T <= n - p, Z ||= p >= u.length - n && T <= n - (u.length - p));
+              const $ = (() => {
+                let F;
+                switch (d.type) {
+                  case "360":
+                    F = d.images[0].src;
+                    break;
+                  case "image":
+                    F = d.src;
+                    break;
+                  case "video":
+                    F = d.poster ?? "video";
+                    break;
+                  case "custom":
+                    F = "custom";
+                    break;
+                }
+                return `${T}_${F}`;
+              })();
+              return /* @__PURE__ */ t(
+                "div",
+                {
+                  className: D(
+                    "h-full bg-foreground/35",
+                    p === T && "z-1"
+                    // Give high-ground to the shown item (to avoid 1px vertical line)
+                  ),
+                  style: { ...a, ...X },
+                  children: Z && /* @__PURE__ */ t(vr, { index: T, item: d, isShown: c })
+                },
+                $
+              );
+            })
           }
         ),
-        /* @__PURE__ */ t(_r, {})
+        /* @__PURE__ */ t(Sr, {})
       ]
     }
   );
-}, Pr = () => {
+}, Vr = () => {
   const { permanentGallery: e } = ne(), { aspectRatioStyle: r } = se(), {
     prevItem: n,
     nextItem: o,
-    isShowingDetails: i,
-    resetShownDetails: l,
-    extendMode: p,
-    disableExtendMode: m,
+    isShowingDetails: a,
+    resetShownDetails: u,
+    extendMode: h,
+    disableExtendMode: p,
     isZooming: L,
     resetZoom: I,
     fakeFullScreen: f
-  } = Q(), C = j(null), V = j(null), z = j(null);
-  return O(() => {
-    if (!p)
+  } = J(), C = j(null), H = j(null), S = j(null);
+  return W(() => {
+    if (!h)
       return;
-    const a = C.current, d = V.current, g = z.current;
-    if (!a || !d || !g)
+    const s = C.current, m = H.current, w = S.current;
+    if (!s || !m || !w)
       return;
-    let x = !1;
-    const w = (h) => [a, d, g].includes(h.target), u = (h) => {
-      x = w(h);
-    }, c = (h) => {
-      x && (w(h) && m(), x = !1);
+    let y = !1;
+    const v = (g) => [s, m, w].includes(g.target), l = (g) => {
+      y = v(g);
+    }, i = (g) => {
+      y && (v(g) && p(), y = !1);
     };
-    return a.addEventListener("mousedown", u), a.addEventListener("mouseup", c), () => {
-      a.removeEventListener("mousedown", u), a.removeEventListener("mouseup", c);
+    return s.addEventListener("mousedown", l), s.addEventListener("mouseup", i), () => {
+      s.removeEventListener("mousedown", l), s.removeEventListener("mouseup", i);
     };
-  }, [m, p]), O(() => {
-    const a = (d) => {
-      d.key === "Escape" && (L ? I() : i ? l() : m());
+  }, [p, h]), W(() => {
+    const s = (m) => {
+      m.key === "Escape" && (L ? I() : a ? u() : p());
     };
-    return addEventListener("keydown", a), () => {
-      removeEventListener("keydown", a);
+    return addEventListener("keydown", s), () => {
+      removeEventListener("keydown", s);
     };
   }, [
-    m,
-    i,
+    p,
+    a,
     L,
     o,
     n,
-    l,
+    u,
     I
-  ]), /* @__PURE__ */ A(
+  ]), /* @__PURE__ */ R(
     "div",
     {
       ref: C,
-      className: H(
+      className: D(
         f ? "fixed inset-0 z-overlay" : "relative",
-        p && "flex size-full items-center justify-center bg-foreground/75"
+        h && "flex size-full items-center justify-center bg-foreground/75"
       ),
       children: [
-        /* @__PURE__ */ A(
+        /* @__PURE__ */ R(
           "div",
           {
-            ref: V,
-            className: p ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
+            ref: H,
+            className: h ? "flex size-full flex-col justify-center gap-y-2 small:gap-y-4" : "space-y-2",
             children: [
               /* @__PURE__ */ t(
                 "div",
                 {
-                  ref: z,
-                  className: H(
-                    p && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
+                  ref: S,
+                  className: D(
+                    h && "mx-auto flex min-h-0 w-full max-w-[1600px] justify-center"
                   ),
                   style: r,
-                  children: /* @__PURE__ */ t(Vr, { className: H(p && "h-full min-w-0") })
+                  children: /* @__PURE__ */ t(_r, { className: D(h && "h-full min-w-0") })
                 }
               ),
-              e && /* @__PURE__ */ t(yt, { className: H(p && "my-2 shrink-0 small:my-4") })
+              e && /* @__PURE__ */ t(bt, { className: D(h && "my-2 shrink-0 small:my-4") })
             ]
           }
         ),
-        p && /* @__PURE__ */ t(
-          ht,
+        h && /* @__PURE__ */ t(
+          pt,
           {
             className: "absolute right-2 top-2 small:right-4 small:top-4",
-            onClick: m
+            onClick: p
           }
         )
       ]
@@ -2618,84 +2618,84 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
   const { emitEvent: e, compositionUrl: r } = ne(), {
     data: n,
     status: o,
-    isSuccess: i,
-    error: l
-  } = Wt(r);
-  return O(() => {
-    l ? e(Ke, l) : o === "fetching" ? e(Be, r) : i && e(qe, n);
-  }, [n, r, e, l, i, o]), l ? /* @__PURE__ */ t(
-    ft,
+    isSuccess: a,
+    error: u
+  } = At(r);
+  return W(() => {
+    u ? e(qe, u) : o === "fetching" ? e(Ge, r) : a && e(Be, n);
+  }, [n, r, e, u, a, o]), u ? /* @__PURE__ */ t(
+    ht,
     {
       className: "aspect-square text-foreground/70",
       text: "Player could not be loaded"
     }
-  ) : i ? /* @__PURE__ */ t(Xt, { composition: n, children: /* @__PURE__ */ t(Yt, { children: /* @__PURE__ */ t(Pr, {}) }) }) : /* @__PURE__ */ A("div", { className: "flex aspect-square size-full flex-col items-center justify-center gap-y-4", children: [
+  ) : a ? /* @__PURE__ */ t(Ot, { composition: n, children: /* @__PURE__ */ t(Zt, { children: /* @__PURE__ */ t(Vr, {}) }) }) : /* @__PURE__ */ R("div", { className: "flex aspect-square size-full flex-col items-center justify-center gap-y-4", children: [
     /* @__PURE__ */ t("div", { className: "animate-pulse text-xl", children: "Loading Player" }),
-    /* @__PURE__ */ t(gt, { color: "foreground" })
+    /* @__PURE__ */ t(ft, { color: "foreground" })
   ] });
-}, Dr = ({
+}, Pr = ({
   compositionUrl: e,
-  hideCategories: r = Nt,
-  infiniteCarrousel: n = Tt,
-  permanentGallery: o = zt,
-  mediaLoadStrategy: i = St,
-  minMediaWidth: l = _t,
-  maxMediaWidth: p = Vt,
-  preloadRange: m = Pt,
+  hideCategories: r = Mt,
+  infiniteCarrousel: n = Nt,
+  permanentGallery: o = Tt,
+  mediaLoadStrategy: a = zt,
+  minMediaWidth: u = St,
+  maxMediaWidth: h = _t,
+  preloadRange: p = Vt,
   preventFullScreen: L = Ht,
-  eventPrefix: I = st,
-  reverse360: f = Dt,
+  eventPrefix: I = ot,
+  reverse360: f = Pt,
   children: C
   // NOTE: use to customize the player, not to display the content
 }) => {
-  const V = j(null), [z, a] = Z(0.5), [d, g] = Z(!1), x = T(
-    (c, h) => {
-      const b = I + c, k = new CustomEvent(b, { detail: h });
+  const H = j(null), [S, s] = Y(0.5), [m, w] = Y(!1), y = z(
+    (i, g) => {
+      const b = I + i, k = new CustomEvent(b, { detail: g });
       document.dispatchEvent(k);
     },
     [I]
   );
-  O(() => {
-    if (d) {
-      a(1);
+  W(() => {
+    if (m) {
+      s(1);
       return;
     }
-    if (!V.current)
+    if (!H.current)
       return;
-    const c = V.current, h = () => {
-      const b = window.innerWidth, k = c.clientWidth;
-      a(k / b);
+    const i = H.current, g = () => {
+      const b = window.innerWidth, k = i.clientWidth;
+      s(k / b);
     };
-    return h(), addEventListener("resize", h), () => {
-      removeEventListener("resize", h);
+    return g(), addEventListener("resize", g), () => {
+      removeEventListener("resize", g);
     };
-  }, [d]), O(() => {
+  }, [m]), W(() => {
     if (L)
       return;
-    const c = V.current;
-    if (!c)
+    const i = H.current;
+    if (!i)
       throw new Error("Wrapper not found");
-    const h = () => {
+    const g = () => {
       const { fullscreenElement: b } = document;
-      g(
-        b === c || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
+      w(
+        b === i || // NOTE: For custom element, the web browser is making the whole custom element full-screen and not only the wrapper
         b?.localName === Pe
       );
     };
-    return document.addEventListener("fullscreenchange", h), () => {
-      document.removeEventListener("fullscreenchange", h);
+    return document.addEventListener("fullscreenchange", g), () => {
+      document.removeEventListener("fullscreenchange", g);
     };
   }, [L]);
-  const w = T(async () => {
-    const c = V.current;
-    if (!c)
+  const v = z(async () => {
+    const i = H.current;
+    if (!i)
       throw new Error("Wrapper not found");
     try {
-      return await c.requestFullscreen(), !0;
+      return await i.requestFullscreen(), !0;
     } catch {
       return !1;
     }
-  }, []), u = T(async () => {
+  }, []), l = z(async () => {
     try {
       return await document.exitFullscreen(), !0;
     } catch {
@@ -2703,28 +2703,28 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
     }
   }, []);
   return /* @__PURE__ */ t(
-    Ot,
+    Wt,
     {
       compositionUrl: e,
       hideCategories: r,
       infiniteCarrousel: n,
       permanentGallery: o,
-      mediaLoadStrategy: i,
-      minMediaWidth: l,
-      maxMediaWidth: p,
-      preloadRange: m,
+      mediaLoadStrategy: a,
+      minMediaWidth: u,
+      maxMediaWidth: h,
+      preloadRange: p,
       preventFullScreen: L,
       reverse360: f,
-      emitEvent: x,
-      playerInViewportWidthRatio: z,
-      isFullScreen: d,
-      requestFullscreen: w,
-      exitFullscreen: u,
-      children: /* @__PURE__ */ A(Zt, { children: [
+      emitEvent: y,
+      playerInViewportWidthRatio: S,
+      isFullScreen: m,
+      requestFullscreen: v,
+      exitFullscreen: l,
+      children: /* @__PURE__ */ R(Xt, { children: [
         /* @__PURE__ */ t(
           "div",
           {
-            ref: V,
+            ref: H,
             className: "select-none text-foreground",
             style: {
               "--background": "var(--cc-webplayer-background, 0 0% 100%)",
@@ -2745,23 +2745,23 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
       ] })
     }
   );
-}, Rr = ({ children: e, index: r, thumbnailSrc: n }) => {
-  const { registerCustomMedia: o, unregisterCustomMedia: i } = ve();
-  return O(() => {
+}, Dr = ({ children: e, index: r, thumbnailSrc: n }) => {
+  const { registerCustomMedia: o, unregisterCustomMedia: a } = ge();
+  return W(() => {
     if (!e)
       return;
-    const l = o({
+    const u = o({
       Media: e,
       index: r,
       thumbnailSrc: n
     });
     return () => {
-      i(l);
+      a(u);
     };
-  }, [e, i, r, o, n]), null;
-}, Gr = (e) => He() ? /* @__PURE__ */ t(Rr, { ...e }) : /* @__PURE__ */ t("slot", {}), Ar = ({ name: e, children: r }) => {
-  const { registerIconConfig: n, unregisterIconConfig: o } = ve();
-  return O(() => {
+  }, [e, a, r, o, n]), null;
+}, Ur = (e) => De() ? /* @__PURE__ */ t(Dr, { ...e }) : /* @__PURE__ */ t("slot", {}), Rr = ({ name: e, children: r }) => {
+  const { registerIconConfig: n, unregisterIconConfig: o } = ge();
+  return W(() => {
     if (r)
       return n(e, {
         Icon: r
@@ -2769,112 +2769,112 @@ const Cr = ({ currentIndex: e, maxIndex: r }) => /* @__PURE__ */ A("div", { clas
         o(e);
       };
   }, [r, e, n, o]), null;
-}, Br = (e) => He() ? /* @__PURE__ */ t(Ar, { ...e }) : /* @__PURE__ */ t("slot", {}), Wr = '*,: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}*,: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{inset: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-1{z-index:1}.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}.-ml-px{margin-left:-1px}.-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}.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-20{height: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-\\[calc\\(100\\%\\+2px\\)\\]{width:calc(100% + 2px)}.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))}.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))}.-scale-x-100{--tw-scale-x: -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))}.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 pulse{50%{opacity:1}0%,to{opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,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-foreground{border-color:hsl(var(--foreground))}.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-2xl{font-size:1.5rem;line-height: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-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-light{color:hsl(var(--primary-light))}.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-all{transition-property:all;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-radius{transition-property:border-radius;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}.\\*\\:size-full>*{width:100%;height:100%}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.\\*\\:object-cover>*{-o-object-fit:cover;object-fit:cover}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset: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-all:after{content:var(--tw-content);transition-property:all;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\\:h-28{height:7rem}.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}}';
-function Or(e) {
+}, Gr = (e) => De() ? /* @__PURE__ */ t(Rr, { ...e }) : /* @__PURE__ */ t("slot", {}), Ar = '*,: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}*,: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{inset: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-1{z-index:1}.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}.-ml-px{margin-left:-1px}.-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}.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-20{height: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-\\[calc\\(100\\%\\+2px\\)\\]{width:calc(100% + 2px)}.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))}.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))}.-scale-x-100{--tw-scale-x: -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))}.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 pulse{50%{opacity:1}0%,to{opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,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-foreground{border-color:hsl(var(--foreground))}.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-2xl{font-size:1.5rem;line-height: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-foreground\\/70{color:hsl(var(--foreground) / .7)}.text-neutral-foreground{color:hsl(var(--neutral-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary-light{color:hsl(var(--primary-light))}.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-all{transition-property:all;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-radius{transition-property:border-radius;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}.\\*\\:size-full>*{width:100%;height:100%}.\\*\\:snap-start>*{scroll-snap-align:start}.\\*\\:snap-always>*{scroll-snap-stop:always}.\\*\\:object-cover>*{-o-object-fit:cover;object-fit:cover}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset: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-all:after{content:var(--tw-content);transition-property:all;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\\:h-28{height:7rem}.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}}';
+function Wr(e) {
   return e.replace(
     /([a-z0-9])([A-Z])/g,
     (r, n, o) => `${n}-${o.toLowerCase()}`
   );
 }
-function Re(e) {
+function Ae(e) {
   return Object.entries(e).reduce((r, [n, o]) => {
     if (o !== void 0) {
-      const i = Or(n);
-      r[i] = o.toString();
+      const a = Wr(n);
+      r[a] = o.toString();
     }
     return r;
   }, {});
 }
-const qr = (e) => /* @__PURE__ */ A(ie, { children: [
-  /* @__PURE__ */ t("style", { children: Wr }),
-  /* @__PURE__ */ t(Dr, { ...e })
-] }), Xr = (e) => Re(e), Zr = (e) => Re(e), Yr = (e) => Re(e), Kr = ({
+const Br = (e) => /* @__PURE__ */ R(ie, { children: [
+  /* @__PURE__ */ t("style", { children: Ar }),
+  /* @__PURE__ */ t(Pr, { ...e })
+] }), Or = (e) => Ae(e), Xr = (e) => Ae(e), Zr = (e) => Ae(e), qr = ({
   onCompositionLoading: e,
   onCompositionLoaded: r,
   onCompositionLoadError: n,
   onItemChange: o,
-  onExtendModeOn: i,
-  onExtendModeOff: l,
-  onHotspotsOn: p,
-  onHotspotsOff: m,
+  onExtendModeOn: a,
+  onExtendModeOff: u,
+  onHotspotsOn: h,
+  onHotspotsOff: p,
   onGalleryOpen: L,
   onGalleryClose: I,
   className: f,
   style: C = {},
-  children: V,
-  ...z
+  children: H,
+  ...S
 }) => {
-  const a = re(() => {
-    const d = Xr(z);
-    return f && Object.assign(d, { class: f }), d;
-  }, [f, z]);
-  return O(() => {
-    const d = z.eventPrefix ?? st, g = (u) => `${d}${u}`, x = {
-      [Be]: e,
-      [qe]: r,
-      [Ke]: n,
-      [Je]: o,
-      [Qe]: i,
-      [et]: l,
+  const s = re(() => {
+    const m = Or(S);
+    return f && Object.assign(m, { class: f }), m;
+  }, [f, S]);
+  return W(() => {
+    const m = S.eventPrefix ?? ot, w = (l) => `${m}${l}`, y = {
+      [Ge]: e,
+      [Be]: r,
+      [qe]: n,
+      [Ke]: o,
+      [Je]: a,
+      [Qe]: u,
+      [et]: h,
       [tt]: p,
-      [rt]: m,
-      [nt]: L,
-      [ot]: I
-    }, w = /* @__PURE__ */ new Map();
-    return Object.entries(x).forEach(([u, c]) => {
-      if (!c)
+      [rt]: L,
+      [nt]: I
+    }, v = /* @__PURE__ */ new Map();
+    return Object.entries(y).forEach(([l, i]) => {
+      if (!i)
         return;
-      const h = g(u), b = (k) => c(k.detail);
-      w.set(h, b), document.addEventListener(h, b);
+      const g = w(l), b = (k) => i(k.detail);
+      v.set(g, b), document.addEventListener(g, b);
     }), () => {
-      w.forEach((u, c) => {
-        document.removeEventListener(c, u);
+      v.forEach((l, i) => {
+        document.removeEventListener(i, l);
       });
     };
   }, [
-    z.eventPrefix,
+    S.eventPrefix,
     e,
     r,
     n,
     o,
-    i,
-    l,
+    a,
+    u,
+    h,
     p,
-    m,
     L,
     I
-  ]), /* @__PURE__ */ t("cc-webplayer", { style: { display: "block", ...C }, ...a, children: V });
-}, Jr = ({ children: e, ...r }) => {
-  const n = Zr(r);
+  ]), /* @__PURE__ */ t("cc-webplayer", { style: { display: "block", ...C }, ...s, children: H });
+}, Kr = ({ children: e, ...r }) => {
+  const n = Xr(r);
   return /* @__PURE__ */ t("cc-webplayer-custom-media", { ...n, children: e });
-}, Qr = ({
+}, Jr = ({
   children: e,
   ...r
 }) => {
-  const n = Yr(r);
+  const n = Zr(r);
   return /* @__PURE__ */ t("cc-webplayer-icon", { ...n, children: e });
 };
 export {
-  st as D,
-  Be as E,
-  qr as W,
-  Gr as a,
-  Br as b,
-  Ur as c,
+  ot as D,
+  Ge as E,
+  Br as W,
+  Ur as a,
+  Gr as b,
+  $r as c,
   Pe as d,
-  Ue as e,
-  Ge as f,
-  Kr as g,
-  Jr as h,
-  Qr as i,
-  qe as j,
-  Ke as k,
-  Je as l,
-  Qe as m,
-  et as n,
-  tt as o,
-  rt as p,
-  nt as q,
-  ot as r,
-  $r as s
+  $e as e,
+  Ue as f,
+  qr as g,
+  Kr as h,
+  Jr as i,
+  Be as j,
+  qe as k,
+  Ke as l,
+  Je as m,
+  Qe as n,
+  et as o,
+  tt as p,
+  rt as q,
+  nt as r,
+  jr as s
 };