@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71

package/__chunks__/{overlayscrollbars-react.es-7f332a3b.mjs → overlayscrollbars-react-BiRJpzDY.mjs}

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
 import React__default, { useMemo, useRef, useEffect, forwardRef, useImperativeHandle } from "react";
 /*!
  * OverlayScrollbars
- * Version: 2.2.1
+ * Version: 2.3.0
  *
  * Copyright (c) Rene Haas | KingSora.
  * https://github.com/KingSora
@@ -70,13 +70,13 @@ const createCache = (t2, n2) => {
   let r2;
   const cacheUpdateContextual = (t3, n3) => {
     const o3 = c2;
-    const i2 = t3;
-    const l2 = n3 || (s2 ? !s2(o3, i2) : o3 !== i2);
-    if (l2 || e2) {
-      c2 = i2;
+    const l2 = t3;
+    const i2 = n3 || (s2 ? !s2(o3, l2) : o3 !== l2);
+    if (i2 || e2) {
+      c2 = l2;
       r2 = o3;
     }
-    return [c2, l2, r2];
+    return [c2, i2, r2];
   };
   const cacheUpdateIsolated = (t3) => cacheUpdateContextual(n2(c2, r2), t3);
   const getCurrentCache = (t3) => [c2, !!t3, r2];
@@ -108,8 +108,8 @@ const isPlainObject = (t2) => {
   const e2 = t2[s2];
   const c2 = e2 && e2.prototype;
   const r2 = o.call(t2, s2);
-  const i2 = c2 && o.call(c2, "isPrototypeOf");
-  if (e2 && !r2 && !i2) {
+  const l2 = c2 && o.call(c2, "isPrototypeOf");
+  if (e2 && !r2 && !l2) {
     return false;
   }
   for (n2 in t2) {
@@ -155,11 +155,11 @@ const runEachAndClear = (t2, n2, o2) => {
 const hasOwnProperty = (t2, n2) => Object.prototype.hasOwnProperty.call(t2, n2);
 const keys = (t2) => t2 ? Object.keys(t2) : [];
 const assignDeep = (t2, n2, o2, s2, e2, c2, r2) => {
-  const i2 = [n2, o2, s2, e2, c2, r2];
+  const l2 = [n2, o2, s2, e2, c2, r2];
   if (("object" !== typeof t2 || isNull(t2)) && !isFunction(t2)) {
     t2 = {};
   }
-  each(i2, (n3) => {
+  each(l2, (n3) => {
     each(keys(n3), (o3) => {
       const s3 = n3[o3];
       if (t2 === s3) {
@@ -320,10 +320,10 @@ const getDummyStyle = () => createDiv().style;
 const e = ["-webkit-", "-moz-", "-o-", "-ms-"];
 const c = ["WebKit", "Moz", "O", "MS", "webkit", "moz", "o", "ms"];
 const r = {};
-const i = {};
+const l = {};
 const cssProperty = (t2) => {
-  let n2 = i[t2];
-  if (hasOwnProperty(i, t2)) {
+  let n2 = l[t2];
+  if (hasOwnProperty(l, t2)) {
     return n2;
   }
   const o2 = firstLetterToUpper(t2);
@@ -333,7 +333,7 @@ const cssProperty = (t2) => {
     const r2 = [t2, e2 + t2, c2 + o2, firstLetterToUpper(c2) + o2];
     return !(n2 = r2.find((t3) => void 0 !== s2[t3]));
   });
-  return i[t2] = n2 || "";
+  return l[t2] = n2 || "";
 };
 const jsAPI = (t2) => {
   if (isClient()) {
@@ -349,13 +349,14 @@ const jsAPI = (t2) => {
     return n2;
   }
 };
-const l = jsAPI("MutationObserver");
+const i = jsAPI("MutationObserver");
 const a = jsAPI("IntersectionObserver");
 const u = jsAPI("ResizeObserver");
-const d = jsAPI("cancelAnimationFrame");
-const f = jsAPI("requestAnimationFrame");
-const _ = isClient() && window.setTimeout;
-const h = isClient() && window.clearTimeout;
+const f = jsAPI("cancelAnimationFrame");
+const d = jsAPI("requestAnimationFrame");
+const _ = jsAPI("ScrollTimeline");
+const h = isClient() && window.setTimeout;
+const g = isClient() && window.clearTimeout;
 const v = /[^\x20\t\r\n\f]+/g;
 const classListAction = (t2, n2, o2) => {
   const s2 = t2 && t2.classList;
@@ -395,13 +396,13 @@ const equal = (t2, n2, o2, s2) => {
 const equalWH = (t2, n2) => equal(t2, n2, ["w", "h"]);
 const equalXY = (t2, n2) => equal(t2, n2, ["x", "y"]);
 const equalTRBL = (t2, n2) => equal(t2, n2, ["t", "r", "b", "l"]);
-const equalBCRWH = (t2, n2, o2) => equal(t2, n2, ["width", "height"], o2 && ((t3) => Math.round(t3)));
+const equalBCRWH = (t2, n2, o2) => equal(t2, n2, ["width", "height"], (t3) => Math.round(t3));
 const noop = () => {
 };
 const selfClearTimeout = (t2) => {
   let n2;
-  const o2 = t2 ? _ : f;
-  const s2 = t2 ? h : d;
+  const o2 = t2 ? h : d;
+  const s2 = t2 ? g : f;
   return [(e2) => {
     s2(n2);
     n2 = o2(e2, isFunction(t2) ? t2() : t2);
@@ -412,15 +413,15 @@ const debounce = (t2, n2) => {
   let s2;
   let e2;
   let c2 = noop;
-  const { v: r2, g: i2, p: l2 } = n2 || {};
+  const { g: r2, v: l2, p: i2 } = n2 || {};
   const a2 = function invokeFunctionToDebounce(n3) {
     c2();
-    h(o2);
+    g(o2);
     o2 = s2 = void 0;
     c2 = noop;
     t2.apply(this, n3);
   };
-  const mergeParms = (t3) => l2 && s2 ? l2(s2, t3) : t3;
+  const mergeParms = (t3) => i2 && s2 ? i2(s2, t3) : t3;
   const flush = () => {
     if (c2 !== noop) {
       a2(mergeParms(e2) || e2);
@@ -429,22 +430,22 @@ const debounce = (t2, n2) => {
   const u2 = function debouncedFn() {
     const t3 = from(arguments);
     const n3 = isFunction(r2) ? r2() : r2;
-    const l3 = isNumber(n3) && n3 >= 0;
-    if (l3) {
-      const r3 = isFunction(i2) ? i2() : i2;
-      const l4 = isNumber(r3) && r3 >= 0;
-      const u3 = n3 > 0 ? _ : f;
-      const v2 = n3 > 0 ? h : d;
-      const g = mergeParms(t3);
-      const w2 = g || t3;
-      const p2 = a2.bind(0, w2);
+    const i3 = isNumber(n3) && n3 >= 0;
+    if (i3) {
+      const r3 = isFunction(l2) ? l2() : l2;
+      const i4 = isNumber(r3) && r3 >= 0;
+      const u3 = n3 > 0 ? h : d;
+      const _2 = n3 > 0 ? g : f;
+      const v2 = mergeParms(t3);
+      const p = v2 || t3;
+      const w2 = a2.bind(0, p);
       c2();
-      const b2 = u3(p2, n3);
-      c2 = () => v2(b2);
-      if (l4 && !o2) {
-        o2 = _(flush, r3);
+      const b2 = u3(w2, n3);
+      c2 = () => _2(b2);
+      if (i4 && !o2) {
+        o2 = h(flush, r3);
       }
-      s2 = e2 = w2;
+      s2 = e2 = p;
     } else {
       a2(t3);
     }
@@ -454,14 +455,15 @@ const debounce = (t2, n2) => {
 };
 const w = {
   opacity: 1,
-  zindex: 1
+  zIndex: 1
 };
 const parseToZeroOrNumber = (t2, n2) => {
-  const o2 = n2 ? parseFloat(t2) : parseInt(t2, 10);
-  return o2 === o2 ? o2 : 0;
+  const o2 = t2 || "";
+  const s2 = n2 ? parseFloat(o2) : parseInt(o2, 10);
+  return s2 === s2 ? s2 : 0;
 };
-const adaptCSSVal = (t2, n2) => !w[t2.toLowerCase()] && isNumber(n2) ? `${n2}px` : n2;
-const getCSSVal = (t2, n2, o2) => null != n2 ? n2[o2] || n2.getPropertyValue(o2) : t2.style[o2];
+const adaptCSSVal = (t2, n2) => !w[t2] && isNumber(n2) ? `${n2}px` : n2;
+const getCSSVal = (t2, n2, o2) => String((null != n2 ? n2[o2] || n2.getPropertyValue(o2) : t2.style[o2]) || "");
 const setCSSVal = (t2, n2, o2) => {
   try {
     const { style: s2 } = t2;
@@ -479,56 +481,58 @@ const topRightBottomLeft = (t2, n2, o2) => {
   const e2 = o2 ? `-${o2}` : "";
   const c2 = `${s2}top${e2}`;
   const r2 = `${s2}right${e2}`;
-  const i2 = `${s2}bottom${e2}`;
-  const l2 = `${s2}left${e2}`;
-  const a2 = style(t2, [c2, r2, i2, l2]);
+  const l2 = `${s2}bottom${e2}`;
+  const i2 = `${s2}left${e2}`;
+  const a2 = style(t2, [c2, r2, l2, i2]);
   return {
     t: parseToZeroOrNumber(a2[c2], true),
     r: parseToZeroOrNumber(a2[r2], true),
-    b: parseToZeroOrNumber(a2[i2], true),
-    l: parseToZeroOrNumber(a2[l2], true)
+    b: parseToZeroOrNumber(a2[l2], true),
+    l: parseToZeroOrNumber(a2[i2], true)
   };
 };
-const { round: p } = Math;
-const b = {
+const getTrasformTranslateValue = (t2, n2) => `translate${isArray(t2) ? `(${t2[0]},${t2[1]})` : `${n2 ? "X" : "Y"}(${t2})`}`;
+const { round: b } = Math;
+const m = {
   w: 0,
   h: 0
 };
 const offsetSize = (t2) => t2 ? {
   w: t2.offsetWidth,
   h: t2.offsetHeight
-} : b;
+} : m;
 const clientSize = (t2) => t2 ? {
   w: t2.clientWidth,
   h: t2.clientHeight
-} : b;
+} : m;
 const scrollSize = (t2) => t2 ? {
   w: t2.scrollWidth,
   h: t2.scrollHeight
-} : b;
+} : m;
 const fractionalSize = (t2) => {
   const n2 = parseFloat(style(t2, "height")) || 0;
   const o2 = parseFloat(style(t2, "width")) || 0;
   return {
-    w: o2 - p(o2),
-    h: n2 - p(n2)
+    w: o2 - b(o2),
+    h: n2 - b(n2)
   };
 };
 const getBoundingClientRect = (t2) => t2.getBoundingClientRect();
-let m;
+const domRectHasDimensions = (t2) => !!(t2 && (t2.height || t2.width));
+let y;
 const supportPassiveEvents = () => {
-  if (isUndefined(m)) {
-    m = false;
+  if (isUndefined(y)) {
+    y = false;
     try {
       window.addEventListener("test", null, Object.defineProperty({}, "passive", {
         get() {
-          m = true;
+          y = true;
         }
       }));
     } catch (t2) {
     }
   }
-  return m;
+  return y;
 };
 const splitEventNames = (t2) => t2.split(" ");
 const off = (t2, n2, o2, s2) => {
@@ -540,26 +544,26 @@ const on = (t2, n2, o2, s2) => {
   var e2;
   const c2 = supportPassiveEvents();
   const r2 = null != (e2 = c2 && s2 && s2.S) ? e2 : c2;
-  const i2 = s2 && s2.$ || false;
-  const l2 = s2 && s2.C || false;
+  const l2 = s2 && s2.$ || false;
+  const i2 = s2 && s2.C || false;
   const a2 = [];
   const u2 = c2 ? {
     passive: r2,
-    capture: i2
-  } : i2;
+    capture: l2
+  } : l2;
   each(splitEventNames(n2), (n3) => {
-    const s3 = l2 ? (e3) => {
-      t2.removeEventListener(n3, s3, i2);
+    const s3 = i2 ? (e3) => {
+      t2.removeEventListener(n3, s3, l2);
       o2 && o2(e3);
     } : o2;
-    push(a2, off.bind(null, t2, n3, s3, i2));
+    push(a2, off.bind(null, t2, n3, s3, l2));
     t2.addEventListener(n3, s3, u2);
   });
   return runEachAndClear.bind(0, a2);
 };
 const stopPropagation = (t2) => t2.stopPropagation();
 const preventDefault = (t2) => t2.preventDefault();
-const y = {
+const S$1 = {
   x: 0,
   y: 0
 };
@@ -568,7 +572,7 @@ const absoluteCoordinates = (t2) => {
   return n2 ? {
     x: n2.left + window.pageYOffset,
     y: n2.top + window.pageXOffset
-  } : y;
+  } : S$1;
 };
 const manageListener = (t2, n2) => {
   each(isArray(n2) ? n2 : [n2], t2);
@@ -629,7 +633,7 @@ const opsStringify = (t2) => JSON.stringify(t2, (t3, n2) => {
   }
   return n2;
 });
-const S$1 = {
+const $ = {
   paddingAbsolute: false,
   showNativeOverlaidScrollbars: false,
   update: {
@@ -647,6 +651,7 @@ const S$1 = {
     visibility: "auto",
     autoHide: "never",
     autoHideDelay: 1300,
+    autoHideSuspend: false,
     dragScroll: true,
     clickScroll: false,
     pointers: ["mouse", "touch", "pen"]
@@ -680,63 +685,65 @@ const getOptionsDiff = (t2, n2) => {
   });
   return o2;
 };
-const x = "os-environment";
-const $ = `${x}-flexbox-glue`;
-const C = `${$}-max`;
-const O$1 = `os-scrollbar-hidden`;
-const z = "data-overlayscrollbars-initialize";
-const T = "data-overlayscrollbars";
-const E = `${T}-overflow-x`;
-const I = `${T}-overflow-y`;
-const A = "overflowVisible";
-const L = "scrollbarHidden";
-const H = "scrollbarPressed";
-const P = "updating";
-const D = "data-overlayscrollbars-viewport";
-const M = "arrange";
-const R = "scrollbarHidden";
-const k = A;
-const B = "data-overlayscrollbars-padding";
-const V = k;
-const Y = "data-overlayscrollbars-content";
-const j = "os-size-observer";
-const N = `${j}-appear`;
-const q = `${j}-listener`;
-const U = "os-trinsic-observer";
-const W = "os-no-css-vars";
-const Z = "os-theme-none";
-const J = "os-scrollbar";
-const K = `${J}-rtl`;
-const Q = `${J}-horizontal`;
-const tt = `${J}-vertical`;
-const nt = `${J}-track`;
-const ot = `${J}-handle`;
-const st = `${J}-visible`;
-const et = `${J}-cornerless`;
-const ct = `${J}-transitionless`;
-const rt = `${J}-interaction`;
-const it = `${J}-unusable`;
-const lt = `${J}-auto-hidden`;
-const at = `${J}-wheel`;
-const ut = `${nt}-interactive`;
-const dt = `${ot}-interactive`;
-const ft = {};
-const getPlugins = () => ft;
+const x = `data-overlayscrollbars`;
+const C = "os-environment";
+const O = `${C}-flexbox-glue`;
+const T = `${O}-max`;
+const z = `os-scrollbar-hidden`;
+const E = `${x}-initialize`;
+const A = x;
+const I = `${A}-overflow-x`;
+const H = `${A}-overflow-y`;
+const L = "overflowVisible";
+const P = "scrollbarHidden";
+const M = "scrollbarPressed";
+const D = "updating";
+const R = `${x}-viewport`;
+const k = "arrange";
+const B = "scrollbarHidden";
+const V = L;
+const Y = `${x}-padding`;
+const j = V;
+const N = `${x}-content`;
+const q$1 = "os-size-observer";
+const F$1 = `${q$1}-appear`;
+const G = `${q$1}-listener`;
+const Z = "os-trinsic-observer";
+const J = "os-no-css-vars";
+const K = "os-theme-none";
+const Q = "os-scrollbar";
+const tt = `${Q}-rtl`;
+const nt = `${Q}-horizontal`;
+const ot = `${Q}-vertical`;
+const st = `${Q}-track`;
+const et = `${Q}-handle`;
+const ct = `${Q}-visible`;
+const rt = `${Q}-cornerless`;
+const lt = `${Q}-transitionless`;
+const it = `${Q}-interaction`;
+const at = `${Q}-unusable`;
+const ut = `${Q}-auto-hide`;
+const ft = `${ut}-hidden`;
+const dt = `${Q}-wheel`;
+const _t = `${st}-interactive`;
+const ht = `${et}-interactive`;
+const gt = {};
+const getPlugins = () => gt;
 const addPlugin = (t2) => {
   const n2 = [];
   each(isArray(t2) ? t2 : [t2], (t3) => {
     const o2 = keys(t3);
     each(o2, (o3) => {
-      push(n2, ft[o3] = t3[o3]);
+      push(n2, gt[o3] = t3[o3]);
     });
   });
   return n2;
 };
-const mt = "__osOptionsValidationPlugin";
-const xt = "__osSizeObserverPlugin";
-const Tt = "__osScrollbarsHidingPlugin";
-const It = "__osClickScrollPlugin";
-let Lt;
+const $t = "__osOptionsValidationPlugin";
+const Ot = "__osSizeObserverPlugin";
+const It = "__osScrollbarsHidingPlugin";
+const Lt = "__osClickScrollPlugin";
+let Mt;
 const getNativeScrollbarSize = (t2, n2, o2, s2) => {
   appendChildren(t2, n2);
   const e2 = clientSize(n2);
@@ -750,7 +757,7 @@ const getNativeScrollbarSize = (t2, n2, o2, s2) => {
 };
 const getNativeScrollbarsHiding = (t2) => {
   let n2 = false;
-  const o2 = addClass(t2, O$1);
+  const o2 = addClass(t2, z);
   try {
     n2 = "none" === style(t2, cssProperty("scrollbar-width")) || "none" === window.getComputedStyle(t2, "::-webkit-scrollbar").getPropertyValue("display");
   } catch (s2) {
@@ -776,35 +783,35 @@ const getRtlScrollBehavior = (t2, n2) => {
   };
 };
 const getFlexboxGlue = (t2, n2) => {
-  const o2 = addClass(t2, $);
+  const o2 = addClass(t2, O);
   const s2 = getBoundingClientRect(t2);
   const e2 = getBoundingClientRect(n2);
-  const c2 = equalBCRWH(e2, s2, true);
-  const r2 = addClass(t2, C);
-  const i2 = getBoundingClientRect(t2);
-  const l2 = getBoundingClientRect(n2);
-  const a2 = equalBCRWH(l2, i2, true);
+  const c2 = equalBCRWH(e2, s2);
+  const r2 = addClass(t2, T);
+  const l2 = getBoundingClientRect(t2);
+  const i2 = getBoundingClientRect(n2);
+  const a2 = equalBCRWH(i2, l2);
   o2();
   r2();
   return c2 && a2;
 };
 const createEnvironment = () => {
   const { body: t2 } = document;
-  const n2 = createDOM(`<div class="${x}"><div></div></div>`);
+  const n2 = createDOM(`<div class="${C}"><div></div></div>`);
   const o2 = n2[0];
   const s2 = o2.firstChild;
   const [e2, , c2] = createEventListenerHub();
-  const [r2, i2] = createCache({
+  const [r2, l2] = createCache({
     o: getNativeScrollbarSize(t2, o2, s2),
     u: equalXY
   }, getNativeScrollbarSize.bind(0, t2, o2, s2, true));
-  const [l2] = i2();
+  const [i2] = l2();
   const a2 = getNativeScrollbarsHiding(o2);
   const u2 = {
-    x: 0 === l2.x,
-    y: 0 === l2.y
+    x: 0 === i2.x,
+    y: 0 === i2.y
   };
-  const d2 = {
+  const f2 = {
     elements: {
       host: null,
       padding: !a2,
@@ -819,37 +826,38 @@ const createEnvironment = () => {
       body: null
     }
   };
-  const f2 = assignDeep({}, S$1);
-  const _2 = assignDeep.bind(0, {}, f2);
+  const d2 = assignDeep({}, $);
   const h2 = assignDeep.bind(0, {}, d2);
+  const g2 = assignDeep.bind(0, {}, f2);
   const v2 = {
-    k: l2,
-    A: u2,
-    I: a2,
-    L: "-1" === style(o2, "zIndex"),
-    B: getRtlScrollBehavior(o2, s2),
-    V: getFlexboxGlue(o2, s2),
-    Y: e2.bind(0, "z"),
-    j: e2.bind(0, "r"),
-    N: h2,
-    q: (t3) => assignDeep(d2, t3) && h2(),
-    F: _2,
-    G: (t3) => assignDeep(f2, t3) && _2(),
-    X: assignDeep({}, d2),
-    U: assignDeep({}, f2)
+    k: i2,
+    I: u2,
+    A: a2,
+    H: "-1" === style(o2, "zIndex"),
+    B: !!_,
+    V: getRtlScrollBehavior(o2, s2),
+    Y: getFlexboxGlue(o2, s2),
+    j: e2.bind(0, "z"),
+    N: e2.bind(0, "r"),
+    q: g2,
+    F: (t3) => assignDeep(f2, t3) && g2(),
+    G: h2,
+    X: (t3) => assignDeep(d2, t3) && h2(),
+    U: assignDeep({}, f2),
+    W: assignDeep({}, d2)
   };
-  const g = window.addEventListener;
+  const p = window.addEventListener;
   const w2 = debounce((t3) => c2(t3 ? "z" : "r"), {
-    v: 33,
-    g: 99
+    g: 33,
+    v: 99
   });
   removeAttr(o2, "style");
   removeElements(o2);
-  g("resize", w2.bind(0, false));
+  p("resize", w2.bind(0, false));
   if (!a2 && (!u2.x || !u2.y)) {
     let t3;
-    g("resize", () => {
-      const n3 = getPlugins()[Tt];
+    p("resize", () => {
+      const n3 = getPlugins()[It];
       t3 = t3 || n3 && n3.R();
       t3 && t3(v2, r2, w2.bind(0, true));
     });
@@ -857,10 +865,10 @@ const createEnvironment = () => {
   return v2;
 };
 const getEnvironment = () => {
-  if (!Lt) {
-    Lt = createEnvironment();
+  if (!Mt) {
+    Mt = createEnvironment();
   }
-  return Lt;
+  return Mt;
 };
 const resolveInitialization = (t2, n2) => isFunction(n2) ? n2.apply(0, t2) : n2;
 const staticInitializationElement = (t2, n2, o2, s2) => {
@@ -875,22 +883,22 @@ const dynamicInitializationElement = (t2, n2, o2, s2) => {
 };
 const cancelInitialization = (t2, n2, o2) => {
   const { nativeScrollbarsOverlaid: s2, body: e2 } = o2 || {};
-  const { A: c2, I: r2 } = getEnvironment();
-  const { nativeScrollbarsOverlaid: i2, body: l2 } = n2;
-  const a2 = null != s2 ? s2 : i2;
-  const u2 = isUndefined(e2) ? l2 : e2;
-  const d2 = (c2.x || c2.y) && a2;
-  const f2 = t2 && (isNull(u2) ? !r2 : u2);
-  return !!d2 || !!f2;
-};
-const Ht = /* @__PURE__ */ new WeakMap();
+  const { I: c2, A: r2 } = getEnvironment();
+  const { nativeScrollbarsOverlaid: l2, body: i2 } = n2;
+  const a2 = null != s2 ? s2 : l2;
+  const u2 = isUndefined(e2) ? i2 : e2;
+  const f2 = (c2.x || c2.y) && a2;
+  const d2 = t2 && (isNull(u2) ? !r2 : u2);
+  return !!f2 || !!d2;
+};
+const Dt = /* @__PURE__ */ new WeakMap();
 const addInstance = (t2, n2) => {
-  Ht.set(t2, n2);
+  Dt.set(t2, n2);
 };
 const removeInstance = (t2) => {
-  Ht.delete(t2);
+  Dt.delete(t2);
 };
-const getInstance = (t2) => Ht.get(t2);
+const getInstance = (t2) => Dt.get(t2);
 const getPropByPath = (t2, n2) => t2 ? n2.split(".").reduce((t3, n3) => t3 && hasOwnProperty(t3, n3) ? t3[n3] : void 0, t2) : void 0;
 const createOptionCheck = (t2, n2, o2) => (s2) => [getPropByPath(t2, s2), o2 || void 0 !== getPropByPath(n2, s2)];
 const createState = (t2) => {
@@ -899,97 +907,97 @@ const createState = (t2) => {
     n2 = assignDeep({}, n2, t3);
   }];
 };
-const Pt = "tabindex";
-const Dt = createDiv.bind(0, "");
+const Rt = "tabindex";
+const kt = createDiv.bind(0, "");
 const unwrap = (t2) => {
   appendChildren(parent(t2), contents(t2));
   removeElements(t2);
 };
 const createStructureSetupElements = (t2) => {
   const n2 = getEnvironment();
-  const { N: o2, I: s2 } = n2;
-  const e2 = getPlugins()[Tt];
+  const { q: o2, A: s2 } = n2;
+  const e2 = getPlugins()[It];
   const c2 = e2 && e2.T;
   const { elements: r2 } = o2();
-  const { host: i2, padding: l2, viewport: a2, content: u2 } = r2;
-  const d2 = isHTMLElement(t2);
-  const f2 = d2 ? {} : t2;
-  const { elements: _2 } = f2;
-  const { host: h2, padding: v2, viewport: g, content: w2 } = _2 || {};
-  const p2 = d2 ? t2 : f2.target;
-  const b2 = is(p2, "textarea");
-  const m2 = p2.ownerDocument;
+  const { host: l2, padding: i2, viewport: a2, content: u2 } = r2;
+  const f2 = isHTMLElement(t2);
+  const d2 = f2 ? {} : t2;
+  const { elements: _2 } = d2;
+  const { host: h2, padding: g2, viewport: v2, content: p } = _2 || {};
+  const w2 = f2 ? t2 : d2.target;
+  const b2 = is(w2, "textarea");
+  const m2 = w2.ownerDocument;
   const y2 = m2.documentElement;
-  const S2 = p2 === m2.body;
-  const x2 = m2.defaultView;
-  const $2 = staticInitializationElement.bind(0, [p2]);
-  const C2 = dynamicInitializationElement.bind(0, [p2]);
-  const A2 = resolveInitialization.bind(0, [p2]);
-  const L2 = $2.bind(0, Dt, a2);
-  const H2 = C2.bind(0, Dt, u2);
-  const P2 = L2(g);
-  const M2 = P2 === p2;
-  const k2 = M2 && S2;
-  const V2 = !M2 && H2(w2);
-  const j2 = !M2 && isHTMLElement(P2) && P2 === V2;
-  const N2 = j2 && !!A2(u2);
-  const q2 = N2 ? L2() : P2;
-  const F2 = N2 ? V2 : H2();
-  const G = j2 ? q2 : P2;
-  const X = k2 ? y2 : G;
-  const U2 = b2 ? $2(Dt, i2, h2) : p2;
-  const W2 = k2 ? X : U2;
-  const Z2 = j2 ? F2 : V2;
+  const S2 = w2 === m2.body;
+  const $2 = m2.defaultView;
+  const x2 = staticInitializationElement.bind(0, [w2]);
+  const C2 = dynamicInitializationElement.bind(0, [w2]);
+  const O2 = resolveInitialization.bind(0, [w2]);
+  const T2 = x2.bind(0, kt, a2);
+  const L2 = C2.bind(0, kt, u2);
+  const P2 = T2(v2);
+  const M2 = P2 === w2;
+  const D2 = M2 && S2;
+  const k2 = !M2 && L2(p);
+  const V2 = !M2 && isHTMLElement(P2) && P2 === k2;
+  const j2 = V2 && !!O2(u2);
+  const q2 = j2 ? T2() : P2;
+  const F2 = j2 ? k2 : L2();
+  const G2 = V2 ? q2 : P2;
+  const X = D2 ? y2 : G2;
+  const U = b2 ? x2(kt, l2, h2) : w2;
+  const W = D2 ? X : U;
+  const Z2 = V2 ? F2 : k2;
   const J2 = m2.activeElement;
-  const K2 = !M2 && x2.top === x2 && J2 === p2;
+  const K2 = !M2 && $2.top === $2 && J2 === w2;
   const Q2 = {
-    W: p2,
-    Z: W2,
-    J: X,
-    K: !M2 && C2(Dt, l2, v2),
-    tt: Z2,
-    nt: !M2 && !s2 && c2 && c2(n2),
-    ot: k2 ? y2 : X,
-    st: k2 ? m2 : X,
-    et: x2,
-    ct: m2,
-    rt: b2,
+    Z: w2,
+    J: W,
+    K: X,
+    tt: !M2 && C2(kt, i2, g2),
+    nt: Z2,
+    ot: !M2 && !s2 && c2 && c2(n2),
+    st: D2 ? y2 : X,
+    et: D2 ? m2 : X,
+    ct: $2,
+    rt: m2,
+    lt: b2,
     it: S2,
-    lt: d2,
-    ut: M2,
-    dt: j2,
-    ft: (t3, n3) => hasAttrClass(X, M2 ? T : D, M2 ? n3 : t3),
-    _t: (t3, n3, o3) => attrClass(X, M2 ? T : D, M2 ? n3 : t3, o3)
+    ut: f2,
+    ft: M2,
+    dt: V2,
+    _t: (t3, n3) => hasAttrClass(X, M2 ? A : R, M2 ? n3 : t3),
+    ht: (t3, n3, o3) => attrClass(X, M2 ? A : R, M2 ? n3 : t3, o3)
   };
   const tt2 = keys(Q2).reduce((t3, n3) => {
     const o3 = Q2[n3];
-    return push(t3, o3 && !parent(o3) ? o3 : false);
+    return push(t3, o3 && isHTMLElement(o3) && !parent(o3) ? o3 : false);
   }, []);
   const elementIsGenerated = (t3) => t3 ? indexOf(tt2, t3) > -1 : null;
-  const { W: nt2, Z: ot2, K: st2, J: et2, tt: ct2, nt: rt2 } = Q2;
-  const it2 = [() => {
-    removeAttr(ot2, T);
-    removeAttr(ot2, z);
-    removeAttr(nt2, z);
+  const { Z: nt2, J: ot2, tt: st2, K: et2, nt: ct2, ot: rt2 } = Q2;
+  const lt2 = [() => {
+    removeAttr(ot2, A);
+    removeAttr(ot2, E);
+    removeAttr(nt2, E);
     if (S2) {
-      removeAttr(y2, T);
-      removeAttr(y2, z);
+      removeAttr(y2, A);
+      removeAttr(y2, E);
     }
   }];
-  const lt2 = b2 && elementIsGenerated(ot2);
+  const it2 = b2 && elementIsGenerated(ot2);
   let at2 = b2 ? nt2 : contents([ct2, et2, st2, ot2, nt2].find((t3) => false === elementIsGenerated(t3)));
-  const ut2 = k2 ? nt2 : ct2 || et2;
+  const ut2 = D2 ? nt2 : ct2 || et2;
   const appendElements = () => {
-    attr(ot2, T, M2 ? "viewport" : "host");
-    attr(st2, B, "");
-    attr(ct2, Y, "");
+    attr(ot2, A, M2 ? "viewport" : "host");
+    attr(st2, Y, "");
+    attr(ct2, N, "");
     if (!M2) {
-      attr(et2, D, "");
+      attr(et2, R, "");
     }
-    const t3 = S2 && !M2 ? addClass(parent(p2), O$1) : noop;
-    if (lt2) {
+    const t3 = S2 && !M2 ? addClass(parent(w2), z) : noop;
+    if (it2) {
       insertAfter(nt2, ot2);
-      push(it2, () => {
+      push(lt2, () => {
         insertAfter(ot2, nt2);
         removeElements(ot2);
       });
@@ -998,13 +1006,13 @@ const createStructureSetupElements = (t2) => {
     appendChildren(ot2, st2);
     appendChildren(st2 || ot2, !M2 && et2);
     appendChildren(et2, ct2);
-    push(it2, () => {
+    push(lt2, () => {
       t3();
-      removeAttr(st2, B);
-      removeAttr(ct2, Y);
-      removeAttr(et2, E);
+      removeAttr(st2, Y);
+      removeAttr(ct2, N);
       removeAttr(et2, I);
-      removeAttr(et2, D);
+      removeAttr(et2, H);
+      removeAttr(et2, R);
       if (elementIsGenerated(ct2)) {
         unwrap(ct2);
       }
@@ -1016,36 +1024,36 @@ const createStructureSetupElements = (t2) => {
       }
     });
     if (s2 && !M2) {
-      attrClass(et2, D, R, true);
-      push(it2, removeAttr.bind(0, et2, D));
+      attrClass(et2, R, B, true);
+      push(lt2, removeAttr.bind(0, et2, R));
     }
     if (rt2) {
       insertBefore(et2, rt2);
-      push(it2, removeElements.bind(0, rt2));
+      push(lt2, removeElements.bind(0, rt2));
     }
     if (K2) {
-      const t4 = attr(et2, Pt);
-      attr(et2, Pt, "-1");
+      const t4 = attr(et2, Rt);
+      attr(et2, Rt, "-1");
       et2.focus();
-      const revertViewportTabIndex = () => t4 ? attr(et2, Pt, t4) : removeAttr(et2, Pt);
+      const revertViewportTabIndex = () => t4 ? attr(et2, Rt, t4) : removeAttr(et2, Rt);
       const n3 = on(m2, "pointerdown keydown", () => {
         revertViewportTabIndex();
         n3();
       });
-      push(it2, [revertViewportTabIndex, n3]);
+      push(lt2, [revertViewportTabIndex, n3]);
     } else if (J2 && J2.focus) {
       J2.focus();
     }
     at2 = 0;
   };
-  return [Q2, appendElements, runEachAndClear.bind(0, it2)];
+  return [Q2, appendElements, runEachAndClear.bind(0, lt2)];
 };
 const createTrinsicUpdateSegment = (t2, n2) => {
-  const { tt: o2 } = t2;
+  const { nt: o2 } = t2;
   const [s2] = n2;
   return (t3) => {
-    const { V: n3 } = getEnvironment();
-    const { ht: e2 } = s2();
+    const { Y: n3 } = getEnvironment();
+    const { gt: e2 } = s2();
     const { vt: c2 } = t3;
     const r2 = (o2 || !n3) && c2;
     if (r2) {
@@ -1054,31 +1062,31 @@ const createTrinsicUpdateSegment = (t2, n2) => {
       });
     }
     return {
-      gt: r2,
-      wt: r2
+      wt: r2,
+      bt: r2
     };
   };
 };
 const createPaddingUpdateSegment = (t2, n2) => {
   const [o2, s2] = n2;
-  const { Z: e2, K: c2, J: r2, ut: i2 } = t2;
-  const [l2, a2] = createCache({
+  const { J: e2, tt: c2, K: r2, ft: l2 } = t2;
+  const [i2, a2] = createCache({
     u: equalTRBL,
     o: topRightBottomLeft()
   }, topRightBottomLeft.bind(0, e2, "padding", ""));
   return (t3, n3, e3) => {
-    let [u2, d2] = a2(e3);
-    const { I: f2, V: _2 } = getEnvironment();
-    const { bt: h2 } = o2();
-    const { gt: v2, wt: g, yt: w2 } = t3;
-    const [p2, b2] = n3("paddingAbsolute");
-    const m2 = !_2 && g;
-    if (v2 || d2 || m2) {
-      [u2, d2] = l2(e3);
-    }
-    const y2 = !i2 && (b2 || w2 || d2);
+    let [u2, f2] = a2(e3);
+    const { A: d2, Y: _2 } = getEnvironment();
+    const { yt: h2 } = o2();
+    const { wt: g2, bt: v2, St: p } = t3;
+    const [w2, b2] = n3("paddingAbsolute");
+    const m2 = !_2 && v2;
+    if (g2 || f2 || m2) {
+      [u2, f2] = i2(e3);
+    }
+    const y2 = !l2 && (b2 || p || f2);
     if (y2) {
-      const t4 = !p2 || !c2 && !f2;
+      const t4 = !w2 || !c2 && !d2;
       const n4 = u2.r + u2.l;
       const o3 = u2.t + u2.b;
       const e4 = {
@@ -1090,18 +1098,18 @@ const createPaddingUpdateSegment = (t2, n2) => {
         left: t4 ? h2 ? "auto" : -u2.l : 0,
         width: t4 ? `calc(100% + ${n4}px)` : ""
       };
-      const i3 = {
+      const l3 = {
         paddingTop: t4 ? u2.t : 0,
         paddingRight: t4 ? u2.r : 0,
         paddingBottom: t4 ? u2.b : 0,
         paddingLeft: t4 ? u2.l : 0
       };
       style(c2 || r2, e4);
-      style(r2, i3);
+      style(r2, l3);
       s2({
-        K: u2,
-        St: !t4,
-        P: c2 ? i3 : assignDeep({}, e4, i3)
+        tt: u2,
+        $t: !t4,
+        P: c2 ? l3 : assignDeep({}, e4, l3)
       });
     }
     return {
@@ -1109,188 +1117,188 @@ const createPaddingUpdateSegment = (t2, n2) => {
     };
   };
 };
-const { max: Mt } = Math;
-const Rt = Mt.bind(0, 0);
-const kt = "visible";
-const Bt = "hidden";
-const Vt = 42;
-const Yt = {
+const { max: Bt } = Math;
+const Vt = Bt.bind(0, 0);
+const Yt = "visible";
+const jt = "hidden";
+const Nt = 42;
+const qt = {
   u: equalWH,
   o: {
     w: 0,
     h: 0
   }
 };
-const jt = {
+const Ft = {
   u: equalXY,
   o: {
-    x: Bt,
-    y: Bt
+    x: jt,
+    y: jt
   }
 };
 const getOverflowAmount = (t2, n2) => {
   const o2 = window.devicePixelRatio % 1 !== 0 ? 1 : 0;
   const s2 = {
-    w: Rt(t2.w - n2.w),
-    h: Rt(t2.h - n2.h)
+    w: Vt(t2.w - n2.w),
+    h: Vt(t2.h - n2.h)
   };
   return {
     w: s2.w > o2 ? s2.w : 0,
     h: s2.h > o2 ? s2.h : 0
   };
 };
-const overflowIsVisible = (t2) => 0 === t2.indexOf(kt);
+const overflowIsVisible = (t2) => 0 === t2.indexOf(Yt);
 const createOverflowUpdateSegment = (t2, n2) => {
   const [o2, s2] = n2;
-  const { Z: e2, K: c2, J: r2, nt: i2, ut: l2, _t: a2, it: u2, et: d2 } = t2;
-  const { k: f2, V: _2, I: h2, A: v2 } = getEnvironment();
-  const g = getPlugins()[Tt];
-  const w2 = !l2 && !h2 && (v2.x || v2.y);
-  const p2 = u2 && l2;
-  const [b2, m2] = createCache(Yt, fractionalSize.bind(0, r2));
-  const [y2, S2] = createCache(Yt, scrollSize.bind(0, r2));
-  const [x2, $2] = createCache(Yt);
-  const [C2, O2] = createCache(Yt);
-  const [z2] = createCache(jt);
+  const { J: e2, tt: c2, K: r2, ot: l2, ft: i2, ht: a2, it: u2, ct: f2 } = t2;
+  const { k: d2, Y: _2, A: h2, I: g2 } = getEnvironment();
+  const v2 = getPlugins()[It];
+  const p = !i2 && !h2 && (g2.x || g2.y);
+  const w2 = u2 && i2;
+  const [b2, m2] = createCache(qt, fractionalSize.bind(0, r2));
+  const [y2, S2] = createCache(qt, scrollSize.bind(0, r2));
+  const [$2, x2] = createCache(qt);
+  const [C2, O2] = createCache(qt);
+  const [T2] = createCache(Ft);
   const fixFlexboxGlue = (t3, n3) => {
     style(r2, {
       height: ""
     });
     if (n3) {
-      const { St: n4, K: s3 } = o2();
-      const { $t: c3, D: i3 } = t3;
-      const l3 = fractionalSize(e2);
+      const { $t: n4, tt: s3 } = o2();
+      const { Ct: c3, M: l3 } = t3;
+      const i3 = fractionalSize(e2);
       const a3 = clientSize(e2);
       const u3 = "content-box" === style(r2, "boxSizing");
-      const d3 = n4 || u3 ? s3.b + s3.t : 0;
-      const f3 = !(v2.x && u3);
+      const f3 = n4 || u3 ? s3.b + s3.t : 0;
+      const d3 = !(g2.x && u3);
       style(r2, {
-        height: a3.h + l3.h + (c3.x && f3 ? i3.x : 0) - d3
+        height: a3.h + i3.h + (c3.x && d3 ? l3.x : 0) - f3
       });
     }
   };
   const getViewportOverflowState = (t3, n3) => {
-    const o3 = !h2 && !t3 ? Vt : 0;
+    const o3 = !h2 && !t3 ? Nt : 0;
     const getStatePerAxis = (t4, s4, e4) => {
       const c4 = style(r2, t4);
-      const i4 = n3 ? n3[t4] : c4;
-      const l4 = "scroll" === i4;
+      const l4 = n3 ? n3[t4] : c4;
+      const i4 = "scroll" === l4;
       const a4 = s4 ? o3 : e4;
-      const u4 = l4 && !h2 ? a4 : 0;
-      const d4 = s4 && !!o3;
-      return [c4, l4, u4, d4];
+      const u4 = i4 && !h2 ? a4 : 0;
+      const f4 = s4 && !!o3;
+      return [c4, i4, u4, f4];
     };
-    const [s3, e3, c3, i3] = getStatePerAxis("overflowX", v2.x, f2.x);
-    const [l3, a3, u3, d3] = getStatePerAxis("overflowY", v2.y, f2.y);
+    const [s3, e3, c3, l3] = getStatePerAxis("overflowX", g2.x, d2.x);
+    const [i3, a3, u3, f3] = getStatePerAxis("overflowY", g2.y, d2.y);
     return {
-      Ct: {
+      Ot: {
         x: s3,
-        y: l3
+        y: i3
       },
-      $t: {
+      Ct: {
         x: e3,
         y: a3
       },
-      D: {
+      M: {
         x: c3,
         y: u3
       },
-      M: {
-        x: i3,
-        y: d3
+      D: {
+        x: l3,
+        y: f3
       }
     };
   };
   const setViewportOverflowState = (t3, n3, o3, s3) => {
     const setAxisOverflowStyle = (t4, n4) => {
       const o4 = overflowIsVisible(t4);
-      const s4 = n4 && o4 && t4.replace(`${kt}-`, "") || "";
+      const s4 = n4 && o4 && t4.replace(`${Yt}-`, "") || "";
       return [n4 && !o4 ? t4 : "", overflowIsVisible(s4) ? "hidden" : s4];
     };
     const [e3, c3] = setAxisOverflowStyle(o3.x, n3.x);
-    const [r3, i3] = setAxisOverflowStyle(o3.y, n3.y);
+    const [r3, l3] = setAxisOverflowStyle(o3.y, n3.y);
     s3.overflowX = c3 && r3 ? c3 : e3;
-    s3.overflowY = i3 && e3 ? i3 : r3;
+    s3.overflowY = l3 && e3 ? l3 : r3;
     return getViewportOverflowState(t3, s3);
   };
   const hideNativeScrollbars = (t3, n3, s3, e3) => {
-    const { D: c3, M: r3 } = t3;
-    const { x: i3, y: l3 } = r3;
+    const { M: c3, D: r3 } = t3;
+    const { x: l3, y: i3 } = r3;
     const { x: a3, y: u3 } = c3;
-    const { P: d3 } = o2();
-    const f3 = n3 ? "marginLeft" : "marginRight";
+    const { P: f3 } = o2();
+    const d3 = n3 ? "marginLeft" : "marginRight";
     const _3 = n3 ? "paddingLeft" : "paddingRight";
-    const h3 = d3[f3];
-    const v3 = d3.marginBottom;
-    const g2 = d3[_3];
-    const w3 = d3.paddingBottom;
+    const h3 = f3[d3];
+    const g3 = f3.marginBottom;
+    const v3 = f3[_3];
+    const p2 = f3.paddingBottom;
     e3.width = `calc(100% + ${u3 + -1 * h3}px)`;
-    e3[f3] = -u3 + h3;
-    e3.marginBottom = -a3 + v3;
+    e3[d3] = -u3 + h3;
+    e3.marginBottom = -a3 + g3;
     if (s3) {
-      e3[_3] = g2 + (l3 ? u3 : 0);
-      e3.paddingBottom = w3 + (i3 ? a3 : 0);
+      e3[_3] = v3 + (i3 ? u3 : 0);
+      e3.paddingBottom = p2 + (l3 ? a3 : 0);
     }
   };
-  const [H2, P2] = g ? g.H(w2, _2, r2, i2, o2, getViewportOverflowState, hideNativeScrollbars) : [() => w2, () => [noop]];
-  return (t3, n3, i3) => {
-    const { gt: u3, Ot: f3, wt: g2, xt: w3, vt: M2, yt: Y2 } = t3;
-    const { ht: j2, bt: N2 } = o2();
+  const [z2, E2] = v2 ? v2.L(p, _2, r2, l2, o2, getViewportOverflowState, hideNativeScrollbars) : [() => p, () => [noop]];
+  return (t3, n3, l3) => {
+    const { wt: u3, Tt: d3, bt: v3, xt: p2, vt: M2, St: D2 } = t3;
+    const { gt: k2, yt: N2 } = o2();
     const [q2, F2] = n3("showNativeOverlaidScrollbars");
-    const [G, X] = n3("overflow");
-    const U2 = q2 && v2.x && v2.y;
-    const W2 = !l2 && !_2 && (u3 || g2 || f3 || F2 || M2);
-    const Z2 = overflowIsVisible(G.x);
-    const J2 = overflowIsVisible(G.y);
+    const [G2, X] = n3("overflow");
+    const U = q2 && g2.x && g2.y;
+    const W = !i2 && !_2 && (u3 || v3 || d3 || F2 || M2);
+    const Z2 = overflowIsVisible(G2.x);
+    const J2 = overflowIsVisible(G2.y);
     const K2 = Z2 || J2;
-    let Q2 = m2(i3);
-    let tt2 = S2(i3);
-    let nt2 = $2(i3);
-    let ot2 = O2(i3);
+    let Q2 = m2(l3);
+    let tt2 = S2(l3);
+    let nt2 = x2(l3);
+    let ot2 = O2(l3);
     let st2;
     if (F2 && h2) {
-      a2(R, L, !U2);
+      a2(B, P, !U);
     }
-    if (W2) {
-      st2 = getViewportOverflowState(U2);
-      fixFlexboxGlue(st2, j2);
+    if (W) {
+      st2 = getViewportOverflowState(U);
+      fixFlexboxGlue(st2, k2);
     }
-    if (u3 || w3 || g2 || Y2 || F2) {
+    if (u3 || p2 || v3 || D2 || F2) {
       if (K2) {
-        a2(k, A, false);
+        a2(V, L, false);
       }
-      const [t4, n4] = P2(U2, N2, st2);
-      const [o3, s3] = Q2 = b2(i3);
-      const [e3, c3] = tt2 = y2(i3);
-      const l3 = clientSize(r2);
+      const [t4, n4] = E2(U, N2, st2);
+      const [o3, s3] = Q2 = b2(l3);
+      const [e3, c3] = tt2 = y2(l3);
+      const i3 = clientSize(r2);
       let u4 = e3;
-      let f4 = l3;
+      let d4 = i3;
       t4();
-      if ((c3 || s3 || F2) && n4 && !U2 && H2(n4, e3, o3, N2)) {
-        f4 = clientSize(r2);
+      if ((c3 || s3 || F2) && n4 && !U && z2(n4, e3, o3, N2)) {
+        d4 = clientSize(r2);
         u4 = scrollSize(r2);
       }
       const _3 = {
-        w: Rt(Mt(e3.w, u4.w) + o3.w),
-        h: Rt(Mt(e3.h, u4.h) + o3.h)
+        w: Vt(Bt(e3.w, u4.w) + o3.w),
+        h: Vt(Bt(e3.h, u4.h) + o3.h)
       };
       const h3 = {
-        w: Rt((p2 ? d2.innerWidth : f4.w + Rt(l3.w - e3.w)) + o3.w),
-        h: Rt((p2 ? d2.innerHeight + o3.h : f4.h + Rt(l3.h - e3.h)) + o3.h)
+        w: Vt((w2 ? f2.innerWidth : d4.w + Vt(i3.w - e3.w)) + o3.w),
+        h: Vt((w2 ? f2.innerHeight + o3.h : d4.h + Vt(i3.h - e3.h)) + o3.h)
       };
       ot2 = C2(h3);
-      nt2 = x2(getOverflowAmount(_3, h3), i3);
+      nt2 = $2(getOverflowAmount(_3, h3), l3);
     }
     const [et2, ct2] = ot2;
-    const [rt2, it2] = nt2;
-    const [lt2, at2] = tt2;
-    const [ut2, dt2] = Q2;
-    const ft2 = {
+    const [rt2, lt2] = nt2;
+    const [it2, at2] = tt2;
+    const [ut2, ft2] = Q2;
+    const dt2 = {
       x: rt2.w > 0,
       y: rt2.h > 0
     };
-    const _t = Z2 && J2 && (ft2.x || ft2.y) || Z2 && ft2.x && !ft2.y || J2 && ft2.y && !ft2.x;
-    if (w3 || Y2 || dt2 || at2 || ct2 || it2 || X || F2 || W2) {
+    const _t2 = Z2 && J2 && (dt2.x || dt2.y) || Z2 && dt2.x && !dt2.y || J2 && dt2.y && !dt2.x;
+    if (p2 || D2 || ft2 || at2 || ct2 || lt2 || X || F2 || W) {
       const t4 = {
         marginRight: 0,
         marginBottom: 0,
@@ -1299,43 +1307,43 @@ const createOverflowUpdateSegment = (t2, n2) => {
         overflowY: "",
         overflowX: ""
       };
-      const n4 = setViewportOverflowState(U2, ft2, G, t4);
-      const o3 = H2(n4, lt2, ut2, N2);
-      if (!l2) {
+      const n4 = setViewportOverflowState(U, dt2, G2, t4);
+      const o3 = z2(n4, it2, ut2, N2);
+      if (!i2) {
         hideNativeScrollbars(n4, N2, o3, t4);
       }
-      if (W2) {
-        fixFlexboxGlue(n4, j2);
+      if (W) {
+        fixFlexboxGlue(n4, k2);
       }
-      if (l2) {
-        attr(e2, E, t4.overflowX);
-        attr(e2, I, t4.overflowY);
+      if (i2) {
+        attr(e2, I, t4.overflowX);
+        attr(e2, H, t4.overflowY);
       } else {
         style(r2, t4);
       }
     }
-    attrClass(e2, T, A, _t);
-    attrClass(c2, B, V, _t);
-    if (!l2) {
-      attrClass(r2, D, k, K2);
+    attrClass(e2, A, L, _t2);
+    attrClass(c2, Y, j, _t2);
+    if (!i2) {
+      attrClass(r2, R, V, K2);
     }
-    const [ht, vt] = z2(getViewportOverflowState(U2).Ct);
+    const [ht2, gt2] = T2(getViewportOverflowState(U).Ot);
     s2({
-      Ct: ht,
+      Ot: ht2,
       zt: {
         x: et2.w,
         y: et2.h
       },
-      Tt: {
+      Et: {
         x: rt2.w,
         y: rt2.h
       },
-      Et: ft2
+      At: dt2
     });
     return {
-      It: vt,
-      At: ct2,
-      Lt: it2
+      It: gt2,
+      Ht: ct2,
+      Lt: lt2
     };
   };
 };
@@ -1351,33 +1359,34 @@ const prepareUpdateHints = (t2, n2, o2) => {
   return s2;
 };
 const createStructureSetupUpdate = (t2, n2) => {
-  const { W: o2, J: s2, _t: e2, ut: c2 } = t2;
-  const { I: r2, A: i2, V: l2 } = getEnvironment();
-  const a2 = !r2 && (i2.x || i2.y);
+  const { Z: o2, K: s2, ht: e2, ft: c2 } = t2;
+  const { A: r2, I: l2, Y: i2 } = getEnvironment();
+  const a2 = !r2 && (l2.x || l2.y);
   const u2 = [createTrinsicUpdateSegment(t2, n2), createPaddingUpdateSegment(t2, n2), createOverflowUpdateSegment(t2, n2)];
   return (t3, n3, r3) => {
-    const i3 = prepareUpdateHints(assignDeep({
-      gt: false,
+    const l3 = prepareUpdateHints(assignDeep({
+      wt: false,
       xt: false,
-      yt: false,
+      St: false,
       vt: false,
-      At: false,
+      Ht: false,
       Lt: false,
       It: false,
-      Ot: false,
-      wt: false
+      Tt: false,
+      bt: false,
+      Pt: false
     }, n3), {}, r3);
-    const d2 = a2 || !l2;
-    const f2 = d2 && scrollLeft(s2);
-    const _2 = d2 && scrollTop(s2);
-    e2("", P, true);
-    let h2 = i3;
+    const f2 = a2 || !i2;
+    const d2 = f2 && scrollLeft(s2);
+    const _2 = f2 && scrollTop(s2);
+    e2("", D, true);
+    let h2 = l3;
     each(u2, (n4) => {
       h2 = prepareUpdateHints(h2, n4(h2, t3, !!r3) || {}, r3);
     });
-    scrollLeft(s2, f2);
+    scrollLeft(s2, d2);
     scrollTop(s2, _2);
-    e2("", P);
+    e2("", D);
     if (!c2) {
       scrollLeft(o2, 0);
       scrollTop(o2, 0);
@@ -1405,9 +1414,9 @@ const createEventContentChange = (t2, n2, o2) => {
       }, []);
       each(r2, (o3) => each(o3[0], (c3) => {
         const r3 = o3[1];
-        const i2 = s2.get(c3) || [];
-        const l2 = t2.contains(c3);
-        if (l2) {
+        const l2 = s2.get(c3) || [];
+        const i2 = t2.contains(c3);
+        if (i2) {
           const t3 = on(c3, r3, (o4) => {
             if (e2) {
               t3();
@@ -1416,9 +1425,9 @@ const createEventContentChange = (t2, n2, o2) => {
               n2(o4);
             }
           });
-          s2.set(c3, push(i2, t3));
+          s2.set(c3, push(l2, t3));
         } else {
-          runEachAndClear(i2);
+          runEachAndClear(l2);
           s2.delete(c3);
         }
       }));
@@ -1432,70 +1441,70 @@ const createEventContentChange = (t2, n2, o2) => {
 };
 const createDOMObserver = (t2, n2, o2, s2) => {
   let e2 = false;
-  const { Ht: c2, Pt: r2, Dt: i2, Mt: a2, Rt: u2, kt: d2 } = s2 || {};
-  const f2 = debounce(() => {
+  const { Mt: c2, Dt: r2, Rt: l2, kt: a2, Bt: u2, Vt: f2 } = s2 || {};
+  const d2 = debounce(() => {
     if (e2) {
       o2(true);
     }
   }, {
-    v: 33,
-    g: 99
+    g: 33,
+    v: 99
   });
-  const [_2, h2] = createEventContentChange(t2, f2, i2);
-  const v2 = c2 || [];
-  const g = r2 || [];
-  const w2 = v2.concat(g);
+  const [_2, h2] = createEventContentChange(t2, d2, l2);
+  const g2 = c2 || [];
+  const v2 = r2 || [];
+  const p = g2.concat(v2);
   const observerCallback = (e3, c3) => {
     const r3 = u2 || noop;
-    const i3 = d2 || noop;
-    const l2 = /* @__PURE__ */ new Set();
-    const f3 = /* @__PURE__ */ new Set();
+    const l3 = f2 || noop;
+    const i2 = /* @__PURE__ */ new Set();
+    const d3 = /* @__PURE__ */ new Set();
     let _3 = false;
-    let v3 = false;
+    let g3 = false;
     each(e3, (o3) => {
-      const { attributeName: e4, target: c4, type: u3, oldValue: d3, addedNodes: h3, removedNodes: w3 } = o3;
-      const p3 = "attributes" === u3;
+      const { attributeName: e4, target: c4, type: u3, oldValue: f3, addedNodes: h3, removedNodes: p2 } = o3;
+      const w3 = "attributes" === u3;
       const b2 = "childList" === u3;
       const m2 = t2 === c4;
-      const y2 = p3 && isString(e4) ? attr(c4, e4) : 0;
-      const S2 = 0 !== y2 && d3 !== y2;
-      const x2 = indexOf(g, e4) > -1 && S2;
+      const y2 = w3 && isString(e4) ? attr(c4, e4) : 0;
+      const S2 = 0 !== y2 && f3 !== y2;
+      const $2 = indexOf(v2, e4) > -1 && S2;
       if (n2 && (b2 || !m2)) {
-        const n3 = !p3;
-        const u4 = p3 && S2;
-        const f4 = u4 && a2 && is(c4, a2);
-        const _4 = f4 ? !r3(c4, e4, d3, y2) : n3 || u4;
-        const g2 = _4 && !i3(o3, !!f4, t2, s2);
-        each(h3, (t3) => l2.add(t3));
-        each(w3, (t3) => l2.add(t3));
-        v3 = v3 || g2;
+        const n3 = !w3;
+        const u4 = w3 && S2;
+        const d4 = u4 && a2 && is(c4, a2);
+        const _4 = d4 ? !r3(c4, e4, f3, y2) : n3 || u4;
+        const v3 = _4 && !l3(o3, !!d4, t2, s2);
+        each(h3, (t3) => i2.add(t3));
+        each(p2, (t3) => i2.add(t3));
+        g3 = g3 || v3;
       }
-      if (!n2 && m2 && S2 && !r3(c4, e4, d3, y2)) {
-        f3.add(e4);
-        _3 = _3 || x2;
+      if (!n2 && m2 && S2 && !r3(c4, e4, f3, y2)) {
+        d3.add(e4);
+        _3 = _3 || $2;
       }
     });
-    if (l2.size > 0) {
-      h2((t3) => from(l2).reduce((n3, o3) => {
+    if (i2.size > 0) {
+      h2((t3) => from(i2).reduce((n3, o3) => {
         push(n3, find(t3, o3));
         return is(o3, t3) ? push(n3, o3) : n3;
       }, []));
     }
     if (n2) {
-      !c3 && v3 && o2(false);
+      !c3 && g3 && o2(false);
       return [false];
     }
-    if (f3.size > 0 || _3) {
-      const t3 = [from(f3), _3];
+    if (d3.size > 0 || _3) {
+      const t3 = [from(d3), _3];
       !c3 && o2.apply(0, t3);
       return t3;
     }
   };
-  const p2 = new l((t3) => observerCallback(t3));
-  p2.observe(t2, {
+  const w2 = new i((t3) => observerCallback(t3));
+  w2.observe(t2, {
     attributes: true,
     attributeOldValue: true,
-    attributeFilter: w2,
+    attributeFilter: p,
     subtree: n2,
     childList: n2,
     characterData: n2
@@ -1504,28 +1513,27 @@ const createDOMObserver = (t2, n2, o2, s2) => {
   return [() => {
     if (e2) {
       _2();
-      p2.disconnect();
+      w2.disconnect();
       e2 = false;
     }
   }, () => {
     if (e2) {
-      f2.m();
-      const t3 = p2.takeRecords();
+      d2.m();
+      const t3 = w2.takeRecords();
       return !isEmptyArray(t3) && observerCallback(t3, true);
     }
   }];
 };
-const Nt = 3333333;
-const domRectHasDimensions = (t2) => t2 && (t2.height || t2.width);
+const Gt = 3333333;
 const createSizeObserver = (t2, n2, o2) => {
-  const { Bt: s2 = false, Vt: e2 = false } = o2 || {};
-  const c2 = getPlugins()[xt];
-  const { B: r2 } = getEnvironment();
-  const i2 = createDOM(`<div class="${j}"><div class="${q}"></div></div>`);
-  const l2 = i2[0];
-  const a2 = l2.firstChild;
-  const d2 = directionIsRTL.bind(0, t2);
-  const [f2] = createCache({
+  const { Yt: s2 = false, Pt: e2 = false } = o2 || {};
+  const c2 = getPlugins()[Ot];
+  const { V: r2 } = getEnvironment();
+  const l2 = createDOM(`<div class="${q$1}"><div class="${G}"></div></div>`);
+  const i2 = l2[0];
+  const a2 = i2.firstChild;
+  const f2 = directionIsRTL.bind(0, t2);
+  const [d2] = createCache({
     o: void 0,
     _: true,
     u: (t3, n3) => !(!t3 || !domRectHasDimensions(t3) && domRectHasDimensions(n3))
@@ -1534,30 +1542,31 @@ const createSizeObserver = (t2, n2, o2) => {
     const o3 = isArray(t3) && t3.length > 0 && isObject(t3[0]);
     const e3 = !o3 && isBoolean(t3[0]);
     let c3 = false;
-    let i3 = false;
+    let l3 = false;
     let a3 = true;
     if (o3) {
-      const [n3, , o4] = f2(t3.pop().contentRect);
+      const [n3, , o4] = d2(t3.pop().contentRect);
       const s3 = domRectHasDimensions(n3);
       const e4 = domRectHasDimensions(o4);
-      c3 = !o4 || !s3;
-      i3 = !e4 && s3;
+      const r3 = !o4;
+      c3 = r3 && !!e4 || !s3;
+      l3 = !e4 && s3;
       a3 = !c3;
     } else if (e3) {
       [, a3] = t3;
     } else {
-      i3 = true === t3;
+      l3 = true === t3;
     }
     if (s2 && a3) {
-      const n3 = e3 ? t3[0] : directionIsRTL(l2);
-      scrollLeft(l2, n3 ? r2.n ? -Nt : r2.i ? 0 : Nt : Nt);
-      scrollTop(l2, Nt);
+      const n3 = e3 ? t3[0] : directionIsRTL(i2);
+      scrollLeft(i2, n3 ? r2.n ? -3333333 : r2.i ? 0 : Gt : Gt);
+      scrollTop(i2, Gt);
     }
     if (!c3) {
       n2({
-        gt: !e3,
-        Yt: e3 ? t3 : void 0,
-        Vt: !!i3
+        wt: !e3,
+        jt: e3 ? t3 : void 0,
+        Pt: !!l3
       });
     }
   };
@@ -1565,7 +1574,7 @@ const createSizeObserver = (t2, n2, o2) => {
   let h2 = e2 ? onSizeChangedCallbackProxy : false;
   return [() => {
     runEachAndClear(_2);
-    removeElements(l2);
+    removeElements(i2);
   }, () => {
     if (u) {
       const t3 = new u(onSizeChangedCallbackProxy);
@@ -1581,8 +1590,8 @@ const createSizeObserver = (t2, n2, o2) => {
     if (s2) {
       const [t3] = createCache({
         o: void 0
-      }, d2);
-      push(_2, on(l2, "scroll", (n3) => {
+      }, f2);
+      push(_2, on(i2, "scroll", (n3) => {
         const o3 = t3();
         const [s3, e3, c3] = o3;
         if (e3) {
@@ -1598,20 +1607,20 @@ const createSizeObserver = (t2, n2, o2) => {
       }));
     }
     if (h2) {
-      addClass(l2, N);
-      push(_2, on(l2, "animationstart", h2, {
+      addClass(i2, F$1);
+      push(_2, on(i2, "animationstart", h2, {
         C: !!u
       }));
     }
     if (u || c2) {
-      appendChildren(t2, l2);
+      appendChildren(t2, i2);
     }
   }];
 };
 const isHeightIntrinsic = (t2) => 0 === t2.h || t2.isIntersecting || t2.intersectionRatio > 0;
 const createTrinsicObserver = (t2, n2) => {
   let o2;
-  const s2 = createDiv(U);
+  const s2 = createDiv(Z);
   const e2 = [];
   const [c2] = createCache({
     o: false
@@ -1660,48 +1669,48 @@ const createTrinsicObserver = (t2, n2) => {
     }
   }];
 };
-const qt = `[${T}]`;
-const Ft = `[${D}]`;
-const Gt = ["tabindex"];
-const Xt = ["wrap", "cols", "rows"];
-const Ut = ["id", "class", "style", "open"];
+const Xt = `[${A}]`;
+const Ut = `[${R}]`;
+const Wt = ["tabindex"];
+const Zt = ["wrap", "cols", "rows"];
+const Jt = ["id", "class", "style", "open"];
 const createStructureSetupObservers = (t2, n2, o2) => {
   let s2;
   let e2;
   let c2;
-  const { Z: r2, J: i2, tt: l2, rt: a2, ut: d2, ft: f2, _t: _2 } = t2;
-  const { V: h2 } = getEnvironment();
-  const [v2] = createCache({
+  const { J: r2, K: l2, nt: i2, lt: a2, ft: f2, _t: d2, ht: _2 } = t2;
+  const { Y: h2 } = getEnvironment();
+  const [g2] = createCache({
     u: equalWH,
     o: {
       w: 0,
       h: 0
     }
   }, () => {
-    const t3 = f2(k, A);
-    const n3 = f2(M, "");
-    const o3 = n3 && scrollLeft(i2);
-    const s3 = n3 && scrollTop(i2);
-    _2(k, A);
-    _2(M, "");
-    _2("", P, true);
-    const e3 = scrollSize(l2);
-    const c3 = scrollSize(i2);
-    const r3 = fractionalSize(i2);
-    _2(k, A, t3);
-    _2(M, "", n3);
-    _2("", P);
-    scrollLeft(i2, o3);
-    scrollTop(i2, s3);
+    const t3 = d2(V, L);
+    const n3 = d2(k, "");
+    const o3 = n3 && scrollLeft(l2);
+    const s3 = n3 && scrollTop(l2);
+    _2(V, L);
+    _2(k, "");
+    _2("", D, true);
+    const e3 = scrollSize(i2);
+    const c3 = scrollSize(l2);
+    const r3 = fractionalSize(l2);
+    _2(V, L, t3);
+    _2(k, "", n3);
+    _2("", D);
+    scrollLeft(l2, o3);
+    scrollTop(l2, s3);
     return {
       w: c3.w + e3.w + r3.w,
       h: c3.h + e3.h + r3.h
     };
   });
-  const g = a2 ? Xt : Ut.concat(Xt);
-  const w2 = debounce(o2, {
-    v: () => s2,
-    g: () => e2,
+  const v2 = a2 ? Zt : Jt.concat(Zt);
+  const p = debounce(o2, {
+    g: () => s2,
+    v: () => e2,
     p(t3, n3) {
       const [o3] = t3;
       const [s3] = n3;
@@ -1712,13 +1721,13 @@ const createStructureSetupObservers = (t2, n2, o2) => {
     }
   });
   const updateViewportAttrsFromHost = (t3) => {
-    each(t3 || Gt, (t4) => {
-      if (indexOf(Gt, t4) > -1) {
+    each(t3 || Wt, (t4) => {
+      if (indexOf(Wt, t4) > -1) {
         const n3 = attr(r2, t4);
         if (isString(n3)) {
-          attr(i2, t4, n3);
+          attr(l2, t4, n3);
         } else {
-          removeAttr(i2, t4);
+          removeAttr(l2, t4);
         }
       }
     });
@@ -1729,32 +1738,33 @@ const createStructureSetupObservers = (t2, n2, o2) => {
       vt: c3
     };
     n2({
-      ht: e3
+      gt: e3
     });
     !s3 && o2(r3);
     return r3;
   };
-  const onSizeChanged = ({ gt: t3, Yt: s3, Vt: e3 }) => {
-    const c3 = !t3 || e3 ? o2 : w2;
+  const onSizeChanged = ({ wt: t3, jt: s3, Pt: e3 }) => {
+    const c3 = !t3 || e3 ? o2 : p;
     let r3 = false;
     if (s3) {
       const [t4, o3] = s3;
       r3 = o3;
       n2({
-        bt: t4
+        yt: t4
       });
     }
     c3({
-      gt: t3,
-      yt: r3
+      wt: t3,
+      Pt: e3,
+      St: r3
     });
   };
   const onContentMutation = (t3, n3) => {
-    const [, s3] = v2();
+    const [, s3] = g2();
     const e3 = {
-      wt: s3
+      bt: s3
     };
-    const c3 = t3 ? o2 : w2;
+    const c3 = t3 ? o2 : p;
     if (s3) {
       !n3 && c3(e3);
     }
@@ -1762,41 +1772,50 @@ const createStructureSetupObservers = (t2, n2, o2) => {
   };
   const onHostMutation = (t3, n3, o3) => {
     const s3 = {
-      Ot: n3
+      Tt: n3
     };
     if (n3) {
-      !o3 && w2(s3);
-    } else if (!d2) {
+      !o3 && p(s3);
+    } else if (!f2) {
       updateViewportAttrsFromHost(t3);
     }
     return s3;
   };
-  const [p2, b2, m2] = l2 || !h2 ? createTrinsicObserver(r2, onTrinsicChanged) : [noop, noop, noop];
-  const [y2, S2] = !d2 ? createSizeObserver(r2, onSizeChanged, {
-    Vt: true,
-    Bt: true
+  const [w2, b2, m2] = i2 || !h2 ? createTrinsicObserver(r2, onTrinsicChanged) : [noop, noop, noop];
+  const [y2, S2] = !f2 ? createSizeObserver(r2, onSizeChanged, {
+    Pt: true,
+    Yt: true
   }) : [noop, noop];
-  const [x2, $2] = createDOMObserver(r2, false, onHostMutation, {
-    Pt: Ut,
-    Ht: Ut.concat(Gt)
+  const [$2, x2] = createDOMObserver(r2, false, onHostMutation, {
+    Dt: Jt,
+    Mt: Jt.concat(Wt)
+  });
+  let C2;
+  const O2 = f2 && u && new u((t3) => {
+    const n3 = t3[t3.length - 1].contentRect;
+    const o3 = domRectHasDimensions(n3);
+    const s3 = domRectHasDimensions(C2);
+    const e3 = !s3 && o3;
+    onSizeChanged({
+      wt: true,
+      Pt: e3
+    });
+    C2 = n3;
   });
-  const C2 = d2 && u && new u(onSizeChanged.bind(0, {
-    gt: true
-  }));
-  C2 && C2.observe(r2);
-  updateViewportAttrsFromHost();
   return [() => {
-    p2();
+    w2();
     y2();
     c2 && c2[0]();
-    C2 && C2.disconnect();
-    x2();
+    O2 && O2.disconnect();
+    $2();
   }, () => {
+    O2 && O2.observe(r2);
+    updateViewportAttrsFromHost();
     S2();
     b2();
   }, () => {
     const t3 = {};
-    const n3 = $2();
+    const n3 = x2();
     const o3 = m2();
     const s3 = c2 && c2[1]();
     if (n3) {
@@ -1813,7 +1832,7 @@ const createStructureSetupObservers = (t2, n2, o2) => {
     const [n3] = t3("update.ignoreMutation");
     const [o3, r3] = t3("update.attributes");
     const [a3, u2] = t3("update.elementEvents");
-    const [f3, _3] = t3("update.debounce");
+    const [d3, _3] = t3("update.debounce");
     const h3 = u2 || r3;
     const ignoreMutationFromOptions = (t4) => isFunction(n3) && n3(t4);
     if (h3) {
@@ -1821,26 +1840,26 @@ const createStructureSetupObservers = (t2, n2, o2) => {
         c2[1]();
         c2[0]();
       }
-      c2 = createDOMObserver(l2 || i2, true, onContentMutation, {
-        Ht: g.concat(o3 || []),
-        Dt: a3,
-        Mt: qt,
-        kt: (t4, n4) => {
+      c2 = createDOMObserver(i2 || l2, true, onContentMutation, {
+        Mt: v2.concat(o3 || []),
+        Rt: a3,
+        kt: Xt,
+        Vt: (t4, n4) => {
           const { target: o4, attributeName: s3 } = t4;
-          const e3 = !n4 && s3 && !d2 ? liesBetween(o4, qt, Ft) : false;
-          return e3 || !!closest(o4, `.${J}`) || !!ignoreMutationFromOptions(t4);
+          const e3 = !n4 && s3 && !f2 ? liesBetween(o4, Xt, Ut) : false;
+          return e3 || !!closest(o4, `.${Q}`) || !!ignoreMutationFromOptions(t4);
         }
       });
     }
     if (_3) {
-      w2.m();
-      if (isArray(f3)) {
-        const t4 = f3[0];
-        const n4 = f3[1];
+      p.m();
+      if (isArray(d3)) {
+        const t4 = d3[0];
+        const n4 = d3[1];
         s2 = isNumber(t4) && t4;
         e2 = isNumber(n4) && n4;
-      } else if (isNumber(f3)) {
-        s2 = f3;
+      } else if (isNumber(d3)) {
+        s2 = d3;
         e2 = false;
       } else {
         s2 = false;
@@ -1849,18 +1868,18 @@ const createStructureSetupObservers = (t2, n2, o2) => {
     }
   }];
 };
-const Wt = {
+const Kt = {
   x: 0,
   y: 0
 };
 const createInitialStructureSetupUpdateState = (t2) => ({
-  K: {
+  tt: {
     t: 0,
     r: 0,
     b: 0,
     l: 0
   },
-  St: false,
+  $t: false,
   P: {
     marginRight: 0,
     marginBottom: 0,
@@ -1870,428 +1889,504 @@ const createInitialStructureSetupUpdateState = (t2) => ({
     paddingBottom: 0,
     paddingLeft: 0
   },
-  zt: Wt,
-  Tt: Wt,
-  Ct: {
+  zt: Kt,
+  Et: Kt,
+  Ot: {
     x: "hidden",
     y: "hidden"
   },
-  Et: {
+  At: {
     x: false,
     y: false
   },
-  ht: false,
-  bt: directionIsRTL(t2.Z)
+  gt: false,
+  yt: directionIsRTL(t2.J)
 });
 const createStructureSetup = (t2, n2) => {
   const o2 = createOptionCheck(n2, {});
   const [s2, e2, c2] = createEventListenerHub();
-  const [r2, i2, l2] = createStructureSetupElements(t2);
+  const [r2, l2, i2] = createStructureSetupElements(t2);
   const a2 = createState(createInitialStructureSetupUpdateState(r2));
-  const [u2, d2] = a2;
-  const f2 = createStructureSetupUpdate(r2, a2);
+  const [u2, f2] = a2;
+  const d2 = createStructureSetupUpdate(r2, a2);
   const triggerUpdateEvent = (t3, n3, o3) => {
-    const s3 = keys(t3).some((n4) => t3[n4]);
+    const s3 = keys(t3).some((n4) => !!t3[n4]);
     const e3 = s3 || !isEmptyObject(n3) || o3;
     if (e3) {
       c2("u", [t3, n3, o3]);
     }
     return e3;
   };
-  const [_2, h2, v2, g] = createStructureSetupObservers(r2, d2, (t3) => triggerUpdateEvent(f2(o2, t3), {}, false));
-  const w2 = u2.bind(0);
-  w2.jt = (t3) => s2("u", t3);
-  w2.Nt = () => {
-    const { W: t3, J: n3 } = r2;
-    const o3 = scrollLeft(t3);
-    const s3 = scrollTop(t3);
+  const [_2, h2, g2, v2] = createStructureSetupObservers(r2, f2, (t3) => triggerUpdateEvent(d2(o2, t3), {}, false));
+  const p = u2.bind(0);
+  p.Nt = (t3) => s2("u", t3);
+  p.qt = () => {
+    const { Z: t3, K: n3, rt: o3, it: s3 } = r2;
+    const e3 = s3 ? o3.documentElement : t3;
+    const c3 = scrollLeft(e3);
+    const i3 = scrollTop(e3);
     h2();
-    i2();
-    scrollLeft(n3, o3);
-    scrollTop(n3, s3);
+    l2();
+    scrollLeft(n3, c3);
+    scrollTop(n3, i3);
   };
-  w2.qt = r2;
+  p.Ft = r2;
   return [(t3, o3) => {
     const s3 = createOptionCheck(n2, t3, o3);
-    g(s3);
-    return triggerUpdateEvent(f2(s3, v2(), o3), t3, !!o3);
-  }, w2, () => {
+    v2(s3);
+    return triggerUpdateEvent(d2(s3, g2(), o3), t3, !!o3);
+  }, p, () => {
     e2();
     _2();
-    l2();
+    i2();
   }];
 };
-const { round: Zt } = Math;
+const { round: Qt } = Math;
 const getScale = (t2) => {
   const { width: n2, height: o2 } = getBoundingClientRect(t2);
   const { w: s2, h: e2 } = offsetSize(t2);
   return {
-    x: Zt(n2) / s2 || 1,
-    y: Zt(o2) / e2 || 1
+    x: Qt(n2) / s2 || 1,
+    y: Qt(o2) / e2 || 1
   };
 };
 const continuePointerDown = (t2, n2, o2) => {
   const s2 = n2.scrollbars;
   const { button: e2, isPrimary: c2, pointerType: r2 } = t2;
-  const { pointers: i2 } = s2;
-  return 0 === e2 && c2 && s2[o2 ? "dragScroll" : "clickScroll"] && (i2 || []).includes(r2);
+  const { pointers: l2 } = s2;
+  return 0 === e2 && c2 && s2[o2 ? "dragScroll" : "clickScroll"] && (l2 || []).includes(r2);
 };
+const tn = "pointerup pointerleave pointercancel lostpointercapture";
+const getScrollTimelineAnimation = (t2) => ({
+  transform: [getTrasformTranslateValue(`0%`, t2), getTrasformTranslateValue("-100%", t2)],
+  [t2 ? "left" : "top"]: ["0%", "100%"]
+});
 const createRootClickStopPropagationEvents = (t2, n2) => on(t2, "mousedown", on.bind(0, n2, "click", stopPropagation, {
   C: true,
   $: true
 }), {
   $: true
 });
-const Jt = "pointerup pointerleave pointercancel lostpointercapture";
 const createInteractiveScrollEvents = (t2, n2, o2, s2, e2, c2, r2) => {
-  const { B: i2 } = getEnvironment();
-  const { Ft: l2, Gt: a2, Xt: u2 } = s2;
-  const d2 = `scroll${r2 ? "Left" : "Top"}`;
-  const f2 = `client${r2 ? "X" : "Y"}`;
+  const { V: l2 } = getEnvironment();
+  const { Gt: i2, Xt: a2, Ut: u2 } = s2;
+  const f2 = `scroll${r2 ? "Left" : "Top"}`;
+  const d2 = `client${r2 ? "X" : "Y"}`;
   const _2 = r2 ? "width" : "height";
   const h2 = r2 ? "left" : "top";
-  const v2 = r2 ? "w" : "h";
-  const g = r2 ? "x" : "y";
+  const g2 = r2 ? "w" : "h";
+  const v2 = r2 ? "x" : "y";
   const createRelativeHandleMove = (t3, n3) => (o3) => {
-    const { Tt: s3 } = c2();
-    const f3 = offsetSize(a2)[v2] - offsetSize(l2)[v2];
-    const _3 = n3 * o3 / f3;
-    const h3 = _3 * s3[g];
-    const w2 = directionIsRTL(u2);
-    const p2 = w2 && r2 ? i2.n || i2.i ? 1 : -1 : 1;
-    e2[d2] = t3 + h3 * p2;
+    const { Et: s3 } = c2();
+    const d3 = offsetSize(a2)[g2] - offsetSize(i2)[g2];
+    const _3 = n3 * o3 / d3;
+    const h3 = _3 * s3[v2];
+    const p = directionIsRTL(u2);
+    const w2 = p && r2 ? l2.n || l2.i ? 1 : -1 : 1;
+    e2[f2] = t3 + h3 * w2;
   };
   return on(a2, "pointerdown", (s3) => {
-    const c3 = closest(s3.target, `.${ot}`) === l2;
-    const r3 = c3 ? l2 : a2;
-    attrClass(n2, T, H, true);
+    const c3 = closest(s3.target, `.${et}`) === i2;
+    const r3 = c3 ? i2 : a2;
+    attrClass(n2, A, M, true);
     if (continuePointerDown(s3, t2, c3)) {
       const t3 = !c3 && s3.shiftKey;
-      const getHandleRect = () => getBoundingClientRect(l2);
+      const getHandleRect = () => getBoundingClientRect(i2);
       const getTrackRect = () => getBoundingClientRect(a2);
       const getHandleOffset = (t4, n3) => (t4 || getHandleRect())[h2] - (n3 || getTrackRect())[h2];
-      const i3 = createRelativeHandleMove(e2[d2] || 0, 1 / getScale(e2)[g]);
-      const u3 = s3[f2];
-      const v3 = getHandleRect();
-      const w2 = getTrackRect();
-      const p2 = v3[_2];
-      const b2 = getHandleOffset(v3, w2) + p2 / 2;
-      const m2 = u3 - w2[h2];
+      const l3 = createRelativeHandleMove(e2[f2] || 0, 1 / getScale(e2)[v2]);
+      const u3 = s3[d2];
+      const g3 = getHandleRect();
+      const p = getTrackRect();
+      const w2 = g3[_2];
+      const b2 = getHandleOffset(g3, p) + w2 / 2;
+      const m2 = u3 - p[h2];
       const y2 = c3 ? 0 : m2 - b2;
       const releasePointerCapture = (t4) => {
         runEachAndClear(S2);
         r3.releasePointerCapture(t4.pointerId);
       };
-      const S2 = [attrClass.bind(0, n2, T, H), on(o2, Jt, releasePointerCapture), on(o2, "selectstart", (t4) => preventDefault(t4), {
+      const S2 = [attrClass.bind(0, n2, A, M), on(o2, tn, releasePointerCapture), on(o2, "selectstart", (t4) => preventDefault(t4), {
         S: false
-      }), on(a2, Jt, releasePointerCapture), on(a2, "pointermove", (n3) => {
-        const o3 = n3[f2] - u3;
+      }), on(a2, tn, releasePointerCapture), on(a2, "pointermove", (n3) => {
+        const o3 = n3[d2] - u3;
         if (c3 || t3) {
-          i3(y2 + o3);
+          l3(y2 + o3);
         }
       })];
       if (t3) {
-        i3(y2);
+        l3(y2);
       } else if (!c3) {
-        const t4 = getPlugins()[It];
+        const t4 = getPlugins()[Lt];
         if (t4) {
-          push(S2, t4.O(i3, getHandleOffset, y2, p2, m2));
+          push(S2, t4.O(l3, getHandleOffset, y2, w2, m2));
         }
       }
       r3.setPointerCapture(s3.pointerId);
     }
   });
 };
-const createScrollbarsSetupEvents = (t2, n2) => (o2, s2, e2, c2, r2, i2) => {
-  const { Xt: l2 } = o2;
-  const [a2, u2] = selfClearTimeout(333);
+const createScrollTimelineEvents = ({ Gt: t2 }, n2, o2) => {
+  if (!n2) {
+    return noop;
+  }
+  const s2 = t2.animate(getScrollTimelineAnimation(o2), {
+    timeline: n2
+  });
+  return () => {
+    s2.cancel();
+  };
+};
+const createScrollbarsSetupEvents = (t2, n2) => (o2, s2, e2, c2, r2, l2, i2) => {
+  const { Ut: a2 } = o2;
+  const [u2, f2] = selfClearTimeout(333);
   const d2 = !!r2.scrollBy;
-  let f2 = true;
-  return runEachAndClear.bind(0, [on(l2, "pointerenter", () => {
-    s2(rt, true);
-  }), on(l2, "pointerleave pointercancel", () => {
-    s2(rt);
-  }), on(l2, "wheel", (t3) => {
+  let _2 = true;
+  return runEachAndClear.bind(0, [on(a2, "pointerenter", () => {
+    s2(it, true);
+  }), on(a2, "pointerleave pointercancel", () => {
+    s2(it);
+  }), on(a2, "wheel", (t3) => {
     const { deltaX: n3, deltaY: o3, deltaMode: e3 } = t3;
-    if (d2 && f2 && 0 === e3 && parent(l2) === c2) {
+    if (d2 && _2 && 0 === e3 && parent(a2) === c2) {
       r2.scrollBy({
         left: n3,
         top: o3,
         behavior: "smooth"
       });
     }
-    f2 = false;
-    s2(at, true);
-    a2(() => {
-      f2 = true;
-      s2(at);
+    _2 = false;
+    s2(dt, true);
+    u2(() => {
+      _2 = true;
+      s2(dt);
     });
     preventDefault(t3);
   }, {
     S: false,
     $: true
-  }), createRootClickStopPropagationEvents(l2, e2), createInteractiveScrollEvents(t2, c2, e2, o2, r2, n2, i2), u2]);
+  }), createRootClickStopPropagationEvents(a2, e2), createInteractiveScrollEvents(t2, c2, e2, o2, r2, n2, i2), createScrollTimelineEvents(o2, l2, i2), f2]);
 };
-const { min: Kt, max: Qt, abs: tn, round: nn } = Math;
+const { min: nn, max: sn, abs: en, round: cn } = Math;
 const getScrollbarHandleLengthRatio = (t2, n2, o2, s2) => {
   if (s2) {
     const t3 = o2 ? "x" : "y";
-    const { Tt: n3, zt: e3 } = s2;
+    const { Et: n3, zt: e3 } = s2;
     const c3 = e3[t3];
     const r3 = n3[t3];
-    return Qt(0, Kt(1, c3 / (c3 + r3)));
+    return sn(0, nn(1, c3 / (c3 + r3)));
   }
   const e2 = o2 ? "width" : "height";
   const c2 = getBoundingClientRect(t2)[e2];
   const r2 = getBoundingClientRect(n2)[e2];
-  return Qt(0, Kt(1, c2 / r2));
+  return sn(0, nn(1, c2 / r2));
 };
 const getScrollbarHandleOffsetRatio = (t2, n2, o2, s2, e2, c2) => {
-  const { B: r2 } = getEnvironment();
-  const i2 = c2 ? "x" : "y";
-  const l2 = c2 ? "Left" : "Top";
-  const { Tt: a2 } = s2;
-  const u2 = nn(a2[i2]);
-  const d2 = tn(o2[`scroll${l2}`]);
-  const f2 = c2 && e2;
-  const _2 = r2.i ? d2 : u2 - d2;
-  const h2 = f2 ? _2 : d2;
-  const v2 = Kt(1, h2 / u2);
-  const g = getScrollbarHandleLengthRatio(t2, n2, c2);
-  return 1 / g * (1 - g) * v2;
-};
+  const { V: r2 } = getEnvironment();
+  const l2 = c2 ? "x" : "y";
+  const i2 = c2 ? "Left" : "Top";
+  const { Et: a2 } = s2;
+  const u2 = cn(a2[l2]);
+  const f2 = en(o2[`scroll${i2}`]);
+  const d2 = c2 && e2;
+  const _2 = r2.i ? f2 : u2 - f2;
+  const h2 = d2 ? _2 : f2;
+  const g2 = nn(1, h2 / u2);
+  const v2 = getScrollbarHandleLengthRatio(t2, n2, c2);
+  return 1 / v2 * (1 - v2) * g2;
+};
+const maxAnimationKeyFrameValue = (t2) => `${Math.max(0, t2 - 0.5)}px`;
+const animateScrollbar = (t2, n2, o2, s2) => t2.animate({
+  transform: [getTrasformTranslateValue(`0px`, s2), getTrasformTranslateValue(maxAnimationKeyFrameValue(o2), s2)]
+}, {
+  timeline: n2,
+  composite: "add"
+});
+const initScrollTimeline = (t2, n2) => _ ? new _({
+  source: t2,
+  axis: n2
+}) : null;
 const createScrollbarsSetupElements = (t2, n2, o2) => {
-  const { N: s2, L: e2 } = getEnvironment();
+  const { q: s2, H: e2 } = getEnvironment();
   const { scrollbars: c2 } = s2();
   const { slot: r2 } = c2;
-  const { ct: i2, W: l2, Z: a2, J: u2, lt: d2, ot: f2, it: h2, ut: v2 } = n2;
-  const { scrollbars: g } = d2 ? {} : t2;
-  const { slot: w2 } = g || {};
-  const p2 = dynamicInitializationElement([l2, a2, u2], () => v2 && h2 ? l2 : a2, r2, w2);
+  const { rt: l2, Z: i2, J: a2, K: u2, ut: f2, st: d2, it: _2, ft: g2 } = n2;
+  const { scrollbars: v2 } = f2 ? {} : t2;
+  const { slot: p } = v2 || {};
+  const w2 = /* @__PURE__ */ new Map();
+  const b2 = initScrollTimeline(d2, "x");
+  const m2 = initScrollTimeline(d2, "y");
+  const y2 = dynamicInitializationElement([i2, a2, u2], () => g2 && _2 ? i2 : a2, r2, p);
+  const doRefreshScrollbarOffset = (t3) => g2 && !_2 && parent(t3) === u2;
+  const cancelScrollbarsOffsetAnimations = () => {
+    w2.forEach((t3) => {
+      (t3 || []).forEach((t4) => {
+        t4.cancel();
+      });
+    });
+  };
   const scrollbarStructureAddRemoveClass = (t3, n3, o3) => {
     const s3 = o3 ? addClass : removeClass;
     each(t3, (t4) => {
-      s3(t4.Xt, n3);
+      s3(t4.Ut, n3);
     });
   };
-  const scrollbarsHandleStyle = (t3, n3) => {
+  const scrollbarStyle = (t3, n3) => {
     each(t3, (t4) => {
       const [o3, s3] = n3(t4);
       style(o3, s3);
     });
   };
   const scrollbarStructureRefreshHandleLength = (t3, n3, o3) => {
-    scrollbarsHandleStyle(t3, (t4) => {
-      const { Ft: s3, Gt: e3 } = t4;
+    scrollbarStyle(t3, (t4) => {
+      const { Gt: s3, Xt: e3 } = t4;
       return [s3, {
         [o3 ? "width" : "height"]: `${(100 * getScrollbarHandleLengthRatio(s3, e3, o3, n3)).toFixed(3)}%`
       }];
     });
   };
   const scrollbarStructureRefreshHandleOffset = (t3, n3, o3) => {
-    const s3 = o3 ? "X" : "Y";
-    scrollbarsHandleStyle(t3, (t4) => {
-      const { Ft: e3, Gt: c3, Xt: r3 } = t4;
-      const i3 = getScrollbarHandleOffsetRatio(e3, c3, f2, n3, directionIsRTL(r3), o3);
-      const l3 = i3 === i3;
-      return [e3, {
-        transform: l3 ? `translate${s3}(${(100 * i3).toFixed(3)}%)` : ""
-      }];
-    });
+    if (!m2 && !m2) {
+      scrollbarStyle(t3, (t4) => {
+        const { Gt: s3, Xt: e3, Ut: c3 } = t4;
+        const r3 = getScrollbarHandleOffsetRatio(s3, e3, d2, n3, directionIsRTL(c3), o3);
+        const l3 = r3 === r3;
+        return [s3, {
+          transform: l3 ? getTrasformTranslateValue(`${(100 * r3).toFixed(3)}%`, o3) : ""
+        }];
+      });
+    }
   };
-  const b2 = [];
-  const m2 = [];
-  const y2 = [];
+  const styleScrollbarPosition = (t3) => {
+    const { Ut: n3 } = t3;
+    const o3 = doRefreshScrollbarOffset(n3) && n3;
+    return [o3, {
+      transform: o3 ? getTrasformTranslateValue([`${scrollLeft(d2)}px`, `${scrollTop(d2)}px`]) : ""
+    }];
+  };
+  const S2 = [];
+  const $2 = [];
+  const x2 = [];
   const scrollbarsAddRemoveClass = (t3, n3, o3) => {
     const s3 = isBoolean(o3);
     const e3 = s3 ? o3 : true;
     const c3 = s3 ? !o3 : true;
-    e3 && scrollbarStructureAddRemoveClass(m2, t3, n3);
-    c3 && scrollbarStructureAddRemoveClass(y2, t3, n3);
+    e3 && scrollbarStructureAddRemoveClass($2, t3, n3);
+    c3 && scrollbarStructureAddRemoveClass(x2, t3, n3);
   };
   const refreshScrollbarsHandleLength = (t3) => {
-    scrollbarStructureRefreshHandleLength(m2, t3, true);
-    scrollbarStructureRefreshHandleLength(y2, t3);
+    scrollbarStructureRefreshHandleLength($2, t3, true);
+    scrollbarStructureRefreshHandleLength(x2, t3);
   };
   const refreshScrollbarsHandleOffset = (t3) => {
-    scrollbarStructureRefreshHandleOffset(m2, t3, true);
-    scrollbarStructureRefreshHandleOffset(y2, t3);
+    scrollbarStructureRefreshHandleOffset($2, t3, true);
+    scrollbarStructureRefreshHandleOffset(x2, t3);
+  };
+  const refreshScrollbarsScrollbarOffset = () => {
+    if (!m2 && !m2) {
+      g2 && scrollbarStyle($2, styleScrollbarPosition);
+      g2 && scrollbarStyle(x2, styleScrollbarPosition);
+    }
+  };
+  const refreshScrollbarsScrollbarOffsetTimeline = ({ Et: t3 }) => {
+    cancelScrollbarsOffsetAnimations();
+    x2.concat($2).forEach(({ Ut: n3 }) => {
+      if (doRefreshScrollbarOffset(n3)) {
+        w2.set(n3, [animateScrollbar(n3, b2, t3.x, true), animateScrollbar(n3, m2, t3.y)]);
+      }
+    });
   };
   const generateScrollbarDOM = (t3) => {
-    const n3 = t3 ? Q : tt;
-    const s3 = t3 ? m2 : y2;
-    const c3 = isEmptyArray(s3) ? ct : "";
-    const r3 = createDiv(`${J} ${n3} ${c3}`);
-    const l3 = createDiv(nt);
-    const u3 = createDiv(ot);
-    const d3 = {
-      Xt: r3,
-      Gt: l3,
-      Ft: u3
+    const n3 = t3 ? nt : ot;
+    const s3 = t3 ? $2 : x2;
+    const c3 = isEmptyArray(s3) ? lt : "";
+    const r3 = createDiv(`${Q} ${n3} ${c3}`);
+    const i3 = createDiv(st);
+    const u3 = createDiv(et);
+    const f3 = {
+      Ut: r3,
+      Xt: i3,
+      Gt: u3
     };
     if (!e2) {
-      addClass(r3, W);
-    }
-    appendChildren(r3, l3);
-    appendChildren(l3, u3);
-    push(s3, d3);
-    push(b2, [removeElements.bind(0, r3), o2(d3, scrollbarsAddRemoveClass, i2, a2, f2, t3)]);
-    return d3;
+      addClass(r3, J);
+    }
+    appendChildren(r3, i3);
+    appendChildren(i3, u3);
+    push(s3, f3);
+    push(S2, [() => {
+      cancelScrollbarsOffsetAnimations();
+      w2.clear();
+    }, removeElements.bind(0, r3), o2(f3, scrollbarsAddRemoveClass, l2, a2, d2, t3 ? b2 : m2, t3)]);
+    return f3;
   };
-  const S2 = generateScrollbarDOM.bind(0, true);
-  const x2 = generateScrollbarDOM.bind(0, false);
+  const C2 = generateScrollbarDOM.bind(0, true);
+  const O2 = generateScrollbarDOM.bind(0, false);
   const appendElements = () => {
-    appendChildren(p2, m2[0].Xt);
-    appendChildren(p2, y2[0].Xt);
-    _(() => {
-      scrollbarsAddRemoveClass(ct);
+    appendChildren(y2, $2[0].Ut);
+    appendChildren(y2, x2[0].Ut);
+    h(() => {
+      scrollbarsAddRemoveClass(lt);
     }, 300);
   };
-  S2();
-  x2();
+  C2();
+  O2();
   return [{
-    Ut: refreshScrollbarsHandleLength,
-    Wt: refreshScrollbarsHandleOffset,
-    Zt: scrollbarsAddRemoveClass,
-    Jt: {
-      Kt: m2,
-      Qt: S2,
-      tn: scrollbarsHandleStyle.bind(0, m2)
+    Wt: refreshScrollbarsHandleLength,
+    Zt: refreshScrollbarsHandleOffset,
+    Jt: refreshScrollbarsScrollbarOffsetTimeline,
+    Kt: refreshScrollbarsScrollbarOffset,
+    Qt: scrollbarsAddRemoveClass,
+    tn: {
+      B: b2,
+      nn: $2,
+      sn: C2,
+      en: scrollbarStyle.bind(0, $2)
     },
-    nn: {
-      Kt: y2,
-      Qt: x2,
-      tn: scrollbarsHandleStyle.bind(0, y2)
+    cn: {
+      B: m2,
+      nn: x2,
+      sn: O2,
+      en: scrollbarStyle.bind(0, x2)
     }
-  }, appendElements, runEachAndClear.bind(0, b2)];
+  }, appendElements, runEachAndClear.bind(0, S2)];
 };
 const createScrollbarsSetup = (t2, n2, o2, s2) => {
   let e2;
   let c2;
   let r2;
-  let i2;
   let l2;
+  let i2;
   let a2 = 0;
   const u2 = createState({});
-  const [d2] = u2;
-  const [f2, _2] = selfClearTimeout();
-  const [h2, v2] = selfClearTimeout();
-  const [g, w2] = selfClearTimeout(100);
-  const [p2, b2] = selfClearTimeout(100);
-  const [m2, y2] = selfClearTimeout(() => a2);
-  const [S2, x2, $2] = createScrollbarsSetupElements(t2, o2.qt, createScrollbarsSetupEvents(n2, o2));
-  const { Z: C2, J: O2, ot: z2, st: T2, ut: E2, it: I2 } = o2.qt;
-  const { Jt: A2, nn: L2, Zt: H2, Ut: P2, Wt: D2 } = S2;
-  const { tn: M2 } = A2;
-  const { tn: R2 } = L2;
-  const styleScrollbarPosition = (t3) => {
-    const { Xt: n3 } = t3;
-    const o3 = E2 && !I2 && parent(n3) === O2 && n3;
-    return [o3, {
-      transform: o3 ? `translate(${scrollLeft(z2)}px, ${scrollTop(z2)}px)` : ""
-    }];
+  const [f2] = u2;
+  const [d2, _2] = selfClearTimeout();
+  const [h2, g2] = selfClearTimeout();
+  const [v2, p] = selfClearTimeout(100);
+  const [w2, b2] = selfClearTimeout(100);
+  const [m2, y2] = selfClearTimeout(100);
+  const [S2, $2] = selfClearTimeout(() => a2);
+  const [x2, C2, O2] = createScrollbarsSetupElements(t2, o2.Ft, createScrollbarsSetupEvents(n2, o2));
+  const { J: T2, et: z2, it: E2 } = o2.Ft;
+  const { Qt: A2, Wt: I2, Zt: H2, Jt: L2, Kt: P2 } = x2;
+  const manageAutoHideSuspension = (t3) => {
+    A2(ut, t3, true);
+    A2(ut, t3, false);
   };
   const manageScrollbarsAutoHide = (t3, n3) => {
-    y2();
+    $2();
     if (t3) {
-      H2(lt);
+      A2(ft);
     } else {
-      const hide = () => H2(lt, true);
+      const hide = () => A2(ft, true);
       if (a2 > 0 && !n3) {
-        m2(hide);
+        S2(hide);
       } else {
         hide();
       }
     }
   };
   const onHostMouseEnter = () => {
-    i2 = c2;
-    i2 && manageScrollbarsAutoHide(true);
+    l2 = c2;
+    l2 && manageScrollbarsAutoHide(true);
   };
-  const k2 = [w2, y2, b2, v2, _2, $2, on(C2, "pointerover", onHostMouseEnter, {
+  const M2 = [p, $2, b2, y2, g2, _2, O2, on(T2, "pointerover", onHostMouseEnter, {
     C: true
-  }), on(C2, "pointerenter", onHostMouseEnter), on(C2, "pointerleave", () => {
-    i2 = false;
+  }), on(T2, "pointerenter", onHostMouseEnter), on(T2, "pointerleave", () => {
+    l2 = false;
     c2 && manageScrollbarsAutoHide(false);
-  }), on(C2, "pointermove", () => {
-    e2 && f2(() => {
-      w2();
+  }), on(T2, "pointermove", () => {
+    e2 && d2(() => {
+      p();
       manageScrollbarsAutoHide(true);
-      p2(() => {
+      w2(() => {
         e2 && manageScrollbarsAutoHide(false);
       });
     });
-  }), on(T2, "scroll", (t3) => {
+  }), on(z2, "scroll", (t3) => {
     h2(() => {
-      D2(o2());
+      H2(o2());
       r2 && manageScrollbarsAutoHide(true);
-      g(() => {
-        r2 && !i2 && manageScrollbarsAutoHide(false);
+      v2(() => {
+        r2 && !l2 && manageScrollbarsAutoHide(false);
       });
     });
     s2(t3);
-    E2 && M2(styleScrollbarPosition);
-    E2 && R2(styleScrollbarPosition);
+    P2();
   })];
-  const B2 = d2.bind(0);
-  B2.qt = S2;
-  B2.Nt = x2;
-  return [(t3, s3, i3) => {
-    const { At: u3, Lt: d3, It: f3, yt: _3 } = i3;
-    const { A: h3 } = getEnvironment();
+  const D2 = f2.bind(0);
+  D2.Ft = x2;
+  D2.qt = C2;
+  return [(t3, s3, l3) => {
+    const { Ht: u3, Lt: f3, It: d3, St: _3, Pt: h3 } = l3;
+    const { I: g3 } = getEnvironment();
     const v3 = createOptionCheck(n2, t3, s3);
-    const g2 = o2();
-    const { Tt: w3, Ct: p3, bt: b3 } = g2;
-    const [m3, y3] = v3("showNativeOverlaidScrollbars");
-    const [S3, x3] = v3("scrollbars.theme");
-    const [$3, C3] = v3("scrollbars.visibility");
-    const [O3, z3] = v3("scrollbars.autoHide");
-    const [T3] = v3("scrollbars.autoHideDelay");
-    const [E3, A3] = v3("scrollbars.dragScroll");
-    const [L3, M3] = v3("scrollbars.clickScroll");
-    const R3 = u3 || d3 || _3;
-    const k3 = f3 || C3;
-    const B3 = m3 && h3.x && h3.y;
+    const p2 = o2();
+    const { Et: w3, Ot: b3, yt: y3, At: S3 } = p2;
+    const [$3, x3] = v3("showNativeOverlaidScrollbars");
+    const [C3, O3] = v3("scrollbars.theme");
+    const [T3, D3] = v3("scrollbars.visibility");
+    const [R2, k2] = v3("scrollbars.autoHide");
+    const [B2, V2] = v3("scrollbars.autoHideSuspend");
+    const [Y2] = v3("scrollbars.autoHideDelay");
+    const [j2, N2] = v3("scrollbars.dragScroll");
+    const [q2, F2] = v3("scrollbars.clickScroll");
+    const G2 = h3 && !s3;
+    const X = u3 || f3 || _3;
+    const U = d3 || D3;
+    const W = $3 && g3.x && g3.y;
     const setScrollbarVisibility = (t4, n3) => {
-      const o3 = "visible" === $3 || "auto" === $3 && "scroll" === t4;
-      H2(st, o3, n3);
+      const o3 = "visible" === T3 || "auto" === T3 && "scroll" === t4;
+      A2(ct, o3, n3);
       return o3;
     };
-    a2 = T3;
-    if (y3) {
-      H2(Z, B3);
-    }
+    a2 = Y2;
     if (x3) {
-      H2(l2);
-      H2(S3, true);
-      l2 = S3;
-    }
-    if (z3) {
-      e2 = "move" === O3;
-      c2 = "leave" === O3;
-      r2 = "never" !== O3;
+      A2(K, W);
+    }
+    if (O3) {
+      A2(i2);
+      A2(C3, true);
+      i2 = C3;
+    }
+    if (V2 || G2) {
+      if (B2 && G2 && (S3.x || S3.y)) {
+        manageAutoHideSuspension(false);
+        m2(() => M2.push(on(z2, "scroll", manageAutoHideSuspension.bind(0, true), {
+          C: true
+        })));
+      } else {
+        manageAutoHideSuspension(true);
+      }
+    }
+    if (k2) {
+      e2 = "move" === R2;
+      c2 = "leave" === R2;
+      r2 = "never" !== R2;
       manageScrollbarsAutoHide(!r2, true);
     }
-    if (A3) {
-      H2(dt, E3);
+    if (N2) {
+      A2(ht, j2);
     }
-    if (M3) {
-      H2(ut, L3);
+    if (F2) {
+      A2(_t, q2);
     }
-    if (k3) {
-      const t4 = setScrollbarVisibility(p3.x, true);
-      const n3 = setScrollbarVisibility(p3.y, false);
+    if (U) {
+      const t4 = setScrollbarVisibility(b3.x, true);
+      const n3 = setScrollbarVisibility(b3.y, false);
       const o3 = t4 && n3;
-      H2(et, !o3);
+      A2(rt, !o3);
     }
-    if (R3) {
-      P2(g2);
-      D2(g2);
-      H2(it, !w3.x, true);
-      H2(it, !w3.y, false);
-      H2(K, b3 && !I2);
+    if (X) {
+      I2(p2);
+      H2(p2);
+      L2(p2);
+      P2();
+      A2(at, !w3.x, true);
+      A2(at, !w3.y, false);
+      A2(tt, y3 && !E2);
     }
-  }, B2, runEachAndClear.bind(0, k2)];
+  }, D2, runEachAndClear.bind(0, M2)];
 };
 const invokePluginInstance = (t2, n2, o2) => {
   if (isFunction(t2)) {
@@ -2299,54 +2394,54 @@ const invokePluginInstance = (t2, n2, o2) => {
   }
 };
 const OverlayScrollbars = (t2, n2, o2) => {
-  const { F: s2, N: e2, Y: c2, j: r2 } = getEnvironment();
-  const i2 = getPlugins();
-  const l2 = isHTMLElement(t2);
-  const a2 = l2 ? t2 : t2.target;
+  const { G: s2, q: e2, j: c2, N: r2 } = getEnvironment();
+  const l2 = getPlugins();
+  const i2 = isHTMLElement(t2);
+  const a2 = i2 ? t2 : t2.target;
   const u2 = getInstance(a2);
   if (n2 && !u2) {
     let u3 = false;
     const validateOptions = (t3) => {
-      const n3 = getPlugins()[mt];
+      const n3 = getPlugins()[$t];
       const o3 = n3 && n3.O;
       return o3 ? o3(t3, true) : t3;
     };
-    const d2 = assignDeep({}, s2(), validateOptions(n2));
-    const [f2, _2, h2] = createEventListenerHub(o2);
-    const [v2, g, w2] = createStructureSetup(t2, d2);
-    const [p2, b2, m2] = createScrollbarsSetup(t2, d2, g, (t3) => h2("scroll", [$2, t3]));
-    const update = (t3, n3) => v2(t3, !!n3);
+    const f2 = assignDeep({}, s2(), validateOptions(n2));
+    const [d2, _2, h2] = createEventListenerHub(o2);
+    const [g2, v2, p] = createStructureSetup(t2, f2);
+    const [w2, b2, m2] = createScrollbarsSetup(t2, f2, v2, (t3) => h2("scroll", [x2, t3]));
+    const update = (t3, n3) => g2(t3, !!n3);
     const y2 = update.bind(0, {}, true);
     const S2 = c2(y2);
-    const x2 = r2(y2);
+    const $2 = r2(y2);
     const destroy = (t3) => {
       removeInstance(a2);
       S2();
-      x2();
+      $2();
       m2();
-      w2();
+      p();
       u3 = true;
-      h2("destroyed", [$2, !!t3]);
+      h2("destroyed", [x2, !!t3]);
       _2();
     };
-    const $2 = {
+    const x2 = {
       options(t3, n3) {
         if (t3) {
           const o3 = n3 ? s2() : {};
-          const e3 = getOptionsDiff(d2, assignDeep(o3, validateOptions(t3)));
+          const e3 = getOptionsDiff(f2, assignDeep(o3, validateOptions(t3)));
           if (!isEmptyObject(e3)) {
-            assignDeep(d2, e3);
+            assignDeep(f2, e3);
             update(e3);
           }
         }
-        return assignDeep({}, d2);
+        return assignDeep({}, f2);
       },
-      on: f2,
+      on: d2,
       off: (t3, n3) => {
         t3 && n3 && _2(t3, n3);
       },
       state() {
-        const { zt: t3, Tt: n3, Ct: o3, Et: s3, K: e3, St: c3, bt: r3 } = g();
+        const { zt: t3, Et: n3, Ot: o3, At: s3, tt: e3, $t: c3, yt: r3 } = v2();
         return assignDeep({}, {
           overflowEdge: t3,
           overflowAmount: n3,
@@ -2359,10 +2454,10 @@ const OverlayScrollbars = (t2, n2, o2) => {
         });
       },
       elements() {
-        const { W: t3, Z: n3, K: o3, J: s3, tt: e3, ot: c3, st: r3 } = g.qt;
-        const { Jt: i3, nn: l3 } = b2.qt;
+        const { Z: t3, J: n3, tt: o3, K: s3, nt: e3, st: c3, et: r3 } = v2.Ft;
+        const { tn: l3, cn: i3 } = b2.Ft;
         const translateScrollbarStructure = (t4) => {
-          const { Ft: n4, Gt: o4, Xt: s4 } = t4;
+          const { Gt: n4, Xt: o4, Ut: s4 } = t4;
           return {
             scrollbar: s4,
             track: o4,
@@ -2370,12 +2465,12 @@ const OverlayScrollbars = (t2, n2, o2) => {
           };
         };
         const translateScrollbarsSetupElement = (t4) => {
-          const { Kt: n4, Qt: o4 } = t4;
+          const { nn: n4, sn: o4 } = t4;
           const s4 = translateScrollbarStructure(n4[0]);
           return assignDeep({}, s4, {
             clone: () => {
               const t5 = translateScrollbarStructure(o4());
-              p2({}, true, {});
+              w2({}, true, {});
               return t5;
             }
           });
@@ -2388,35 +2483,35 @@ const OverlayScrollbars = (t2, n2, o2) => {
           content: e3 || s3,
           scrollOffsetElement: c3,
           scrollEventElement: r3,
-          scrollbarHorizontal: translateScrollbarsSetupElement(i3),
-          scrollbarVertical: translateScrollbarsSetupElement(l3)
+          scrollbarHorizontal: translateScrollbarsSetupElement(l3),
+          scrollbarVertical: translateScrollbarsSetupElement(i3)
         });
       },
       update: (t3) => update({}, t3),
       destroy: destroy.bind(0)
     };
-    g.jt((t3, n3, o3) => {
-      p2(n3, o3, t3);
+    v2.Nt((t3, n3, o3) => {
+      w2(n3, o3, t3);
     });
-    addInstance(a2, $2);
-    each(keys(i2), (t3) => invokePluginInstance(i2[t3], 0, $2));
-    if (cancelInitialization(g.qt.it, e2().cancel, !l2 && t2.cancel)) {
+    addInstance(a2, x2);
+    each(keys(l2), (t3) => invokePluginInstance(l2[t3], 0, x2));
+    if (cancelInitialization(v2.Ft.it, e2().cancel, !i2 && t2.cancel)) {
       destroy(true);
-      return $2;
-    }
-    g.Nt();
-    b2.Nt();
-    h2("initialized", [$2]);
-    g.jt((t3, n3, o3) => {
-      const { gt: s3, yt: e3, vt: c3, At: r3, Lt: i3, It: l3, wt: a3, Ot: u4 } = t3;
-      h2("updated", [$2, {
+      return x2;
+    }
+    v2.qt();
+    b2.qt();
+    h2("initialized", [x2]);
+    v2.Nt((t3, n3, o3) => {
+      const { wt: s3, St: e3, vt: c3, Ht: r3, Lt: l3, It: i3, bt: a3, Tt: u4 } = t3;
+      h2("updated", [x2, {
         updateHints: {
           sizeChanged: s3,
           directionChanged: e3,
           heightIntrinsicChanged: c3,
           overflowEdgeChanged: r3,
-          overflowAmountChanged: i3,
-          overflowStyleChanged: l3,
+          overflowAmountChanged: l3,
+          overflowStyleChanged: i3,
           contentMutation: a3,
           hostMutation: u4
         },
@@ -2424,8 +2519,8 @@ const OverlayScrollbars = (t2, n2, o2) => {
         force: o3
       }]);
     });
-    $2.update(true);
-    return $2;
+    x2.update(true);
+    return x2;
   }
   return u2;
 };
@@ -2438,7 +2533,7 @@ OverlayScrollbars.valid = (t2) => {
   return isPlainObject(o2) && !!getInstance(o2.target);
 };
 OverlayScrollbars.env = () => {
-  const { k: t2, A: n2, I: o2, B: s2, V: e2, L: c2, X: r2, U: i2, N: l2, q: a2, F: u2, G: d2 } = getEnvironment();
+  const { k: t2, I: n2, A: o2, V: s2, Y: e2, H: c2, B: r2, U: l2, W: i2, q: a2, F: u2, G: f2, X: d2 } = getEnvironment();
   return assignDeep({}, {
     scrollbarsSize: t2,
     scrollbarsOverlaid: n2,
@@ -2446,43 +2541,44 @@ OverlayScrollbars.env = () => {
     rtlScrollBehavior: s2,
     flexboxGlue: e2,
     cssCustomProperties: c2,
-    staticDefaultInitialization: r2,
+    scrollTimeline: r2,
+    staticDefaultInitialization: l2,
     staticDefaultOptions: i2,
-    getDefaultInitialization: l2,
-    setDefaultInitialization: a2,
-    getDefaultOptions: u2,
+    getDefaultInitialization: a2,
+    setDefaultInitialization: u2,
+    getDefaultOptions: f2,
     setDefaultOptions: d2
   });
 };
-const O = () => {
+const S = () => {
   if (typeof window > "u") {
     const n2 = () => {
     };
     return [n2, n2];
   }
-  let l2, c2;
-  const t2 = window, o2 = typeof t2.requestIdleCallback == "function", a2 = t2.requestAnimationFrame, i2 = t2.cancelAnimationFrame, r2 = o2 ? t2.requestIdleCallback : a2, u2 = o2 ? t2.cancelIdleCallback : i2, s2 = () => {
-    u2(l2), i2(c2);
+  let l2, o2;
+  const t2 = window, c2 = typeof t2.requestIdleCallback == "function", a2 = t2.requestAnimationFrame, i2 = t2.cancelAnimationFrame, r2 = c2 ? t2.requestIdleCallback : a2, u2 = c2 ? t2.cancelIdleCallback : i2, s2 = () => {
+    u2(l2), i2(o2);
   };
   return [
     (n2, e2) => {
       s2(), l2 = r2(
-        o2 ? () => {
-          s2(), c2 = a2(n2);
+        c2 ? () => {
+          s2(), o2 = a2(n2);
         } : n2,
         typeof e2 == "object" ? e2 : { timeout: 2233 }
       );
     },
     s2
   ];
-}, S = (l2) => {
-  const { options: c2, events: t2, defer: o2 } = l2 || {}, [a2, i2] = useMemo(O, []), r2 = useRef(null), u2 = useRef(o2), s2 = useRef(c2), n2 = useRef(t2);
+}, F = (l2) => {
+  const { options: o2, events: t2, defer: c2 } = l2 || {}, [a2, i2] = useMemo(S, []), r2 = useRef(null), u2 = useRef(c2), s2 = useRef(o2), n2 = useRef(t2);
   return useEffect(() => {
-    u2.current = o2;
-  }, [o2]), useEffect(() => {
-    const { current: e2 } = r2;
-    s2.current = c2, OverlayScrollbars.valid(e2) && e2.options(c2 || {}, true);
+    u2.current = c2;
   }, [c2]), useEffect(() => {
+    const { current: e2 } = r2;
+    s2.current = o2, OverlayScrollbars.valid(e2) && e2.options(o2 || {}, true);
+  }, [o2]), useEffect(() => {
     const { current: e2 } = r2;
     n2.current = t2, OverlayScrollbars.valid(e2) && e2.on(t2 || {}, true);
   }, [t2]), useEffect(
@@ -2494,45 +2590,51 @@ const O = () => {
   ), useMemo(
     () => [
       (e2) => {
-        const y2 = r2.current;
-        if (OverlayScrollbars.valid(y2))
+        const v2 = r2.current;
+        if (OverlayScrollbars.valid(v2))
           return;
-        const d2 = u2.current, I2 = s2.current || {}, m2 = n2.current || {}, p2 = () => r2.current = OverlayScrollbars(e2, I2, m2);
-        d2 ? a2(p2, d2) : p2();
+        const f2 = u2.current, y2 = s2.current || {}, b2 = n2.current || {}, m2 = () => r2.current = OverlayScrollbars(e2, y2, b2);
+        f2 ? a2(m2, f2) : m2();
       },
       () => r2.current
     ],
     []
   );
-}, F = (l2, c2) => {
-  const _a = l2, { element: t2 = "div", options: o2, events: a2, defer: i2, children: r2 } = _a, u2 = __objRest(_a, ["element", "options", "events", "defer", "children"]), s2 = t2, n2 = useRef(null), e2 = useRef(null), [y2, d2] = S({ options: o2, events: a2, defer: i2 });
+}, q = (l2, o2) => {
+  const _a = l2, { element: t2 = "div", options: c2, events: a2, defer: i2, children: r2 } = _a, u2 = __objRest(_a, ["element", "options", "events", "defer", "children"]), s2 = t2, n2 = useRef(null), e2 = useRef(null), [v2, f2] = F({ options: c2, events: a2, defer: i2 });
   return useEffect(() => {
-    const { current: I2 } = n2, { current: m2 } = e2;
-    return I2 && m2 && y2({
-      target: I2,
-      elements: {
-        viewport: m2,
-        content: m2
+    const { current: y2 } = n2, { current: b2 } = e2;
+    if (!y2)
+      return;
+    const m2 = y2;
+    return v2(
+      t2 === "body" ? {
+        target: m2,
+        cancel: {
+          body: null
+        }
+      } : {
+        target: m2,
+        elements: {
+          viewport: b2,
+          content: b2
+        }
       }
-    }), () => {
-      var p2;
-      return (p2 = d2()) == null ? void 0 : p2.destroy();
+    ), () => {
+      var R2;
+      return (R2 = f2()) == null ? void 0 : R2.destroy();
     };
-  }, [y2, t2]), useImperativeHandle(
-    c2,
+  }, [v2, t2]), useImperativeHandle(
+    o2,
     () => ({
-      osInstance: d2,
+      osInstance: f2,
       getElement: () => n2.current
     }),
     []
-  ), /* @__PURE__ */ React__default.createElement(s2, __spreadValues({
-    "data-overlayscrollbars-initialize": "",
-    ref: n2
-  }, u2), /* @__PURE__ */ React__default.createElement("div", {
-    ref: e2
-  }, r2));
-};
-forwardRef(F);
+  ), // @ts-ignore
+  /* @__PURE__ */ React__default.createElement(s2, __spreadValues({ "data-overlayscrollbars-initialize": "", ref: n2 }, u2), t2 === "body" ? r2 : /* @__PURE__ */ React__default.createElement("div", { "data-overlayscrollbars-contents": "", ref: e2 }, r2));
+};
+forwardRef(q);
 export {
-  S
+  F
 };