jcicl 0.0.118 → 0.0.120

package/ScrollContainer/ScrollContainer.js

@@ -13,12 +13,12 @@ import No from "../theme.js";
  */
 const pt = (t, n) => {
   const { o: e, i: o, u: s } = t;
-  let c = e, r;
-  const u = (l, d) => {
-    const g = c, x = l, p = d || (o ? !o(g, x) : g !== x);
-    return (p || s) && (c = x, r = g), [c, p, r];
+  let c = e, l;
+  const a = (r, d) => {
+    const g = c, x = r, p = d || (o ? !o(g, x) : g !== x);
+    return (p || s) && (c = x, l = g), [c, p, l];
   };
-  return [n ? (l) => u(n(c, r), l) : u, (l) => [c, !!l, r]];
+  return [n ? (r) => a(n(c, l), r) : a, (r) => [c, !!r, l]];
 }, Vo = typeof window < "u" && typeof HTMLElement < "u" && !!window.document, ft = Vo ? window : {}, je = Math.max, jo = Math.min, Bn = Math.round, bn = Math.abs, Ce = Math.sign, Be = ft.cancelAnimationFrame, se = ft.requestAnimationFrame, wn = ft.setTimeout, Un = ft.clearTimeout, En = (t) => typeof ft[t] < "u" ? ft[t] : void 0, Bo = En("MutationObserver"), Oe = En("IntersectionObserver"), Sn = En("ResizeObserver"), hn = En("ScrollTimeline"), ce = (t) => t === void 0, Hn = (t) => t === null, Ot = (t) => typeof t == "number", en = (t) => typeof t == "string", re = (t) => typeof t == "boolean", gt = (t) => typeof t == "function", $t = (t) => Array.isArray(t), xn = (t) => typeof t == "object" && !$t(t) && !Hn(t), le = (t) => {
   const n = !!t && t.length, e = Ot(n) && n > -1 && n % 1 == 0;
   return $t(t) || !gt(t) && e ? n > 0 && xn(t) ? n - 1 in t : !0 : !1;
@@ -39,8 +39,8 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
   if (t && n) {
     let s = !0;
     return K(e, (c) => {
-      const r = t[c], u = n[c];
-      r !== u && (s = !1);
+      const l = t[c], a = n[c];
+      l !== a && (s = !1);
     }), s;
   }
   return !1;
@@ -53,35 +53,35 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
   }, () => o(n)];
 }, Zn = (t, n) => {
   const { _: e, v: o, p: s, S: c } = n || {};
-  let r, u, i, a, l = _t;
+  let l, a, i, u, r = _t;
   const d = function(H) {
-    l(), Un(r), a = r = u = void 0, l = _t, t.apply(this, H);
-  }, g = (w) => c && u ? c(u, w) : w, x = () => {
-    l !== _t && d(g(i) || i);
+    r(), Un(l), u = l = a = void 0, r = _t, t.apply(this, H);
+  }, g = (w) => c && a ? c(a, w) : w, x = () => {
+    r !== _t && d(g(i) || i);
   }, p = function() {
     const H = Rt(arguments), E = gt(e) ? e() : e;
     if (Ot(E) && E >= 0) {
       const j = gt(o) ? o() : o, S = Ot(j) && j >= 0, T = E > 0 ? wn : se, M = E > 0 ? Un : Be, P = g(H) || H, k = d.bind(0, P);
       let v;
-      l(), s && !a ? (k(), a = !0, v = T(() => a = void 0, E)) : (v = T(k, E), S && !r && (r = wn(x, j))), l = () => M(v), u = i = P;
+      r(), s && !u ? (k(), u = !0, v = T(() => u = void 0, E)) : (v = T(k, E), S && !l && (l = wn(x, j))), r = () => M(v), a = i = P;
     } else
       d(H);
   };
   return p.m = x, p;
-}, no = (t, n) => Object.prototype.hasOwnProperty.call(t, n), bt = (t) => t ? Object.keys(t) : [], q = (t, n, e, o, s, c, r) => {
-  const u = [n, e, o, s, c, r];
-  return (typeof t != "object" || Hn(t)) && !gt(t) && (t = {}), K(u, (i) => {
-    K(i, (a, l) => {
-      const d = i[l];
+}, no = (t, n) => Object.prototype.hasOwnProperty.call(t, n), bt = (t) => t ? Object.keys(t) : [], q = (t, n, e, o, s, c, l) => {
+  const a = [n, e, o, s, c, l];
+  return (typeof t != "object" || Hn(t)) && !gt(t) && (t = {}), K(a, (i) => {
+    K(i, (u, r) => {
+      const d = i[r];
       if (t === d)
         return !0;
       const g = $t(d);
       if (d && Cn(d)) {
-        const x = t[l];
+        const x = t[r];
         let p = x;
-        g && !$t(x) ? p = [] : !g && !Cn(x) && (p = {}), t[l] = q(p, d);
+        g && !$t(x) ? p = [] : !g && !Cn(x) && (p = {}), t[r] = q(p, d);
       } else
-        t[l] = g ? d.slice() : d;
+        t[r] = g ? d.slice() : d;
     });
   }), t;
 }, eo = (t, n) => K(q({}, t), (e, o, s) => {
@@ -93,18 +93,18 @@ const Ue = (t, n) => t.indexOf(n) >= 0, Qt = (t, n) => t.concat(n), tt = (t, n,
 }, St = (t, n) => {
   K(Pt(n), (e) => t && t.removeAttribute(e));
 }, Rn = (t, n) => {
-  const e = Pt(ue(t, n)), o = D(Et, t, n), s = (c, r) => {
-    const u = new Set(e);
+  const e = Pt(ue(t, n)), o = D(Et, t, n), s = (c, l) => {
+    const a = new Set(e);
     return K(Pt(c), (i) => {
-      u[r](i);
-    }), Rt(u).join(" ");
+      a[l](i);
+    }), Rt(a).join(" ");
   };
   return {
     O: (c) => o(s(c, "delete")),
     $: (c) => o(s(c, "add")),
     C: (c) => {
-      const r = Pt(c);
-      return r.reduce((u, i) => u && e.includes(i), r.length > 0);
+      const l = Pt(c);
+      return l.reduce((a, i) => a && e.includes(i), l.length > 0);
     }
   };
 }, so = (t, n, e) => (Rn(t, n).O(e), D(de, t, n, e)), de = (t, n, e) => (Rn(t, n).$(e), D(so, t, n, e)), $n = (t, n, e, o) => (o ? de : so)(t, n, e), fe = (t, n, e) => Rn(t, n).C(e), co = (t) => Rn(t, "class"), ro = (t, n) => {
@@ -149,17 +149,17 @@ function Tt(t, n, e) {
   let s = o ? "" : {};
   if (t) {
     const c = ft.getComputedStyle(t, e) || t.style;
-    s = o ? Ae(c, n) : Rt(n).reduce((r, u) => (r[u] = Ae(c, u), r), s);
+    s = o ? Ae(c, n) : Rt(n).reduce((l, a) => (l[a] = Ae(c, a), l), s);
   }
   return s;
 }
 const Ee = (t, n, e) => {
-  const o = n ? `${n}-` : "", s = e ? `-${e}` : "", c = `${o}top${s}`, r = `${o}right${s}`, u = `${o}bottom${s}`, i = `${o}left${s}`, a = Tt(t, [c, r, u, i]);
+  const o = n ? `${n}-` : "", s = e ? `-${e}` : "", c = `${o}top${s}`, l = `${o}right${s}`, a = `${o}bottom${s}`, i = `${o}left${s}`, u = Tt(t, [c, l, a, i]);
   return {
-    t: pn(a[c]),
-    r: pn(a[r]),
-    b: pn(a[u]),
-    l: pn(a[i])
+    t: pn(u[c]),
+    r: pn(u[l]),
+    b: pn(u[a]),
+    l: pn(u[i])
   };
 }, Ko = (t, n) => `translate${xn(t) ? `(${t.x},${t.y})` : `Y(${t})`}`, Yo = (t) => !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length), Xo = {
   w: 0,
@@ -182,15 +182,15 @@ const Ee = (t, n, e) => {
   });
 }, G = (t, n, e, o) => {
   var s;
-  const c = (s = o && o.H) != null ? s : !0, r = o && o.I || !1, u = o && o.A || !1, i = {
+  const c = (s = o && o.H) != null ? s : !0, l = o && o.I || !1, a = o && o.A || !1, i = {
     passive: c,
-    capture: r
+    capture: l
   };
-  return D(mt, Pt(n).map((a) => {
-    const l = u ? (d) => {
-      He(t, a, l, r), e && e(d);
+  return D(mt, Pt(n).map((u) => {
+    const r = a ? (d) => {
+      He(t, u, r, l), e && e(d);
     } : e;
-    return t && t.addEventListener(a, l, i), D(He, t, a, l, r);
+    return t && t.addEventListener(u, r, i), D(He, t, u, r, l);
   }));
 }, ho = (t) => t.stopPropagation(), Qn = (t) => t.preventDefault(), mo = (t) => ho(t) || Qn(t), xt = (t, n) => {
   const { x: e, y: o } = Ot(n) ? {
@@ -211,22 +211,22 @@ const Ee = (t, n, e) => {
     y: 0
   }
 }), Qo = (t, n) => {
-  const { D: e, M: o } = t, { w: s, h: c } = n, r = (d, g, x) => {
+  const { D: e, M: o } = t, { w: s, h: c } = n, l = (d, g, x) => {
     let p = Ce(d) * x, w = Ce(g) * x;
     if (p === w) {
       const H = bn(d), E = bn(g);
       w = H > E ? 0 : w, p = H < E ? 0 : p;
     }
     return p = p === w ? 0 : p, [p + 0, w + 0];
-  }, [u, i] = r(e.x, o.x, s), [a, l] = r(e.y, o.y, c);
+  }, [a, i] = l(e.x, o.x, s), [u, r] = l(e.y, o.y, c);
   return {
     D: {
-      x: u,
-      y: a
+      x: a,
+      y: u
     },
     M: {
       x: i,
-      y: l
+      y: r
     }
   };
 }, Te = ({ D: t, M: n }) => {
@@ -236,7 +236,7 @@ const Ee = (t, n, e) => {
     y: e(t.y, n.y)
   };
 }, Me = ({ D: t, M: n }, e) => {
-  const o = (s, c, r) => oo(0, 1, (s - r) / (s - c) || 0);
+  const o = (s, c, l) => oo(0, 1, (s - l) / (s - c) || 0);
   return {
     x: o(t.x, n.x, e.x),
     y: o(t.y, n.y, e.y)
@@ -248,32 +248,32 @@ const Ee = (t, n, e) => {
 }, De = (t, n) => {
   K(ie(n), t);
 }, ne = (t) => {
-  const n = /* @__PURE__ */ new Map(), e = (c, r) => {
+  const n = /* @__PURE__ */ new Map(), e = (c, l) => {
     if (c) {
-      const u = n.get(c);
+      const a = n.get(c);
       De((i) => {
-        u && u[i ? "delete" : "clear"](i);
-      }, r);
+        a && a[i ? "delete" : "clear"](i);
+      }, l);
     } else
-      n.forEach((u) => {
-        u.clear();
+      n.forEach((a) => {
+        a.clear();
       }), n.clear();
-  }, o = (c, r) => {
+  }, o = (c, l) => {
     if (en(c)) {
-      const a = n.get(c) || /* @__PURE__ */ new Set();
-      return n.set(c, a), De((l) => {
-        gt(l) && a.add(l);
-      }, r), D(e, c, r);
+      const u = n.get(c) || /* @__PURE__ */ new Set();
+      return n.set(c, u), De((r) => {
+        gt(r) && u.add(r);
+      }, l), D(e, c, l);
     }
-    re(r) && r && e();
-    const u = bt(c), i = [];
-    return K(u, (a) => {
-      const l = c[a];
-      l && tt(i, o(a, l));
+    re(l) && l && e();
+    const a = bt(c), i = [];
+    return K(a, (u) => {
+      const r = c[u];
+      r && tt(i, o(u, r));
     }), D(mt, i);
-  }, s = (c, r) => {
-    K(Rt(n.get(c)), (u) => {
-      r && !qn(r) ? u.apply(0, r) : u();
+  }, s = (c, l) => {
+    K(Rt(n.get(c)), (a) => {
+      l && !qn(l) ? a.apply(0, l) : a();
     });
   };
   return o(t || {}), [o, e, s];
@@ -307,17 +307,17 @@ const Ee = (t, n, e) => {
 }, go = (t, n) => {
   const e = {}, o = Qt(bt(n), bt(t));
   return K(o, (s) => {
-    const c = t[s], r = n[s];
-    if (xn(c) && xn(r))
-      q(e[s] = {}, go(c, r)), ae(e[s]) && delete e[s];
-    else if (no(n, s) && r !== c) {
-      let u = !0;
-      if ($t(c) || $t(r))
+    const c = t[s], l = n[s];
+    if (xn(c) && xn(l))
+      q(e[s] = {}, go(c, l)), ae(e[s]) && delete e[s];
+    else if (no(n, s) && l !== c) {
+      let a = !0;
+      if ($t(c) || $t(l))
         try {
-          ke(c) === ke(r) && (u = !1);
+          ke(c) === ke(l) && (a = !1);
         } catch {
         }
-      u && (e[s] = r);
+      a && (e[s] = l);
     }
   }), e;
 }, Ie = (t, n, e) => (o) => [Re(t, o), e || Re(n, o) !== void 0], Zt = "data-overlayscrollbars", vn = "os-environment", yn = `${vn}-scrollbar-hidden`, Vn = `${Zt}-initialize`, gn = "noClipping", ze = `${Zt}-body`, kt = Zt, ns = "host", Ht = `${Zt}-viewport`, es = Je, os = Qe, ss = "arrange", bo = "measuring", cs = "scrolling", wo = "scrollbarHidden", rs = "noContent", ee = `${Zt}-padding`, _e = `${Zt}-content`, he = "os-size-observer", ls = `${he}-appear`, is = `${he}-listener`, as = "os-trinsic-observer", us = "os-theme-none", vt = "os-scrollbar", ds = `${vt}-rtl`, fs = `${vt}-horizontal`, ps = `${vt}-vertical`, So = `${vt}-track`, me = `${vt}-handle`, ys = `${vt}-visible`, hs = `${vt}-cornerless`, Pe = `${vt}-interaction`, Le = `${vt}-unusable`, oe = `${vt}-auto-hide`, Fe = `${oe}-hidden`, Ne = `${vt}-wheel`, ms = `${So}-interactive`, vs = `${me}-interactive`;
@@ -342,9 +342,9 @@ const ws = () => {
     } catch {
     }
     return M(), T;
-  }, e = `.${vn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${vn} div{width:200%;height:200%;margin:10px 0}.${yn}{scrollbar-width:none!important}.${yn}::-webkit-scrollbar,.${yn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`, s = ao(`<div class="${vn}"><div></div><style>${e}</style></div>`)[0], c = s.firstChild, r = s.lastChild, u = gs();
-  u && (r.nonce = u);
-  const [i, , a] = ne(), [l, d] = pt({
+  }, e = `.${vn}{scroll-behavior:auto!important;position:fixed;opacity:0;visibility:hidden;overflow:scroll;height:200px;width:200px;z-index:-1}.${vn} div{width:200%;height:200%;margin:10px 0}.${yn}{scrollbar-width:none!important}.${yn}::-webkit-scrollbar,.${yn}::-webkit-scrollbar-corner{appearance:none!important;display:none!important;width:0!important;height:0!important}`, s = ao(`<div class="${vn}"><div></div><style>${e}</style></div>`)[0], c = s.firstChild, l = s.lastChild, a = gs();
+  a && (l.nonce = a);
+  const [i, , u] = ne(), [r, d] = pt({
     o: t(s, c),
     i: mn
   }, D(t, s, c, !0)), [g] = d(), x = n(s), p = {
@@ -378,7 +378,7 @@ const ws = () => {
     F: q({}, H)
   };
   if (St(s, "style"), qt(s), G(ft, "resize", () => {
-    a("r", []);
+    u("r", []);
   }), gt(ft.matchMedia) && !x && (!p.x || !p.y)) {
     const S = (T) => {
       const M = ft.matchMedia(`(resolution: ${ft.devicePixelRatio}dppx)`);
@@ -389,8 +389,8 @@ const ws = () => {
       });
     };
     S(() => {
-      const [T, M] = l();
-      q(j.T, T), a("r", [M]);
+      const [T, M] = r();
+      q(j.T, T), u("r", [M]);
     });
   }
   return j;
@@ -401,7 +401,7 @@ const ws = () => {
   const s = ce(o) ? e : o, c = Co(t, s);
   return !!c && (On(c) ? c : n.apply(0, t));
 }, xs = (t, n) => {
-  const { nativeScrollbarsOverlaid: e, body: o } = n || {}, { k: s, R: c, U: r } = At(), { nativeScrollbarsOverlaid: u, body: i } = r().cancel, a = e ?? u, l = ce(o) ? i : o, d = (s.x || s.y) && a, g = t && (Hn(l) ? !c : l);
+  const { nativeScrollbarsOverlaid: e, body: o } = n || {}, { k: s, R: c, U: l } = At(), { nativeScrollbarsOverlaid: a, body: i } = l().cancel, u = e ?? a, r = ce(o) ? i : o, d = (s.x || s.y) && u, g = t && (Hn(r) ? !c : r);
   return !!d || !!g;
 }, ve = /* @__PURE__ */ new WeakMap(), Cs = (t, n) => {
   ve.set(t, n);
@@ -411,33 +411,33 @@ const ws = () => {
   let o = !1;
   const s = e ? /* @__PURE__ */ new WeakMap() : !1, c = () => {
     o = !0;
-  }, r = (u) => {
+  }, l = (a) => {
     if (s && e) {
-      const i = e.map((a) => {
-        const [l, d] = a || [];
-        return [d && l ? (u || lo)(l, t) : [], d];
+      const i = e.map((u) => {
+        const [r, d] = u || [];
+        return [d && r ? (a || lo)(r, t) : [], d];
       });
-      K(i, (a) => K(a[0], (l) => {
-        const d = a[1], g = s.get(l) || [];
-        if (t.contains(l) && d) {
-          const p = G(l, d, (w) => {
-            o ? (p(), s.delete(l)) : n(w);
+      K(i, (u) => K(u[0], (r) => {
+        const d = u[1], g = s.get(r) || [];
+        if (t.contains(r) && d) {
+          const p = G(r, d, (w) => {
+            o ? (p(), s.delete(r)) : n(w);
           });
-          s.set(l, tt(g, p));
+          s.set(r, tt(g, p));
         } else
-          mt(g), s.delete(l);
+          mt(g), s.delete(r);
       }));
     }
   };
-  return r(), [c, r];
+  return l(), [c, l];
 }, Ve = (t, n, e, o) => {
   let s = !1;
-  const { j: c, X: r, Y: u, W: i, J: a, G: l } = o || {}, d = Zn(() => s && e(!0), {
+  const { j: c, X: l, Y: a, W: i, J: u, G: r } = o || {}, d = Zn(() => s && e(!0), {
     _: 33,
     v: 99
-  }), [g, x] = $s(t, d, u), p = c || [], w = r || [], H = Qt(p, w), E = (j, S) => {
+  }), [g, x] = $s(t, d, a), p = c || [], w = l || [], H = Qt(p, w), E = (j, S) => {
     if (!qn(S)) {
-      const T = a || _t, M = l || _t, I = [], P = [];
+      const T = u || _t, M = r || _t, I = [], P = [];
       let k = !1, v = !1;
       if (K(S, (m) => {
         const { attributeName: R, target: z, type: N, oldValue: B, addedNodes: V, removedNodes: W } = m, Z = N === "attributes", U = N === "childList", nt = t === z, y = Z && R, h = y && ue(z, R || ""), b = en(h) ? h : null, C = y && B !== b, f = Ue(w, R) && C;
@@ -472,18 +472,18 @@ const ws = () => {
     Ao[o] = n[o];
   }));
 }, Ho = (t, n, e) => bt(t).map((o) => {
-  const { static: s, instance: c } = t[o], [r, u, i] = e || [], a = e ? c : s;
-  if (a) {
-    const l = e ? a(r, u, n) : a(n);
-    return (i || Eo)[o] = l;
+  const { static: s, instance: c } = t[o], [l, a, i] = e || [], u = e ? c : s;
+  if (u) {
+    const r = e ? u(l, a, n) : u(n);
+    return (i || Eo)[o] = r;
   }
 }), on = (t) => Eo[t], Es = "__osOptionsValidationPlugin", Hs = "__osSizeObserverPlugin", Ts = (t, n) => {
   const { k: e } = n, [o, s] = t("showNativeOverlaidScrollbars");
   return [o && e.x && e.y, s];
 }, Wt = (t) => t.indexOf(Dt) === 0, Ms = (t, n) => {
-  const e = (s, c, r, u) => {
-    const i = s === Dt ? zt : s.replace(`${Dt}-`, ""), a = Wt(s), l = Wt(r);
-    return !c && !u ? zt : a && l ? Dt : a ? c && u ? i : c ? Dt : zt : c ? i : l && u ? Dt : zt;
+  const e = (s, c, l, a) => {
+    const i = s === Dt ? zt : s.replace(`${Dt}-`, ""), u = Wt(s), r = Wt(l);
+    return !c && !a ? zt : u && r ? Dt : u ? c && a ? i : c ? Dt : zt : c ? i : r && a ? Dt : zt;
   }, o = {
     x: e(n.x, t.x, n.y, t.y),
     y: e(n.y, t.y, n.x, t.x)
@@ -501,7 +501,7 @@ const ws = () => {
     u: !0
   });
   return () => {
-    const r = [], i = ao(`<div class="${he}"><div class="${is}"></div></div>`)[0], a = i.firstChild, l = (d) => {
+    const l = [], i = ao(`<div class="${he}"><div class="${is}"></div></div>`)[0], u = i.firstChild, r = (d) => {
       const g = d instanceof ResizeObserverEntry;
       let x = !1, p = !1;
       if (g) {
@@ -515,47 +515,47 @@ const ws = () => {
       });
     };
     if (Sn) {
-      const d = new Sn((g) => l(g.pop()));
-      d.observe(a), tt(r, () => {
+      const d = new Sn((g) => r(g.pop()));
+      d.observe(u), tt(l, () => {
         d.disconnect();
       });
     } else if (s) {
-      const [d, g] = s(a, l, o);
-      tt(r, Qt([pe(i, ls), G(i, "animationstart", d)], g));
+      const [d, g] = s(u, r, o);
+      tt(l, Qt([pe(i, ls), G(i, "animationstart", d)], g));
     } else
       return _t;
-    return D(mt, tt(r, yt(t, i)));
+    return D(mt, tt(l, yt(t, i)));
   };
 }, ks = (t, n) => {
   let e;
   const o = (i) => i.h === 0 || i.isIntersecting || i.intersectionRatio > 0, s = jt(as), [c] = pt({
     o: !1
-  }), r = (i, a) => {
+  }), l = (i, u) => {
     if (i) {
-      const l = c(o(i)), [, d] = l;
-      return d && !a && n(l) && [l];
+      const r = c(o(i)), [, d] = r;
+      return d && !u && n(r) && [r];
     }
-  }, u = (i, a) => r(a.pop(), i);
+  }, a = (i, u) => l(u.pop(), i);
   return [() => {
     const i = [];
     if (Oe)
-      e = new Oe(D(u, !1), {
+      e = new Oe(D(a, !1), {
         root: t
       }), e.observe(s), tt(i, () => {
         e.disconnect();
       });
     else {
-      const a = () => {
-        const l = Bt(s);
-        r(l);
+      const u = () => {
+        const r = Bt(s);
+        l(r);
       };
-      tt(i, Mo(s, a)()), a();
+      tt(i, Mo(s, u)()), u();
     }
     return D(mt, tt(i, yt(t, s)));
-  }, () => e && u(!0, e.takeRecords())];
+  }, () => e && a(!0, e.takeRecords())];
 }, Rs = (t, n, e, o) => {
-  let s, c, r, u, i, a;
-  const l = `[${kt}]`, d = `[${Ht}]`, g = ["id", "class", "style", "open", "wrap", "cols", "rows"], { vt: x, ht: p, ot: w, gt: H, bt: E, nt: L, wt: j, yt: S, St: T, Ot: M } = t, I = (f) => Tt(f, "direction") === "rtl", P = {
+  let s, c, l, a, i, u;
+  const r = `[${kt}]`, d = `[${Ht}]`, g = ["id", "class", "style", "open", "wrap", "cols", "rows"], { vt: x, ht: p, ot: w, gt: H, bt: E, nt: L, wt: j, yt: S, St: T, Ot: M } = t, I = (f) => Tt(f, "direction") === "rtl", P = {
     $t: !1,
     ct: I(x)
   }, k = At(), v = on(To), [m] = pt({
@@ -580,10 +580,10 @@ const ws = () => {
   }), z = (f) => {
     const $ = I(x);
     q(f, {
-      Ct: a !== $
+      Ct: u !== $
     }), q(P, {
       ct: $
-    }), a = $;
+    }), u = $;
   }, N = (f, $) => {
     const [O, A] = f, F = {
       xt: A
@@ -635,22 +635,22 @@ const ws = () => {
       }) : C();
     });
     return () => {
-      b && b.disconnect(), f && f(), $ && $(), u && u(), O(), A();
+      b && b.disconnect(), f && f(), $ && $(), a && a(), O(), A();
     };
   }, ({ It: f, At: $, Dt: O }) => {
     const A = {}, [F] = f("update.ignoreMutation"), [Y, ot] = f("update.attributes"), [J, lt] = f("update.elementEvents"), [_, it] = f("update.debounce"), ut = lt || ot, ct = $ || O, at = (et) => gt(F) && F(et);
     if (ut) {
-      r && r(), u && u();
+      l && l(), a && a();
       const [et, st] = Ve(E || w, !0, V, {
         j: Qt(g, Y || []),
         Y: J,
-        W: l,
+        W: r,
         G: (X, Q) => {
           const { target: rt, attributeName: dt } = X;
-          return (!Q && dt && !L ? Zo(rt, l, d) : !1) || !!Vt(rt, `.${vt}`) || !!at(X);
+          return (!Q && dt && !L ? Zo(rt, r, d) : !1) || !!Vt(rt, `.${vt}`) || !!at(X);
         }
       });
-      u = et(), r = st;
+      a = et(), l = st;
     }
     if (it)
       if (R.m(), $t(_)) {
@@ -658,13 +658,13 @@ const ws = () => {
         s = Ot(et) && et, c = Ot(st) && st;
       } else Ot(_) ? (s = _, c = !1) : (s = !1, c = !1);
     if (ct) {
-      const et = h(), st = U && U(), X = r && r();
+      const et = h(), st = U && U(), X = l && l();
       et && q(A, W(et[0], et[1], ct)), st && q(A, N(st[0], ct)), X && q(A, V(X[0], ct));
     }
     return z(A), A;
   }, P];
 }, Is = (t, n, e, o) => {
-  const s = "--os-viewport-percent", c = "--os-scroll-percent", r = "--os-scroll-direction", { U: u } = At(), { scrollbars: i } = u(), { slot: a } = i, { vt: l, ht: d, ot: g, Mt: x, gt: p, wt: w, nt: H } = n, { scrollbars: E } = x ? {} : t, { slot: L } = E || {}, j = [], S = [], T = [], M = Oo([l, d, g], () => H && w ? l : d, a, L), I = (y) => {
+  const s = "--os-viewport-percent", c = "--os-scroll-percent", l = "--os-scroll-direction", { U: a } = At(), { scrollbars: i } = a(), { slot: u } = i, { vt: r, ht: d, ot: g, Mt: x, gt: p, wt: w, nt: H } = n, { scrollbars: E } = x ? {} : t, { slot: L } = E || {}, j = [], S = [], T = [], M = Oo([r, d, g], () => H && w ? r : d, u, L), I = (y) => {
     if (hn) {
       const h = new hn({
         source: p,
@@ -718,7 +718,7 @@ const ws = () => {
     }
   }, B = () => {
     const { Lt: y } = e, h = Te(y), b = (C) => (f) => [f.Tt, {
-      [r]: C ? "0" : "1"
+      [l]: C ? "0" : "1"
     }];
     m(S, b(h.x)), m(T, b(h.y));
   }, V = () => {
@@ -762,17 +762,17 @@ const ws = () => {
       Jt: D(m, T)
     }
   }, nt];
-}, zs = (t, n, e, o) => (s, c, r) => {
-  const { ht: u, ot: i, nt: a, gt: l, Kt: d, Ot: g } = n, { Tt: x, Ut: p, Pt: w } = s, [H, E] = Nt(333), [L, j] = Nt(444), S = (I) => {
-    gt(l.scrollBy) && l.scrollBy({
+}, zs = (t, n, e, o) => (s, c, l) => {
+  const { ht: a, ot: i, nt: u, gt: r, Kt: d, Ot: g } = n, { Tt: x, Ut: p, Pt: w } = s, [H, E] = Nt(333), [L, j] = Nt(444), S = (I) => {
+    gt(r.scrollBy) && r.scrollBy({
       behavior: "smooth",
       left: I.x,
       top: I.y
     });
   }, T = () => {
-    const I = "pointerup pointercancel lostpointercapture", P = `client${r ? "X" : "Y"}`, k = r ? Mn : Dn, v = r ? "left" : "top", m = r ? "w" : "h", R = r ? "x" : "y", z = (B, V) => (W) => {
+    const I = "pointerup pointercancel lostpointercapture", P = `client${l ? "X" : "Y"}`, k = l ? Mn : Dn, v = l ? "left" : "top", m = l ? "w" : "h", R = l ? "x" : "y", z = (B, V) => (W) => {
       const { Rt: Z } = e, U = Bt(p)[m] - Bt(w)[m], y = V * W / U * Z[R];
-      xt(l, {
+      xt(r, {
         [R]: B + y
       });
     }, N = [];
@@ -780,18 +780,18 @@ const ws = () => {
       const V = Vt(B.target, `.${me}`) === w, W = V ? w : p, Z = t.scrollbars, U = Z[V ? "dragScroll" : "clickScroll"], { button: nt, isPrimary: y, pointerType: h } = B, { pointers: b } = Z;
       if (nt === 0 && y && U && (b || []).includes(h)) {
         mt(N), j();
-        const f = !V && (B.shiftKey || U === "instant"), $ = D(Nn, w), O = D(Nn, p), A = (Q, rt) => (Q || $())[v] - (rt || O())[v], F = Bn(Nn(l)[k]) / Bt(l)[m] || 1, Y = z(ht(l)[R], 1 / F), ot = B[P], J = $(), lt = O(), _ = J[k], it = A(J, lt) + _ / 2, ut = ot - lt[v], ct = V ? 0 : ut - it, at = (Q) => {
+        const f = !V && (B.shiftKey || U === "instant"), $ = D(Nn, w), O = D(Nn, p), A = (Q, rt) => (Q || $())[v] - (rt || O())[v], F = Bn(Nn(r)[k]) / Bt(r)[m] || 1, Y = z(ht(r)[R], 1 / F), ot = B[P], J = $(), lt = O(), _ = J[k], it = A(J, lt) + _ / 2, ut = ot - lt[v], ct = V ? 0 : ut - it, at = (Q) => {
           mt(X), W.releasePointerCapture(Q.pointerId);
         }, et = V || f, st = g(), X = [G(d, I, at), G(d, "selectstart", (Q) => Qn(Q), {
           H: !1
         }), G(p, I, at), et && G(p, "pointermove", (Q) => Y(ct + (Q[P] - ot))), et && (() => {
-          const Q = ht(l);
+          const Q = ht(r);
           st();
-          const rt = ht(l), dt = {
+          const rt = ht(r), dt = {
             x: rt.x - Q.x,
             y: rt.y - Q.y
           };
-          (bn(dt.x) > 3 || bn(dt.y) > 3) && (g(), xt(l, Q), S(dt), L(st));
+          (bn(dt.x) > 3 || bn(dt.y) > 3) && (g(), xt(r, Q), S(dt), L(st));
         })];
         if (W.setPointerCapture(B.pointerId), f)
           Y(ct);
@@ -812,12 +812,12 @@ const ws = () => {
     c(Pe, !0);
   }), G(x, "pointerleave pointercancel", () => {
     c(Pe, !1);
-  }), !a && G(x, "mousedown", () => {
+  }), !u && G(x, "mousedown", () => {
     const I = Xn();
     ($e(I, Ht) || $e(I, kt) || I === document.body) && wn(D(te, i), 25);
   }), G(x, "wheel", (I) => {
     const { deltaX: P, deltaY: k, deltaMode: v } = I;
-    M && v === 0 && tn(x) === u && S({
+    M && v === 0 && tn(x) === a && S({
       x: P,
       y: k
     }), M = !1, c(Ne, !0), H(() => {
@@ -834,7 +834,7 @@ const ws = () => {
     I: !0
   }), T(), E, j]);
 }, _s = (t, n, e, o, s, c) => {
-  let r, u, i, a, l, d = _t, g = 0;
+  let l, a, i, u, r, d = _t, g = 0;
   const x = (y) => y.pointerType === "mouse", [p, w] = Nt(), [H, E] = Nt(100), [L, j] = Nt(100), [S, T] = Nt(() => g), [M, I] = Is(t, s, o, zs(n, s, o, (y) => x(y) && W())), { ht: P, Qt: k, wt: v } = s, { jt: m, Nt: R, qt: z, Bt: N, Ft: B } = M, V = (y, h) => {
     if (T(), y)
       m(Fe);
@@ -843,19 +843,19 @@ const ws = () => {
       g > 0 && !h ? S(b) : b();
     }
   }, W = () => {
-    (i ? !r : !a) && (V(!0), H(() => {
+    (i ? !l : !u) && (V(!0), H(() => {
       V(!1);
     }));
   }, Z = (y) => {
     m(oe, y, !0), m(oe, y, !1);
   }, U = (y) => {
-    x(y) && (r = i, i && V(!0));
+    x(y) && (l = i, i && V(!0));
   }, nt = [T, E, j, w, () => d(), G(P, "pointerover", U, {
     A: !0
   }), G(P, "pointerenter", U), G(P, "pointerleave", (y) => {
-    x(y) && (r = !1, i && V(!1));
+    x(y) && (l = !1, i && V(!1));
   }), G(P, "pointermove", (y) => {
-    x(y) && u && W();
+    x(y) && a && W();
   }), G(k, "scroll", (y) => {
     p(() => {
       z(), W();
@@ -870,14 +870,14 @@ const ws = () => {
       d = G(k, "scroll", D(Z, !0), {
         A: !0
       });
-    })) : Z(!0)), ut && m(us, Fn), at && (m(l), m(ct, !0), l = ct), dt && !rt && Z(!0), Q && (u = X === "move", i = X === "leave", a = X === "never", V(a, !0)), cn && m(vs, sn), It && m(ms, !!rn), wt) {
+    })) : Z(!0)), ut && m(us, Fn), at && (m(r), m(ct, !0), r = ct), dt && !rt && Z(!0), Q && (a = X === "move", i = X === "leave", u = X === "never", V(u, !0)), cn && m(vs, sn), It && m(ms, !!rn), wt) {
       const Xt = Yt(Lt.x, lt.x, !0), Mt = Yt(Lt.y, lt.y, !1);
       m(hs, !(Xt && Mt));
     }
     Ln && (z(), R(), B(), A && N(), m(Le, !_.x, !0), m(Le, !_.y, !1), m(ds, ot && !v));
   }, {}, M];
 }, Ps = (t) => {
-  const n = At(), { U: e, R: o } = n, { elements: s } = e(), { padding: c, viewport: r, content: u } = s, i = On(t), a = i ? {} : t, { elements: l } = a, { padding: d, viewport: g, content: x } = l || {}, p = i ? t : a.target, w = io(p), H = p.ownerDocument, E = H.documentElement, L = () => H.defaultView || ft, j = D(Ss, [p]), S = D(Oo, [p]), T = D(jt, ""), M = D(j, T, r), I = D(S, T, u), P = (_) => {
+  const n = At(), { U: e, R: o } = n, { elements: s } = e(), { padding: c, viewport: l, content: a } = s, i = On(t), u = i ? {} : t, { elements: r } = u, { padding: d, viewport: g, content: x } = r || {}, p = i ? t : u.target, w = io(p), H = p.ownerDocument, E = H.documentElement, L = () => H.defaultView || ft, j = D(Ss, [p]), S = D(Oo, [p]), T = D(jt, ""), M = D(j, T, l), I = D(S, T, a), P = (_) => {
     const it = Bt(_), ut = An(_), ct = Tt(_, Je), at = Tt(_, Qe);
     return ut.w - it.w > 0 && !Wt(ct) || ut.h - it.h > 0 && !Wt(at);
   }, k = M(g), v = k === p, m = v && w, R = !v && I(x), z = !v && k === R, N = m ? E : k, B = m ? N : p, V = !v && S(T, c, d), W = !z && R, Z = [W, N, V, B].map((_) => On(_) && !tn(_) && _), U = (_) => _ && Ue(Z, _), nt = !U(N) && P(N) ? N : p, y = m ? E : N, b = {
@@ -920,14 +920,14 @@ const ws = () => {
     [Dn]: c && "100%"
   });
 }, Fs = ({ ht: t, ln: n, ot: e, nt: o }, s) => {
-  const [c, r] = pt({
+  const [c, l] = pt({
     i: qo,
     o: Ee()
   }, D(Ee, t, "padding", ""));
-  return ({ It: u, Zt: i, _n: a, Dt: l }) => {
-    let [d, g] = r(l);
-    const { R: x } = At(), { ft: p, Ht: w, Ct: H } = i || {}, { ct: E } = a, [L, j] = u("paddingAbsolute");
-    (p || g || (l || w)) && ([d, g] = c(l));
+  return ({ It: a, Zt: i, _n: u, Dt: r }) => {
+    let [d, g] = l(r);
+    const { R: x } = At(), { ft: p, Ht: w, Ct: H } = i || {}, { ct: E } = u, [L, j] = a("paddingAbsolute");
+    (p || g || (r || w)) && ([d, g] = c(r));
     const T = !o && (j || H || g);
     if (T) {
       const M = !L || !n && !x, I = d.r + d.l, P = d.t + d.b, k = {
@@ -955,7 +955,7 @@ const ws = () => {
     };
   };
 }, Ns = (t, n) => {
-  const e = At(), { ht: o, ln: s, ot: c, nt: r, Qt: u, gt: i, wt: a, St: l, un: d } = t, { R: g } = e, x = a && r, p = D(je, 0), w = {
+  const e = At(), { ht: o, ln: s, ot: c, nt: l, Qt: a, gt: i, wt: u, St: r, un: d } = t, { R: g } = e, x = u && l, p = D(je, 0), w = {
     display: () => !1,
     direction: (h) => h !== "ltr",
     flexDirection: (h) => h.endsWith("-reverse"),
@@ -970,7 +970,7 @@ const ws = () => {
     i: mn,
     o: {}
   }, j = (h) => {
-    l(bo, !x && h);
+    r(bo, !x && h);
   }, S = (h) => {
     if (!H.some((ot) => {
       const J = h[ot];
@@ -987,7 +987,7 @@ const ws = () => {
         }
       };
     j(!0);
-    const C = ht(i), f = l(rs, !0), $ = G(u, Ut, (ot) => {
+    const C = ht(i), f = r(rs, !0), $ = G(a, Ut, (ot) => {
       const J = ht(i);
       ot.isTrusted && J.x === C.x && J.y === C.y && ho(ot);
     }, {
@@ -1030,12 +1030,12 @@ const ws = () => {
     o: vo()
   }), U = on(To), nt = (h, b) => `${b ? es : os}${Uo(h)}`, y = (h) => {
     const b = (f) => [Dt, zt, Ut].map(($) => nt($, f)), C = b(!0).concat(b()).join(" ");
-    l(C), l(bt(h).map((f) => nt(h[f], f === "x")).join(" "), !0);
+    r(C), r(bt(h).map((f) => nt(h[f], f === "x")).join(" "), !0);
   };
   return ({ It: h, Zt: b, _n: C, Dt: f }, { fn: $ }) => {
     const { ft: O, Ht: A, Ct: F, dt: Y, zt: ot } = b || {}, J = U && U.tt(t, n, C, e, h), { it: lt, ut: _, _t: it } = J || {}, [ut, ct] = Ts(h, e), [at, et] = h("overflow"), st = Wt(at.x), X = Wt(at.y), Q = !0;
     let rt = I(f), dt = k(f), Kt = m(f), sn = N(f);
-    ct && g && l(wo, !ut);
+    ct && g && r(wo, !ut);
     {
       fe(o, kt, gn) && j(!0);
       const [be] = _ ? _() : [], [an] = rt = M(f), [un] = dt = P(f), dn = po(c), fn = x && Go(d()), zo = {
@@ -1106,18 +1106,18 @@ const ws = () => {
       y: !1
     },
     Lt: vo()
-  }, { vt: c, gt: r, nt: u, Ot: i } = n, { R: a, k: l } = At(), d = !a && (l.x || l.y), g = [Ls(n), Fs(n, s), Ns(n, s)];
+  }, { vt: c, gt: l, nt: a, Ot: i } = n, { R: u, k: r } = At(), d = !u && (r.x || r.y), g = [Ls(n), Fs(n, s), Ns(n, s)];
   return [e, (x) => {
-    const p = {}, H = d && ht(r), E = H && i();
+    const p = {}, H = d && ht(l), E = H && i();
     return K(g, (L) => {
       q(p, L(x, p) || {});
-    }), xt(r, H), E && E(), !u && xt(c, 0), p;
+    }), xt(l, H), E && E(), !a && xt(c, 0), p;
   }, s, n, o];
 }, js = (t, n, e, o, s) => {
   let c = !1;
-  const r = Ie(n, {}), [u, i, a, l, d] = Vs(t), [g, x, p] = Rs(l, a, r, (S) => {
+  const l = Ie(n, {}), [a, i, u, r, d] = Vs(t), [g, x, p] = Rs(r, u, l, (S) => {
     j({}, S);
-  }), [w, H, , E] = _s(t, n, p, a, l, s), L = (S) => bt(S).some((T) => !!S[T]), j = (S, T) => {
+  }), [w, H, , E] = _s(t, n, p, u, r, s), L = (S) => bt(S).some((T) => !!S[T]), j = (S, T) => {
     if (e())
       return !1;
     const { pn: M, Dt: I, At: P, hn: k } = S, v = M || {}, m = !!I || !c, R = {
@@ -1144,25 +1144,25 @@ const ws = () => {
     }), W;
   };
   return [() => {
-    const { an: S, gt: T, Ot: M } = l, I = ht(S), P = [g(), u(), w()], k = M();
+    const { an: S, gt: T, Ot: M } = r, I = ht(S), P = [g(), a(), w()], k = M();
     return xt(T, I), k(), D(mt, P);
   }, j, () => ({
     gn: p,
-    bn: a
+    bn: u
   }), {
-    wn: l,
+    wn: r,
     yn: E
   }, d];
 }, Ct = (t, n, e) => {
-  const { N: o } = At(), s = On(t), c = s ? t : t.target, r = $o(c);
-  if (n && !r) {
-    let u = !1;
-    const i = [], a = {}, l = (v) => {
+  const { N: o } = At(), s = On(t), c = s ? t : t.target, l = $o(c);
+  if (n && !l) {
+    let a = !1;
+    const i = [], u = {}, r = (v) => {
       const m = eo(v), R = on(Es);
       return R ? R(m, !0) : m;
-    }, d = q({}, o(), l(n)), [g, x, p] = ne(), [w, H, E] = ne(e), L = (v, m) => {
+    }, d = q({}, o(), r(n)), [g, x, p] = ne(), [w, H, E] = ne(e), L = (v, m) => {
       E(v, m), p(v, m);
-    }, [j, S, T, M, I] = js(t, d, () => u, ({ pn: v, Dt: m }, { Zt: R, tn: z }) => {
+    }, [j, S, T, M, I] = js(t, d, () => a, ({ pn: v, Dt: m }, { Zt: R, tn: z }) => {
       const { ft: N, Ct: B, xt: V, Ht: W, Et: Z, dt: U } = R, { nn: nt, sn: y, en: h, cn: b } = z;
       L("updated", [k, {
         updateHints: {
@@ -1181,11 +1181,11 @@ const ws = () => {
         force: !!m
       }]);
     }, (v) => L("scroll", [k, v])), P = (v) => {
-      Os(c), mt(i), u = !0, L("destroyed", [k, v]), x(), H();
+      Os(c), mt(i), a = !0, L("destroyed", [k, v]), x(), H();
     }, k = {
       options(v, m) {
         if (v) {
-          const R = m ? o() : {}, z = go(d, q(R, l(v)));
+          const R = m ? o() : {}, z = go(d, q(R, r(v)));
           ae(z) || (q(d, z), S({
             pn: z
           }));
@@ -1210,7 +1210,7 @@ const ws = () => {
           padding: W,
           paddingAbsolute: Z,
           directionRTL: R,
-          destroyed: u
+          destroyed: a
         });
       },
       elements() {
@@ -1249,11 +1249,11 @@ const ws = () => {
         At: !0
       }),
       destroy: D(P, !1),
-      plugin: (v) => a[bt(v)[0]]
+      plugin: (v) => u[bt(v)[0]]
     };
-    return tt(i, [I]), Cs(c, k), Ho(Ao, Ct, [k, g, a]), xs(M.wn.wt, !s && t.cancel) ? (P(!0), k) : (tt(i, j()), L("initialized", [k]), k.update(), k);
+    return tt(i, [I]), Cs(c, k), Ho(Ao, Ct, [k, g, u]), xs(M.wn.wt, !s && t.cancel) ? (P(!0), k) : (tt(i, j()), L("initialized", [k]), k.update(), k);
   }
-  return r;
+  return l;
 };
 Ct.plugin = (t) => {
   const n = $t(t), e = n ? t : [t], o = e.map((s) => Ho(s, Ct)[0]);
@@ -1264,7 +1264,7 @@ Ct.valid = (t) => {
   return Cn(e) && !!$o(e.target);
 };
 Ct.env = () => {
-  const { T: t, k: n, R: e, V: o, B: s, F: c, U: r, P: u, N: i, q: a } = At();
+  const { T: t, k: n, R: e, V: o, B: s, F: c, U: l, P: a, N: i, q: u } = At();
   return q({}, {
     scrollbarsSize: t,
     scrollbarsOverlaid: n,
@@ -1272,67 +1272,67 @@ Ct.env = () => {
     scrollTimeline: o,
     staticDefaultInitialization: s,
     staticDefaultOptions: c,
-    getDefaultInitialization: r,
-    setDefaultInitialization: u,
+    getDefaultInitialization: l,
+    setDefaultInitialization: a,
     getDefaultOptions: i,
-    setDefaultOptions: a
+    setDefaultOptions: u
   });
 };
 Ct.nonce = bs;
 const Bs = () => {
   if (typeof window > "u") {
-    const a = () => {
+    const u = () => {
     };
-    return [a, a];
+    return [u, u];
   }
   let t, n;
-  const e = window, o = typeof e.requestIdleCallback == "function", s = e.requestAnimationFrame, c = e.cancelAnimationFrame, r = o ? e.requestIdleCallback : s, u = o ? e.cancelIdleCallback : c, i = () => {
-    u(t), c(n);
+  const e = window, o = typeof e.requestIdleCallback == "function", s = e.requestAnimationFrame, c = e.cancelAnimationFrame, l = o ? e.requestIdleCallback : s, a = o ? e.cancelIdleCallback : c, i = () => {
+    a(t), c(n);
   };
   return [
-    (a, l) => {
-      i(), t = r(
+    (u, r) => {
+      i(), t = l(
         o ? () => {
-          i(), n = s(a);
-        } : a,
-        typeof l == "object" ? l : { timeout: 2233 }
+          i(), n = s(u);
+        } : u,
+        typeof r == "object" ? r : { timeout: 2233 }
       );
     },
     i
   ];
 }, Us = (t) => {
-  const { options: n, events: e, defer: o } = t || {}, [s, c] = xe(Bs, []), r = Ft(null), u = Ft(o), i = Ft(n), a = Ft(e);
+  const { options: n, events: e, defer: o } = t || {}, [s, c] = xe(Bs, []), l = Ft(null), a = Ft(o), i = Ft(n), u = Ft(e);
   return Jt(() => {
-    u.current = o;
+    a.current = o;
   }, [o]), Jt(() => {
-    const { current: l } = r;
-    i.current = n, Ct.valid(l) && l.options(n || {}, !0);
+    const { current: r } = l;
+    i.current = n, Ct.valid(r) && r.options(n || {}, !0);
   }, [n]), Jt(() => {
-    const { current: l } = r;
-    a.current = e, Ct.valid(l) && l.on(e || {}, !0);
+    const { current: r } = l;
+    u.current = e, Ct.valid(r) && r.on(e || {}, !0);
   }, [e]), Jt(
     () => () => {
-      var l;
-      c(), (l = r.current) == null || l.destroy();
+      var r;
+      c(), (r = l.current) == null || r.destroy();
     },
     []
   ), xe(
     () => [
-      (l) => {
-        const d = r.current;
+      (r) => {
+        const d = l.current;
         if (Ct.valid(d))
           return;
-        const g = u.current, x = i.current || {}, p = a.current || {}, w = () => r.current = Ct(l, x, p);
+        const g = a.current, x = i.current || {}, p = u.current || {}, w = () => l.current = Ct(r, x, p);
         g ? s(w, g) : w();
       },
-      () => r.current
+      () => l.current
     ],
     []
   );
 }, qs = (t, n) => {
-  const { element: e = "div", options: o, events: s, defer: c, children: r, ...u } = t, i = e, a = Ft(null), l = Ft(null), [d, g] = Us({ options: o, events: s, defer: c });
+  const { element: e = "div", options: o, events: s, defer: c, children: l, ...a } = t, i = e, u = Ft(null), r = Ft(null), [d, g] = Us({ options: o, events: s, defer: c });
   return Jt(() => {
-    const { current: x } = a, { current: p } = l;
+    const { current: x } = u, { current: p } = r;
     if (!x)
       return;
     const w = x;
@@ -1357,23 +1357,26 @@ const Bs = () => {
     n,
     () => ({
       osInstance: g,
-      getElement: () => a.current
+      getElement: () => u.current
     }),
     []
   ), // @ts-ignore
-  /* @__PURE__ */ Se.createElement(i, { "data-overlayscrollbars-initialize": "", ref: a, ...u }, e === "body" ? r : /* @__PURE__ */ Se.createElement("div", { "data-overlayscrollbars-contents": "", ref: l }, r));
-}, Ws = Po(qs), Zs = Fo(Ws)({
-  "& .os-scrollbar": {
-    "--os-handle-bg": No.colors.darkGreenO99
-  }
-}), Js = ({
+  /* @__PURE__ */ Se.createElement(i, { "data-overlayscrollbars-initialize": "", ref: u, ...a }, e === "body" ? l : /* @__PURE__ */ Se.createElement("div", { "data-overlayscrollbars-contents": "", ref: r }, l));
+}, Ws = Po(qs), Zs = Fo(Ws)(
+  ({ scrollColor: t }) => ({
+    "& .os-scrollbar": {
+      "--os-handle-bg": t
+    }
+  })
+), Js = ({
   children: t,
   width: n = "100%",
   height: e = "100%",
   styles: o,
-  direction: s = "all"
+  direction: s = "all",
+  scrollColor: c = No.colors.darkGreenO99
 }) => {
-  const a = { style: {
+  const r = { style: {
     width: n,
     height: e,
     boxSizing: "border-box",
@@ -1384,7 +1387,7 @@ const Bs = () => {
       y: s === "all" || s === "vertical" ? "scroll" : "hidden"
     }
   } };
-  return /* @__PURE__ */ _o(Zs, { defer: !0, ...a, children: t });
+  return /* @__PURE__ */ _o(Zs, { defer: !0, scrollColor: c, ...r, children: t });
 };
 export {
   Js as default