vxui-react 1.2.3 → 1.2.4

package/dist/index.js

@@ -550,8 +550,8 @@ function Ui({
   menuButtonLabel: g = "Open navigation",
   sidebarCollapseLabel: h = "Collapse",
   sidebarExpandLabel: _ = "Expand",
-  sidebarCloseLabel: f = "Close sidebar",
-  density: v,
+  sidebarCloseLabel: v = "Close sidebar",
+  density: f,
   headerActions: m,
   sidebarFooter: x,
   children: N
@@ -570,7 +570,7 @@ function Ui({
       P
     );
   }
-  return /* @__PURE__ */ w(xa, { collapsed: c, mobileNavOpen: p, density: v, sidebarWidth: u, children: [
+  return /* @__PURE__ */ w(xa, { collapsed: c, mobileNavOpen: p, density: f, sidebarWidth: u, children: [
     /* @__PURE__ */ a(
       ya,
       {
@@ -586,7 +586,7 @@ function Ui({
         children: /* @__PURE__ */ a(_a, { children: E.map((A, P) => /* @__PURE__ */ a(wa, { title: A.title, children: A.items.map(C) }, A.key ?? A.title ?? P)) })
       }
     ),
-    k ? /* @__PURE__ */ a(Na, { onClose: k, closeLabel: f }) : null,
+    k ? /* @__PURE__ */ a(Na, { onClose: k, closeLabel: v }) : null,
     /* @__PURE__ */ w(Sa, { children: [
       /* @__PURE__ */ a(
         Ea,
@@ -891,7 +891,7 @@ var Wa = "DismissableLayer", ft = "dismissableLayer.update", Ha = "dismissableLa
       onInteractOutside: l,
       onDismiss: i,
       ...d
-    } = e, c = y.useContext(Nn), [u, p] = y.useState(null), b = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, k] = y.useState({}), S = Y(t, (E) => p(E)), g = Array.from(c.layers), [h] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = g.indexOf(h), f = u ? g.indexOf(u) : -1, v = c.layersWithOutsidePointerEventsDisabled.size > 0, m = f >= _, x = Ka((E) => {
+    } = e, c = y.useContext(Nn), [u, p] = y.useState(null), b = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, k] = y.useState({}), S = Y(t, (E) => p(E)), g = Array.from(c.layers), [h] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = g.indexOf(h), v = u ? g.indexOf(u) : -1, f = c.layersWithOutsidePointerEventsDisabled.size > 0, m = v >= _, x = Ka((E) => {
       const C = E.target, A = [...c.branches].some((P) => P.contains(C));
       !m || A || (o == null || o(E), l == null || l(E), E.defaultPrevented || i == null || i());
     }, b), N = Va((E) => {
@@ -899,7 +899,7 @@ var Wa = "DismissableLayer", ft = "dismissableLayer.update", Ha = "dismissableLa
       [...c.branches].some((P) => P.contains(C)) || (s == null || s(E), l == null || l(E), E.defaultPrevented || i == null || i());
     }, b);
     return Ua((E) => {
-      f === c.layers.size - 1 && (r == null || r(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
+      v === c.layers.size - 1 && (r == null || r(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
     }, b), y.useEffect(() => {
       if (u)
         return n && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Wt = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), Ht(), () => {
@@ -916,7 +916,7 @@ var Wa = "DismissableLayer", ft = "dismissableLayer.update", Ha = "dismissableLa
         ...d,
         ref: S,
         style: {
-          pointerEvents: v ? m ? "auto" : "none" : void 0,
+          pointerEvents: f ? m ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: W(e.onFocusCapture, N.onFocusCapture),
@@ -1011,23 +1011,23 @@ var qa = yt, Ya = Sn, tt = "focusScope.autoFocusOnMount", nt = "focusScope.autoF
   }).current;
   y.useEffect(() => {
     if (r) {
-      let g = function(v) {
+      let g = function(f) {
         if (k.paused || !i) return;
-        const m = v.target;
+        const m = f.target;
         i.contains(m) ? p.current = m : re(p.current, { select: !0 });
-      }, h = function(v) {
+      }, h = function(f) {
         if (k.paused || !i) return;
-        const m = v.relatedTarget;
+        const m = f.relatedTarget;
         m !== null && (i.contains(m) || re(p.current, { select: !0 }));
-      }, _ = function(v) {
+      }, _ = function(f) {
         if (document.activeElement === document.body)
-          for (const x of v)
+          for (const x of f)
             x.removedNodes.length > 0 && re(i);
       };
       document.addEventListener("focusin", g), document.addEventListener("focusout", h);
-      const f = new MutationObserver(_);
-      return i && f.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", g), document.removeEventListener("focusout", h), f.disconnect();
+      const v = new MutationObserver(_);
+      return i && v.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", g), document.removeEventListener("focusout", h), v.disconnect();
       };
     }
   }, [r, i, k.paused]), y.useEffect(() => {
@@ -1051,8 +1051,8 @@ var qa = yt, Ya = Sn, tt = "focusScope.autoFocusOnMount", nt = "focusScope.autoF
       if (!n && !r || k.paused) return;
       const h = g.key === "Tab" && !g.altKey && !g.ctrlKey && !g.metaKey, _ = document.activeElement;
       if (h && _) {
-        const f = g.currentTarget, [v, m] = Qa(f);
-        v && m ? !g.shiftKey && _ === m ? (g.preventDefault(), n && re(v, { select: !0 })) : g.shiftKey && _ === v && (g.preventDefault(), n && re(m, { select: !0 })) : _ === f && g.preventDefault();
+        const v = g.currentTarget, [f, m] = Qa(v);
+        f && m ? !g.shiftKey && _ === m ? (g.preventDefault(), n && re(f, { select: !0 })) : g.shiftKey && _ === f && (g.preventDefault(), n && re(m, { select: !0 })) : _ === v && g.preventDefault();
       }
     },
     [n, r, k.paused]
@@ -1357,12 +1357,12 @@ var Rn = go(), ot = function() {
     onScrollCapture: ot,
     onWheelCapture: ot,
     onTouchMoveCapture: ot
-  }), o = r[0], s = r[1], l = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, u = e.enabled, p = e.shards, b = e.sideCar, k = e.noRelative, S = e.noIsolation, g = e.inert, h = e.allowPinchZoom, _ = e.as, f = _ === void 0 ? "div" : _, v = e.gapMode, m = An(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = b, N = fo([n, t]), E = ee(ee({}, m), o);
+  }), o = r[0], s = r[1], l = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, u = e.enabled, p = e.shards, b = e.sideCar, k = e.noRelative, S = e.noIsolation, g = e.inert, h = e.allowPinchZoom, _ = e.as, v = _ === void 0 ? "div" : _, f = e.gapMode, m = An(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = b, N = fo([n, t]), E = ee(ee({}, m), o);
   return y.createElement(
     y.Fragment,
     null,
-    u && y.createElement(x, { sideCar: Rn, removeScrollBar: c, shards: p, noRelative: k, noIsolation: S, inert: g, setCallbacks: s, allowPinchZoom: !!h, lockRef: n, gapMode: v }),
-    l ? y.cloneElement(y.Children.only(i), ee(ee({}, E), { ref: N })) : y.createElement(f, ee({}, E, { className: d, ref: N }), i)
+    u && y.createElement(x, { sideCar: Rn, removeScrollBar: c, shards: p, noRelative: k, noIsolation: S, inert: g, setCallbacks: s, allowPinchZoom: !!h, lockRef: n, gapMode: f }),
+    l ? y.cloneElement(y.Children.only(i), ee(ee({}, E), { ref: N })) : y.createElement(v, ee({}, E, { className: d, ref: N }), i)
   );
 });
 Ke.defaultProps = {
@@ -1566,8 +1566,8 @@ var ue = mt ? { passive: !1 } : !1, Do = function(e) {
       break;
     var k = In(e, i), S = k[0], g = k[1], h = k[2], _ = g - h - s * S;
     (S || _) && Ln(e, i) && (p += _, b += S);
-    var f = i.parentNode;
-    i = f && f.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? f.host : f;
+    var v = i.parentNode;
+    i = v && v.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? v.host : v;
   } while (
     // portaled content
     !d && i !== document.body || // self content
@@ -1608,7 +1608,7 @@ function Wo(e) {
   var i = y.useCallback(function(g, h) {
     if ("touches" in g && g.touches.length === 2 || g.type === "wheel" && g.ctrlKey)
       return !l.current.allowPinchZoom;
-    var _ = Fe(g), f = n.current, v = "deltaX" in g ? g.deltaX : f[0] - _[0], m = "deltaY" in g ? g.deltaY : f[1] - _[1], x, N = g.target, E = Math.abs(v) > Math.abs(m) ? "h" : "v";
+    var _ = Fe(g), v = n.current, f = "deltaX" in g ? g.deltaX : v[0] - _[0], m = "deltaY" in g ? g.deltaY : v[1] - _[1], x, N = g.target, E = Math.abs(f) > Math.abs(m) ? "h" : "v";
     if ("touches" in g && E === "h" && N.type === "range")
       return !1;
     var C = window.getSelection(), A = C && C.anchorNode, P = A ? A === N || A.contains(N) : !1;
@@ -1619,32 +1619,32 @@ function Wo(e) {
       return !0;
     if (F ? x = E : (x = E === "v" ? "h" : "v", F = Zt(E, N)), !F)
       return !1;
-    if (!r.current && "changedTouches" in g && (v || m) && (r.current = x), !x)
+    if (!r.current && "changedTouches" in g && (f || m) && (r.current = x), !x)
       return !0;
     var D = r.current || x;
-    return Oo(D, h, g, D === "h" ? v : m);
+    return Oo(D, h, g, D === "h" ? f : m);
   }, []), d = y.useCallback(function(g) {
     var h = g;
     if (!(!pe.length || pe[pe.length - 1] !== s)) {
-      var _ = "deltaY" in h ? Qt(h) : Fe(h), f = t.current.filter(function(x) {
+      var _ = "deltaY" in h ? Qt(h) : Fe(h), v = t.current.filter(function(x) {
         return x.name === h.type && (x.target === h.target || h.target === x.shadowParent) && Bo(x.delta, _);
       })[0];
-      if (f && f.should) {
+      if (v && v.should) {
         h.cancelable && h.preventDefault();
         return;
       }
-      if (!f) {
-        var v = (l.current.shards || []).map(Jt).filter(Boolean).filter(function(x) {
+      if (!v) {
+        var f = (l.current.shards || []).map(Jt).filter(Boolean).filter(function(x) {
           return x.contains(h.target);
-        }), m = v.length > 0 ? i(h, v[0]) : !l.current.noIsolation;
+        }), m = f.length > 0 ? i(h, f[0]) : !l.current.noIsolation;
         m && h.cancelable && h.preventDefault();
       }
     }
-  }, []), c = y.useCallback(function(g, h, _, f) {
-    var v = { name: g, delta: h, target: _, should: f, shadowParent: Ho(_) };
-    t.current.push(v), setTimeout(function() {
+  }, []), c = y.useCallback(function(g, h, _, v) {
+    var f = { name: g, delta: h, target: _, should: v, shadowParent: Ho(_) };
+    t.current.push(f), setTimeout(function() {
       t.current = t.current.filter(function(m) {
-        return m !== v;
+        return m !== f;
       });
     }, 1);
   }, []), u = y.useCallback(function(g) {
@@ -2069,7 +2069,7 @@ var qe = "Switch", [ss] = he(qe), [is, ls] = ss(qe), er = y.forwardRef(
       onCheckedChange: c,
       form: u,
       ...p
-    } = e, [b, k] = y.useState(null), S = Y(t, (v) => k(v)), g = y.useRef(!1), h = b ? u || !!b.closest("form") : !0, [_, f] = Se({
+    } = e, [b, k] = y.useState(null), S = Y(t, (f) => k(f)), g = y.useRef(!1), h = b ? u || !!b.closest("form") : !0, [_, v] = Se({
       prop: o,
       defaultProp: s ?? !1,
       onChange: c,
@@ -2089,8 +2089,8 @@ var qe = "Switch", [ss] = he(qe), [is, ls] = ss(qe), er = y.forwardRef(
           value: d,
           ...p,
           ref: S,
-          onClick: W(e.onClick, (v) => {
-            f((m) => !m), h && (g.current = v.isPropagationStopped(), g.current || v.stopPropagation());
+          onClick: W(e.onClick, (f) => {
+            v((m) => !m), h && (g.current = f.isPropagationStopped(), g.current || f.stopPropagation());
           })
         }
       ),
@@ -2187,32 +2187,32 @@ function or(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), l = (g) => {
-    const { scope: h, children: _ } = g, f = se.useRef(null), v = se.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ a(o, { scope: h, itemMap: v, collectionRef: f, children: _ });
+    const { scope: h, children: _ } = g, v = se.useRef(null), f = se.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ a(o, { scope: h, itemMap: f, collectionRef: v, children: _ });
   };
   l.displayName = t;
   const i = e + "CollectionSlot", d = /* @__PURE__ */ Ue(i), c = se.forwardRef(
     (g, h) => {
-      const { scope: _, children: f } = g, v = s(i, _), m = Y(h, v.collectionRef);
-      return /* @__PURE__ */ a(d, { ref: m, children: f });
+      const { scope: _, children: v } = g, f = s(i, _), m = Y(h, f.collectionRef);
+      return /* @__PURE__ */ a(d, { ref: m, children: v });
     }
   );
   c.displayName = i;
   const u = e + "CollectionItemSlot", p = "data-radix-collection-item", b = /* @__PURE__ */ Ue(u), k = se.forwardRef(
     (g, h) => {
-      const { scope: _, children: f, ...v } = g, m = se.useRef(null), x = Y(h, m), N = s(u, _);
-      return se.useEffect(() => (N.itemMap.set(m, { ref: m, ...v }), () => void N.itemMap.delete(m))), /* @__PURE__ */ a(b, { [p]: "", ref: x, children: f });
+      const { scope: _, children: v, ...f } = g, m = se.useRef(null), x = Y(h, m), N = s(u, _);
+      return se.useEffect(() => (N.itemMap.set(m, { ref: m, ...f }), () => void N.itemMap.delete(m))), /* @__PURE__ */ a(b, { [p]: "", ref: x, children: v });
     }
   );
   k.displayName = u;
   function S(g) {
     const h = s(e + "CollectionConsumer", g);
     return se.useCallback(() => {
-      const f = h.collectionRef.current;
-      if (!f) return [];
-      const v = Array.from(f.querySelectorAll(`[${p}]`));
+      const v = h.collectionRef.current;
+      if (!v) return [];
+      const f = Array.from(v.querySelectorAll(`[${p}]`));
       return Array.from(h.itemMap.values()).sort(
-        (N, E) => v.indexOf(N.ref.current) - v.indexOf(E.ref.current)
+        (N, E) => f.indexOf(N.ref.current) - f.indexOf(E.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
@@ -2251,12 +2251,12 @@ var bs = y.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: d,
     caller: Ee
-  }), [_, f] = y.useState(!1), v = te(c), m = ir(n), x = y.useRef(!1), [N, E] = y.useState(0);
+  }), [_, v] = y.useState(!1), f = te(c), m = ir(n), x = y.useRef(!1), [N, E] = y.useState(0);
   return y.useEffect(() => {
     const C = b.current;
     if (C)
-      return C.addEventListener(lt, v), () => C.removeEventListener(lt, v);
-  }, [v]), /* @__PURE__ */ a(
+      return C.addEventListener(lt, f), () => C.removeEventListener(lt, f);
+  }, [f]), /* @__PURE__ */ a(
     hs,
     {
       scope: n,
@@ -2268,7 +2268,7 @@ var bs = y.forwardRef((e, t) => {
         (C) => h(C),
         [h]
       ),
-      onItemShiftTab: y.useCallback(() => f(!0), []),
+      onItemShiftTab: y.useCallback(() => v(!0), []),
       onFocusableItemAdd: y.useCallback(
         () => E((C) => C + 1),
         []
@@ -2301,7 +2301,7 @@ var bs = y.forwardRef((e, t) => {
             }
             x.current = !1;
           }),
-          onBlur: W(e.onBlur, () => f(!1))
+          onBlur: W(e.onBlur, () => v(!1))
         }
       )
     }
@@ -2347,14 +2347,14 @@ var bs = y.forwardRef((e, t) => {
               if (_ !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
-                let v = b().filter((m) => m.focusable).map((m) => m.ref.current);
-                if (_ === "last") v.reverse();
+                let f = b().filter((m) => m.focusable).map((m) => m.ref.current);
+                if (_ === "last") f.reverse();
                 else if (_ === "prev" || _ === "next") {
-                  _ === "prev" && v.reverse();
-                  const m = v.indexOf(h.currentTarget);
-                  v = u.loop ? ws(v, m + 1) : v.slice(m + 1);
+                  _ === "prev" && f.reverse();
+                  const m = f.indexOf(h.currentTarget);
+                  f = u.loop ? ws(f, m + 1) : f.slice(m + 1);
                 }
-                setTimeout(() => pr(v));
+                setTimeout(() => pr(f));
               }
             }),
             children: typeof l == "function" ? l({ isCurrentTabStop: p, hasTabStop: g != null }) : l
@@ -3002,57 +3002,57 @@ var Tr = "ToastViewport", zs = ["F8"], gt = "toast.viewportPause", bt = "toast.v
     } = e, l = Xe(Tr, n), i = $s(n), d = y.useRef(null), c = y.useRef(null), u = y.useRef(null), p = y.useRef(null), b = Y(t, p, l.onViewportChange), k = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = l.toastCount > 0;
     y.useEffect(() => {
       const h = (_) => {
-        var v;
-        r.length !== 0 && r.every((m) => _[m] || _.code === m) && ((v = p.current) == null || v.focus());
+        var f;
+        r.length !== 0 && r.every((m) => _[m] || _.code === m) && ((f = p.current) == null || f.focus());
       };
       return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
     }, [r]), y.useEffect(() => {
       const h = d.current, _ = p.current;
       if (S && h && _) {
-        const f = () => {
+        const v = () => {
           if (!l.isClosePausedRef.current) {
             const N = new CustomEvent(gt);
             _.dispatchEvent(N), l.isClosePausedRef.current = !0;
           }
-        }, v = () => {
+        }, f = () => {
           if (l.isClosePausedRef.current) {
             const N = new CustomEvent(bt);
             _.dispatchEvent(N), l.isClosePausedRef.current = !1;
           }
         }, m = (N) => {
-          !h.contains(N.relatedTarget) && v();
+          !h.contains(N.relatedTarget) && f();
         }, x = () => {
-          h.contains(document.activeElement) || v();
+          h.contains(document.activeElement) || f();
         };
-        return h.addEventListener("focusin", f), h.addEventListener("focusout", m), h.addEventListener("pointermove", f), h.addEventListener("pointerleave", x), window.addEventListener("blur", f), window.addEventListener("focus", v), () => {
-          h.removeEventListener("focusin", f), h.removeEventListener("focusout", m), h.removeEventListener("pointermove", f), h.removeEventListener("pointerleave", x), window.removeEventListener("blur", f), window.removeEventListener("focus", v);
+        return h.addEventListener("focusin", v), h.addEventListener("focusout", m), h.addEventListener("pointermove", v), h.addEventListener("pointerleave", x), window.addEventListener("blur", v), window.addEventListener("focus", f), () => {
+          h.removeEventListener("focusin", v), h.removeEventListener("focusout", m), h.removeEventListener("pointermove", v), h.removeEventListener("pointerleave", x), window.removeEventListener("blur", v), window.removeEventListener("focus", f);
         };
       }
     }, [S, l.isClosePausedRef]);
     const g = y.useCallback(
       ({ tabbingDirection: h }) => {
-        const f = i().map((v) => {
-          const m = v.ref.current, x = [m, ...ei(m)];
+        const v = i().map((f) => {
+          const m = f.ref.current, x = [m, ...ei(m)];
           return h === "forwards" ? x : x.reverse();
         });
-        return (h === "forwards" ? f.reverse() : f).flat();
+        return (h === "forwards" ? v.reverse() : v).flat();
       },
       [i]
     );
     return y.useEffect(() => {
       const h = p.current;
       if (h) {
-        const _ = (f) => {
+        const _ = (v) => {
           var x, N, E;
-          const v = f.altKey || f.ctrlKey || f.metaKey;
-          if (f.key === "Tab" && !v) {
-            const C = document.activeElement, A = f.shiftKey;
-            if (f.target === h && A) {
+          const f = v.altKey || v.ctrlKey || v.metaKey;
+          if (v.key === "Tab" && !f) {
+            const C = document.activeElement, A = v.shiftKey;
+            if (v.target === h && A) {
               (x = c.current) == null || x.focus();
               return;
             }
             const D = g({ tabbingDirection: A ? "backwards" : "forwards" }), O = D.findIndex((R) => R === C);
-            ct(D.slice(O + 1)) ? f.preventDefault() : A ? (N = c.current) == null || N.focus() : (E = u.current) == null || E.focus();
+            ct(D.slice(O + 1)) ? v.preventDefault() : A ? (N = c.current) == null || N.focus() : (E = u.current) == null || E.focus();
           }
         };
         return h.addEventListener("keydown", _), () => h.removeEventListener("keydown", _);
@@ -3172,7 +3172,7 @@ var [js, Ks] = Sr(Te, {
       onSwipeCancel: b,
       onSwipeEnd: k,
       ...S
-    } = e, g = Xe(Te, n), [h, _] = y.useState(null), f = Y(t, (R) => _(R)), v = y.useRef(null), m = y.useRef(null), x = o || g.duration, N = y.useRef(0), E = y.useRef(x), C = y.useRef(0), { onToastAdd: A, onToastRemove: P } = g, F = te(() => {
+    } = e, g = Xe(Te, n), [h, _] = y.useState(null), v = Y(t, (R) => _(R)), f = y.useRef(null), m = y.useRef(null), x = o || g.duration, N = y.useRef(0), E = y.useRef(x), C = y.useRef(0), { onToastAdd: A, onToastRemove: P } = g, F = te(() => {
       var I;
       (h == null ? void 0 : h.contains(document.activeElement)) && ((I = g.viewport) == null || I.focus()), l();
     }), D = y.useCallback(
@@ -3223,26 +3223,26 @@ var [js, Ks] = Sr(Te, {
                 "data-state": s ? "open" : "closed",
                 "data-swipe-direction": g.swipeDirection,
                 ...S,
-                ref: f,
+                ref: v,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
                 onKeyDown: W(e.onKeyDown, (R) => {
                   R.key === "Escape" && (i == null || i(R.nativeEvent), R.nativeEvent.defaultPrevented || (g.isFocusedToastEscapeKeyDownRef.current = !0, F()));
                 }),
                 onPointerDown: W(e.onPointerDown, (R) => {
-                  R.button === 0 && (v.current = { x: R.clientX, y: R.clientY });
+                  R.button === 0 && (f.current = { x: R.clientX, y: R.clientY });
                 }),
                 onPointerMove: W(e.onPointerMove, (R) => {
-                  if (!v.current) return;
-                  const I = R.clientX - v.current.x, z = R.clientY - v.current.y, M = !!m.current, $ = ["left", "right"].includes(g.swipeDirection), H = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, J = $ ? H(0, I) : 0, ce = $ ? 0 : H(0, z), K = R.pointerType === "touch" ? 10 : 2, de = { x: J, y: ce }, X = { originalEvent: R, delta: de };
+                  if (!f.current) return;
+                  const I = R.clientX - f.current.x, z = R.clientY - f.current.y, M = !!m.current, $ = ["left", "right"].includes(g.swipeDirection), H = ["left", "up"].includes(g.swipeDirection) ? Math.min : Math.max, J = $ ? H(0, I) : 0, ce = $ ? 0 : H(0, z), K = R.pointerType === "touch" ? 10 : 2, de = { x: J, y: ce }, X = { originalEvent: R, delta: de };
                   M ? (m.current = de, Me(Ws, p, X, {
                     discrete: !1
                   })) : en(de, g.swipeDirection, K) ? (m.current = de, Me(Us, u, X, {
                     discrete: !1
-                  }), R.target.setPointerCapture(R.pointerId)) : (Math.abs(I) > K || Math.abs(z) > K) && (v.current = null);
+                  }), R.target.setPointerCapture(R.pointerId)) : (Math.abs(I) > K || Math.abs(z) > K) && (f.current = null);
                 }),
                 onPointerUp: W(e.onPointerUp, (R) => {
                   const I = m.current, z = R.target;
-                  if (z.hasPointerCapture(R.pointerId) && z.releasePointerCapture(R.pointerId), m.current = null, v.current = null, I) {
+                  if (z.hasPointerCapture(R.pointerId) && z.releasePointerCapture(R.pointerId), m.current = null, f.current = null, I) {
                     const M = R.currentTarget, $ = { originalEvent: R, delta: I };
                     en(I, g.swipeDirection, g.swipeThreshold) ? Me(Gs, k, $, {
                       discrete: !0
@@ -3557,21 +3557,21 @@ function ul({
           }
         ),
         e.map((_) => {
-          const f = u === _.value;
+          const v = u === _.value;
           return /* @__PURE__ */ a(
             "button",
             {
-              ref: (v) => {
-                S.current[_.value] = v;
+              ref: (f) => {
+                S.current[_.value] = f;
               },
               type: "button",
               role: "radio",
-              "aria-checked": f,
+              "aria-checked": v,
               disabled: _.disabled,
               onClick: () => !_.disabled && g(_.value),
               className: T(
                 "vx-segmented-control__item",
-                f && "vx-segmented-control__item--active"
+                v && "vx-segmented-control__item--active"
               ),
               children: _.label
             },
@@ -3856,7 +3856,7 @@ function wl({
     };
   }, [u, b]);
   const S = t ?? (n ? [{ items: n }] : []);
-  return /* @__PURE__ */ w("div", { ref: p, className: T("vx-dropdown", o), children: [
+  return /* @__PURE__ */ w("div", { ref: p, className: T("vx-dropdown", u && "vx-dropdown--open", o), children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -3873,7 +3873,7 @@ function wl({
     u ? /* @__PURE__ */ a("div", { className: T("vx-dropdown__menu", `vx-dropdown__menu--${r}`), role: "menu", children: S.map((g, h) => /* @__PURE__ */ w("div", { className: "vx-dropdown__group", children: [
       g.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__group-label", children: g.label }) : null,
       h > 0 && !g.label ? /* @__PURE__ */ a("div", { className: "vx-dropdown__separator", role: "separator" }) : null,
-      g.items.map((_, f) => /* @__PURE__ */ w(
+      g.items.map((_, v) => /* @__PURE__ */ w(
         "button",
         {
           role: "menuitem",
@@ -3884,8 +3884,8 @@ function wl({
             _.disabled && "vx-dropdown__item--disabled"
           ),
           onClick: () => {
-            var v;
-            _.disabled || ((v = _.onClick) == null || v.call(_), b(!1));
+            var f;
+            _.disabled || ((f = _.onClick) == null || f.call(_), b(!1));
           },
           children: [
             _.icon ? /* @__PURE__ */ a("span", { className: "vx-dropdown__item-icon", children: _.icon }) : null,
@@ -3893,7 +3893,7 @@ function wl({
             _.shortcut ? /* @__PURE__ */ a("kbd", { className: "vx-dropdown__shortcut", children: _.shortcut }) : null
           ]
         },
-        f
+        v
       ))
     ] }, h)) }) : null
   ] });
@@ -4049,9 +4049,9 @@ function Cl({
   sortDirection: g,
   onSortChange: h,
   className: _,
-  ...f
+  ...v
 }) {
-  const v = l ? "sm" : n, [m, x] = L(null), [N, E] = L(null), C = S !== void 0, A = C ? S : m, P = C ? g ?? null : N, F = j((D) => {
+  const f = l ? "sm" : n, [m, x] = L(null), [N, E] = L(null), C = S !== void 0, A = C ? S : m, P = C ? g ?? null : N, F = j((D) => {
     let O;
     A !== D ? O = "asc" : P === "asc" ? O = "desc" : P === "desc" ? O = null : O = "asc", C || (x(O === null ? null : D), E(O)), h == null || h(D, O);
   }, [A, P, C, h]);
@@ -4060,7 +4060,7 @@ function Cl({
     d && "vx-table-wrap--borderless",
     !u && "vx-table-wrap--square",
     _
-  ), ...f, children: /* @__PURE__ */ w(
+  ), ...v, children: /* @__PURE__ */ w(
     "table",
     {
       className: T(
@@ -4069,7 +4069,7 @@ function Cl({
         o && "vx-table--hoverable",
         s && "vx-table--bordered",
         d && "vx-table--borderless",
-        v !== "md" && `vx-table--${v}`,
+        f !== "md" && `vx-table--${f}`,
         i && "vx-table--sticky"
       ),
       children: [
@@ -4332,24 +4332,24 @@ function Ol({
     e || (k(0), c.current = 0);
   }, [e]), B(() => {
     if (!e) return;
-    const v = (m) => {
+    const f = (m) => {
       m.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+    return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
   }, [e, t]), B(() => (document.body.style.overflow = e ? "hidden" : "", () => {
     document.body.style.overflow = "";
   }), [e]);
-  const S = (v) => {
-    d.current = v.touches[0].clientX, c.current = 0, p(!0);
-  }, g = (v) => {
-    const m = v.touches[0].clientX - d.current;
+  const S = (f) => {
+    d.current = f.touches[0].clientX, c.current = 0, p(!0);
+  }, g = (f) => {
+    const m = f.touches[0].clientX - d.current;
     m > 0 || (c.current = m, k(m));
   }, h = () => {
     p(!1), Math.abs(c.current) > n * 0.3 ? t() : k(0);
   };
   if (!e) return null;
-  const f = 0.52 * Math.max(0, 1 + b / n);
-  return /* @__PURE__ */ w("div", { className: "vxm-drawer__overlay", style: { "--vxm-overlay-opacity": f }, children: [
+  const v = 0.52 * Math.max(0, 1 + b / n);
+  return /* @__PURE__ */ w("div", { className: "vxm-drawer__overlay", style: { "--vxm-overlay-opacity": v }, children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -4502,8 +4502,8 @@ function ql({
 }) {
   const p = j(
     (_) => {
-      let f = _;
-      return l !== void 0 && (f = Math.max(l, f)), i !== void 0 && (f = Math.min(i, f)), f;
+      let v = _;
+      return l !== void 0 && (v = Math.max(l, v)), i !== void 0 && (v = Math.min(i, v)), v;
     },
     [l, i]
   ), b = () => {
@@ -4511,8 +4511,8 @@ function ql({
   }, k = () => {
     c || s == null || s(p((o ?? 0) - d));
   }, S = (_) => {
-    const f = parseFloat(_.target.value);
-    isNaN(f) || s == null || s(p(f));
+    const v = parseFloat(_.target.value);
+    isNaN(v) || s == null || s(p(v));
   }, g = l !== void 0 && (o ?? 0) <= l, h = i !== void 0 && (o ?? 0) >= i;
   return /* @__PURE__ */ w("label", { className: "vx-field-group", children: [
     t ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: t }) : null,
@@ -4598,7 +4598,7 @@ function gi({
   className: s,
   weekStartsOnMonday: l = !1
 }) {
-  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = L(t), p = d ? e : c, [b, k] = L((p ?? i).getFullYear()), [S, g] = L((p ?? i).getMonth()), h = mi(b, S), _ = hi(b, S), f = l ? _ === 0 ? 6 : _ - 1 : _, v = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], m = () => {
+  const i = /* @__PURE__ */ new Date(), d = e !== void 0, [c, u] = L(t), p = d ? e : c, [b, k] = L((p ?? i).getFullYear()), [S, g] = L((p ?? i).getMonth()), h = mi(b, S), _ = hi(b, S), v = l ? _ === 0 ? 6 : _ - 1 : _, f = l ? ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"] : ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], m = () => {
     S === 0 ? (k((P) => P - 1), g(11)) : g((P) => P - 1);
   }, x = () => {
     S === 11 ? (k((P) => P + 1), g(0)) : g((P) => P + 1);
@@ -4621,7 +4621,7 @@ function gi({
     const F = new Date(b, S, P);
     d || u(F), n == null || n(F);
   }, C = new Date(b, S).toLocaleString("default", { month: "long" }), A = [
-    ...Array(f).fill(null),
+    ...Array(v).fill(null),
     ...Array.from({ length: h }, (P, F) => F + 1)
   ];
   for (; A.length % 7 !== 0; ) A.push(null);
@@ -4654,7 +4654,7 @@ function gi({
       )
     ] }),
     /* @__PURE__ */ w("div", { className: "vx-calendar__grid", role: "grid", "aria-label": `${C} ${b}`, children: [
-      v.map((P) => /* @__PURE__ */ a("div", { className: "vx-calendar__weekday", role: "columnheader", children: P }, P)),
+      f.map((P) => /* @__PURE__ */ a("div", { className: "vx-calendar__weekday", role: "columnheader", children: P }, P)),
       A.map((P, F) => {
         if (P === null)
           return /* @__PURE__ */ a("div", { className: "vx-calendar__cell vx-calendar__cell--empty" }, `e-${F}`);
@@ -4717,11 +4717,11 @@ function Yl({
   weekStartsOnMonday: u,
   className: p
 }) {
-  const b = e !== void 0, [k, S] = L(t), g = b ? e : k, [h, _] = L(!1), f = U(null), v = Ze(f, h, 320);
+  const b = e !== void 0, [k, S] = L(t), g = b ? e : k, [h, _] = L(!1), v = U(null), f = Ze(v, h, 320);
   B(() => {
     if (!h) return;
     const x = (E) => {
-      f.current && !f.current.contains(E.target) && _(!1);
+      v.current && !v.current.contains(E.target) && _(!1);
     }, N = (E) => {
       E.key === "Escape" && _(!1);
     };
@@ -4737,7 +4737,7 @@ function Yl({
   const m = (x) => {
     b || S(x), n == null || n(x), _(!1);
   };
-  return /* @__PURE__ */ w("div", { ref: f, className: T("vx-datepicker", p), children: [
+  return /* @__PURE__ */ w("div", { ref: v, className: T("vx-datepicker", p), children: [
     o ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: o }) : null,
     /* @__PURE__ */ w(
       "button",
@@ -4760,7 +4760,7 @@ function Yl({
     ),
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: l }) : null,
     !l && s ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: s }) : null,
-    h ? /* @__PURE__ */ a("div", { className: T("vx-datepicker__popover", v === "up" && "vx-datepicker__popover--up"), role: "dialog", "aria-label": "Date picker", children: /* @__PURE__ */ a(
+    h ? /* @__PURE__ */ a("div", { className: T("vx-datepicker__popover", f === "up" && "vx-datepicker__popover--up"), role: "dialog", "aria-label": "Date picker", children: /* @__PURE__ */ a(
       gi,
       {
         value: g,
@@ -4788,11 +4788,11 @@ function Xl({
   searchable: b = !0,
   className: k
 }) {
-  const S = t !== void 0, [g, h] = L(n), _ = S ? t : g, [f, v] = L(!1), [m, x] = L(""), N = U(null), E = U(null), C = vn(), A = Ze(N, f, 280), P = e.find((I) => I.value === _), F = e.filter(
+  const S = t !== void 0, [g, h] = L(n), _ = S ? t : g, [v, f] = L(!1), [m, x] = L(""), N = U(null), E = U(null), C = vn(), A = Ze(N, v, 280), P = e.find((I) => I.value === _), F = e.filter(
     (I) => I.label.toLowerCase().includes(m.toLowerCase())
   ), D = typeof b == "number" ? e.length > b : b;
   B(() => {
-    if (!f) {
+    if (!v) {
       x("");
       return;
     }
@@ -4803,28 +4803,28 @@ function Xl({
       }, 0);
       return () => clearTimeout(I);
     }
-  }, [f, D]), B(() => {
-    if (!f) return;
+  }, [v, D]), B(() => {
+    if (!v) return;
     const I = (M) => {
-      N.current && !N.current.contains(M.target) && v(!1);
+      N.current && !N.current.contains(M.target) && f(!1);
     }, z = (M) => {
-      M.key === "Escape" && v(!1);
+      M.key === "Escape" && f(!1);
     };
     return document.addEventListener("mousedown", I), document.addEventListener("touchstart", I, { passive: !0 }), document.addEventListener("keydown", z), () => {
       document.removeEventListener("mousedown", I), document.removeEventListener("touchstart", I), document.removeEventListener("keydown", z);
     };
-  }, [f]), B(() => {
-    if (!(!f || !window.matchMedia("(max-width: 640px)").matches))
+  }, [v]), B(() => {
+    if (!(!v || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [f]);
+  }, [v]);
   const O = (I) => {
-    I.disabled || (S || h(I.value), r == null || r(I.value), v(!1));
+    I.disabled || (S || h(I.value), r == null || r(I.value), f(!1));
   }, R = (I) => {
     I.stopPropagation(), S || h(void 0), r == null || r(void 0);
   };
-  return /* @__PURE__ */ w("div", { ref: N, className: T("vx-combobox", k), children: [
+  return /* @__PURE__ */ w("div", { ref: N, className: T("vx-combobox", v && "vx-combobox--open", k), children: [
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
     /* @__PURE__ */ w(
       "button",
@@ -4835,10 +4835,10 @@ function Xl({
           d && "vx-combobox__trigger--invalid",
           c && "vx-combobox__trigger--disabled"
         ),
-        onClick: () => !c && v((I) => !I),
+        onClick: () => !c && f((I) => !I),
         disabled: c,
         "aria-haspopup": "listbox",
-        "aria-expanded": f,
+        "aria-expanded": v,
         "aria-controls": C,
         children: [
           /* @__PURE__ */ a("span", { className: T("vx-combobox__value", !P && "vx-combobox__value--placeholder"), children: (P == null ? void 0 : P.label) ?? o }),
@@ -4857,7 +4857,7 @@ function Xl({
               ke,
               {
                 size: 14,
-                className: T("vx-combobox__chevron", f && "vx-combobox__chevron--open")
+                className: T("vx-combobox__chevron", v && "vx-combobox__chevron--open")
               }
             )
           ] })
@@ -4866,7 +4866,7 @@ function Xl({
     ),
     d ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: d }) : null,
     !d && i ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: i }) : null,
-    f && /* @__PURE__ */ w("div", { className: T("vx-combobox__dropdown", A === "up" && "vx-combobox__dropdown--up"), children: [
+    v && /* @__PURE__ */ w("div", { className: T("vx-combobox__dropdown", A === "up" && "vx-combobox__dropdown--up"), children: [
       D && /* @__PURE__ */ a("div", { className: "vx-combobox__search-wrap", children: /* @__PURE__ */ a(
         "input",
         {
@@ -4917,11 +4917,11 @@ function Zl({
   maxDisplay: b,
   className: k
 }) {
-  const S = t !== void 0, [g, h] = L(n), _ = S ? t : g, [f, v] = L(!1), [m, x] = L(""), N = U(null), E = U(null), C = vn(), A = Ze(N, f, 300), P = e.filter(
+  const S = t !== void 0, [g, h] = L(n), _ = S ? t : g, [v, f] = L(!1), [m, x] = L(""), N = U(null), E = U(null), C = vn(), A = Ze(N, v, 300), P = e.filter(
     (M) => M.label.toLowerCase().includes(m.toLowerCase())
   );
   B(() => {
-    if (!f) {
+    if (!v) {
       x("");
       return;
     }
@@ -4930,22 +4930,22 @@ function Zl({
       return ($ = E.current) == null ? void 0 : $.focus();
     }, 0);
     return () => clearTimeout(M);
-  }, [f]), B(() => {
-    if (!f) return;
+  }, [v]), B(() => {
+    if (!v) return;
     const M = (H) => {
-      N.current && !N.current.contains(H.target) && v(!1);
+      N.current && !N.current.contains(H.target) && f(!1);
     }, $ = (H) => {
-      H.key === "Escape" && v(!1);
+      H.key === "Escape" && f(!1);
     };
     return document.addEventListener("mousedown", M), document.addEventListener("touchstart", M, { passive: !0 }), document.addEventListener("keydown", $), () => {
       document.removeEventListener("mousedown", M), document.removeEventListener("touchstart", M), document.removeEventListener("keydown", $);
     };
-  }, [f]), B(() => {
-    if (!(!f || !window.matchMedia("(max-width: 640px)").matches))
+  }, [v]), B(() => {
+    if (!(!v || !window.matchMedia("(max-width: 640px)").matches))
       return document.body.style.overflow = "hidden", () => {
         document.body.style.overflow = "";
       };
-  }, [f]);
+  }, [v]);
   const F = (M) => {
     if (M.disabled) return;
     const $ = _.includes(M.value) ? _.filter((H) => H !== M.value) : [..._, M.value];
@@ -4957,7 +4957,7 @@ function Zl({
   }, O = (M) => {
     M.stopPropagation(), S || h([]), r == null || r([]);
   }, R = b ? _.slice(0, b) : _, I = b ? Math.max(0, _.length - b) : 0, z = e.reduce((M, $) => (M[$.value] = $.label, M), {});
-  return /* @__PURE__ */ w("div", { ref: N, className: T("vx-multiselect", k), children: [
+  return /* @__PURE__ */ w("div", { ref: N, className: T("vx-multiselect", v && "vx-multiselect--open", k), children: [
     l ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: l }) : null,
     /* @__PURE__ */ w(
       "button",
@@ -4968,10 +4968,10 @@ function Zl({
           d && "vx-multiselect__trigger--invalid",
           c && "vx-multiselect__trigger--disabled"
         ),
-        onClick: () => !c && v((M) => !M),
+        onClick: () => !c && f((M) => !M),
         disabled: c,
         "aria-haspopup": "listbox",
-        "aria-expanded": f,
+        "aria-expanded": v,
         "aria-controls": C,
         children: [
           /* @__PURE__ */ a("span", { className: "vx-multiselect__tags", children: _.length === 0 ? /* @__PURE__ */ a("span", { className: "vx-multiselect__placeholder", children: o }) : /* @__PURE__ */ w(q, { children: [
@@ -5008,7 +5008,7 @@ function Zl({
               ke,
               {
                 size: 14,
-                className: T("vx-multiselect__chevron", f && "vx-multiselect__chevron--open")
+                className: T("vx-multiselect__chevron", v && "vx-multiselect__chevron--open")
               }
             )
           ] })
@@ -5017,7 +5017,7 @@ function Zl({
     ),
     d ? /* @__PURE__ */ a("span", { className: "vx-field-group__error", children: d }) : null,
     !d && i ? /* @__PURE__ */ a("span", { className: "vx-field-group__hint", children: i }) : null,
-    f && /* @__PURE__ */ w("div", { className: T("vx-multiselect__dropdown", A === "up" && "vx-multiselect__dropdown--up"), children: [
+    v && /* @__PURE__ */ w("div", { className: T("vx-multiselect__dropdown", A === "up" && "vx-multiselect__dropdown--up"), children: [
       /* @__PURE__ */ a("div", { className: "vx-multiselect__search-wrap", children: /* @__PURE__ */ a(
         "input",
         {
@@ -5140,11 +5140,11 @@ function Ql({
   seconds: d = !1,
   className: c
 }) {
-  const u = e !== void 0, [p, b] = L(t), k = u ? e : p, S = k ? rn(k) : { h: 12, m: 0, s: 0 }, [g, h] = L(S.h), [_, f] = L(S.m), [v, m] = L(S.s), [x, N] = L(!1), E = U(null), C = Ze(E, x, 220);
+  const u = e !== void 0, [p, b] = L(t), k = u ? e : p, S = k ? rn(k) : { h: 12, m: 0, s: 0 }, [g, h] = L(S.h), [_, v] = L(S.m), [f, m] = L(S.s), [x, N] = L(!1), E = U(null), C = Ze(E, x, 220);
   B(() => {
     if (e) {
       const R = rn(e);
-      h(R.h), f(R.m), m(R.s);
+      h(R.h), v(R.m), m(R.s);
     }
   }, [e]), B(() => {
     if (!x) return;
@@ -5169,12 +5169,12 @@ function Ql({
     },
     [u, d, n]
   ), P = (R) => {
-    h(R), A(R, _, v);
+    h(R), A(R, _, f);
   }, F = (R) => {
-    f(R), A(g, R, v);
+    v(R), A(g, R, f);
   }, D = (R) => {
     m(R), A(g, _, R);
-  }, O = k ?? (x ? an(g, _, v, d) : void 0);
+  }, O = k ?? (x ? an(g, _, f, d) : void 0);
   return /* @__PURE__ */ w("div", { ref: E, className: T("vx-timepicker", c), children: [
     o ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: o }) : null,
     /* @__PURE__ */ w(
@@ -5205,7 +5205,7 @@ function Ql({
         /* @__PURE__ */ a(dt, { value: _, min: 0, max: 59, onChange: F, label: "Minutes" }),
         d && /* @__PURE__ */ w(q, { children: [
           /* @__PURE__ */ a("span", { className: "vx-timepicker__sep", children: ":" }),
-          /* @__PURE__ */ a(dt, { value: v, min: 0, max: 59, onChange: D, label: "Seconds" })
+          /* @__PURE__ */ a(dt, { value: f, min: 0, max: 59, onChange: D, label: "Seconds" })
         ] })
       ] }),
       /* @__PURE__ */ a("div", { className: "vx-timepicker__footer", children: /* @__PURE__ */ a(
@@ -5249,9 +5249,9 @@ function Jl({
     [p, s, o, i]
   ), _ = (x) => {
     x.preventDefault(), u(!1), l || h(x.dataTransfer.files);
-  }, f = (x) => {
-    x.preventDefault(), l || u(!0);
   }, v = (x) => {
+    x.preventDefault(), l || u(!0);
+  }, f = (x) => {
     const N = p.filter((E) => E.id !== x);
     b(N), i == null || i(N.map((E) => E.file));
   }, m = n ?? k;
@@ -5267,7 +5267,7 @@ function Jl({
           m && "vx-file-upload__zone--invalid"
         ),
         onDrop: _,
-        onDragOver: f,
+        onDragOver: v,
         onDragLeave: () => u(!1),
         onClick: () => {
           var x;
@@ -5317,7 +5317,7 @@ function Jl({
         {
           type: "button",
           className: "vx-file-upload__remove",
-          onClick: () => v(x),
+          onClick: () => f(x),
           "aria-label": `Remove ${N.name}`,
           children: /* @__PURE__ */ a(ae, { size: 14 })
         }
@@ -5725,9 +5725,9 @@ function uc({
   className: c
 }) {
   const u = n !== void 0, [p, b] = L(t), k = u ? n : p, S = e.length, g = U(null), h = j(
-    (v) => {
-      let m = v;
-      l ? m = (v % S + S) % S : m = Math.max(0, Math.min(v, S - 1)), u || b(m), r == null || r(m);
+    (f) => {
+      let m = f;
+      l ? m = (f % S + S) % S : m = Math.max(0, Math.min(f, S - 1)), u || b(m), r == null || r(m);
     },
     [u, l, r, S]
   );
@@ -5737,7 +5737,7 @@ function uc({
         g.current && clearInterval(g.current);
       };
   }, [o, k, h, s]);
-  const _ = () => h(k - 1), f = () => h(k + 1);
+  const _ = () => h(k - 1), v = () => h(k + 1);
   return S === 0 ? null : /* @__PURE__ */ w(
     "div",
     {
@@ -5751,7 +5751,7 @@ function uc({
           {
             className: "vx-carousel__track",
             style: { transform: `translateX(-${k * 100}%)` },
-            children: e.map((v, m) => /* @__PURE__ */ a(
+            children: e.map((f, m) => /* @__PURE__ */ a(
               "div",
               {
                 className: "vx-carousel__slide",
@@ -5759,7 +5759,7 @@ function uc({
                 "aria-roledescription": "slide",
                 "aria-label": `Slide ${m + 1} of ${S}`,
                 "aria-hidden": m !== k,
-                children: v
+                children: f
               },
               m
             ))
@@ -5782,14 +5782,14 @@ function uc({
             {
               type: "button",
               className: "vx-carousel__arrow vx-carousel__arrow--next",
-              onClick: f,
+              onClick: v,
               disabled: !l && k === S - 1,
               "aria-label": "Next slide",
               children: /* @__PURE__ */ a(Ne, { size: 20 })
             }
           )
         ] }),
-        i && /* @__PURE__ */ a("div", { className: "vx-carousel__dots", role: "tablist", "aria-label": "Slides", children: e.map((v, m) => /* @__PURE__ */ a(
+        i && /* @__PURE__ */ a("div", { className: "vx-carousel__dots", role: "tablist", "aria-label": "Slides", children: e.map((f, m) => /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -5848,11 +5848,11 @@ function pc({
     if (!o) return m;
     const N = x.currentTarget.getBoundingClientRect();
     return x.clientX - N.left < N.width / 2 ? m - 0.5 : m;
-  }, f = (m, x) => {
+  }, v = (m, x) => {
     if (s || l) return;
     const N = _(m, x);
     u || b(N), n == null || n(N);
-  }, v = (m, x) => {
+  }, f = (m, x) => {
     s || l || g(_(m, x));
   };
   return /* @__PURE__ */ a(
@@ -5871,8 +5871,8 @@ function pc({
               "vx-rating__star",
               (E || C) && "vx-rating__star--active"
             ),
-            onClick: (A) => f(N, A),
-            onMouseMove: (A) => v(N, A),
+            onClick: (A) => v(N, A),
+            onMouseMove: (A) => f(N, A),
             onMouseLeave: () => g(null),
             disabled: s,
             "aria-label": `${N} star${N !== 1 ? "s" : ""}`,
@@ -5947,14 +5947,14 @@ function vc({
   const d = t !== void 0, [c, u] = L(n), p = d ? t : c, b = s !== void 0, [k, S] = L(
     new Set(o)
   ), g = b ? new Set(s) : k, h = j(
-    (f, v) => {
-      d || u(f), r == null || r(f, v);
+    (v, f) => {
+      d || u(v), r == null || r(v, f);
     },
     [d, r]
   ), _ = j(
-    (f) => {
-      const v = new Set(g);
-      v.has(f) ? v.delete(f) : v.add(f), b || S(v), l == null || l([...v]);
+    (v) => {
+      const f = new Set(g);
+      f.has(v) ? f.delete(v) : f.add(v), b || S(f), l == null || l([...f]);
     },
     [g, b, l]
   );
@@ -5964,17 +5964,17 @@ function vc({
       className: T("vx-tree", i),
       role: "tree",
       "aria-multiselectable": "false",
-      children: e.map((f) => /* @__PURE__ */ a(
+      children: e.map((v) => /* @__PURE__ */ a(
         Br,
         {
-          node: f,
+          node: v,
           depth: 0,
           selected: p,
           expanded: g,
           onSelect: h,
           onToggle: _
         },
-        f.id
+        v.id
       ))
     }
   );
@@ -5994,7 +5994,7 @@ function fc({
   className: p,
   ...b
 }) {
-  const k = e !== void 0, [S, g] = L(t), h = k ? e : S, [_, f] = L(""), [v, m] = L(), x = U(null), N = (F) => {
+  const k = e !== void 0, [S, g] = L(t), h = k ? e : S, [_, v] = L(""), [f, m] = L(), x = U(null), N = (F) => {
     k || g(F), n == null || n(F);
   }, E = (F) => {
     const D = F.trim();
@@ -6018,13 +6018,13 @@ function fc({
           return;
         }
       }
-      m(void 0), N([...h, D]), f("");
+      m(void 0), N([...h, D]), v("");
     }
   }, C = (F) => {
     N(h.filter((D, O) => O !== F));
   }, A = (F) => {
     i.includes(F.key) ? (F.preventDefault(), E(_)) : F.key === "Backspace" && !_ && h.length > 0 && C(h.length - 1);
-  }, P = s ?? v;
+  }, P = s ?? f;
   return /* @__PURE__ */ w("div", { className: T("vx-tag-input", p), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
     /* @__PURE__ */ w(
@@ -6065,7 +6065,7 @@ function fc({
               disabled: u,
               onKeyDown: A,
               onChange: (F) => {
-                f(F.target.value), m(void 0);
+                v(F.target.value), m(void 0);
               },
               onBlur: () => {
                 _.trim() && E(_);
@@ -6144,11 +6144,11 @@ function mc({
   showPresets: d = !0,
   className: c
 }) {
-  const u = e !== void 0, [p, b] = L(t), k = u ? e : p, [S, g] = L(k), [h, _] = L(!1), f = U(null);
+  const u = e !== void 0, [p, b] = L(t), k = u ? e : p, [S, g] = L(k), [h, _] = L(!1), v = U(null);
   B(() => {
     if (!h) return;
     const C = (P) => {
-      f.current && !f.current.contains(P.target) && _(!1);
+      v.current && !v.current.contains(P.target) && _(!1);
     }, A = (P) => {
       P.key === "Escape" && _(!1);
     };
@@ -6161,7 +6161,7 @@ function mc({
         document.body.style.overflow = "";
       };
   }, [h]);
-  const [v, m, x] = on(k) ? Ni(k) : [0, 0, 50], N = j(
+  const [f, m, x] = on(k) ? Ni(k) : [0, 0, 50], N = j(
     (C) => {
       u || b(C), g(C), n == null || n(C);
     },
@@ -6170,7 +6170,7 @@ function mc({
     const A = C.startsWith("#") ? C : `#${C}`;
     g(A), on(A) && N(A);
   };
-  return /* @__PURE__ */ w("div", { ref: f, className: T("vx-colorpicker", c), children: [
+  return /* @__PURE__ */ w("div", { ref: v, className: T("vx-colorpicker", c), children: [
     r ? /* @__PURE__ */ a("span", { className: "vx-field-group__label", children: r }) : null,
     /* @__PURE__ */ w("div", { className: "vx-colorpicker__row", children: [
       /* @__PURE__ */ a(
@@ -6213,7 +6213,7 @@ function mc({
           className: "vx-colorpicker__hue-slider",
           min: "0",
           max: "360",
-          value: v,
+          value: f,
           onChange: (C) => N(ut(Number(C.target.value), m, x)),
           "aria-label": "Hue"
         }
@@ -6227,8 +6227,8 @@ function mc({
           min: "0",
           max: "100",
           value: m,
-          style: { "--vx-cp-hue": v },
-          onChange: (C) => N(ut(v, Number(C.target.value), x)),
+          style: { "--vx-cp-hue": f },
+          onChange: (C) => N(ut(f, Number(C.target.value), x)),
           "aria-label": "Saturation"
         }
       ),
@@ -6241,8 +6241,8 @@ function mc({
           min: "0",
           max: "100",
           value: x,
-          style: { "--vx-cp-hue": v, "--vx-cp-sat": `${m}%` },
-          onChange: (C) => N(ut(v, m, Number(C.target.value))),
+          style: { "--vx-cp-hue": f, "--vx-cp-sat": `${m}%` },
+          onChange: (C) => N(ut(f, m, Number(C.target.value))),
           "aria-label": "Lightness"
         }
       ),
@@ -6318,9 +6318,9 @@ function bc({
       if (!d || !c) return;
       const u = i.parentElement, p = t === "horizontal", b = p ? u.getBoundingClientRect().width : u.getBoundingClientRect().height, k = p ? d.getBoundingClientRect().width : d.getBoundingClientRect().height, S = p ? c.getBoundingClientRect().width : c.getBoundingClientRect().height, g = (E) => "touches" in E ? p ? E.touches[0].clientX : E.touches[0].clientY : p ? E.clientX : E.clientY, h = g(l.nativeEvent);
       n.current = !0, o(!0);
-      const _ = Number(d.dataset.min ?? 10) / 100 * b, f = Number(d.dataset.max ?? 90) / 100 * b, v = Number(c.dataset.min ?? 10) / 100 * b, m = Number(c.dataset.max ?? 90) / 100 * b, x = (E) => {
+      const _ = Number(d.dataset.min ?? 10) / 100 * b, v = Number(d.dataset.max ?? 90) / 100 * b, f = Number(c.dataset.min ?? 10) / 100 * b, m = Number(c.dataset.max ?? 90) / 100 * b, x = (E) => {
         if (!n.current) return;
-        const C = g(E) - h, A = Math.min(Math.max(k + C, _), f), P = Math.min(Math.max(S - C, v), m);
+        const C = g(E) - h, A = Math.min(Math.max(k + C, _), v), P = Math.min(Math.max(S - C, f), m);
         d.style.flexBasis = `${A / b * 100}%`, c.style.flexBasis = `${P / b * 100}%`;
       }, N = () => {
         n.current = !1, o(!1), document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", N), document.removeEventListener("touchmove", x), document.removeEventListener("touchend", N);
@@ -6389,17 +6389,17 @@ function xc({
       r(m), n();
     },
     [r, n]
-  ), f = j(
+  ), v = j(
     (m) => {
       m.key === "ArrowDown" ? (m.preventDefault(), k((x) => Math.min(x + 1, h.length - 1))) : m.key === "ArrowUp" ? (m.preventDefault(), k((x) => Math.max(x - 1, 0))) : m.key === "Enter" ? (m.preventDefault(), h[b] && _(h[b].key)) : m.key === "Escape" && n();
     },
     [h, b, _, n]
   );
   if (!t) return null;
-  const v = [];
+  const f = [];
   for (const m of h) {
-    const x = v[v.length - 1];
-    x && x.section === m.section ? x.items.push(m) : v.push({ section: m.section, items: [m] });
+    const x = f[f.length - 1];
+    x && x.section === m.section ? x.items.push(m) : f.push({ section: m.section, items: [m] });
   }
   return /* @__PURE__ */ a("div", { className: "vx-cmd__backdrop", onMouseDown: n, children: /* @__PURE__ */ w(
     "div",
@@ -6424,14 +6424,14 @@ function xc({
               placeholder: o,
               value: u,
               onChange: (m) => p(m.target.value),
-              onKeyDown: f,
+              onKeyDown: v,
               autoComplete: "off",
               spellCheck: !1
             }
           ),
           u ? /* @__PURE__ */ a("button", { className: "vx-cmd__clear", onClick: () => p(""), "aria-label": "清除", children: /* @__PURE__ */ a("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M1 1l12 12M13 1L1 13", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) }) : /* @__PURE__ */ a("kbd", { className: "vx-cmd__esc", children: "esc" })
         ] }),
-        /* @__PURE__ */ a("ul", { className: "vx-cmd__list", ref: g, role: "listbox", children: h.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-cmd__empty", children: l(u) }) : v.map(
+        /* @__PURE__ */ a("ul", { className: "vx-cmd__list", ref: g, role: "listbox", children: h.length === 0 ? /* @__PURE__ */ a("li", { className: "vx-cmd__empty", children: l(u) }) : f.map(
           (m) => m.items.map((x, N) => {
             const E = h.indexOf(x), C = E === b;
             return /* @__PURE__ */ w(
@@ -6548,8 +6548,8 @@ function Ci() {
          * @memberof Prism
          */
         util: {
-          encode: function f(v) {
-            return v instanceof d ? new d(v.type, f(v.content), v.alias) : Array.isArray(v) ? v.map(f) : v.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
+          encode: function v(f) {
+            return f instanceof d ? new d(f.type, v(f.content), f.alias) : Array.isArray(f) ? f.map(v) : f.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/\u00a0/g, " ");
           },
           /**
            * Returns the name of the type of the given value.
@@ -6567,8 +6567,8 @@ function Ci() {
            * type(String)    === 'Function'
            * type(/abc+/)    === 'RegExp'
            */
-          type: function(f) {
-            return Object.prototype.toString.call(f).slice(8, -1);
+          type: function(v) {
+            return Object.prototype.toString.call(v).slice(8, -1);
           },
           /**
            * Returns a unique number for the given object. Later calls will still return the same number.
@@ -6576,8 +6576,8 @@ function Ci() {
            * @param {Object} obj
            * @returns {number}
            */
-          objId: function(f) {
-            return f.__id || Object.defineProperty(f, "__id", { value: ++s }), f.__id;
+          objId: function(v) {
+            return v.__id || Object.defineProperty(v, "__id", { value: ++s }), v.__id;
           },
           /**
            * Creates a deep clone of the given object.
@@ -6589,30 +6589,30 @@ function Ci() {
            * @returns {T}
            * @template T
            */
-          clone: function f(v, m) {
+          clone: function v(f, m) {
             m = m || {};
             var x, N;
-            switch (i.util.type(v)) {
+            switch (i.util.type(f)) {
               case "Object":
-                if (N = i.util.objId(v), m[N])
+                if (N = i.util.objId(f), m[N])
                   return m[N];
                 x = /** @type {Record<string, any>} */
                 {}, m[N] = x;
-                for (var E in v)
-                  v.hasOwnProperty(E) && (x[E] = f(v[E], m));
+                for (var E in f)
+                  f.hasOwnProperty(E) && (x[E] = v(f[E], m));
                 return (
                   /** @type {any} */
                   x
                 );
               case "Array":
-                return N = i.util.objId(v), m[N] ? m[N] : (x = [], m[N] = x, /** @type {Array} */
+                return N = i.util.objId(f), m[N] ? m[N] : (x = [], m[N] = x, /** @type {Array} */
                 /** @type {any} */
-                v.forEach(function(C, A) {
-                  x[A] = f(C, m);
+                f.forEach(function(C, A) {
+                  x[A] = v(C, m);
                 }), /** @type {any} */
                 x);
               default:
-                return v;
+                return f;
             }
           },
           /**
@@ -6623,12 +6623,12 @@ function Ci() {
            * @param {Element} element
            * @returns {string}
            */
-          getLanguage: function(f) {
-            for (; f; ) {
-              var v = o.exec(f.className);
-              if (v)
-                return v[1].toLowerCase();
-              f = f.parentElement;
+          getLanguage: function(v) {
+            for (; v; ) {
+              var f = o.exec(v.className);
+              if (f)
+                return f[1].toLowerCase();
+              v = v.parentElement;
             }
             return "none";
           },
@@ -6639,8 +6639,8 @@ function Ci() {
            * @param {string} language
            * @returns {void}
            */
-          setLanguage: function(f, v) {
-            f.className = f.className.replace(RegExp(o, "gi"), ""), f.classList.add("language-" + v);
+          setLanguage: function(v, f) {
+            v.className = v.className.replace(RegExp(o, "gi"), ""), v.classList.add("language-" + f);
           },
           /**
            * Returns the script element that is currently executing.
@@ -6660,12 +6660,12 @@ function Ci() {
             try {
               throw new Error();
             } catch (x) {
-              var f = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(x.stack) || [])[1];
-              if (f) {
-                var v = document.getElementsByTagName("script");
-                for (var m in v)
-                  if (v[m].src == f)
-                    return v[m];
+              var v = (/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(x.stack) || [])[1];
+              if (v) {
+                var f = document.getElementsByTagName("script");
+                for (var m in f)
+                  if (f[m].src == v)
+                    return f[m];
               }
               return null;
             }
@@ -6689,14 +6689,14 @@ function Ci() {
            * @param {boolean} [defaultActivation=false]
            * @returns {boolean}
            */
-          isActive: function(f, v, m) {
-            for (var x = "no-" + v; f; ) {
-              var N = f.classList;
-              if (N.contains(v))
+          isActive: function(v, f, m) {
+            for (var x = "no-" + f; v; ) {
+              var N = v.classList;
+              if (N.contains(f))
                 return !0;
               if (N.contains(x))
                 return !1;
-              f = f.parentElement;
+              v = v.parentElement;
             }
             return !!m;
           }
@@ -6744,10 +6744,10 @@ function Ci() {
            *     'color': /\b(?:red|green|blue)\b/
            * });
            */
-          extend: function(f, v) {
-            var m = i.util.clone(i.languages[f]);
-            for (var x in v)
-              m[x] = v[x];
+          extend: function(v, f) {
+            var m = i.util.clone(i.languages[v]);
+            for (var x in f)
+              m[x] = f[x];
             return m;
           },
           /**
@@ -6825,31 +6825,31 @@ function Ci() {
            * @returns {Grammar} The new grammar object.
            * @public
            */
-          insertBefore: function(f, v, m, x) {
+          insertBefore: function(v, f, m, x) {
             x = x || /** @type {any} */
             i.languages;
-            var N = x[f], E = {};
+            var N = x[v], E = {};
             for (var C in N)
               if (N.hasOwnProperty(C)) {
-                if (C == v)
+                if (C == f)
                   for (var A in m)
                     m.hasOwnProperty(A) && (E[A] = m[A]);
                 m.hasOwnProperty(C) || (E[C] = N[C]);
               }
-            var P = x[f];
-            return x[f] = E, i.languages.DFS(i.languages, function(F, D) {
-              D === P && F != f && (this[F] = E);
+            var P = x[v];
+            return x[v] = E, i.languages.DFS(i.languages, function(F, D) {
+              D === P && F != v && (this[F] = E);
             }), E;
           },
           // Traverse a language definition with Depth First Search
-          DFS: function f(v, m, x, N) {
+          DFS: function v(f, m, x, N) {
             N = N || {};
             var E = i.util.objId;
-            for (var C in v)
-              if (v.hasOwnProperty(C)) {
-                m.call(v, C, v[C], x || C);
-                var A = v[C], P = i.util.type(A);
-                P === "Object" && !N[E(A)] ? (N[E(A)] = !0, f(A, m, null, N)) : P === "Array" && !N[E(A)] && (N[E(A)] = !0, f(A, m, C, N));
+            for (var C in f)
+              if (f.hasOwnProperty(C)) {
+                m.call(f, C, f[C], x || C);
+                var A = f[C], P = i.util.type(A);
+                P === "Object" && !N[E(A)] ? (N[E(A)] = !0, v(A, m, null, N)) : P === "Array" && !N[E(A)] && (N[E(A)] = !0, v(A, m, C, N));
               }
           }
         },
@@ -6866,8 +6866,8 @@ function Ci() {
          * @memberof Prism
          * @public
          */
-        highlightAll: function(f, v) {
-          i.highlightAllUnder(document, f, v);
+        highlightAll: function(v, f) {
+          i.highlightAllUnder(document, v, f);
         },
         /**
          * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls
@@ -6884,15 +6884,15 @@ function Ci() {
          * @memberof Prism
          * @public
          */
-        highlightAllUnder: function(f, v, m) {
+        highlightAllUnder: function(v, f, m) {
           var x = {
             callback: m,
-            container: f,
+            container: v,
             selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
           };
           i.hooks.run("before-highlightall", x), x.elements = Array.prototype.slice.apply(x.container.querySelectorAll(x.selector)), i.hooks.run("before-all-elements-highlight", x);
           for (var N = 0, E; E = x.elements[N++]; )
-            i.highlightElement(E, v === !0, x.callback);
+            i.highlightElement(E, f === !0, x.callback);
         },
         /**
          * Highlights the code inside a single element.
@@ -6922,13 +6922,13 @@ function Ci() {
          * @memberof Prism
          * @public
          */
-        highlightElement: function(f, v, m) {
-          var x = i.util.getLanguage(f), N = i.languages[x];
-          i.util.setLanguage(f, x);
-          var E = f.parentElement;
+        highlightElement: function(v, f, m) {
+          var x = i.util.getLanguage(v), N = i.languages[x];
+          i.util.setLanguage(v, x);
+          var E = v.parentElement;
           E && E.nodeName.toLowerCase() === "pre" && i.util.setLanguage(E, x);
-          var C = f.textContent, A = {
-            element: f,
+          var C = v.textContent, A = {
+            element: v,
             language: x,
             grammar: N,
             code: C
@@ -6944,7 +6944,7 @@ function Ci() {
             P(i.util.encode(A.code));
             return;
           }
-          if (v && r.Worker) {
+          if (f && r.Worker) {
             var F = new Worker(i.filename);
             F.onmessage = function(D) {
               P(D.data);
@@ -6976,10 +6976,10 @@ function Ci() {
          * @example
          * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');
          */
-        highlight: function(f, v, m) {
+        highlight: function(v, f, m) {
           var x = {
-            code: f,
-            grammar: v,
+            code: v,
+            grammar: f,
             language: m
           };
           if (i.hooks.run("before-tokenize", x), !x.grammar)
@@ -7010,15 +7010,15 @@ function Ci() {
          *     }
          * });
          */
-        tokenize: function(f, v) {
-          var m = v.rest;
+        tokenize: function(v, f) {
+          var m = f.rest;
           if (m) {
             for (var x in m)
-              v[x] = m[x];
-            delete v.rest;
+              f[x] = m[x];
+            delete f.rest;
           }
           var N = new p();
-          return b(N, N.head, f), u(f, N, v, N.head, 0), S(N);
+          return b(N, N.head, v), u(v, N, f, N.head, 0), S(N);
         },
         /**
          * @namespace
@@ -7039,9 +7039,9 @@ function Ci() {
            * @param {HookCallback} callback The callback function which is given environment variables.
            * @public
            */
-          add: function(f, v) {
+          add: function(v, f) {
             var m = i.hooks.all;
-            m[f] = m[f] || [], m[f].push(v);
+            m[v] = m[v] || [], m[v].push(f);
           },
           /**
            * Runs a hook invoking all registered callbacks with the given environment variables.
@@ -7052,52 +7052,52 @@ function Ci() {
            * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.
            * @public
            */
-          run: function(f, v) {
-            var m = i.hooks.all[f];
+          run: function(v, f) {
+            var m = i.hooks.all[v];
             if (!(!m || !m.length))
               for (var x = 0, N; N = m[x++]; )
-                N(v);
+                N(f);
           }
         },
         Token: d
       };
       r.Prism = i;
-      function d(f, v, m, x) {
-        this.type = f, this.content = v, this.alias = m, this.length = (x || "").length | 0;
+      function d(v, f, m, x) {
+        this.type = v, this.content = f, this.alias = m, this.length = (x || "").length | 0;
       }
-      d.stringify = function f(v, m) {
-        if (typeof v == "string")
-          return v;
-        if (Array.isArray(v)) {
+      d.stringify = function v(f, m) {
+        if (typeof f == "string")
+          return f;
+        if (Array.isArray(f)) {
           var x = "";
-          return v.forEach(function(P) {
-            x += f(P, m);
+          return f.forEach(function(P) {
+            x += v(P, m);
           }), x;
         }
         var N = {
-          type: v.type,
-          content: f(v.content, m),
+          type: f.type,
+          content: v(f.content, m),
           tag: "span",
-          classes: ["token", v.type],
+          classes: ["token", f.type],
           attributes: {},
           language: m
-        }, E = v.alias;
+        }, E = f.alias;
         E && (Array.isArray(E) ? Array.prototype.push.apply(N.classes, E) : N.classes.push(E)), i.hooks.run("wrap", N);
         var C = "";
         for (var A in N.attributes)
           C += " " + A + '="' + (N.attributes[A] || "").replace(/"/g, "&quot;") + '"';
         return "<" + N.tag + ' class="' + N.classes.join(" ") + '"' + C + ">" + N.content + "</" + N.tag + ">";
       };
-      function c(f, v, m, x) {
-        f.lastIndex = v;
-        var N = f.exec(m);
+      function c(v, f, m, x) {
+        v.lastIndex = f;
+        var N = v.exec(m);
         if (N && x && N[1]) {
           var E = N[1].length;
           N.index += E, N[0] = N[0].slice(E);
         }
         return N;
       }
-      function u(f, v, m, x, N, E) {
+      function u(v, f, m, x, N, E) {
         for (var C in m)
           if (!(!m.hasOwnProperty(C) || !m[C])) {
             var A = m[C];
@@ -7110,36 +7110,36 @@ function Ci() {
                 var z = F.pattern.toString().match(/[imsuy]*$/)[0];
                 F.pattern = RegExp(F.pattern.source, z + "g");
               }
-              for (var M = F.pattern || F, $ = x.next, H = N; $ !== v.tail && !(E && H >= E.reach); H += $.value.length, $ = $.next) {
+              for (var M = F.pattern || F, $ = x.next, H = N; $ !== f.tail && !(E && H >= E.reach); H += $.value.length, $ = $.next) {
                 var J = $.value;
-                if (v.length > f.length)
+                if (f.length > v.length)
                   return;
                 if (!(J instanceof d)) {
                   var ce = 1, K;
                   if (R) {
-                    if (K = c(M, H, f, O), !K || K.index >= f.length)
+                    if (K = c(M, H, v, O), !K || K.index >= v.length)
                       break;
                     var Ce = K.index, de = K.index + K[0].length, X = H;
                     for (X += $.value.length; Ce >= X; )
                       $ = $.next, X += $.value.length;
                     if (X -= $.value.length, H = X, $.value instanceof d)
                       continue;
-                    for (var be = $; be !== v.tail && (X < de || typeof be.value == "string"); be = be.next)
+                    for (var be = $; be !== f.tail && (X < de || typeof be.value == "string"); be = be.next)
                       ce++, X += be.value.length;
-                    ce--, J = f.slice(H, X), K.index -= H;
+                    ce--, J = v.slice(H, X), K.index -= H;
                   } else if (K = c(M, 0, J, O), !K)
                     continue;
                   var Ce = K.index, Ae = K[0], Qe = J.slice(0, Ce), $t = J.slice(Ce + Ae.length), Je = H + J.length;
                   E && Je > E.reach && (E.reach = Je);
                   var Pe = $.prev;
-                  Qe && (Pe = b(v, Pe, Qe), H += Qe.length), k(v, Pe, ce);
+                  Qe && (Pe = b(f, Pe, Qe), H += Qe.length), k(f, Pe, ce);
                   var Ur = new d(C, D ? i.tokenize(Ae, D) : Ae, I, Ae);
-                  if ($ = b(v, Pe, Ur), $t && b(v, $, $t), ce > 1) {
+                  if ($ = b(f, Pe, Ur), $t && b(f, $, $t), ce > 1) {
                     var et = {
                       cause: C + "," + P,
                       reach: Je
                     };
-                    u(f, v, m, $.prev, H, et), E && et.reach > E.reach && (E.reach = et.reach);
+                    u(v, f, m, $.prev, H, et), E && et.reach > E.reach && (E.reach = et.reach);
                   }
                 }
               }
@@ -7147,26 +7147,26 @@ function Ci() {
           }
       }
       function p() {
-        var f = { value: null, prev: null, next: null }, v = { value: null, prev: f, next: null };
-        f.next = v, this.head = f, this.tail = v, this.length = 0;
+        var v = { value: null, prev: null, next: null }, f = { value: null, prev: v, next: null };
+        v.next = f, this.head = v, this.tail = f, this.length = 0;
       }
-      function b(f, v, m) {
-        var x = v.next, N = { value: m, prev: v, next: x };
-        return v.next = N, x.prev = N, f.length++, N;
+      function b(v, f, m) {
+        var x = f.next, N = { value: m, prev: f, next: x };
+        return f.next = N, x.prev = N, v.length++, N;
       }
-      function k(f, v, m) {
-        for (var x = v.next, N = 0; N < m && x !== f.tail; N++)
+      function k(v, f, m) {
+        for (var x = f.next, N = 0; N < m && x !== v.tail; N++)
           x = x.next;
-        v.next = x, x.prev = v, f.length -= N;
+        f.next = x, x.prev = f, v.length -= N;
       }
-      function S(f) {
-        for (var v = [], m = f.head.next; m !== f.tail; )
-          v.push(m.value), m = m.next;
-        return v;
+      function S(v) {
+        for (var f = [], m = v.head.next; m !== v.tail; )
+          f.push(m.value), m = m.next;
+        return f;
       }
       if (!r.document)
-        return r.addEventListener && (i.disableWorkerMessageHandler || r.addEventListener("message", function(f) {
-          var v = JSON.parse(f.data), m = v.language, x = v.code, N = v.immediateClose;
+        return r.addEventListener && (i.disableWorkerMessageHandler || r.addEventListener("message", function(v) {
+          var f = JSON.parse(v.data), m = f.language, x = f.code, N = f.immediateClose;
           r.postMessage(i.highlight(x, i.languages[m], m)), N && r.close();
         }, !1)), i;
       var g = i.util.currentScript();
@@ -7572,16 +7572,16 @@ function Ci() {
         tex: "latex"
       }, i = "data-src-status", d = "loading", c = "loaded", u = "failed", p = "pre[data-src]:not([" + i + '="' + c + '"]):not([' + i + '="' + d + '"])';
       function b(g, h, _) {
-        var f = new XMLHttpRequest();
-        f.open("GET", g, !0), f.onreadystatechange = function() {
-          f.readyState == 4 && (f.status < 400 && f.responseText ? h(f.responseText) : f.status >= 400 ? _(o(f.status, f.statusText)) : _(s));
-        }, f.send(null);
+        var v = new XMLHttpRequest();
+        v.open("GET", g, !0), v.onreadystatechange = function() {
+          v.readyState == 4 && (v.status < 400 && v.responseText ? h(v.responseText) : v.status >= 400 ? _(o(v.status, v.statusText)) : _(s));
+        }, v.send(null);
       }
       function k(g) {
         var h = /^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(g || "");
         if (h) {
-          var _ = Number(h[1]), f = h[2], v = h[3];
-          return f ? v ? [_, Number(v)] : [_, void 0] : [_, _];
+          var _ = Number(h[1]), v = h[2], f = h[3];
+          return v ? f ? [_, Number(f)] : [_, void 0] : [_, _];
         }
       }
       n.hooks.add("before-highlightall", function(g) {
@@ -7595,15 +7595,15 @@ function Ci() {
           g.code = "", h.setAttribute(i, d);
           var _ = h.appendChild(document.createElement("CODE"));
           _.textContent = r;
-          var f = h.getAttribute("data-src"), v = g.language;
-          if (v === "none") {
-            var m = (/\.(\w+)$/.exec(f) || [, "none"])[1];
-            v = l[m] || m;
+          var v = h.getAttribute("data-src"), f = g.language;
+          if (f === "none") {
+            var m = (/\.(\w+)$/.exec(v) || [, "none"])[1];
+            f = l[m] || m;
           }
-          n.util.setLanguage(_, v), n.util.setLanguage(h, v);
+          n.util.setLanguage(_, f), n.util.setLanguage(h, f);
           var x = n.plugins.autoloader;
-          x && x.loadLanguages(v), b(
-            f,
+          x && x.loadLanguages(f), b(
+            v,
             function(N) {
               h.setAttribute(i, c);
               var E = k(h.getAttribute("data-range"));
@@ -7628,8 +7628,8 @@ function Ci() {
          * @param {ParentNode} [container=document]
          */
         highlight: function(h) {
-          for (var _ = (h || document).querySelectorAll(p), f = 0, v; v = _[f++]; )
-            n.highlightElement(v);
+          for (var _ = (h || document).querySelectorAll(p), v = 0, f; f = _[v++]; )
+            n.highlightElement(f);
         }
       };
       var S = !1;
@@ -8375,7 +8375,7 @@ function yc({
     ) })
   ] });
 }
-const Ri = "1.2.3", Di = {
+const Ri = "1.2.4", Di = {
   version: Ri
 }, Ge = `v${Di.version}`, zr = {
   locale: "en",