@svar-ui/react-core 2.5.0 → 2.5.1

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { jsx as l, jsxs as R, Fragment as _ } from "react/jsx-runtime";
-import { createContext as fe, useContext as K, useState as B, useCallback as D, useRef as S, useEffect as W, useMemo as A, useLayoutEffect as me, memo as Ue, useId as _e, forwardRef as Qe, useImperativeHandle as qe } from "react";
+import { jsx as l, jsxs as $, Fragment as _ } from "react/jsx-runtime";
+import { createContext as fe, useContext as K, useState as B, useCallback as D, useRef as C, useEffect as E, useMemo as A, useLayoutEffect as me, memo as Ue, useId as _e, forwardRef as Qe, useImperativeHandle as qe } from "react";
 import { useWritableProp as J, snippet as ae, useHotkeys as Ke } from "@svar-ui/lib-react";
 import { uid as oe, env as pe, calculatePosition as Ze, getAbsParent as ze, clickOutside as ve, locale as Ae, locateID as Xe, getDuodecade as Be, dateToString as ne, delegateClick as Ee, setEnv as et } from "@svar-ui/lib-dom";
 import { locale as bn } from "@svar-ui/lib-dom";
@@ -27,23 +27,23 @@ function _t({
   readonly: i = !1,
   onChange: c
 }) {
-  const a = z(n), [o, f] = J(e), d = D(
+  const a = z(n), [o, w] = J(e), d = D(
     (x) => {
-      const w = x.target.value;
-      f(w), c && c({ value: w, input: !0 });
+      const f = x.target.value;
+      w(f), c && c({ value: f, input: !0 });
     },
     [c]
   ), p = D(
     (x) => {
-      const w = x.target.value;
-      f(w), c && c({ value: w });
+      const f = x.target.value;
+      w(f), c && c({ value: f });
     },
     [c]
-  ), v = S(null);
-  return W(() => {
-    const x = p, w = v.current;
-    return w.addEventListener("change", x), () => {
-      w && w.removeEventListener("change", x);
+  ), v = C(null);
+  return E(() => {
+    const x = p, f = v.current;
+    return f.addEventListener("change", x), () => {
+      f && f.removeEventListener("change", x);
     };
   }, [p]), /* @__PURE__ */ l(
     "textarea",
@@ -71,12 +71,12 @@ function re({
   onClick: c
 }) {
   const a = A(() => {
-    let f = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
-    return n + (n ? " " : "") + f;
-  }, [e, n]), o = (f) => {
-    c && c(f);
+    let w = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
+    return n + (n ? " " : "") + w;
+  }, [e, n]), o = (w) => {
+    c && c(w);
   };
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ $(
     "button",
     {
       title: r,
@@ -100,7 +100,7 @@ function Ye({
   style: i
 }) {
   const c = z(e), [a, o] = J(s);
-  return /* @__PURE__ */ R("div", { style: i, className: "wx-2IvefP wx-checkbox", children: [
+  return /* @__PURE__ */ $("div", { style: i, className: "wx-2IvefP wx-checkbox", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -116,7 +116,7 @@ function Ye({
         }
       }
     ),
-    /* @__PURE__ */ R("label", { htmlFor: c, className: "wx-2IvefP wx-label", children: [
+    /* @__PURE__ */ $("label", { htmlFor: c, className: "wx-2IvefP wx-label", children: [
       /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-before" }),
       n && /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-after", children: n })
     ] })
@@ -146,14 +146,14 @@ function Qt({
   ) }, u.id)) }) });
 }
 function nt({ theme: e = "", target: n, children: t }) {
-  const s = S(null), r = S(null), [u, i] = B(null);
+  const s = C(null), r = C(null), [u, i] = B(null);
   s.current || (s.current = document.createElement("div"));
   const c = K(ie);
-  return W(() => {
+  return E(() => {
     i(
       n || rt(r.current) || pe.getTopNode(r.current)
     );
-  }, [r.current]), /* @__PURE__ */ R(_, { children: [
+  }, [r.current]), /* @__PURE__ */ $(_, { children: [
     /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
     r.current && u ? tt(
       /* @__PURE__ */ l(
@@ -184,40 +184,43 @@ function lt({
   children: c,
   trackScroll: a = !1
 }) {
-  const [o, f] = B(0), [d, p] = B(0), [v, x] = B("auto"), [w, h] = B(!1), m = S(null), g = S(null);
-  function T(N) {
-    return s && (r + "").indexOf("%") > -1 ? r.replace(/(\d+)%/, (k, M) => (M = M * s.offsetWidth / 100 + "px", r.replace(k, M))) : r && r !== "auto" ? r : N;
+  const [o, w] = B(0), [d, p] = B(0), [v, x] = B("auto"), [f, h] = B(!1), m = C(null), g = C(null), V = C(i);
+  E(() => {
+    V.current = i;
+  }, [i]);
+  function b(N) {
+    return s && (r + "").indexOf("%") > -1 ? r.replace(/(\d+)%/, (M, T) => (T = T * s.offsetWidth / 100 + "px", r.replace(M, T))) : r && r !== "auto" ? r : N;
   }
-  const b = D(() => {
+  const y = D(() => {
     if (!m.current) return;
     const N = Ze(m.current, s, t, e, n);
-    N && (f(N.x), p(N.y), x(T(N.width)));
+    N && (w(N.x), p(N.y), x(b(N.width)));
   }, [m, s, t, e, n, r]);
   return me(() => {
-    const N = (k) => {
-      i && k.target !== g.current && m.current && !m.current.contains(k.target) && i(k);
+    const N = (M) => {
+      V.current && M.target !== g.current && m.current && !m.current.contains(M.target) && V.current(M);
     };
     return requestAnimationFrame(() => {
-      b(), h(!0), a && m.current && (g.current = ze(m.current), g.current && g.current.addEventListener("scroll", N, !0));
+      y(), h(!0), a && m.current && (g.current = ze(m.current), g.current && g.current.addEventListener("scroll", N, !0));
     }), () => {
       a && g.current && g.current.removeEventListener("scroll", N, !0);
     };
   }, []), me(() => {
-    b();
-  }, [s, t, e, n]), W(() => {
-    const N = (k) => {
-      i && i(k);
+    y();
+  }, [s, t, e, n]), E(() => {
+    const N = (M) => {
+      V.current && V.current(M);
     };
     if (m.current)
       return ve(m.current, N).destroy;
-  }, [i]), /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ l(
     "div",
     {
       ref: m,
       className: ["wx-37M6Fj", "wx-popup", u].filter(Boolean).join(" "),
       style: {
         position: "absolute",
-        visibility: w ? "visible" : "hidden",
+        visibility: f ? "visible" : "hidden",
         top: d + "px",
         left: o + "px",
         width: v
@@ -235,29 +238,31 @@ function ct({
   css: u = "",
   children: i
 }) {
-  const c = S(null), [a, o] = B(e), [f, d] = B(n);
-  return W(() => {
+  const c = C(null), [a, o] = B(e), [w, d] = B(n), p = C(s);
+  return E(() => {
+    p.current = s;
+  }, [s]), E(() => {
     if (t) {
-      const p = c.current;
-      if (p) {
-        const v = p.getBoundingClientRect(), x = document.body.getBoundingClientRect();
-        v.right >= x.right && d("end"), v.bottom >= x.bottom && o("top");
+      const v = c.current;
+      if (v) {
+        const x = v.getBoundingClientRect(), f = document.body.getBoundingClientRect();
+        x.right >= f.right && d("end"), x.bottom >= f.bottom && o("top");
       }
     }
-  }, []), W(() => {
+  }, []), E(() => {
     if (c.current) {
-      const p = (v) => {
-        s && s(v);
+      const v = (x) => {
+        p.current && p.current(x);
       };
-      return ve(c.current, p).destroy;
+      return ve(c.current, v).destroy;
     }
-  }, [s]), /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ l(
     "div",
     {
       ref: c,
       className: [
         "wx-dropdown",
-        `wx-${a}-${f}`,
+        `wx-${a}-${w}`,
         u || "",
         "wx-aaaVytZW"
       ].filter(Boolean).join(" "),
@@ -276,10 +281,10 @@ function le({
   children: i,
   ...c
 }) {
-  const [a, o] = B(void 0), f = S(null), d = A(() => `${e}-${n}`, [e, n]);
+  const [a, o] = B(void 0), w = C(null), d = A(() => `${e}-${n}`, [e, n]);
   return me(() => {
-    f.current && o(f.current.parentNode);
-  }, []), /* @__PURE__ */ R(_, { children: [
+    w.current && o(w.current.parentNode);
+  }, []), /* @__PURE__ */ $(_, { children: [
     a && (s ? /* @__PURE__ */ l(
       ct,
       {
@@ -292,7 +297,7 @@ function le({
         children: i
       }
     ) : /* @__PURE__ */ l(nt, { children: /* @__PURE__ */ l(lt, { parent: a, at: d, onCancel: r, width: u, ...c, children: i }) })),
-    /* @__PURE__ */ l("span", { ref: f, className: "wx-portal-node wx-32GZ52" })
+    /* @__PURE__ */ l("span", { ref: w, className: "wx-portal-node wx-32GZ52" })
   ] });
 }
 const st = [
@@ -316,9 +321,9 @@ function qt({
   error: a = !1,
   dropdown: o = {}
 }) {
-  const f = z(s), [d, p] = B(n), [v, x] = B(!1), w = D(
-    (g, T) => {
-      g.stopPropagation(), p(T), x(!1), t && t({ value: T });
+  const w = z(s), [d, p] = B(n), [v, x] = B(!1), f = D(
+    (g, V) => {
+      g.stopPropagation(), p(V), x(!1), t && t({ value: V });
     },
     [t]
   ), h = D(
@@ -330,7 +335,7 @@ function qt({
     if (c) return !1;
     x(!0);
   }, [c]);
-  return /* @__PURE__ */ R("div", { className: "wx-121TgJ wx-colorselect", onClick: m, children: [
+  return /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colorselect", onClick: m, children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -338,7 +343,7 @@ function qt({
         title: i,
         value: d,
         readOnly: !0,
-        id: f,
+        id: w,
         placeholder: u,
         disabled: c
       }
@@ -351,22 +356,22 @@ function qt({
         style: { backgroundColor: d || "#00a037" }
       }
     ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
-    v && /* @__PURE__ */ l(le, { onCancel: () => x(!1), ...o, children: /* @__PURE__ */ R("div", { className: "wx-121TgJ wx-colors", children: [
+    v && /* @__PURE__ */ l(le, { onCancel: () => x(!1), ...o, children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
       /* @__PURE__ */ l(
         "div",
         {
           className: "wx-121TgJ wx-empty",
-          onClick: (g) => w(g, "")
+          onClick: (g) => f(g, "")
         }
       ),
-      e.map((g, T) => /* @__PURE__ */ l(
+      e.map((g, V) => /* @__PURE__ */ l(
         "div",
         {
           className: "wx-121TgJ wx-color",
           style: { backgroundColor: g },
-          onClick: (b) => w(b, g)
+          onClick: (b) => f(b, g)
         },
-        T
+        V
       ))
     ] }) })
   ] });
@@ -377,9 +382,9 @@ function be(e, n) {
     i(a), t.focus(), window.addEventListener("mousemove", i), window.addEventListener("mouseup", c);
   }
   function i(a) {
-    let o, f, d, p;
+    let o, w, d, p;
     const v = e.getBoundingClientRect();
-    o = v.left, f = v.top, d = a.clientX - o, p = a.clientY - f, s && n.moveBlockSlider(d, p), r && n.moveLineSlider(d);
+    o = v.left, w = v.top, d = a.clientX - o, p = a.clientY - w, s && n.moveBlockSlider(d, p), r && n.moveLineSlider(d);
   }
   function c() {
     t.blur(), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", c);
@@ -432,28 +437,28 @@ const se = {
     return t = this.hexToDec(t), s = this.hexToDec(s), r = this.hexToDec(r), [t, s, r];
   },
   hsvToRgb(e, n, t) {
-    let s, r, u, i, c, a, o, f;
-    switch (s = Math.floor(e / 60) % 6, r = e / 60 - s, u = t * (1 - n), i = t * (1 - r * n), c = t * (1 - (1 - r) * n), a = 0, o = 0, f = 0, s) {
+    let s, r, u, i, c, a, o, w;
+    switch (s = Math.floor(e / 60) % 6, r = e / 60 - s, u = t * (1 - n), i = t * (1 - r * n), c = t * (1 - (1 - r) * n), a = 0, o = 0, w = 0, s) {
       case 0:
-        a = t, o = c, f = u;
+        a = t, o = c, w = u;
         break;
       case 1:
-        a = i, o = t, f = u;
+        a = i, o = t, w = u;
         break;
       case 2:
-        a = u, o = t, f = c;
+        a = u, o = t, w = c;
         break;
       case 3:
-        a = u, o = i, f = t;
+        a = u, o = i, w = t;
         break;
       case 4:
-        a = c, o = u, f = t;
+        a = c, o = u, w = t;
         break;
       case 5:
-        a = t, o = u, f = i;
+        a = t, o = u, w = i;
         break;
     }
-    return a = Math.floor(a * 255), o = Math.floor(o * 255), f = Math.floor(f * 255), [a, o, f];
+    return a = Math.floor(a * 255), o = Math.floor(o * 255), w = Math.floor(w * 255), [a, o, w];
   },
   rgbToHsv(e, n, t) {
     let s, r, u;
@@ -476,58 +481,58 @@ function De(e) {
 function X() {
   return Ae(We);
 }
-const Ve = "Block", Te = "Line";
+const Ve = "Block", Re = "Line";
 function ot({
   value: e = "#65D3B3",
   button: n = !1,
   onChange: t
 }) {
-  const s = (K(q) || X()).getGroup("core"), r = S(null), u = S(null), [i, c] = B(), [a, o] = B(), [f, d] = B(), [p, v] = B(), [x, w] = J(e), [h, m] = B(e), g = S(null), T = S(null), b = A(() => De(x) || "#65D3B3", [x]), N = A(
-    () => se.hvsToHex(f || 0, 1, 1),
-    [f]
-  ), k = D(
+  const s = (K(q) || X()).getGroup("core"), r = C(null), u = C(null), [i, c] = B(), [a, o] = B(), [w, d] = B(), [p, v] = B(), [x, f] = J(e), [h, m] = B(e), g = C(null), V = C(null), b = A(() => De(x) || "#65D3B3", [x]), y = A(
+    () => se.hvsToHex(w || 0, 1, 1),
+    [w]
+  ), N = D(
     (L, P) => {
-      const { width: C, height: O } = r.current.getBoundingClientRect();
-      P < 0 ? P = 0 : P > O && (P = O), L < 0 ? L = 0 : L > C && (L = C), c(P), o(L);
+      const { width: S, height: O } = r.current.getBoundingClientRect();
+      P < 0 ? P = 0 : P > O && (P = O), L < 0 ? L = 0 : L > S && (L = S), c(P), o(L);
       let U, Y;
-      const I = C / 100, G = O / 100;
+      const I = S / 100, G = O / 100;
       U = Math.ceil(L / I) / 100, Y = Math.ceil(Math.abs(P / G - 100)) / 100;
       const Q = se.hvsToHex(
-        f,
+        w,
         U,
         Y
       );
-      w(Q), m(Q), t && t({ value: Q, input: !0 });
+      f(Q), m(Q), t && t({ value: Q, input: !0 });
     },
-    [b, f, t]
+    [b, w, t]
   ), M = D(
     (L) => {
       const P = u.current.getBoundingClientRect().width;
       L < 0 ? L = 0 : L > P && (L = P);
-      const C = Math.round(L * 359 / P), O = Math.max(Math.min(C, 359), 0);
+      const S = Math.round(L * 359 / P), O = Math.max(Math.min(S, 359), 0);
       d(O), v(L);
       let U, Y;
       [, U, Y] = se.hexToHvs(b);
       const I = se.hvsToHex(O, U, Y);
-      w(I), m(I), t && t({ value: I, input: !0 });
+      f(I), m(I), t && t({ value: I, input: !0 });
     },
     [b, t]
   );
-  g.current = k, T.current = M;
-  const $ = D((L) => {
-    const [P, C, O] = se.hexToHvs(L || b);
+  g.current = N, V.current = M;
+  const T = D((L) => {
+    const [P, S, O] = se.hexToHvs(L || b);
     if (d(P), r.current) {
       const { width: U, height: Y } = r.current.getBoundingClientRect();
       u.current && v(
         P * u.current.getBoundingClientRect().width / 359
-      ), o(C * U), c(Math.abs(Y * (O - 1)));
+      ), o(S * U), c(Math.abs(Y * (O - 1)));
     }
-  }, [b]), V = D(
+  }, [b]), R = D(
     ({ target: L }) => {
       const P = De(L.value);
-      m(L.value), P && (w(P), t && t({ value: P, input: !0 }), $(P));
+      m(L.value), P && (f(P), t && t({ value: P, input: !0 }), T(P));
     },
-    [t, $]
+    [t, T]
   ), F = D(
     (L) => {
       L.stopPropagation(), t && t({ value: b });
@@ -535,10 +540,10 @@ function ot({
     [b, t]
   ), j = D(
     (L) => {
-      const P = L.target, C = P.getAttribute("data-slider") === Ve, O = P.getAttribute("data-slider") === Te;
+      const P = L.target, S = P.getAttribute("data-slider") === Ve, O = P.getAttribute("data-slider") === Re;
       let U = window.getComputedStyle(P), Y = parseFloat(U.left), I = parseFloat(U.top);
       const G = L.code;
-      if (C) {
+      if (S) {
         switch (G) {
           case "ArrowLeft": {
             Y--;
@@ -559,7 +564,7 @@ function ot({
           default:
             return;
         }
-        k(Y, I);
+        N(Y, I);
       }
       if (O) {
         if (G === "ArrowLeft" || G === "ArrowDown") Y--;
@@ -569,33 +574,33 @@ function ot({
       }
       L.preventDefault();
     },
-    [k, M]
+    [N, M]
   );
-  W(() => {
+  E(() => {
     const L = [];
     return r.current && L.push(
       be(r.current, {
-        moveBlockSlider: (P, C) => {
-          g.current?.(P, C);
+        moveBlockSlider: (P, S) => {
+          g.current?.(P, S);
         }
       }).destroy
     ), u.current && L.push(
       be(u.current, {
         moveLineSlider: (P) => {
-          T.current?.(P);
+          V.current?.(P);
         }
       }).destroy
-    ), requestAnimationFrame(() => $()), () => {
+    ), requestAnimationFrame(() => T()), () => {
       L.forEach((P) => P());
     };
   }, []);
   const H = "wx-1yoKzq";
-  return /* @__PURE__ */ R("div", { className: H + " wx-colorboard", children: [
+  return /* @__PURE__ */ $("div", { className: H + " wx-colorboard", children: [
     /* @__PURE__ */ l(
       "div",
       {
         className: H + " wx-color-block",
-        style: { background: N },
+        style: { background: y },
         ref: r,
         children: /* @__PURE__ */ l(
           "div",
@@ -617,13 +622,13 @@ function ot({
       "div",
       {
         className: H + " wx-color-line-slider wx-slider",
-        style: { background: N, left: p + "px" },
+        style: { background: y, left: p + "px" },
         tabIndex: 0,
-        "data-slider": Te,
+        "data-slider": Re,
         onKeyDown: j
       }
     ) }),
-    /* @__PURE__ */ R("div", { className: H + " wx-color-controls", children: [
+    /* @__PURE__ */ $("div", { className: H + " wx-color-controls", children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -637,7 +642,7 @@ function ot({
           type: "text",
           className: H + " wx-text",
           value: h,
-          onChange: V
+          onChange: R
         }
       )
     ] }),
@@ -656,13 +661,13 @@ function Kt({
   dropdown: a = {}
 }) {
   const o = z(n);
-  let [f, d] = J(e);
+  let [w, d] = J(e);
   const [p, v] = B(!1);
   function x() {
     if (r) return !1;
     v(!0);
   }
-  function w(m) {
+  function f(m) {
     if (m.input) return;
     v(!1);
     const g = m.value;
@@ -671,42 +676,42 @@ function Kt({
   function h(m) {
     m.stopPropagation(), d(""), c && c({ value: "" });
   }
-  return /* @__PURE__ */ R("div", { className: "wx-mmT8WH wx-colorpicker", onClick: x, children: [
+  return /* @__PURE__ */ $("div", { className: "wx-mmT8WH wx-colorpicker", onClick: x, children: [
     /* @__PURE__ */ l(
       "input",
       {
         className: "wx-mmT8WH wx-input" + (u ? " wx-error" : "") + (p ? " wx-focus" : ""),
         title: s,
-        value: f,
+        value: w,
         readOnly: !0,
         id: o,
         placeholder: t,
         disabled: r
       }
     ),
-    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: f } }),
-    i && !r && f && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: h }),
-    p && /* @__PURE__ */ l(le, { onCancel: () => v(!1), ...a, children: /* @__PURE__ */ l(ot, { value: f, button: "true", onChange: w }) })
+    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: w } }),
+    i && !r && w && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: h }),
+    p && /* @__PURE__ */ l(le, { onCancel: () => v(!1), ...a, children: /* @__PURE__ */ l(ot, { value: w, button: "true", onChange: f }) })
   ] });
 }
 function it() {
   let e = null, n = !1, t = !1, s, r, u, i;
-  const c = (v, x, w, h, m) => {
-    s = v, r = x, u = w, i = h, t = m;
+  const c = (v, x, f, h, m) => {
+    s = v, r = x, u = f, i = h, t = m;
   }, a = (v) => {
     e = v, n = e !== null, u(e);
   }, o = (v, x) => {
     if (!t && v !== null && s) {
-      const w = s.querySelectorAll(".wx-list > .wx-item")[v];
-      w && (w.scrollIntoView({ block: "nearest" }), x && x.preventDefault());
+      const f = s.querySelectorAll(".wx-list > .wx-item")[v];
+      f && (f.scrollIntoView({ block: "nearest" }), x && x.preventDefault());
     }
-  }, f = (v, x) => {
-    const w = v === null ? null : Math.max(0, Math.min(e + v, r.length - 1));
-    w !== e && (a(w), s ? o(w, x) : requestAnimationFrame(() => o(w, x)));
+  }, w = (v, x) => {
+    const f = v === null ? null : Math.max(0, Math.min(e + v, r.length - 1));
+    f !== e && (a(f), s ? o(f, x) : requestAnimationFrame(() => o(f, x)));
   };
   return { move: (v) => {
-    const x = Xe(v), w = r.findIndex((h) => h.id === x);
-    w !== e && a(w);
+    const x = Xe(v), f = r.findIndex((h) => h.id === x);
+    f !== e && a(f);
   }, keydown: (v, x) => {
     switch (v.code) {
       case "Enter":
@@ -722,16 +727,16 @@ function it() {
         u(e = null);
         break;
       case "ArrowDown":
-        f(n ? 1 : x || 0, v);
+        w(n ? 1 : x || 0, v);
         break;
       case "ArrowUp":
-        f(n ? -1 : x || 0, v);
+        w(n ? -1 : x || 0, v);
         break;
     }
-  }, init: c, navigate: f };
+  }, init: c, navigate: w };
 }
-const Re = 10, ut = Ue(function({ data: n, checkboxes: t, children: s, value: r }) {
-  return /* @__PURE__ */ R(_, { children: [
+const Te = 10, ut = Ue(function({ data: n, checkboxes: t, children: s, value: r }) {
+  return /* @__PURE__ */ $(_, { children: [
     t && /* @__PURE__ */ l(
       Ye,
       {
@@ -785,103 +790,103 @@ function ge({
   value: c,
   ...a
 }) {
-  const o = S(), f = S(!1), d = S(it()), [p, v] = B(null), x = S(p), [w, h] = B(0), [m, g] = B(24), T = S(!1), b = (K(q) || X()).getGroup("core"), N = S(e);
-  W(() => {
-    N.current = e;
+  const o = C(), w = C(!1), d = C(it()), [p, v] = B(null), x = C(p), [f, h] = B(0), [m, g] = B(24), V = C(!1), b = (K(q) || X()).getGroup("core"), y = C(e);
+  E(() => {
+    y.current = e;
   }, [e]);
-  const k = S(c);
-  W(() => {
-    k.current = c;
+  const N = C(c);
+  E(() => {
+    N.current = c;
   }, [c]);
-  const M = S(0);
-  W(() => {
+  const M = C(0);
+  E(() => {
     M.current = m;
   }, [m]);
-  const $ = D((y) => {
-    y && y.stopPropagation();
-    const E = N.current, Z = k.current, ce = x.current;
+  const T = D((k) => {
+    k && k.stopPropagation();
+    const W = y.current, Z = N.current, ce = x.current;
     let ee;
-    const te = E[ce]?.id;
+    const te = W[ce]?.id;
     i ? Z && Z.includes(te) ? ee = Z.filter((we) => we !== te) : ee = [...Z || [], te] : ee = te, t && t({ id: ee });
-  }, [i, t]), V = S($);
-  W(() => {
-    V.current = $;
-  }, [$]);
-  const F = D((y) => {
+  }, [i, t]), R = C(T);
+  E(() => {
+    R.current = T;
+  }, [T]);
+  const F = D((k) => {
     if (o.current) {
-      let E = y * M.current - o.current.clientHeight + M.current;
-      h(E), o.current.scrollTop = E;
+      let W = k * M.current - o.current.clientHeight + M.current;
+      h(W), o.current.scrollTop = W;
     }
   }, [M.current]), j = D(
-    (y) => {
-      o.current = y, r && (y && !f.current && x.current !== null && requestAnimationFrame(() => {
-        o.current && (F(x.current), f.current = !0);
-      }), y || (f.current = !1));
+    (k) => {
+      o.current = k, r && (k && !w.current && x.current !== null && requestAnimationFrame(() => {
+        o.current && (F(x.current), w.current = !0);
+      }), k || (w.current = !1));
     },
     [F]
-  ), H = D((y) => {
-    if (!y || T.current) return;
-    const E = y.getBoundingClientRect().height;
-    E && (g(E), M.current = E, T.current = !0);
+  ), H = D((k) => {
+    if (!k || V.current) return;
+    const W = k.getBoundingClientRect().height;
+    W && (g(W), M.current = W, V.current = !0);
   }, []);
-  W(() => {
+  E(() => {
     d.current.init(
       o.current,
       e,
-      (y) => {
-        v(y), x.current = y;
+      (k) => {
+        v(k), x.current = k;
       },
-      (y) => V.current(y),
+      (k) => R.current(k),
       r
     );
-  }, [e, o.current, r]), W(() => {
-    const y = (Z, ce) => {
+  }, [e, o.current, r]), E(() => {
+    const k = (Z, ce) => {
       d.current.navigate(Z, ce), F(x.current);
-    }, E = (Z, ce) => {
-      const ee = x.current, te = N.current;
+    }, W = (Z, ce) => {
+      const ee = x.current, te = y.current;
       if (ee !== 0 && ee !== te.length - 1 && (Z.key === "ArrowDown" || Z.key === "ArrowUp") && Z.preventDefault(), d.current.keydown(Z, ce), o.current) {
         const we = o.current.scrollTop <= x.current * M.current, Ge = o.current.scrollTop + o.current.clientHeight >= x.current * M.current + M.current;
         we ? Ge || F(x.current) : (o.current.scrollTop = x.current * M.current, h(o.current.scrollTop));
       }
     };
     s && s({
-      navigate: r ? y : d.current.navigate,
-      keydown: r ? E : d.current.keydown,
+      navigate: r ? k : d.current.navigate,
+      keydown: r ? W : d.current.keydown,
       move: d.current.move
     });
   }, []);
-  const L = S(0), P = S(e);
+  const L = C(0), P = C(e);
   P.current !== e && (P.current = e, L.current += 1);
-  const C = D(() => {
+  const S = D(() => {
     d.current.navigate(null);
-  }, [d]), O = D((y) => {
-    r && h(y.target.scrollTop);
+  }, [d]), O = D((k) => {
+    r && h(k.target.scrollTop);
   }, [r]), U = A(
     () => Math.ceil((o.current?.clientHeight || 0) / m),
-    [m, w]
+    [m, f]
   ), Y = A(() => {
     if (!r) return { start: 0, end: e.length };
     if (!e.length) return { start: 0, end: 0 };
-    const y = Math.floor(w / m), E = y + U;
+    const k = Math.floor(f / m), W = k + U;
     return {
-      start: Math.max(0, y - Re),
-      end: Math.min(e.length, E + Re)
+      start: Math.max(0, k - Te),
+      end: Math.min(e.length, W + Te)
     };
-  }, [r, e, w, m, U]), I = A(() => {
+  }, [r, e, f, m, U]), I = A(() => {
     if (!r) return e;
-    const { start: y, end: E } = Y;
-    return e.slice(y, E).map((Z) => ({
+    const { start: k, end: W } = Y;
+    return e.slice(k, W).map((Z) => ({
       ...Z
     }));
   }, [r, e, Y]), G = Y.start * m, Q = e.length * m;
-  return W(() => {
-    p === null && (f.current = !1);
-  }, [p]), p === null ? null : /* @__PURE__ */ l(le, { onCancel: C, ...a, children: /* @__PURE__ */ l(
+  return E(() => {
+    p === null && (w.current = !1);
+  }, [p]), p === null ? null : /* @__PURE__ */ l(le, { onCancel: S, ...a, children: /* @__PURE__ */ l(
     "div",
     {
       className: "wx-233fr7 wx-list",
       ref: j,
-      onClick: $,
+      onClick: T,
       onMouseMove: d.current.move,
       onScroll: O,
       children: e.length ? r ? /* @__PURE__ */ l(
@@ -935,34 +940,34 @@ function Zt({
   disabled: c = !1,
   error: a = !1,
   clear: o = !1,
-  children: f,
+  children: w,
   onChange: d,
   dropdown: p = {}
 }) {
-  const v = z(n), x = S(null), w = S(null), [h, m] = J(e), [g, T] = B(!1), [b, N] = B(""), k = S(null), M = S(!1), $ = A(() => {
+  const v = z(n), x = C(null), f = C(null), [h, m] = J(e), [g, V] = B(!1), [b, y] = B(""), N = C(null), M = C(!1), T = A(() => {
     if (g) return b;
     if (h || h === 0) {
       const I = (s || t).find((G) => G.id === h);
       if (I) return I[r];
     }
     return "";
-  }, [g, b, h, s, t, r]), V = A(() => !$ || !g ? t : t.filter(
-    (I) => I[r].toLowerCase().includes($.toLowerCase())
-  ), [$, g, t, r]), F = D(
-    () => V.findIndex((I) => I.id === h),
-    [V, h]
+  }, [g, b, h, s, t, r]), R = A(() => !T || !g ? t : t.filter(
+    (I) => I[r].toLowerCase().includes(T.toLowerCase())
+  ), [T, g, t, r]), F = D(
+    () => R.findIndex((I) => I.id === h),
+    [R, h]
   ), j = D((I) => {
-    x.current = I.navigate, w.current = I.keydown;
+    x.current = I.navigate, f.current = I.keydown;
   }, []), H = D(
     (I, G) => {
       if (I || I === 0) {
-        let Q = t.find((y) => y.id === I);
-        if (T(!1), G && x.current(null), Q && h !== Q.id) {
-          const y = Q.id;
-          m(y), d && d({ value: y });
+        let Q = t.find((k) => k.id === I);
+        if (V(!1), G && x.current(null), Q && h !== Q.id) {
+          const k = Q.id;
+          m(k), d && d({ value: k });
         }
       }
-      !M.current && G && k.current.focus();
+      !M.current && G && N.current.focus();
     },
     [t, h, d]
   ), L = D(
@@ -972,39 +977,39 @@ function Zt({
     [H]
   ), P = D(
     (I) => {
-      I && I.stopPropagation(), m(""), T(!1), d && d({ value: "" });
+      I && I.stopPropagation(), m(""), V(!1), d && d({ value: "" });
     },
     [d]
-  ), C = D(
+  ), S = D(
     (I) => {
       if (!t.length) return;
       if (I === "" && o) {
         P();
         return;
       }
-      let G = t.find((y) => y[r] === I);
+      let G = t.find((k) => k[r] === I);
       G || (G = t.find(
-        (y) => y[r].toLowerCase().includes(I.toLowerCase())
+        (k) => k[r].toLowerCase().includes(I.toLowerCase())
       ));
       const Q = G ? G.id : h || t[0].id;
       H(Q, !1);
     },
     [t, r, o, h, H, P]
   ), O = D(() => {
-    N(k.current.value), T(!0), V.length && x.current(0);
-  }, [V.length, x]), U = D(() => {
+    y(N.current.value), V(!0), R.length && x.current(0);
+  }, [R.length, x]), U = D(() => {
     M.current = !0;
   }, []), Y = D(() => {
     M.current = !1, setTimeout(() => {
-      M.current || C($);
+      M.current || S(T);
     }, 200);
-  }, [C, $]);
-  return /* @__PURE__ */ R(
+  }, [S, T]);
+  return /* @__PURE__ */ $(
     "div",
     {
       className: "wx-1j11Jk wx-combo",
       onClick: () => x.current(F()),
-      onKeyDown: (I) => w.current(I, F()),
+      onKeyDown: (I) => f.current(I, F()),
       title: i,
       children: [
         /* @__PURE__ */ l(
@@ -1012,8 +1017,8 @@ function Zt({
           {
             className: "wx-1j11Jk wx-input " + (a ? "wx-error" : ""),
             id: v,
-            ref: k,
-            value: $,
+            ref: N,
+            value: T,
             disabled: c,
             placeholder: u,
             onFocus: U,
@@ -1022,7 +1027,7 @@ function Zt({
           }
         ),
         o && !c && h ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: P }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
-        !c && /* @__PURE__ */ l(ge, { items: V, onReady: j, onSelect: L, ...p, children: ({ option: I }) => /* @__PURE__ */ l(_, { children: f ? f({ option: I }) : I[r] }) })
+        !c && /* @__PURE__ */ l(ge, { items: R, onReady: j, onSelect: L, ...p, children: ({ option: I }) => /* @__PURE__ */ l(_, { children: w ? w({ option: I }) : I[r] }) })
       ]
     }
   );
@@ -1038,66 +1043,66 @@ function Ne({
   disabled: c = !1,
   error: a = !1,
   inputStyle: o = {},
-  title: f = "",
+  title: w = "",
   css: d = "",
   icon: p = "",
   clear: v = !1,
   onChange: x
 }) {
-  const w = z(n), [h, m] = J(e), g = S(null), T = A(
+  const f = z(n), [h, m] = J(e), g = C(null), V = A(
     () => p && d.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + d : d,
     [p, d]
   ), b = A(
     () => p && d.indexOf("wx-icon-left") !== -1,
     [p, d]
   );
-  W(() => {
-    const V = setTimeout(() => {
+  E(() => {
+    const R = setTimeout(() => {
       s && g.current && g.current.focus(), r && g.current && g.current.select();
     }, 1);
-    return () => clearTimeout(V);
+    return () => clearTimeout(R);
   }, [s, r]);
-  const N = D(
-    (V) => {
-      const F = V.target.value;
+  const y = D(
+    (R) => {
+      const F = R.target.value;
       m(F), x && x({ value: F, input: !0 });
     },
     [x]
-  ), k = D(
-    (V) => x && x({ value: V.target.value }),
+  ), N = D(
+    (R) => x && x({ value: R.target.value }),
     [x]
   );
-  function M(V) {
-    V.stopPropagation(), m(""), x && x({ value: "" });
+  function M(R) {
+    R.stopPropagation(), m(""), x && x({ value: "" });
   }
-  let $ = u;
-  return u !== "password" && u !== "number" && ($ = "text"), W(() => {
-    const V = k, F = g.current;
-    return F.addEventListener("change", V), () => {
-      F && F.removeEventListener("change", V);
+  let T = u;
+  return u !== "password" && u !== "number" && (T = "text"), E(() => {
+    const R = N, F = g.current;
+    return F.addEventListener("change", R), () => {
+      F && F.removeEventListener("change", R);
     };
-  }, [k]), /* @__PURE__ */ R(
+  }, [N]), /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-hQ64J4 wx-text ${T} ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${v ? "wx-clear" : ""}`,
+      className: `wx-hQ64J4 wx-text ${V} ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${v ? "wx-clear" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "input",
           {
             className: "wx-hQ64J4 wx-input",
             ref: g,
-            id: w,
+            id: f,
             readOnly: t,
             disabled: c,
             placeholder: i,
-            type: $,
+            type: T,
             style: o,
-            title: f,
+            title: w,
             value: h,
-            onInput: N
+            onInput: y
           }
         ),
-        v && !c && h ? /* @__PURE__ */ R(_, { children: [
+        v && !c && h ? /* @__PURE__ */ $(_, { children: [
           /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: M }),
           b && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${p}` })
         ] }) : p ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${p}` }) : null
@@ -1113,8 +1118,8 @@ function dt({ date: e, type: n, part: t, onShift: s }) {
       case "year":
         return ne(u.yearFormat, r)(e);
       case "duodecade": {
-        const { start: o, end: f } = Be(i), d = ne(u.yearFormat, r);
-        return `${d(new Date(o, 0, 1))} - ${d(new Date(f, 11, 31))}`;
+        const { start: o, end: w } = Be(i), d = ne(u.yearFormat, r);
+        return `${d(new Date(o, 0, 1))} - ${d(new Date(w, 11, 31))}`;
       }
       default:
         return "";
@@ -1123,7 +1128,7 @@ function dt({ date: e, type: n, part: t, onShift: s }) {
   function a() {
     s && s({ diff: 0, type: n });
   }
-  return /* @__PURE__ */ R("div", { className: "wx-8HQVQV wx-header", children: [
+  return /* @__PURE__ */ $("div", { className: "wx-8HQVQV wx-header", children: [
     t !== "right" ? /* @__PURE__ */ l(
       "i",
       {
@@ -1152,15 +1157,15 @@ function ft({
   onCancel: r,
   onChange: u
 }) {
-  const i = (K(q) || X()).getRaw().calendar, c = (i.weekStart || 7) % 7, a = i.dayShort.slice(c).concat(i.dayShort.slice(0, c)), o = (b, N, k) => new Date(
+  const i = (K(q) || X()).getRaw().calendar, c = (i.weekStart || 7) % 7, a = i.dayShort.slice(c).concat(i.dayShort.slice(0, c)), o = (b, y, N) => new Date(
     b.getFullYear(),
-    b.getMonth() + (N || 0),
-    b.getDate() + (k || 0)
+    b.getMonth() + (y || 0),
+    b.getDate() + (N || 0)
   );
-  let f = t !== "normal";
+  let w = t !== "normal";
   function d(b) {
-    const N = b.getDay();
-    return N === 0 || N === 6;
+    const y = b.getDay();
+    return y === 0 || y === 6;
   }
   function p() {
     const b = o(n, 0, 1 - n.getDate());
@@ -1170,39 +1175,39 @@ function ft({
     const b = o(n, 1, -n.getDate());
     return b.setDate(b.getDate() + (6 - b.getDay() + c) % 7), b;
   }
-  const x = S(0);
-  function w(b, N) {
-    N.timeStamp !== x.current && (x.current = N.timeStamp, N.stopPropagation(), u && u(new Date(b)), r && r());
+  const x = C(0);
+  function f(b, y) {
+    y.timeStamp !== x.current && (x.current = y.timeStamp, y.stopPropagation(), u && u(new Date(b)), r && r());
   }
   const h = A(() => t == "normal" ? [e ? o(e).valueOf() : 0] : e ? [
     e.start ? o(e.start).valueOf() : 0,
     e.end ? o(e.end).valueOf() : 0
   ] : [0, 0], [t, e]), m = A(() => {
-    const b = p(), N = v(), k = n.getMonth();
+    const b = p(), y = v(), N = n.getMonth();
     let M = [];
-    for (let $ = b; $ <= N; $.setDate($.getDate() + 1)) {
-      const V = {
-        day: $.getDate(),
-        in: $.getMonth() === k,
-        date: $.valueOf()
+    for (let T = b; T <= y; T.setDate(T.getDate() + 1)) {
+      const R = {
+        day: T.getDate(),
+        in: T.getMonth() === N,
+        date: T.valueOf()
       };
       let F = "";
-      if (F += V.in ? "" : " wx-inactive", F += h.indexOf(V.date) > -1 ? " wx-selected" : "", f) {
-        const j = V.date == h[0], H = V.date == h[1];
-        j && !H ? F += " wx-left" : H && !j && (F += " wx-right"), V.date > h[0] && V.date < h[1] && (F += " wx-inrange");
+      if (F += R.in ? "" : " wx-inactive", F += h.indexOf(R.date) > -1 ? " wx-selected" : "", w) {
+        const j = R.date == h[0], H = R.date == h[1];
+        j && !H ? F += " wx-left" : H && !j && (F += " wx-right"), R.date > h[0] && R.date < h[1] && (F += " wx-inrange");
       }
-      if (F += d($) ? " wx-weekend" : "", s) {
-        const j = s($);
+      if (F += d(T) ? " wx-weekend" : "", s) {
+        const j = s(T);
         j && (F += " " + j);
       }
-      M.push({ ...V, css: F });
+      M.push({ ...R, css: F });
     }
     return M;
-  }, [n, h, f, s]), g = S(null);
-  let T = S({});
-  return T.current.click = w, W(() => {
-    Ee(g.current, T.current);
-  }, []), /* @__PURE__ */ R("div", { children: [
+  }, [n, h, w, s]), g = C(null);
+  let V = C({});
+  return V.current.click = f, E(() => {
+    Ee(g.current, V.current);
+  }, []), /* @__PURE__ */ $("div", { children: [
     /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((b) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: b }, b)) }),
     /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: g, children: m.map((b) => /* @__PURE__ */ l(
       "div",
@@ -1223,30 +1228,30 @@ function wt({
   onChange: r,
   onShift: u
 }) {
-  const i = S(/* @__PURE__ */ new Date()), [c, a] = J(e || i.current), [o, f] = J(n || i.current), d = K(q).getRaw().calendar, p = d.monthShort || [], v = A(() => o.getMonth(), [o]), x = D(
+  const i = C(/* @__PURE__ */ new Date()), [c, a] = J(e || i.current), [o, w] = J(n || i.current), d = K(q).getRaw().calendar, p = d.monthShort || [], v = A(() => o.getMonth(), [o]), x = D(
     (m, g) => {
       if (m != null) {
         g.stopPropagation();
-        const T = new Date(o);
-        T.setMonth(m), f(T), u && u({ current: T });
+        const V = new Date(o);
+        V.setMonth(m), w(V), u && u({ current: V });
       }
       t === "normal" && a(new Date(o)), s && s();
     },
     [o, t, u, s]
-  ), w = D(() => {
+  ), f = D(() => {
     const m = new Date(je(c, t) || o);
     m.setMonth(o.getMonth()), m.setFullYear(o.getFullYear()), r && r(m);
   }, [c, o, t, r]), h = D(
     (m) => {
       const g = m.target.closest("[data-id]");
       if (g) {
-        const T = parseInt(g.getAttribute("data-id"), 10);
-        x(T, m);
+        const V = parseInt(g.getAttribute("data-id"), 10);
+        x(V, m);
       }
     },
     [x]
   );
-  return /* @__PURE__ */ R(_, { children: [
+  return /* @__PURE__ */ $(_, { children: [
     /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: h, children: p.map((m, g) => /* @__PURE__ */ l(
       "div",
       {
@@ -1256,34 +1261,34 @@ function wt({
       },
       g
     )) }),
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: w, children: d.done }) })
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: f, children: d.done }) })
   ] });
 }
 const xe = "wx-1XEF33", xt = ({ value: e, current: n, onCancel: t, onChange: s, onShift: r, part: u }) => {
-  const i = K(q).getRaw().calendar, [c, a] = J(n), [o, f] = J(e), d = A(() => c.getFullYear(), [c]), p = A(() => {
-    const { start: m, end: g } = Be(d), T = [];
+  const i = K(q).getRaw().calendar, [c, a] = J(n), [o, w] = J(e), d = A(() => c.getFullYear(), [c]), p = A(() => {
+    const { start: m, end: g } = Be(d), V = [];
     for (let b = m; b <= g; ++b)
-      T.push(b);
-    return T;
+      V.push(b);
+    return V;
   }, [d]), v = {
     click: x
   };
   function x(m, g) {
     if (m) {
       g.stopPropagation();
-      const T = new Date(c);
-      T.setFullYear(m), a(T), r && r({ current: T });
+      const V = new Date(c);
+      V.setFullYear(m), a(V), r && r({ current: V });
     }
-    u === "normal" && f(new Date(c)), t && t();
+    u === "normal" && w(new Date(c)), t && t();
   }
-  function w() {
+  function f() {
     const m = new Date(je(o, u) || c);
     m.setFullYear(c.getFullYear()), s && s(m);
   }
-  const h = S(null);
-  return W(() => {
+  const h = C(null);
+  return E(() => {
     h.current && Ee(h.current, v);
-  }, []), /* @__PURE__ */ R(_, { children: [
+  }, []), /* @__PURE__ */ $(_, { children: [
     /* @__PURE__ */ l("div", { className: xe + " wx-years", ref: h, children: p.map((m, g) => /* @__PURE__ */ l(
       "div",
       {
@@ -1293,7 +1298,7 @@ const xe = "wx-1XEF33", xt = ({ value: e, current: n, onCancel: t, onChange: s,
       },
       g
     )) }),
-    /* @__PURE__ */ l("div", { className: xe + " wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: w, children: i.done }) })
+    /* @__PURE__ */ l("div", { className: xe + " wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: f, children: i.done }) })
   ] });
 }, Me = {
   month: {
@@ -1355,31 +1360,31 @@ function de({
   onShift: i,
   onChange: c
 }) {
-  const a = K(q).getGroup("calendar"), [o, f] = B("month"), d = Array.isArray(u) ? u : u ? kt : [], p = (m, g) => {
+  const a = K(q).getGroup("calendar"), [o, w] = B("month"), d = Array.isArray(u) ? u : u ? kt : [], p = (m, g) => {
     m.preventDefault(), c && c({ value: g });
   }, v = () => {
-    o === "duodecade" ? f("year") : o === "year" && f("month");
+    o === "duodecade" ? w("year") : o === "year" && w("month");
   }, x = (m) => {
-    const { diff: g, current: T } = m;
+    const { diff: g, current: V } = m;
     if (g === 0) {
-      o === "month" ? f("year") : o === "year" && f("duodecade");
+      o === "month" ? w("year") : o === "year" && w("duodecade");
       return;
     }
     if (g) {
       const b = Me[o];
       t(g > 0 ? b.next(n) : b.prev(n));
-    } else T && t(T);
+    } else V && t(V);
     i && i();
-  }, w = (m) => {
-    f("month"), c && c({ select: !0, value: m });
+  }, f = (m) => {
+    w("month"), c && c({ select: !0, value: m });
   }, h = A(() => Me[o].component, [o]);
   return /* @__PURE__ */ l(
     "div",
     {
       className: `wx-2Gr4AS wx-calendar ${s !== "normal" && s !== "both" ? "wx-part" : ""}`,
-      children: /* @__PURE__ */ R("div", { className: "wx-2Gr4AS wx-wrap", children: [
+      children: /* @__PURE__ */ $("div", { className: "wx-2Gr4AS wx-wrap", children: [
         /* @__PURE__ */ l(dt, { date: n, part: s, type: o, onShift: x }),
-        /* @__PURE__ */ R("div", { children: [
+        /* @__PURE__ */ $("div", { children: [
           /* @__PURE__ */ l(
             h,
             {
@@ -1389,7 +1394,7 @@ function de({
               part: s,
               markers: r,
               onCancel: v,
-              onChange: w,
+              onChange: f,
               onShift: x
             }
           ),
@@ -1431,7 +1436,7 @@ function Dt({
   onChange: r
 }) {
   const [u, i] = J(e), [c, a] = J(n);
-  W(() => {
+  E(() => {
     Ie(c, u, a, !1);
   }, [u, c]);
   const o = D(
@@ -1440,7 +1445,7 @@ function Dt({
       p ? (i(new Date(p)), Ie(c, new Date(p), a, !0)) : i(null), r && r({ value: p ? new Date(p) : null });
     },
     [r, c]
-  ), f = D(
+  ), w = D(
     (d) => {
       a(d);
     },
@@ -1454,7 +1459,7 @@ function Dt({
       markers: t,
       buttons: s,
       onChange: o,
-      onCurrentChange: f
+      onCurrentChange: w
     }
   ) }) : null;
 }
@@ -1473,36 +1478,36 @@ function zt({
   css: c = "",
   title: a = "",
   editable: o = !1,
-  clear: f = !1,
+  clear: w = !1,
   onChange: d,
   dropdown: p = {}
 }) {
-  const { calendar: v, formats: x } = (K(q) || X()).getRaw(), w = u || x?.dateFormat;
-  let h = typeof w == "function" ? w : ne(w, v);
-  const [m, g] = B(e), [T, b] = B(!1);
-  W(() => {
+  const { calendar: v, formats: x } = (K(q) || X()).getRaw(), f = u || x?.dateFormat;
+  let h = typeof f == "function" ? f : ne(f, v);
+  const [m, g] = B(e), [V, b] = B(!1);
+  E(() => {
     g(e);
   }, [e]);
-  function N() {
+  function y() {
     b(!1);
   }
-  function k(V) {
-    const F = V === m || V && m && V.valueOf() === m.valueOf() || !V && !m;
-    g(V), F || d && d({ value: V }), setTimeout(N, 1);
+  function N(R) {
+    const F = R === m || R && m && R.valueOf() === m.valueOf() || !R && !m;
+    g(R), F || d && d({ value: R }), setTimeout(y, 1);
   }
   const M = A(
     () => m ? h(m) : "",
     [m, h]
   );
-  function $({ value: V, input: F }) {
-    if (!o && !f || F) return;
-    let j = typeof o == "function" ? o(V) : V ? new Date(V) : null;
-    j = isNaN(j) ? m || null : j || null, k(j);
+  function T({ value: R, input: F }) {
+    if (!o && !w || F) return;
+    let j = typeof o == "function" ? o(R) : R ? new Date(R) : null;
+    j = isNaN(j) ? m || null : j || null, N(j);
   }
-  return W(() => {
-    const V = N;
-    return window.addEventListener("scroll", V), () => window.removeEventListener("scroll", V);
-  }, []), /* @__PURE__ */ R("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => b(!0), children: [
+  return E(() => {
+    const R = y;
+    return window.addEventListener("scroll", R), () => window.removeEventListener("scroll", R);
+  }, []), /* @__PURE__ */ $("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => b(!0), children: [
     /* @__PURE__ */ l(
       Ne,
       {
@@ -1514,85 +1519,85 @@ function zt({
         disabled: t,
         error: s,
         placeholder: r,
-        onInput: N,
-        onChange: $,
+        onInput: y,
+        onChange: T,
         icon: "wxi-calendar",
         inputStyle: {
           cursor: "pointer",
           width: "100%",
           paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
         },
-        clear: f
+        clear: w
       }
     ),
-    T && !t && /* @__PURE__ */ l(
+    V && !t && /* @__PURE__ */ l(
       le,
       {
-        onCancel: N,
+        onCancel: y,
         ...ye(p),
         children: /* @__PURE__ */ l(
           Dt,
           {
             buttons: i,
             value: m,
-            onChange: (V) => k(V.value)
+            onChange: (R) => N(R.value)
           }
         )
       }
     )
   ] });
 }
-const Tt = ["clear", "today"], Rt = ({
+const Rt = ["clear", "today"], Tt = ({
   start: e,
   end: n,
   current: t,
   months: s = 2,
   markers: r = null,
-  buttons: u = Tt,
+  buttons: u = Rt,
   onChange: i
 }) => {
-  const [c, a] = J(e), [o, f] = J(n), [d, p] = B(), [v, x] = B(), w = D((N, k, M) => {
-    const $ = new Date(N);
-    return $.setMonth($.getMonth() + k), M && $.valueOf() === M.valueOf() ? M : $;
+  const [c, a] = J(e), [o, w] = J(n), [d, p] = B(), [v, x] = B(), f = D((y, N, M) => {
+    const T = new Date(y);
+    return T.setMonth(T.getMonth() + N), M && T.valueOf() === M.valueOf() ? M : T;
   }, []), h = D(
-    (N) => {
+    (y) => {
       p(() => {
-        const k = new Date(N);
-        return k.setDate(1), x(w(k, 1)), k;
+        const N = new Date(y);
+        return N.setDate(1), x(f(N, 1)), N;
       });
     },
-    [w]
+    [f]
   ), m = D(
-    (N) => {
+    (y) => {
       x(() => {
-        const k = new Date(N);
-        return k.setDate(1), p(w(k, -1)), k;
+        const N = new Date(y);
+        return N.setDate(1), p(f(N, -1)), N;
       });
     },
-    [w]
+    [f]
   );
-  W(() => {
-    const N = c;
-    d || h(N ? new Date(N) : t || /* @__PURE__ */ new Date());
+  E(() => {
+    const y = c;
+    d || h(y ? new Date(y) : t || /* @__PURE__ */ new Date());
   }, [c, t, d, h]);
   const g = D(
-    (N) => {
-      const k = N.value;
-      let M = c, $ = o;
-      const V = k === -1;
-      return V || (N.select ? !c || o ? (a(M = k), f($ = null)) : c > k ? (f($ = c), a(M = k)) : f($ = k) : k ? (a(M = new Date(k)), f($ = new Date(k))) : (a(M = null), f($ = null))), (V || !u.includes("done")) && i && i({ start: M, end: $ }), [M, $];
+    (y) => {
+      const N = y.value;
+      let M = c, T = o;
+      const R = N === -1;
+      return R || (y.select ? !c || o ? (a(M = N), w(T = null)) : c > N ? (w(T = c), a(M = N)) : w(T = N) : N ? (a(M = new Date(N)), w(T = new Date(N))) : (a(M = null), w(T = null))), (R || !u.includes("done")) && i && i({ start: M, end: T }), [M, T];
     },
     [c, o, u, i]
-  ), T = D(
-    (N) => {
-      const [k] = g(N);
-      k && h(new Date(k));
+  ), V = D(
+    (y) => {
+      const [N] = g(y);
+      N && h(new Date(N));
     },
     [h, c, o]
   ), b = D(
-    (N) => {
-      const [, k] = g(N);
-      k && m(new Date(k));
+    (y) => {
+      const [, N] = g(y);
+      N && m(new Date(N));
     },
     [m, c, o]
   );
@@ -1604,10 +1609,10 @@ const Tt = ["clear", "today"], Rt = ({
       markers: r,
       buttons: u,
       part: "both",
-      onChange: T,
+      onChange: V,
       onCurrentChange: h
     }
-  ) }) : /* @__PURE__ */ l(he, { children: /* @__PURE__ */ R("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
+  ) }) : /* @__PURE__ */ l(he, { children: /* @__PURE__ */ $("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
       de,
       {
@@ -1616,7 +1621,7 @@ const Tt = ["clear", "today"], Rt = ({
         markers: r,
         buttons: !1,
         part: "left",
-        onChange: T,
+        onChange: V,
         onCurrentChange: h
       }
     ) }),
@@ -1644,45 +1649,45 @@ const Tt = ["clear", "today"], Rt = ({
   title: c = "",
   format: a = "",
   months: o = 2,
-  buttons: f = $t,
+  buttons: w = $t,
   editable: d = !1,
   clear: p = !1,
   dropdown: v
 }) => {
-  const [x, w] = J(e), { calendar: h, formats: m } = (K(q) || X()).getRaw(), g = a || m?.dateFormat, T = typeof g == "function" ? g : ne(g, h), [b, N] = B(!1), k = D(() => {
-    N(!1);
-  }, []), M = A(() => x ? x.start ? T(x.start) + (x.end ? ` - ${T(x.end)}` : "") : T(x) : "", [x, T]), $ = A(() => x && x.start || null, [x]), V = A(() => x && x.end || null, [x]), F = D(
+  const [x, f] = J(e), { calendar: h, formats: m } = (K(q) || X()).getRaw(), g = a || m?.dateFormat, V = typeof g == "function" ? g : ne(g, h), [b, y] = B(!1), N = D(() => {
+    y(!1);
+  }, []), M = A(() => x ? x.start ? V(x.start) + (x.end ? ` - ${V(x.end)}` : "") : V(x) : "", [x, V]), T = A(() => x && x.start || null, [x]), R = A(() => x && x.end || null, [x]), F = D(
     (H) => {
       const L = H.start || H.end ? { start: H.start, end: H.end } : null;
-      w && w(L), (H.start && H.end || !H.start && !H.end) && (n && n({ value: L }), setTimeout(k, 1));
+      f && f(L), (H.start && H.end || !H.start && !H.end) && (n && n({ value: L }), setTimeout(N, 1));
     },
-    [n, k, w]
+    [n, N, f]
   ), j = D(
     (H) => {
       if (!d && !p) return;
       const { value: L, input: P } = H;
       if (P) return;
-      const [C, O] = L.split(" -").map((U, Y) => {
+      const [S, O] = L.split(" -").map((U, Y) => {
         const I = U.trim();
-        let G = typeof d == "function" ? d(I) : I ? new Date(I) : null, Q = Y === 0 ? $ : V;
+        let G = typeof d == "function" ? d(I) : I ? new Date(I) : null, Q = Y === 0 ? T : R;
         return isNaN(G) ? Q || null : G || null;
       });
-      F({ start: C, end: O });
+      F({ start: S, end: O });
     },
-    [d, p, $, V, F]
+    [d, p, T, R, F]
   );
-  return W(() => {
+  return E(() => {
     const H = () => {
-      k();
+      N();
     };
     return window.addEventListener("scroll", H), () => {
       window.removeEventListener("scroll", H);
     };
-  }, [k]), /* @__PURE__ */ R(
+  }, [N]), /* @__PURE__ */ $(
     "div",
     {
       className: `wx-1b0WDQ wx-daterangepicker ${s ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
-      onClick: () => N(!0),
+      onClick: () => y(!0),
       children: [
         /* @__PURE__ */ l(
           Ne,
@@ -1708,15 +1713,15 @@ const Tt = ["clear", "today"], Rt = ({
         b && !s && /* @__PURE__ */ l(
           le,
           {
-            onCancel: k,
+            onCancel: N,
             ...ye(v),
             children: /* @__PURE__ */ l(
-              Rt,
+              Tt,
               {
-                onCancel: k,
-                buttons: f,
-                start: $,
-                end: V,
+                onCancel: N,
+                buttons: w,
+                start: T,
+                end: R,
                 months: o,
                 onChange: F
               }
@@ -1732,21 +1737,21 @@ function en({
   toggleButton: n,
   children: t
 }) {
-  const s = S(null), [r, u] = B(!1), i = A(
+  const s = C(null), [r, u] = B(!1), i = A(
     () => `wxi-${r ? "collapse" : "expand"}`,
     [r]
-  ), c = S(null);
+  ), c = C(null);
   return c.current = () => {
     const a = s.current;
     !r && a ? a.requestFullscreen() : r && document.exitFullscreen(), u((o) => !o);
-  }, Ke({ [e]: () => c.current() }, s), W(() => {
+  }, Ke({ [e]: () => c.current() }, s), E(() => {
     const a = () => {
       u(document.fullscreenElement === s.current);
     };
     return document.addEventListener("fullscreenchange", a), () => {
       document.removeEventListener("fullscreenchange", a);
     };
-  }, []), /* @__PURE__ */ R("div", { className: "wx-13aa5W wx-fullscreen", ref: s, tabIndex: -1, children: [
+  }, []), /* @__PURE__ */ $("div", { className: "wx-13aa5W wx-fullscreen", ref: s, tabIndex: -1, children: [
     t,
     n ? n(c.current, r) : /* @__PURE__ */ l(re, { css: "wx-13aa5W wx-fullscreen-button", onClick: c.current, children: /* @__PURE__ */ l("i", { className: `wx-13aa5W ${i} wx-fullscreen-icon`, children: " " }) })
   ] });
@@ -1782,56 +1787,56 @@ function nn({
   disabled: c = !1,
   error: a = !1,
   checkboxes: o = !1,
-  onChange: f,
+  onChange: w,
   children: d,
   dropdown: p = {}
 }) {
-  const v = z(e), x = S(null), w = S(null), [h, m] = J(n), [g, T] = B(""), [b, N] = B(!1), k = S(null), M = A(() => h ? (s || t).filter((C) => h.includes(C.id)) : [], [h, s, t]), $ = A(() => {
-    const C = t;
-    return g ? C.filter((O) => O[r].toLowerCase().includes(g.toLowerCase())) : C;
-  }, [g, t, r]), V = D((C) => {
-    x.current = C.navigate, w.current = C.keydown;
+  const v = z(e), x = C(null), f = C(null), [h, m] = J(n), [g, V] = B(""), [b, y] = B(!1), N = C(null), M = A(() => h ? (s || t).filter((S) => h.includes(S.id)) : [], [h, s, t]), T = A(() => {
+    const S = t;
+    return g ? S.filter((O) => O[r].toLowerCase().includes(g.toLowerCase())) : S;
+  }, [g, t, r]), R = D((S) => {
+    x.current = S.navigate, f.current = S.keydown;
   }, []), F = D(() => {
-    $.length ? x.current(0) : x.current(null);
-  }, [$]), j = D(
-    (C) => {
-      const { id: O } = C;
-      O && (m(O), f && f({ value: O }), k.current.focus());
+    T.length ? x.current(0) : x.current(null);
+  }, [T]), j = D(
+    (S) => {
+      const { id: O } = S;
+      O && (m(O), w && w({ value: O }), N.current.focus());
     },
-    [f]
+    [w]
   ), H = D(
-    (C, O) => {
+    (S, O) => {
       O && O.stopPropagation();
-      const U = h.filter((Y) => Y !== C);
-      m(U), f && f({ value: U });
+      const U = h.filter((Y) => Y !== S);
+      m(U), w && w({ value: U });
     },
-    [h, f]
+    [h, w]
   ), L = D(
-    () => h && h.length ? $.findIndex((C) => C.id === h[0]) : 0,
-    [h, $]
+    () => h && h.length ? T.findIndex((S) => S.id === h[0]) : 0,
+    [h, T]
   ), P = D(() => {
-    c || (k.current.focus(), x.current(L()));
+    c || (N.current.focus(), x.current(L()));
   }, [c, L]);
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ $(
     "div",
     {
       title: i,
       className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${b && !c ? "wx-focus" : ""}`,
       onClick: P,
-      onKeyDown: (C) => w.current(C, L()),
+      onKeyDown: (S) => f.current(S, L()),
       children: [
-        /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-wrapper", children: [
-          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((C) => /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-tag", children: [
-            d ? ae(d, { option: C }) : C[r],
+        /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-wrapper", children: [
+          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((S) => /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-tag", children: [
+            d ? ae(d, { option: S }) : S[r],
             !c && /* @__PURE__ */ l(
               "i",
               {
                 className: "wx-12Wj21 wx-icon wxi-close",
-                onClick: (O) => H(C.id, O)
+                onClick: (O) => H(S.id, O)
               }
             )
-          ] }, C.id)) }),
-          /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-select", children: [
+          ] }, S.id)) }),
+          /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-select", children: [
             /* @__PURE__ */ l(
               "input",
               {
@@ -1839,13 +1844,13 @@ function nn({
                 id: v,
                 type: "text",
                 value: g,
-                onChange: (C) => T(C.target.value),
+                onChange: (S) => V(S.target.value),
                 onInput: F,
                 placeholder: u,
                 disabled: c,
-                onFocus: () => N(!0),
-                onBlur: () => N(!1),
-                ref: k
+                onFocus: () => y(!0),
+                onBlur: () => y(!1),
+                ref: N
               }
             ),
             /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
@@ -1854,14 +1859,14 @@ function nn({
         !c && /* @__PURE__ */ l(
           ge,
           {
-            items: $,
+            items: T,
             multiselect: !0,
-            onReady: V,
+            onReady: R,
             onSelect: j,
             checkboxes: o,
             value: h,
             ...p,
-            children: ({ option: C }) => /* @__PURE__ */ l(_, { children: d ? ae(d, { option: C }) : C[r] })
+            children: ({ option: S }) => /* @__PURE__ */ l(_, { children: d ? ae(d, { option: S }) : S[r] })
           }
         )
       ]
@@ -1874,18 +1879,18 @@ const rn = ({
   value: t = 1,
   onChange: s
 }) => {
-  const [r, u] = J(n), [i, c] = J(t), a = (K(q) || X()).getGroup("core"), o = Math.ceil(e / r), f = (i - 1) * r, d = Math.min(i * r, e), p = (w, h) => {
-    Number.isNaN(w) || (h || c(w), w = Math.max(1, Math.min(w, o)), h && c(w), w !== i && setTimeout(() => {
+  const [r, u] = J(n), [i, c] = J(t), a = (K(q) || X()).getGroup("core"), o = Math.ceil(e / r), w = (i - 1) * r, d = Math.min(i * r, e), p = (f, h) => {
+    Number.isNaN(f) || (h || c(f), f = Math.max(1, Math.min(f, o)), h && c(f), f !== i && setTimeout(() => {
       s && s({
-        value: w,
-        from: (w - 1) * r,
-        to: Math.min(w * r, e),
+        value: f,
+        from: (f - 1) * r,
+        to: Math.min(f * r, e),
         pageSize: r
       });
     }));
   };
-  function v(w) {
-    switch (w) {
+  function v(f) {
+    switch (f) {
       case "first":
         p(1);
         break;
@@ -1900,13 +1905,13 @@ const rn = ({
         break;
     }
   }
-  const x = (w) => {
-    const h = w.target.value * 1;
-    Number.isNaN(h) || (u(h), s && s({ value: i, from: f, to: d, pageSize: h }));
+  const x = (f) => {
+    const h = f.target.value * 1;
+    Number.isNaN(h) || (u(h), s && s({ value: i, from: w, to: d, pageSize: h }));
   };
-  return /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-pager", children: [
-    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-left", children: [
-      /* @__PURE__ */ R("span", { children: [
+  return /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-pager", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-left", children: [
+      /* @__PURE__ */ $("span", { children: [
         a("Rows per page"),
         ": "
       ] }),
@@ -1921,7 +1926,7 @@ const rn = ({
         }
       )
     ] }),
-    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-center", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-center", children: [
       /* @__PURE__ */ l(
         "i",
         {
@@ -1942,8 +1947,8 @@ const rn = ({
           type: "text",
           value: i,
           className: "wx-35Np0p wx-input",
-          onChange: (w) => p(w.target.value * 1),
-          onBlur: (w) => p(w.target.value * 1, !0)
+          onChange: (f) => p(f.target.value * 1),
+          onBlur: (f) => p(f.target.value * 1, !0)
         }
       ),
       /* @__PURE__ */ l(
@@ -1961,7 +1966,7 @@ const rn = ({
         }
       )
     ] }),
-    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-right", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-right", children: [
       a("Total pages"),
       ": ",
       o
@@ -1977,12 +1982,12 @@ function It({
   disabled: u = !1,
   onChange: i
 }) {
-  const c = _e(), a = z(e) || c, [o, f] = B(!1), d = t !== void 0, p = d ? t : o;
+  const c = _e(), a = z(e) || c, [o, w] = B(!1), d = t !== void 0, p = d ? t : o;
   function v(x) {
-    const w = x.target.checked;
-    d || f(w), w && i && i({ value: !0, inputValue: r });
+    const f = x.target.checked;
+    d || w(f), f && i && i({ value: !0, inputValue: r });
   }
-  return /* @__PURE__ */ R("div", { className: "wx-3lDF1s wx-radio", children: [
+  return /* @__PURE__ */ $("div", { className: "wx-3lDF1s wx-radio", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -1996,7 +2001,7 @@ function It({
         onChange: v
       }
     ),
-    /* @__PURE__ */ R("label", { htmlFor: a, className: "wx-3lDF1s wx-label", children: [
+    /* @__PURE__ */ $("label", { htmlFor: a, className: "wx-3lDF1s wx-label", children: [
       /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-circle" }),
       n && /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-radio-text", children: n })
     ] })
@@ -2009,7 +2014,7 @@ function ln({
   type: s = ""
 }) {
   const r = oe(), [u, i] = B(n);
-  W(() => {
+  E(() => {
     i(n);
   }, [n]);
   function c(a) {
@@ -2038,37 +2043,37 @@ function cn({
   textField: c = "label",
   clear: a = !1,
   children: o,
-  onChange: f,
+  onChange: w,
   dropdown: d = {}
 }) {
-  const p = S(null), v = S(null);
-  let [x, w] = J(e);
-  function h(N) {
-    p.current = N.navigate, v.current = N.keydown;
+  const p = C(null), v = C(null);
+  let [x, f] = J(e);
+  function h(y) {
+    p.current = y.navigate, v.current = y.keydown;
   }
-  const m = A(() => x || x === 0 ? (t || n).find((N) => N.id === x) : null, [x, t, n]), g = D(
-    ({ id: N }) => {
-      (N || N === 0) && (w(N), p.current(null), f && f({ value: N }));
+  const m = A(() => x || x === 0 ? (t || n).find((y) => y.id === x) : null, [x, t, n]), g = D(
+    ({ id: y }) => {
+      (y || y === 0) && (f(y), p.current(null), w && w({ value: y }));
     },
-    [w, f]
-  ), T = D(
-    (N) => {
-      N.stopPropagation(), w(""), f && f({ value: "" });
+    [f, w]
+  ), V = D(
+    (y) => {
+      y.stopPropagation(), f(""), w && w({ value: "" });
     },
-    [w, f]
-  ), b = D(() => n.findIndex((N) => N.id === x), [n, x]);
-  return /* @__PURE__ */ R(
+    [f, w]
+  ), b = D(() => n.findIndex((y) => y.id === x), [n, x]);
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-2YgblL wx-richselect ${u ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${o ? "" : "wx-2YgblL wx-nowrap"}`,
       title: i,
       onClick: () => p.current(b()),
-      onKeyDown: (N) => v.current(N, b()),
+      onKeyDown: (y) => v.current(y, b()),
       tabIndex: 0,
       children: [
         /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: m ? o ? o(m) : m[c] : s ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: s }) : " " }),
-        a && !r && x ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: T }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
-        !r && /* @__PURE__ */ l(ge, { items: n, onReady: h, onSelect: g, ...d, children: ({ option: N }) => o ? o(N) : N[c] })
+        a && !r && x ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: V }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
+        !r && /* @__PURE__ */ l(ge, { items: n, onReady: h, onSelect: g, ...d, children: ({ option: y }) => o ? o(y) : y[c] })
       ]
     }
   );
@@ -2083,7 +2088,7 @@ const sn = ({
   const [u, i] = B(n), c = (a) => {
     i(a), r && r({ value: a });
   };
-  return W(() => {
+  return E(() => {
     i(n);
   }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((a) => /* @__PURE__ */ l(
     "button",
@@ -2091,7 +2096,7 @@ const sn = ({
       className: `wx-0hMO7P wx-segment ${a.css} ${a.id === u ? "wx-selected" : ""}`,
       title: a.title,
       onClick: () => c(a.id),
-      children: s ? ae(s, { option: a }) : /* @__PURE__ */ R(_, { children: [
+      children: s ? ae(s, { option: a }) : /* @__PURE__ */ $(_, { children: [
         a.icon && /* @__PURE__ */ l(
           "i",
           {
@@ -2116,20 +2121,20 @@ function an({
   id: a,
   onChange: o
 }) {
-  const f = z(a), [d, p] = B(e || ""), v = D(
-    (w) => {
-      const h = w.target.value;
+  const w = z(a), [d, p] = B(e || ""), v = D(
+    (f) => {
+      const h = f.target.value;
       p(h), o && o({ value: h });
     },
     [o]
   ), x = D(() => {
     p(""), o && o({ value: "" });
   }, [o]);
-  return /* @__PURE__ */ R("div", { className: "wx-2yx1Fo wx-select-box", children: [
-    /* @__PURE__ */ R(
+  return /* @__PURE__ */ $("div", { className: "wx-2yx1Fo wx-select-box", children: [
+    /* @__PURE__ */ $(
       "select",
       {
-        id: f,
+        id: w,
         value: d,
         disabled: r,
         className: `wx-2yx1Fo wx-select ${u ? "wx-2yx1Fo wx-error" : ""}`,
@@ -2137,7 +2142,7 @@ function an({
         onChange: v,
         children: [
           /* @__PURE__ */ l("option", { value: "", children: t }),
-          n.map((w) => /* @__PURE__ */ l("option", { value: w.id, children: w[i] }, w.id))
+          n.map((f) => /* @__PURE__ */ l("option", { value: f.id, children: f[i] }, f.id))
         ]
       }
     ),
@@ -2155,36 +2160,36 @@ function Ce({
   title: c = "",
   disabled: a = !1,
   onChange: o,
-  width: f = ""
+  width: w = ""
 }) {
-  const d = z(e), [p, v] = J(u), x = S({ value: p, input: p }), w = A(
+  const d = z(e), [p, v] = J(u), x = C({ value: p, input: p }), f = A(
     () => (p - s) / (r - s) * 100 + "%",
     [p, s, r]
-  ), h = A(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${w}, var(--wx-slider-background) ${w} 100%)`, [a, w]);
-  function m({ target: N }) {
-    const k = N.value * 1;
-    v(k), o && o({
-      value: k,
+  ), h = A(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${f}, var(--wx-slider-background) ${f} 100%)`, [a, f]);
+  function m({ target: y }) {
+    const N = y.value * 1;
+    v(N), o && o({
+      value: N,
       previous: x.current.input,
       input: !0
-    }), x.current.input = k;
+    }), x.current.input = N;
   }
-  function g({ target: N }) {
-    const k = N.value * 1;
-    v(k), o && o({ value: k, previous: x.current.value }), x.current.value = k;
+  function g({ target: y }) {
+    const N = y.value * 1;
+    v(N), o && o({ value: N, previous: x.current.value }), x.current.value = N;
   }
-  W(() => {
+  E(() => {
     v(u);
   }, [u]);
-  const T = S(null);
-  W(() => {
-    if (T.current)
-      return T.current.addEventListener("change", g), () => {
-        T.current && T.current.removeEventListener("change", g);
+  const V = C(null);
+  E(() => {
+    if (V.current)
+      return V.current.addEventListener("change", g), () => {
+        V.current && V.current.removeEventListener("change", g);
       };
-  }, [T, g]);
-  const b = { ...f && { width: f } };
-  return /* @__PURE__ */ R("div", { className: `wx-2EDJ8G wx-slider ${t}`, style: b, title: c, children: [
+  }, [V, g]);
+  const b = { ...w && { width: w } };
+  return /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, style: b, title: c, children: [
     n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: d, children: n }),
     /* @__PURE__ */ l("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ l(
       "input",
@@ -2199,7 +2204,7 @@ function Ce({
         value: p,
         onInput: m,
         style: { background: h },
-        ref: T
+        ref: V
       }
     ) })
   ] });
@@ -2217,7 +2222,7 @@ function on({
     },
     [s]
   );
-  return /* @__PURE__ */ R("label", { className: "wx-2dAR5c wx-switch", children: [
+  return /* @__PURE__ */ $("label", { className: "wx-2dAR5c wx-switch", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -2242,7 +2247,7 @@ const un = ({
   const [u, i] = J(n), c = (a) => {
     i(a), r && r({ value: a });
   };
-  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${s}`, children: e.map((a) => /* @__PURE__ */ R(
+  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${s}`, children: e.map((a) => /* @__PURE__ */ $(
     "button",
     {
       className: `wx-138fWJ wx-tab ${a.css} ${a.id === u ? "wx-active" : ""}`,
@@ -2271,27 +2276,27 @@ const un = ({
   readonly: c = !1,
   onChange: a
 }) => {
-  const o = z(e), [f, d] = J(n), p = D(() => {
-    if (c || f <= s) return;
-    const h = f - t;
+  const o = z(e), [w, d] = J(n), p = D(() => {
+    if (c || w <= s) return;
+    const h = w - t;
     d(h), a && a({ value: h });
-  }, [f, c, s, t, a]), v = D(() => {
-    if (c || f >= r) return;
-    const h = f + t;
+  }, [w, c, s, t, a]), v = D(() => {
+    if (c || w >= r) return;
+    const h = w + t;
     d(h), a && a({ value: h });
-  }, [f, c, r, t, a]), x = D(() => {
+  }, [w, c, r, t, a]), x = D(() => {
     if (!c) {
-      const h = Math.round(Math.min(r, Math.max(f, s)) / t) * t, m = isNaN(h) ? Math.max(s, 0) : h;
+      const h = Math.round(Math.min(r, Math.max(w, s)) / t) * t, m = isNaN(h) ? Math.max(s, 0) : h;
       d(m), a && a({ value: m });
     }
-  }, [c, f, r, s, t, a]), w = D(
+  }, [c, w, r, s, t, a]), f = D(
     (h) => {
       const m = h.target.value * 1;
       d(m), a && a({ value: m, input: !0 });
     },
     [a]
   );
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-22t21n wx-counter ${i ? "wx-disabled" : ""} ${c ? "wx-readonly" : ""} ${u ? "wx-error" : ""}`,
@@ -2326,9 +2331,9 @@ const un = ({
             disabled: i,
             readOnly: c,
             required: !0,
-            value: f,
+            value: w,
             onBlur: x,
-            onInput: w
+            onInput: f
           }
         ),
         /* @__PURE__ */ l(
@@ -2366,7 +2371,7 @@ function Ct({ notice: e = {} }) {
   function n() {
     e.remove && e.remove();
   }
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-11sNg5 wx-notice wx-${e.type ? e.type : ""}`,
@@ -2391,8 +2396,8 @@ function Lt({
   onConfirm: u,
   onCancel: i
 }) {
-  const c = (K(q) || X()).getGroup("core"), a = S(null);
-  W(() => {
+  const c = (K(q) || X()).getGroup("core"), a = C(null);
+  E(() => {
     a.current?.focus();
   }, []);
   function o(d) {
@@ -2408,7 +2413,7 @@ function Lt({
         break;
     }
   }
-  function f(d, p) {
+  function w(d, p) {
     const v = { event: d, button: p };
     p === "cancel" ? i && i(v) : u && u(v);
   }
@@ -2419,14 +2424,14 @@ function Lt({
       ref: a,
       tabIndex: 0,
       onKeyDown: o,
-      children: /* @__PURE__ */ R("div", { className: "wx-1FxkZa wx-window", children: [
+      children: /* @__PURE__ */ $("div", { className: "wx-1FxkZa wx-window", children: [
         t || (e ? /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-header", children: e }) : null),
         /* @__PURE__ */ l("div", { children: s }),
         r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((d) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
           re,
           {
             type: `block ${d === "ok" ? "primary" : "secondary"}`,
-            onClick: (p) => f(p, d),
+            onClick: (p) => w(p, d),
             children: c(d)
           }
         ) }, d)) })
@@ -2442,10 +2447,10 @@ function Ft({ children: e }, n) {
       showModal: (i) => {
         const c = { ...i };
         return s(c), new Promise((a, o) => {
-          c.resolve = (f) => {
-            s(null), a(f);
-          }, c.reject = (f) => {
-            s(null), o(f);
+          c.resolve = (w) => {
+            s(null), a(w);
+          }, c.reject = (w) => {
+            s(null), o(w);
           };
         });
       },
@@ -2454,7 +2459,7 @@ function Ft({ children: e }, n) {
       }
     }),
     []
-  ), /* @__PURE__ */ R(_, { children: [
+  ), /* @__PURE__ */ $(_, { children: [
     e,
     t && /* @__PURE__ */ l(
       Lt,
@@ -2471,7 +2476,7 @@ function Ft({ children: e }, n) {
 }
 const Ht = Qe(Ft);
 function fn(e) {
-  let { children: n } = e, t = S();
+  let { children: n } = e, t = C();
   const s = A(() => ({
     showNotice: (r) => t.current.showNotice(r),
     showModal: (r) => t.current.showModal(r)
@@ -2489,7 +2494,7 @@ function Se({
   width: c = ""
 }) {
   const a = A(() => u === void 0 ? oe() : u, [u]), o = { ...c && { width: c } };
-  return /* @__PURE__ */ l(ue.Provider, { value: a, children: /* @__PURE__ */ R(
+  return /* @__PURE__ */ l(ue.Provider, { value: a, children: /* @__PURE__ */ $(
     "div",
     {
       style: o,
@@ -2512,11 +2517,11 @@ const Pt = ({
   css: c = "",
   text: a = "",
   textActive: o = "",
-  children: f,
+  children: w,
   active: d,
   onChange: p
 }) => {
-  const [v, x] = J(e), w = A(() => (v ? "pressed" : "") + (n ? " " + n : ""), [v, n]), h = D(
+  const [v, x] = J(e), f = A(() => (v ? "pressed" : "") + (n ? " " + n : ""), [v, n]), h = D(
     (m) => {
       let g = !v;
       u && u(m), m.defaultPrevented || (x(g), p && p({ value: g }));
@@ -2529,23 +2534,23 @@ const Pt = ({
       title: i,
       text: v && o || a,
       css: c,
-      type: w,
+      type: f,
       icon: v && r || t,
       onClick: h,
       disabled: s,
       children: ae(d, { value: v })
     }
-  ) : f ? /* @__PURE__ */ l(
+  ) : w ? /* @__PURE__ */ l(
     re,
     {
       title: i,
       text: v && o || a,
       css: c,
-      type: w,
+      type: f,
       icon: v && r || t,
       onClick: h,
       disabled: s,
-      children: f
+      children: w
     }
   ) : /* @__PURE__ */ l(
     re,
@@ -2553,7 +2558,7 @@ const Pt = ({
       title: i,
       text: v && o || a,
       css: c,
-      type: w,
+      type: f,
       icon: v && r || t,
       onClick: h,
       disabled: s
@@ -2571,39 +2576,39 @@ function wn({
   onChange: c,
   dropdown: a
 }) {
-  let [o, f] = J(e);
-  const { calendar: d, formats: p } = (K(q) || X()).getRaw(), v = d.clockFormat == 12, x = 23, w = 59, h = A(() => {
-    const y = i || p?.timeFormat;
-    return typeof y == "function" ? y : ne(y, d);
-  }, [i, p, d]), m = A(() => h(new Date(0, 0, 0, 1)).indexOf("01") != -1, [h]), g = (y, E) => (y < 10 && E ? `0${y}` : `${y}`).slice(-2), T = (y) => g(y, !0), b = (y) => `${y}`.replace(/[^\d]/g, "") || 0, N = (y) => v && (y = y % 12, y === 0) ? "12" : g(y, m), k = D((y, E) => (y = b(y), Math.min(y, E)), []), [M, $] = B(null), V = o || Le, F = k(V.getHours(), x), j = k(V.getMinutes(), w), H = F > 12, L = N(F), P = T(j), C = A(
+  let [o, w] = J(e);
+  const { calendar: d, formats: p } = (K(q) || X()).getRaw(), v = d.clockFormat == 12, x = 23, f = 59, h = A(() => {
+    const k = i || p?.timeFormat;
+    return typeof k == "function" ? k : ne(k, d);
+  }, [i, p, d]), m = A(() => h(new Date(0, 0, 0, 1)).indexOf("01") != -1, [h]), g = (k, W) => (k < 10 && W ? `0${k}` : `${k}`).slice(-2), V = (k) => g(k, !0), b = (k) => `${k}`.replace(/[^\d]/g, "") || 0, y = (k) => v && (k = k % 12, k === 0) ? "12" : g(k, m), N = D((k, W) => (k = b(k), Math.min(k, W)), []), [M, T] = B(null), R = o || Le, F = N(R.getHours(), x), j = N(R.getMinutes(), f), H = F > 12, L = y(F), P = V(j), S = A(
     () => h(new Date(0, 0, 0, F, j)),
     [F, j, h]
   ), O = D(() => {
-    $(!0);
+    T(!0);
   }, []), U = D(() => {
-    const y = new Date(V);
-    y.setHours(y.getHours() + (H ? -12 : 12)), f(y), c && c({ value: y });
-  }, [V, H, c]), Y = D(
-    ({ value: y }) => {
-      if (V.getHours() === y) return;
-      const E = new Date(V);
-      E.setHours(y), f(E), c && c({ value: E });
+    const k = new Date(R);
+    k.setHours(k.getHours() + (H ? -12 : 12)), w(k), c && c({ value: k });
+  }, [R, H, c]), Y = D(
+    ({ value: k }) => {
+      if (R.getHours() === k) return;
+      const W = new Date(R);
+      W.setHours(k), w(W), c && c({ value: W });
     },
-    [V, c]
+    [R, c]
   ), I = D(
-    ({ value: y }) => {
-      if (V.getMinutes() === y) return;
-      const E = new Date(V);
-      E.setMinutes(y), f(E), c && c({ value: E });
+    ({ value: k }) => {
+      if (R.getMinutes() === k) return;
+      const W = new Date(R);
+      W.setMinutes(k), w(W), c && c({ value: W });
     },
-    [V, c]
+    [R, c]
   ), G = D(
-    (y) => (y = k(y, x), v && (y = y * 1, y === 12 && (y = 0), H && (y += 12)), y),
-    [k, v, H]
+    (k) => (k = N(k, x), v && (k = k * 1, k === 12 && (k = 0), H && (k += 12)), k),
+    [N, v, H]
   ), Q = D(() => {
-    $(null);
+    T(null);
   }, []);
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-7f497i wx-timepicker ${u ? "wx-7f497i wx-error" : ""} ${r ? "wx-7f497i wx-disabled" : ""}`,
@@ -2616,7 +2621,7 @@ function wn({
             id: n,
             css: s,
             title: t,
-            value: C,
+            value: S,
             readonly: !0,
             disabled: r,
             error: u,
@@ -2628,16 +2633,16 @@ function wn({
             }
           }
         ),
-        M && !r && /* @__PURE__ */ l(le, { onCancel: Q, ...ye(a), children: /* @__PURE__ */ R("div", { className: "wx-7f497i wx-wrapper", children: [
-          /* @__PURE__ */ R("div", { className: "wx-7f497i wx-timer", children: [
+        M && !r && /* @__PURE__ */ l(le, { onCancel: Q, ...ye(a), children: /* @__PURE__ */ $("div", { className: "wx-7f497i wx-wrapper", children: [
+          /* @__PURE__ */ $("div", { className: "wx-7f497i wx-timer", children: [
             /* @__PURE__ */ l(
               "input",
               {
                 className: "wx-7f497i wx-digit",
                 value: L,
-                onChange: (y) => {
-                  const E = G(y.target.value);
-                  Y({ value: E });
+                onChange: (k) => {
+                  const W = G(k.target.value);
+                  Y({ value: W });
                 }
               }
             ),
@@ -2647,9 +2652,9 @@ function wn({
               {
                 className: "wx-7f497i wx-digit",
                 value: P,
-                onChange: (y) => {
-                  const E = k(y.target.value, w);
-                  I({ value: E });
+                onChange: (k) => {
+                  const W = N(k.target.value, f);
+                  I({ value: W });
                 }
               }
             ),
@@ -2680,7 +2685,7 @@ function wn({
               value: j,
               width: "unset",
               onChange: I,
-              max: w
+              max: f
             }
           ) })
         ] }) })
@@ -2692,8 +2697,8 @@ function xn({ children: e }) {
   return /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-modal", children: /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-window", children: e }) });
 }
 function mn({ position: e = "right", children: n, onCancel: t }) {
-  const s = S(null);
-  return W(() => ve(s.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: s, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
+  const s = C(null);
+  return E(() => ve(s.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: s, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
 }
 const Fe = "#dfe2e6", He = "#2c2f3c", At = 0.75;
 function Pe(e) {
@@ -2708,23 +2713,23 @@ function Bt(e) {
   return 0.299 * t + 0.587 * s + 0.114 * r > 0.5 ? He : "#ffffff";
 }
 function hn(e) {
-  const { value: n, size: t = 32, limit: s } = e, r = S(null), [u, i] = B(null), c = A(() => n ? Array.isArray(n) ? n : [n] : [], [n]), a = A(() => {
+  const { value: n, size: t = 32, limit: s } = e, r = C(null), [u, i] = B(null), c = A(() => n ? Array.isArray(n) ? n : [n] : [], [n]), a = A(() => {
     if (u == null || u <= 0)
       return null;
-    const w = 1 + (u / t - 1) / At;
-    return Math.max(1, Math.floor(w));
+    const f = 1 + (u / t - 1) / At;
+    return Math.max(1, Math.floor(f));
   }, [u, t]), o = A(() => {
-    const w = s != null ? Math.min(c.length, s) : c.length;
-    return a != null ? Math.min(w, a) : w;
-  }, [c, s, a]), f = A(() => c.slice(0, o), [c, o]), d = A(() => Math.max(0, c.length - o), [c, o]);
-  W(() => {
-    const w = r.current;
-    if (!w) return;
+    const f = s != null ? Math.min(c.length, s) : c.length;
+    return a != null ? Math.min(f, a) : f;
+  }, [c, s, a]), w = A(() => c.slice(0, o), [c, o]), d = A(() => Math.max(0, c.length - o), [c, o]);
+  E(() => {
+    const f = r.current;
+    if (!f) return;
     const h = new ResizeObserver((m) => {
       const g = m[0];
       g && i(g.contentRect.width);
     });
-    return h.observe(w), () => h.disconnect();
+    return h.observe(f), () => h.disconnect();
   }, []);
   const p = Math.round(t * 0.4), v = {
     width: t + "px",
@@ -2733,29 +2738,29 @@ function hn(e) {
     minHeight: t + "px",
     fontSize: p + "px"
   };
-  function x(w, h) {
-    const m = h === 0 ? "0" : `${t * -0.25}px`, g = w.avatar ? "transparent" : w.color || Fe, T = w.avatar ? "transparent" : Bt(w.color || Fe);
-    return { marginLeft: m, backgroundColor: g, color: T };
+  function x(f, h) {
+    const m = h === 0 ? "0" : `${t * -0.25}px`, g = f.avatar ? "transparent" : f.color || Fe, V = f.avatar ? "transparent" : Bt(f.color || Fe);
+    return { marginLeft: m, backgroundColor: g, color: V };
   }
-  return /* @__PURE__ */ l("div", { className: "wx-avatar-root wx-aadkRiRf", ref: r, children: f.length > 0 && /* @__PURE__ */ l("div", { className: "wx-avatar-stack wx-aadkRiRf", children: f.map((w, h) => /* @__PURE__ */ R(
+  return /* @__PURE__ */ l("div", { className: "wx-avatar-root wx-aadkRiRf", ref: r, children: w.length > 0 && /* @__PURE__ */ l("div", { className: "wx-avatar-stack wx-aadkRiRf", children: w.map((f, h) => /* @__PURE__ */ $(
     "div",
     {
       className: [
         "wx-avatar",
         "wx-avatar-item",
-        h === f.length - 1 && d > 0 ? "wx-avatar-overflow" : "",
+        h === w.length - 1 && d > 0 ? "wx-avatar-overflow" : "",
         "wx-aadkRiRf"
       ].filter(Boolean).join(" "),
-      style: { ...v, ...x(w, h) },
+      style: { ...v, ...x(f, h) },
       children: [
-        w.avatar ? /* @__PURE__ */ l("img", { src: w.avatar, alt: "", loading: "lazy" }) : Pe(w.name) ? /* @__PURE__ */ l("span", { className: "wx-aadkRiRf", children: Pe(w.name) }) : null,
-        h === f.length - 1 && d > 0 && /* @__PURE__ */ R("span", { className: "wx-avatar-overflow-badge wx-aadkRiRf", children: [
+        f.avatar ? /* @__PURE__ */ l("img", { src: f.avatar, alt: "", loading: "lazy" }) : Pe(f.name) ? /* @__PURE__ */ l("span", { className: "wx-aadkRiRf", children: Pe(f.name) }) : null,
+        h === w.length - 1 && d > 0 && /* @__PURE__ */ $("span", { className: "wx-avatar-overflow-badge wx-aadkRiRf", children: [
           "+",
           d
         ] })
       ]
     },
-    w.id
+    f.id
   )) }) });
 }
 function Et() {
@@ -2763,9 +2768,9 @@ function Et() {
 }
 function pn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "material", children: /* @__PURE__ */ R(_, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "material", children: /* @__PURE__ */ $(_, { children: [
     t && /* @__PURE__ */ l("div", { className: "wx-theme wx-material-theme", children: t }),
-    n && /* @__PURE__ */ R(_, { children: [
+    n && /* @__PURE__ */ $(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2790,9 +2795,9 @@ function Je() {
 }
 function vn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "willow", children: /* @__PURE__ */ R(_, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "willow", children: /* @__PURE__ */ $(_, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-theme", children: t }),
-    n && /* @__PURE__ */ R(_, { children: [
+    n && /* @__PURE__ */ $(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2814,9 +2819,9 @@ function vn(e) {
 }
 function gn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "willow-dark", children: /* @__PURE__ */ R(_, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(_, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-dark-theme", children: t }),
-    n && /* @__PURE__ */ R(_, { children: [
+    n && /* @__PURE__ */ $(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2870,7 +2875,7 @@ export {
   nt as Portal,
   It as RadioButton,
   ln as RadioButtonGroup,
-  Rt as RangeCalendar,
+  Tt as RangeCalendar,
   cn as RichSelect,
   sn as Segmented,
   an as Select,