@svar-ui/react-core 2.4.1 → 2.4.3

package/dist/index.es.js

@@ -1,21 +1,21 @@
 import { jsx as l, jsxs as $, Fragment as J } from "react/jsx-runtime";
-import { createContext as ce, useContext as Q, useCallback as y, useRef as P, useEffect as E, useMemo as B, useId as De, useState as H, forwardRef as Ie, useImperativeHandle as Ce } from "react";
-import { useWritableProp as W, snippet as te, useHotkeys as Pe } from "@svar-ui/lib-react";
-import { env as ae, clickOutside as de, locale as Ve, locateID as He, getDuodecade as $e, dateToString as X, delegateClick as Te, calculatePosition as Be, uid as oe, setEnv as Ee } from "@svar-ui/lib-dom";
+import { createContext as ae, useContext as Q, useState as P, useCallback as y, useRef as H, useEffect as B, useMemo as E, useId as Fe, forwardRef as Le, useImperativeHandle as Ce } from "react";
+import { useWritableProp as W, snippet as ne, useHotkeys as Pe } from "@svar-ui/lib-react";
+import { uid as le, env as oe, clickOutside as de, locale as De, locateID as He, getDuodecade as Ve, dateToString as X, delegateClick as $e, calculatePosition as Be, setEnv as Ee } from "@svar-ui/lib-dom";
 import { locale as tn } from "@svar-ui/lib-dom";
-import { en as Me } from "@svar-ui/core-locales";
+import { en as Te } from "@svar-ui/core-locales";
 import { en as ln } from "@svar-ui/core-locales";
 import { createPortal as Ae } from "react-dom";
-const le = ce("willow"), Re = ce({}), G = ce(null), re = ce(null), Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const re = ae("willow"), Me = ae({}), G = ae(null), se = ae(null), Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  fieldId: re,
-  helpers: Re,
+  fieldId: se,
+  helpers: Me,
   i18n: G,
-  theme: le
+  theme: re
 }, Symbol.toStringTag, { value: "Module" }));
 function z(e) {
-  const n = Q(re);
-  return e || n;
+  const n = Q(se), [t] = P(() => e || n && n() || le());
+  return t;
 }
 function Vt({
   value: e = "",
@@ -27,25 +27,25 @@ function Vt({
   readonly: o = !1,
   onChange: s
 }) {
-  const a = z(n), [u, w] = W(e), x = y(
+  const a = z(n), [u, w] = W(e), f = y(
     (p) => {
       const d = p.target.value;
       w(d), s && s({ value: d, input: !0 });
     },
     [s]
-  ), f = y(
+  ), x = y(
     (p) => {
       const d = p.target.value;
       w(d), s && s({ value: d });
     },
     [s]
-  ), m = P(null);
-  return E(() => {
-    const p = f, d = m.current;
+  ), m = H(null);
+  return B(() => {
+    const p = x, d = m.current;
     return d.addEventListener("change", p), () => {
       d && d.removeEventListener("change", p);
     };
-  }, [f]), /* @__PURE__ */ l(
+  }, [x]), /* @__PURE__ */ l(
     "textarea",
     {
       className: `wx-3yFVAC wx-textarea ${i ? "wx-error" : ""}`,
@@ -55,7 +55,7 @@ function Vt({
       readOnly: o,
       title: c,
       value: u,
-      onInput: x,
+      onInput: f,
       ref: m
     }
   );
@@ -70,8 +70,8 @@ function ee({
   children: o,
   onClick: s
 }) {
-  const a = B(() => {
-    let w = e ? e.split(" ").filter((x) => x !== "").map((x) => "wx-" + x).join(" ") : "";
+  const a = E(() => {
+    let w = e ? e.split(" ").filter((f) => f !== "").map((f) => "wx-" + f).join(" ") : "";
     return n + (n ? " " : "") + w;
   }, [e, n]), u = (w) => {
     s && s(w);
@@ -90,7 +90,7 @@ function ee({
     }
   );
 }
-function Se({
+function Ie({
   id: e,
   label: n = "",
   inputValue: t = "",
@@ -98,24 +98,24 @@ function Se({
   onChange: r,
   disabled: i = !1
 }) {
-  const o = De(), s = z(e) || o, [a, u] = W(c);
+  const o = z(e), [s, a] = W(c);
   return /* @__PURE__ */ $("div", { className: "wx-2IvefP wx-checkbox", children: [
     /* @__PURE__ */ l(
       "input",
       {
         type: "checkbox",
-        id: s,
+        id: o,
         disabled: i,
         className: "wx-2IvefP wx-check",
-        checked: a,
+        checked: s,
         value: t,
-        onChange: ({ target: x }) => {
-          const f = x.checked;
-          u(f), r && r({ value: f, inputValue: t });
+        onChange: ({ target: w }) => {
+          const f = w.checked;
+          a(f), r && r({ value: f, inputValue: t });
         }
       }
     ),
-    /* @__PURE__ */ $("label", { htmlFor: s, className: "wx-2IvefP wx-label", children: [
+    /* @__PURE__ */ $("label", { htmlFor: o, 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 })
     ] })
@@ -134,8 +134,8 @@ function $t({
     },
     [n, c]
   );
-  return /* @__PURE__ */ l(re.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`}`, children: e.map((i) => /* @__PURE__ */ l("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ l(
-    Se,
+  return /* @__PURE__ */ l(se.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`}`, children: e.map((i) => /* @__PURE__ */ l("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ l(
+    Ie,
     {
       label: i.label,
       inputValue: i.id,
@@ -144,7 +144,7 @@ function $t({
     }
   ) }, i.id)) }) });
 }
-function ne({
+function te({
   position: e = "bottom",
   align: n = "start",
   autoFit: t = !0,
@@ -152,21 +152,21 @@ function ne({
   width: r = "100%",
   children: i
 }) {
-  const o = P(null), [s, a] = W(e), [u, w] = W(n);
-  return E(() => {
+  const o = H(null), [s, a] = W(e), [u, w] = W(n);
+  return B(() => {
     if (t) {
-      const x = o.current;
-      if (x) {
-        const f = x.getBoundingClientRect(), m = ae.getTopNode(x).getBoundingClientRect();
-        f.right >= m.right && w("end"), f.bottom >= m.bottom && a("top");
+      const f = o.current;
+      if (f) {
+        const x = f.getBoundingClientRect(), m = oe.getTopNode(f).getBoundingClientRect();
+        x.right >= m.right && w("end"), x.bottom >= m.bottom && a("top");
       }
     }
-  }, [t]), E(() => {
+  }, [t]), B(() => {
     if (o.current) {
-      const x = (f) => {
-        c && c(f);
+      const f = (x) => {
+        c && c(x);
       };
-      return de(o.current, x).destroy;
+      return de(o.current, f).destroy;
     }
   }, [c]), /* @__PURE__ */ l(
     "div",
@@ -198,14 +198,14 @@ function Tt({
   disabled: s = !1,
   error: a = !1
 }) {
-  const u = z(c), [w, x] = H(n), [f, m] = H(!1), p = y(
-    (v, g) => {
-      v.stopPropagation(), x(g), m(!1), t && t({ value: g });
+  const u = z(c), [w, f] = P(n), [x, m] = P(!1), p = y(
+    (v, N) => {
+      v.stopPropagation(), f(N), m(!1), t && t({ value: N });
     },
     [t]
   ), d = y(
     (v) => {
-      v.stopPropagation(), x(""), t && t({ value: "" });
+      v.stopPropagation(), f(""), t && t({ value: "" });
     },
     [t]
   ), h = y(() => {
@@ -216,7 +216,7 @@ function Tt({
     /* @__PURE__ */ l(
       "input",
       {
-        className: "wx-121TgJ wx-input" + (a ? " wx-error" : "") + (f ? " wx-focus" : ""),
+        className: "wx-121TgJ wx-input" + (a ? " wx-error" : "") + (x ? " wx-focus" : ""),
         title: o,
         value: w,
         readOnly: !0,
@@ -233,7 +233,7 @@ function Tt({
         style: { backgroundColor: w || "#00a037" }
       }
     ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
-    f && /* @__PURE__ */ l(ne, { onCancel: () => m(!1), children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
+    x && /* @__PURE__ */ l(te, { onCancel: () => m(!1), children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -241,14 +241,14 @@ function Tt({
           onClick: (v) => p(v, "")
         }
       ),
-      e.map((v, g) => /* @__PURE__ */ l(
+      e.map((v, N) => /* @__PURE__ */ l(
         "div",
         {
           className: "wx-121TgJ wx-color",
           style: { backgroundColor: v },
-          onClick: (S) => p(S, v)
+          onClick: (R) => p(R, v)
         },
-        g
+        N
       ))
     ] }) })
   ] });
@@ -259,9 +259,9 @@ function me(e, n) {
     o(a), t.focus(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", s);
   }
   function o(a) {
-    let u, w, x, f;
+    let u, w, f, x;
     const m = e.getBoundingClientRect();
-    u = m.left, w = m.top, x = a.clientX - u, f = a.clientY - w, c && n.moveBlockSlider(x, f), r && n.moveLineSlider(x);
+    u = m.left, w = m.top, f = a.clientX - u, x = a.clientY - w, c && n.moveBlockSlider(f, x), r && n.moveLineSlider(f);
   }
   function s() {
     t.blur(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s);
@@ -356,7 +356,7 @@ function he(e) {
   return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), We(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
 }
 function Z() {
-  return Ve(Me);
+  return De(Te);
 }
 const pe = "Block", ve = "Line";
 function Ye({
@@ -364,69 +364,69 @@ function Ye({
   button: n = !1,
   onChange: t
 }) {
-  const c = (Q(G) || Z()).getGroup("core"), r = P(null), i = P(null), [o, s] = H(), [a, u] = H(), [w, x] = H(), [f, m] = H(), [p, d] = W(e), h = B(() => he(p) || "#65D3B3", [p]), v = B(
+  const c = (Q(G) || Z()).getGroup("core"), r = H(null), i = H(null), [o, s] = P(), [a, u] = P(), [w, f] = P(), [x, m] = P(), [p, d] = W(e), h = E(() => he(p) || "#65D3B3", [p]), v = E(
     () => q.hvsToHex(w || 0, 1, 1),
     [w]
-  ), g = y(
+  ), N = y(
     (b, k) => {
-      const { width: L, height: A } = r.current.getBoundingClientRect();
-      k < 0 ? k = 0 : k > A && (k = A), b < 0 ? b = 0 : b > L && (b = L), s(k), u(b);
-      let I, R;
+      const { width: F, height: A } = r.current.getBoundingClientRect();
+      k < 0 ? k = 0 : k > A && (k = A), b < 0 ? b = 0 : b > F && (b = F), s(k), u(b);
+      let L, I;
       q.hexToHvs(h);
-      const O = L / 100, Y = A / 100;
-      I = Math.ceil(b / O) / 100, R = Math.ceil(Math.abs(k / Y - 100)) / 100;
+      const O = F / 100, Y = A / 100;
+      L = Math.ceil(b / O) / 100, I = Math.ceil(Math.abs(k / Y - 100)) / 100;
       const _ = q.hvsToHex(
         w || 0,
-        I,
-        R
+        L,
+        I
       );
       d(_), t && t({ value: _, input: !0 });
     },
     [h, w, t]
-  ), S = y(
+  ), R = y(
     (b) => {
       const k = i.current.getBoundingClientRect().width;
       b < 0 ? b = 0 : b > k && (b = k);
-      const L = Math.round(b * 359 / k), A = Math.max(Math.min(L, 359), 0);
-      x(A), m(b);
-      let I, R;
-      [, I, R] = q.hexToHvs(h);
-      const O = q.hvsToHex(A, I, R);
+      const F = Math.round(b * 359 / k), A = Math.max(Math.min(F, 359), 0);
+      f(A), m(b);
+      let L, I;
+      [, L, I] = q.hexToHvs(h);
+      const O = q.hvsToHex(A, L, I);
       d(O), t && t({ value: O, input: !0 });
     },
     [h, t]
-  ), N = y(() => {
-    const [b, k, L] = q.hexToHvs(h);
-    if (x(b), r.current) {
-      const { width: A, height: I } = r.current.getBoundingClientRect();
+  ), g = y(() => {
+    const [b, k, F] = q.hexToHvs(h);
+    if (f(b), r.current) {
+      const { width: A, height: L } = r.current.getBoundingClientRect();
       i.current && m(
         b * i.current.getBoundingClientRect().width / 359
-      ), u(k * A), s(Math.abs(I * (L - 1)));
+      ), u(k * A), s(Math.abs(L * (F - 1)));
     }
   }, [h]), T = y(
     ({ target: b }) => {
       const k = he(b.value);
-      d(k), t && t({ value: k, input: !0 }), k && N();
+      d(k), t && t({ value: k, input: !0 }), k && g();
     },
-    [t, N]
+    [t, g]
   ), M = y(
     (b) => {
       b.stopPropagation(), t && t({ value: h });
     },
     [h, t]
-  ), F = y(
+  ), S = y(
     (b) => {
-      const k = b.target, L = k.getAttribute("data-slider") === pe, A = k.getAttribute("data-slider") === ve;
-      let I = window.getComputedStyle(k), R = parseFloat(I.left), O = parseFloat(I.top);
+      const k = b.target, F = k.getAttribute("data-slider") === pe, A = k.getAttribute("data-slider") === ve;
+      let L = window.getComputedStyle(k), I = parseFloat(L.left), O = parseFloat(L.top);
       const Y = b.code;
-      if (L) {
+      if (F) {
         switch (Y) {
           case "ArrowLeft": {
-            R--;
+            I--;
             break;
           }
           case "ArrowRight": {
-            R++;
+            I++;
             break;
           }
           case "ArrowDown": {
@@ -440,29 +440,29 @@ function Ye({
           default:
             return;
         }
-        g(R, O);
+        N(I, O);
       }
       if (A) {
-        if (Y === "ArrowLeft" || Y === "ArrowDown") R--;
-        else if (Y === "ArrowRight" || Y === "ArrowUp") R++;
+        if (Y === "ArrowLeft" || Y === "ArrowDown") I--;
+        else if (Y === "ArrowRight" || Y === "ArrowUp") I++;
         else return;
-        S(R);
+        R(I);
       }
       b.preventDefault();
     },
-    [g, S]
+    [N, R]
   );
-  E(() => {
-    N();
-  }, [N]), E(() => {
-    p !== p && (d(p), N());
-  }, [p, p, N]), E(() => {
-    r.current && me(r.current, { moveBlockSlider: g }), i.current && me(i.current, { moveLineSlider: S });
-  }, [g, S]), E(() => {
+  B(() => {
+    g();
+  }, [g]), B(() => {
+    p !== p && (d(p), g());
+  }, [p, p, g]), B(() => {
+    r.current && me(r.current, { moveBlockSlider: N }), i.current && me(i.current, { moveLineSlider: R });
+  }, [N, R]), B(() => {
     p !== p && t && t({ value: p, input: !0 });
-  }, [p, t]), E(() => {
-    h && r.current && N();
-  }, [h, N]);
+  }, [p, t]), B(() => {
+    h && r.current && g();
+  }, [h, g]);
   const D = "wx-1yoKzq";
   return /* @__PURE__ */ $("div", { className: D + " wx-colorboard", children: [
     /* @__PURE__ */ l(
@@ -482,7 +482,7 @@ function Ye({
             },
             tabIndex: 0,
             "data-slider": pe,
-            onKeyDown: F
+            onKeyDown: S
           }
         )
       }
@@ -491,10 +491,10 @@ function Ye({
       "div",
       {
         className: D + " wx-color-line-slider wx-slider",
-        style: { background: v, left: f + "px" },
+        style: { background: v, left: x + "px" },
         tabIndex: 0,
         "data-slider": ve,
-        onKeyDown: F
+        onKeyDown: S
       }
     ) }),
     /* @__PURE__ */ $("div", { className: D + " wx-color-controls", children: [
@@ -530,14 +530,14 @@ function Mt({
 }) {
   const a = z(n);
   let [u, w] = W(e);
-  const [x, f] = H(!1);
+  const [f, x] = P(!1);
   function m() {
     if (r) return !1;
-    f(!0);
+    x(!0);
   }
   function p(h) {
     if (h.input) return;
-    f(!1);
+    x(!1);
     const v = h.value;
     w(v), s && s({ value: v });
   }
@@ -548,7 +548,7 @@ function Mt({
     /* @__PURE__ */ l(
       "input",
       {
-        className: "wx-mmT8WH wx-input" + (i ? " wx-error" : "") + (x ? " wx-focus" : ""),
+        className: "wx-mmT8WH wx-input" + (i ? " wx-error" : "") + (f ? " wx-focus" : ""),
         title: c,
         value: u,
         readOnly: !0,
@@ -559,29 +559,29 @@ function Mt({
     ),
     /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: u } }),
     o && !r && u && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: d }),
-    x && /* @__PURE__ */ l(ne, { onCancel: () => f(!1), children: /* @__PURE__ */ l(Ye, { value: u, button: "true", onChange: p }) })
+    f && /* @__PURE__ */ l(te, { onCancel: () => x(!1), children: /* @__PURE__ */ l(Ye, { value: u, button: "true", onChange: p }) })
   ] });
 }
 function je() {
   let e = null, n = !1, t, c, r, i;
-  const o = (f, m, p, d) => {
-    t = f, c = m, r = p, i = d;
-  }, s = (f) => {
-    e = f, n = e !== null, r(e);
-  }, a = (f, m) => {
-    if (f !== null && t) {
-      const p = t.querySelectorAll(".wx-list > .wx-item")[f];
+  const o = (x, m, p, d) => {
+    t = x, c = m, r = p, i = d;
+  }, s = (x) => {
+    e = x, n = e !== null, r(e);
+  }, a = (x, m) => {
+    if (x !== null && t) {
+      const p = t.querySelectorAll(".wx-list > .wx-item")[x];
       p && (p.scrollIntoView({ block: "nearest" }), m && m.preventDefault());
     }
-  }, u = (f, m) => {
-    const p = f === null ? null : Math.max(0, Math.min(e + f, c.length - 1));
+  }, u = (x, m) => {
+    const p = x === null ? null : Math.max(0, Math.min(e + x, c.length - 1));
     p !== e && (s(p), t ? a(p, m) : requestAnimationFrame(() => a(p, m)));
   };
-  return { move: (f) => {
-    const m = He(f), p = c.findIndex((d) => d.id == m);
+  return { move: (x) => {
+    const m = He(x), p = c.findIndex((d) => d.id == m);
     p !== e && s(p);
-  }, keydown: (f, m) => {
-    switch (f.code) {
+  }, keydown: (x, m) => {
+    switch (x.code) {
       case "Enter":
         n ? i() : s(0);
         break;
@@ -595,10 +595,10 @@ function je() {
         r(e = null);
         break;
       case "ArrowDown":
-        u(n ? 1 : m || 0, f);
+        u(n ? 1 : m || 0, x);
         break;
       case "ArrowUp":
-        u(n ? -1 : m || 0, f);
+        u(n ? -1 : m || 0, x);
         break;
     }
   }, init: o, navigate: u };
@@ -609,44 +609,44 @@ function we({
   onSelect: t,
   onReady: c
 }) {
-  const r = P(), i = P(je()), [o, s] = H(null), a = P(o), u = (Q(G) || Z()).getGroup("core"), w = (f) => {
-    f && f.stopPropagation(), t && t({ id: e[a.current]?.id });
+  const r = H(), i = H(je()), [o, s] = P(null), a = H(o), u = (Q(G) || Z()).getGroup("core"), w = (x) => {
+    x && x.stopPropagation(), t && t({ id: e[a.current]?.id });
   };
-  E(() => {
+  B(() => {
     i.current.init(
       r.current,
       e,
-      (f) => {
-        s(f), a.current = f;
+      (x) => {
+        s(x), a.current = x;
       },
       w
     );
-  }, [e, r.current]), E(() => {
+  }, [e, r.current]), B(() => {
     c && c(i.current);
   }, []);
-  const x = y(() => {
+  const f = y(() => {
     i.current.navigate(null);
   }, [i]);
-  return o === null ? null : /* @__PURE__ */ l(ne, { onCancel: x, children: /* @__PURE__ */ l(
+  return o === null ? null : /* @__PURE__ */ l(te, { onCancel: f, children: /* @__PURE__ */ l(
     "div",
     {
       className: "wx-233fr7 wx-list",
       ref: r,
       onClick: w,
       onMouseMove: i.current.move,
-      children: e.length ? e.map((f, m) => /* @__PURE__ */ l(
+      children: e.length ? e.map((x, m) => /* @__PURE__ */ l(
         "div",
         {
           className: `wx-233fr7 wx-item ${m === o ? "wx-focus" : ""}`,
-          "data-id": f.id,
-          children: n ? te(n, { option: f }) : f.label
+          "data-id": x.id,
+          children: n ? ne(n, { option: x }) : x.label
         },
-        f.id
+        x.id
       )) : /* @__PURE__ */ l("div", { className: "wx-233fr7 wx-no-data", children: u("No data") })
     }
   ) });
 }
-function Rt({
+function It({
   value: e = "",
   id: n,
   options: t = [],
@@ -658,49 +658,49 @@ function Rt({
   error: a = !1,
   clear: u = !1,
   children: w,
-  onChange: x
+  onChange: f
 }) {
-  const f = z(n), m = P(null), p = P(null), [d, h] = W(e), [v, g] = H(!1), [S, N] = H(""), T = P(null), M = P(!1), F = B(() => {
-    if (v) return S;
+  const x = z(n), m = H(null), p = H(null), [d, h] = W(e), [v, N] = P(!1), [R, g] = P(""), T = H(null), M = H(!1), S = E(() => {
+    if (v) return R;
     if (d || d === 0) {
       const C = (c || t).find((U) => U.id === d);
       if (C) return C[r];
     }
     return "";
-  }, [v, S, d, c, t, r]), D = B(() => !F || !v ? t : t.filter(
-    (C) => C[r].toLowerCase().includes(F.toLowerCase())
-  ), [F, v, t, r]), b = y(
+  }, [v, R, d, c, t, r]), D = E(() => !S || !v ? t : t.filter(
+    (C) => C[r].toLowerCase().includes(S.toLowerCase())
+  ), [S, v, t, r]), b = y(
     () => D.findIndex((C) => C.id === d),
     [D, d]
   ), k = y((C) => {
     m.current = C.navigate, p.current = C.keydown;
-  }, []), L = y(
+  }, []), F = y(
     (C, U) => {
       if (C || C === 0) {
         let K = t.find((V) => V.id === C);
-        if (g(!1), U && m.current(null), K && d !== K.id) {
+        if (N(!1), U && m.current(null), K && d !== K.id) {
           const V = K.id;
-          h(V), x && x({ value: V });
+          h(V), f && f({ value: V });
         }
       }
       !M.current && U && T.current.focus();
     },
-    [t, d, x]
+    [t, d, f]
   ), A = y(
     ({ id: C }) => {
-      L(C, !0);
+      F(C, !0);
     },
-    [L]
-  ), I = y(
+    [F]
+  ), L = y(
     (C) => {
-      C && C.stopPropagation(), h(""), g(!1), x && x({ value: "" });
+      C && C.stopPropagation(), h(""), N(!1), f && f({ value: "" });
     },
-    [x]
-  ), R = y(
+    [f]
+  ), I = y(
     (C) => {
       if (!t.length) return;
       if (C === "" && u) {
-        I();
+        L();
         return;
       }
       let U = t.find((V) => V[r] === C);
@@ -708,18 +708,18 @@ function Rt({
         (V) => V[r].toLowerCase().includes(C.toLowerCase())
       ));
       const K = U ? U.id : d || t[0].id;
-      L(K, !1);
+      F(K, !1);
     },
-    [t, r, u, d, L, I]
+    [t, r, u, d, F, L]
   ), O = y(() => {
-    N(T.current.value), g(!0), D.length ? m.current(0) : m.current(null);
+    g(T.current.value), N(!0), D.length ? m.current(0) : m.current(null);
   }, [D.length, m]), Y = y(() => {
     M.current = !0;
   }, []), _ = y(() => {
     M.current = !1, setTimeout(() => {
-      M.current || R(F);
+      M.current || I(S);
     }, 200);
-  }, [R, F]);
+  }, [I, S]);
   return /* @__PURE__ */ $(
     "div",
     {
@@ -732,9 +732,9 @@ function Rt({
           "input",
           {
             className: "wx-1j11Jk wx-input " + (a ? "wx-error" : ""),
-            id: f,
+            id: x,
             ref: T,
-            value: F,
+            value: S,
             disabled: s,
             placeholder: i,
             onFocus: Y,
@@ -742,7 +742,7 @@ function Rt({
             onInput: O
           }
         ),
-        u && !s && d ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: I }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
+        u && !s && d ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: L }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
         !s && /* @__PURE__ */ l(we, { items: D, onReady: k, onSelect: A, children: ({ option: C }) => /* @__PURE__ */ l(J, { children: w ? w({ option: C }) : C[r] }) })
       ]
     }
@@ -760,21 +760,21 @@ function fe({
   error: a = !1,
   inputStyle: u = {},
   title: w = "",
-  css: x = "",
-  icon: f = "",
+  css: f = "",
+  icon: x = "",
   clear: m = !1,
   onChange: p
 }) {
-  const d = z(n), [h, v] = W(e), g = P(null), S = B(
-    () => f && x.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + x : x,
-    [f, x]
-  ), N = B(
-    () => f && x.indexOf("wx-icon-left") !== -1,
-    [f, x]
+  const d = z(n), [h, v] = W(e), N = H(null), R = E(
+    () => x && f.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + f : f,
+    [x, f]
+  ), g = E(
+    () => x && f.indexOf("wx-icon-left") !== -1,
+    [x, f]
   );
-  E(() => {
+  B(() => {
     const b = setTimeout(() => {
-      c && g.current && g.current.focus(), r && g.current && g.current.select();
+      c && N.current && N.current.focus(), r && N.current && N.current.select();
     }, 1);
     return () => clearTimeout(b);
   }, [c, r]);
@@ -788,25 +788,25 @@ function fe({
     (b) => p && p({ value: b.target.value }),
     [p]
   );
-  function F(b) {
+  function S(b) {
     b.stopPropagation(), v(""), p && p({ value: "" });
   }
   let D = i;
-  return i !== "password" && i !== "number" && (D = "text"), E(() => {
-    const b = M, k = g.current;
+  return i !== "password" && i !== "number" && (D = "text"), B(() => {
+    const b = M, k = N.current;
     return k.addEventListener("change", b), () => {
       k && k.removeEventListener("change", b);
     };
   }, [M]), /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-hQ64J4 wx-text ${S} ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
+      className: `wx-hQ64J4 wx-text ${R} ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "input",
           {
             className: "wx-hQ64J4 wx-input",
-            ref: g,
+            ref: N,
             id: d,
             readOnly: t,
             disabled: s,
@@ -819,23 +819,23 @@ function fe({
           }
         ),
         m && !s && h ? /* @__PURE__ */ $(J, { children: [
-          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: F }),
-          N && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${f}` })
-        ] }) : f ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${f}` }) : null
+          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: S }),
+          g && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` })
+        ] }) : x ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` }) : null
       ]
     }
   );
 }
 function Je({ date: e, type: n, part: t, onShift: c }) {
-  const { calendar: r, formats: i } = Q(G).getRaw(), o = e.getFullYear(), s = B(() => {
+  const { calendar: r, formats: i } = Q(G).getRaw(), o = e.getFullYear(), s = E(() => {
     switch (n) {
       case "month":
         return X(i.monthYearFormat, r)(e);
       case "year":
         return X(i.yearFormat, r)(e);
       case "duodecade": {
-        const { start: u, end: w } = $e(o), x = X(i.yearFormat, r);
-        return `${x(new Date(u, 0, 1))} - ${x(new Date(w, 11, 31))}`;
+        const { start: u, end: w } = Ve(o), f = X(i.yearFormat, r);
+        return `${f(new Date(u, 0, 1))} - ${f(new Date(w, 11, 31))}`;
       }
       default:
         return "";
@@ -873,35 +873,35 @@ function Ge({
   onCancel: r,
   onChange: i
 }) {
-  const o = (Q(G) || Z()).getRaw().calendar, s = (o.weekStart || 7) % 7, a = o.dayShort.slice(s).concat(o.dayShort.slice(0, s)), u = (N, T, M) => new Date(
-    N.getFullYear(),
-    N.getMonth() + (T || 0),
-    N.getDate() + (M || 0)
+  const o = (Q(G) || Z()).getRaw().calendar, s = (o.weekStart || 7) % 7, a = o.dayShort.slice(s).concat(o.dayShort.slice(0, s)), u = (g, T, M) => new Date(
+    g.getFullYear(),
+    g.getMonth() + (T || 0),
+    g.getDate() + (M || 0)
   );
   let w = t !== "normal";
-  function x(N) {
-    const T = N.getDay();
+  function f(g) {
+    const T = g.getDay();
     return T === 0 || T === 6;
   }
-  function f() {
-    const N = u(n, 0, 1 - n.getDate());
-    return N.setDate(N.getDate() - (N.getDay() - (s - 7)) % 7), N;
+  function x() {
+    const g = u(n, 0, 1 - n.getDate());
+    return g.setDate(g.getDate() - (g.getDay() - (s - 7)) % 7), g;
   }
   function m() {
-    const N = u(n, 1, -n.getDate());
-    return N.setDate(N.getDate() + (6 - N.getDay() + s) % 7), N;
+    const g = u(n, 1, -n.getDate());
+    return g.setDate(g.getDate() + (6 - g.getDay() + s) % 7), g;
   }
-  const p = P(0);
-  function d(N, T) {
-    T.timeStamp !== p.current && (p.current = T.timeStamp, T.stopPropagation(), i && i(new Date(new Date(N))), r && r());
+  const p = H(0);
+  function d(g, T) {
+    T.timeStamp !== p.current && (p.current = T.timeStamp, T.stopPropagation(), i && i(new Date(new Date(g))), r && r());
   }
-  const h = B(() => t == "normal" ? [e ? u(e).valueOf() : 0] : e ? [
+  const h = E(() => t == "normal" ? [e ? u(e).valueOf() : 0] : e ? [
     e.start ? u(e.start).valueOf() : 0,
     e.end ? u(e.end).valueOf() : 0
-  ] : [0, 0], [t, e]), v = B(() => {
-    const N = f(), T = m(), M = n.getMonth();
-    let F = [];
-    for (let D = N; D <= T; D.setDate(D.getDate() + 1)) {
+  ] : [0, 0], [t, e]), v = E(() => {
+    const g = x(), T = m(), M = n.getMonth();
+    let S = [];
+    for (let D = g; D <= T; D.setDate(D.getDate() + 1)) {
       const b = {
         day: D.getDate(),
         in: D.getMonth() === M,
@@ -909,30 +909,30 @@ function Ge({
       };
       let k = "";
       if (k += b.in ? "" : " wx-inactive", k += h.indexOf(b.date) > -1 ? " wx-selected" : "", w) {
-        const L = b.date == h[0], A = b.date == h[1];
-        L && !A ? k += " wx-left" : A && !L && (k += " wx-right"), b.date > h[0] && b.date < h[1] && (k += " wx-inrange");
+        const F = b.date == h[0], A = b.date == h[1];
+        F && !A ? k += " wx-left" : A && !F && (k += " wx-right"), b.date > h[0] && b.date < h[1] && (k += " wx-inrange");
       }
-      if (k += x(D) ? " wx-weekend" : "", c) {
-        const L = c(D);
-        L && (k += " " + L);
+      if (k += f(D) ? " wx-weekend" : "", c) {
+        const F = c(D);
+        F && (k += " " + F);
       }
-      F.push({ ...b, css: k });
+      S.push({ ...b, css: k });
     }
-    return F;
-  }, [n, h, w, c]), g = P(null);
-  let S = P({});
-  return S.current.click = d, E(() => {
-    Te(g.current, S.current);
+    return S;
+  }, [n, h, w, c]), N = H(null);
+  let R = H({});
+  return R.current.click = d, B(() => {
+    $e(N.current, R.current);
   }, []), /* @__PURE__ */ $("div", { children: [
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((N) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: N }, N)) }),
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: g, children: v.map((N) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((g) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: g }, g)) }),
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: N, children: v.map((g) => /* @__PURE__ */ l(
       "div",
       {
-        className: `wx-398RBS wx-day ${N.css} ${N.in ? "" : "wx-out"}`,
-        "data-id": N.date,
-        children: N.day
+        className: `wx-398RBS wx-day ${g.css} ${g.in ? "" : "wx-out"}`,
+        "data-id": g.date,
+        children: g.day
       },
-      N.date
+      g.date
     )) })
   ] });
 }
@@ -944,34 +944,34 @@ function Qe({
   onChange: r,
   onShift: i
 }) {
-  const [o, s] = W(e || /* @__PURE__ */ new Date()), [a, u] = W(n || /* @__PURE__ */ new Date()), w = Q(G).getRaw().calendar, x = w.monthShort || [], f = B(() => a.getMonth(), [a]), m = y(
+  const [o, s] = W(e || /* @__PURE__ */ new Date()), [a, u] = W(n || /* @__PURE__ */ new Date()), w = Q(G).getRaw().calendar, f = w.monthShort || [], x = E(() => a.getMonth(), [a]), m = y(
     (h, v) => {
       if (h != null) {
         v.stopPropagation();
-        const g = new Date(a);
-        g.setMonth(h), u(g), i && i({ current: g });
+        const N = new Date(a);
+        N.setMonth(h), u(N), i && i({ current: N });
       }
       t === "normal" && s(new Date(a)), c && c();
     },
     [a, t, i, c]
   ), p = y(() => {
-    const h = new Date(Fe(o, t) || a);
+    const h = new Date(Re(o, t) || a);
     h.setMonth(a.getMonth()), h.setFullYear(a.getFullYear()), r && r(h);
   }, [o, a, t, r]), d = y(
     (h) => {
       const v = h.target.closest("[data-id]");
       if (v) {
-        const g = parseInt(v.getAttribute("data-id"), 10);
-        m(g, h);
+        const N = parseInt(v.getAttribute("data-id"), 10);
+        m(N, h);
       }
     },
     [m]
   );
   return /* @__PURE__ */ $(J, { children: [
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: d, children: x.map((h, v) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: d, children: f.map((h, v) => /* @__PURE__ */ l(
       "div",
       {
-        className: "wx-34U8T8 wx-month" + (f === v ? " wx-current" : ""),
+        className: "wx-34U8T8 wx-month" + (x === v ? " wx-current" : ""),
         "data-id": v,
         children: h
       },
@@ -981,42 +981,42 @@ function Qe({
   ] });
 }
 const ie = "wx-1XEF33", _e = ({ value: e, current: n, onCancel: t, onChange: c, onShift: r, part: i }) => {
-  const o = Q(G).getRaw().calendar, [s, a] = W(n), [u, w] = W(e), x = B(() => s.getFullYear(), [s]), f = B(() => {
-    const { start: v, end: g } = $e(x), S = [];
-    for (let N = v; N <= g; ++N)
-      S.push(N);
-    return S;
-  }, [x]), m = {
+  const o = Q(G).getRaw().calendar, [s, a] = W(n), [u, w] = W(e), f = E(() => s.getFullYear(), [s]), x = E(() => {
+    const { start: v, end: N } = Ve(f), R = [];
+    for (let g = v; g <= N; ++g)
+      R.push(g);
+    return R;
+  }, [f]), m = {
     click: p
   };
-  function p(v, g) {
+  function p(v, N) {
     if (v) {
-      g.stopPropagation();
-      const S = new Date(s);
-      S.setFullYear(v), a(S), r && r({ current: S });
+      N.stopPropagation();
+      const R = new Date(s);
+      R.setFullYear(v), a(R), r && r({ current: R });
     }
     i === "normal" && w(new Date(s)), t && t();
   }
   function d() {
-    const v = new Date(Fe(u, i) || s);
+    const v = new Date(Re(u, i) || s);
     v.setFullYear(s.getFullYear()), c && c(v);
   }
-  const h = P(null);
-  return E(() => {
-    h.current && Te(h.current, m);
+  const h = H(null);
+  return B(() => {
+    h.current && $e(h.current, m);
   }, []), /* @__PURE__ */ $(J, { children: [
-    /* @__PURE__ */ l("div", { className: ie + " wx-years", ref: h, children: f.map((v, g) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: ie + " wx-years", ref: h, children: x.map((v, N) => /* @__PURE__ */ l(
       "div",
       {
-        className: ie + ` wx-year ${x == v ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
+        className: ie + ` wx-year ${f == v ? "wx-current" : ""} ${N === 0 ? "wx-prev-decade" : ""} ${N === 11 ? "wx-next-decade" : ""}`,
         "data-id": v,
         children: v
       },
-      g
+      N
     )) }),
     /* @__PURE__ */ l("div", { className: ie + " wx-buttons", children: /* @__PURE__ */ l(xe, { onClick: d, children: o.done }) })
   ] });
-}, Ne = {
+}, ge = {
   month: {
     component: Ge,
     next: ze,
@@ -1051,7 +1051,7 @@ function qe(e) {
 function Xe(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() + 10), e;
 }
-function Fe(e, n) {
+function Re(e, n) {
   let t;
   if (n === "normal") t = e;
   else {
@@ -1066,7 +1066,7 @@ function tt(e) {
   if (e === "clear") return null;
   if (e === "today") return /* @__PURE__ */ new Date();
 }
-function se({
+function ce({
   value: e,
   current: n,
   onCurrentChange: t,
@@ -1076,24 +1076,24 @@ function se({
   onShift: o,
   onChange: s
 }) {
-  const a = Q(G).getGroup("calendar"), [u, w] = H("month"), x = Array.isArray(i) ? i : i ? et : [], f = (v, g) => {
-    v.preventDefault(), s && s({ value: g });
+  const a = Q(G).getGroup("calendar"), [u, w] = P("month"), f = Array.isArray(i) ? i : i ? et : [], x = (v, N) => {
+    v.preventDefault(), s && s({ value: N });
   }, m = () => {
     u === "duodecade" ? w("year") : u === "year" && w("month");
   }, p = (v) => {
-    const { diff: g, current: S } = v;
-    if (g === 0) {
+    const { diff: N, current: R } = v;
+    if (N === 0) {
       u === "month" ? w("year") : u === "year" && w("duodecade");
       return;
     }
-    if (g) {
-      const N = Ne[u];
-      t(g > 0 ? N.next(n) : N.prev(n));
-    } else S && t(S);
+    if (N) {
+      const g = ge[u];
+      t(N > 0 ? g.next(n) : g.prev(n));
+    } else R && t(R);
     o && o();
   }, d = (v) => {
     w("month"), s && s({ select: !0, value: v });
-  }, h = B(() => Ne[u].component, [u]);
+  }, h = E(() => ge[u].component, [u]);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1114,10 +1114,10 @@ function se({
               onShift: p
             }
           ),
-          u === "month" && x.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: x.map((v) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
+          u === "month" && f.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: f.map((v) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
             xe,
             {
-              onClick: (g) => f(g, tt(v)),
+              onClick: (N) => x(N, tt(v)),
               children: a(v)
             }
           ) }, v)) })
@@ -1128,13 +1128,13 @@ function se({
 }
 function ue(e) {
   let { words: n = null, optional: t = !1, children: c } = e, r = Q(G);
-  const i = B(() => {
+  const i = E(() => {
     let o = r;
-    return (!o || !o.extend) && (o = Ve(Me)), n !== null && (o = o.extend(n, t)), o;
+    return (!o || !o.extend) && (o = De(Te)), n !== null && (o = o.extend(n, t)), o;
   }, [n, t, r]);
   return /* @__PURE__ */ l(G.Provider, { value: i, children: c });
 }
-function ge(e, n, t, c) {
+function Ne(e, n, t, c) {
   if (!e || c) {
     const r = n ? new Date(n) : /* @__PURE__ */ new Date();
     r.setDate(1), t(r);
@@ -1152,23 +1152,23 @@ function lt({
   onChange: r
 }) {
   const [i, o] = W(e), [s, a] = W(n);
-  E(() => {
-    ge(s, i, a, !1);
+  B(() => {
+    Ne(s, i, a, !1);
   }, [i, s]);
   const u = y(
-    (x) => {
-      const f = x.value;
-      f ? (o(new Date(f)), ge(s, new Date(f), a, !0)) : o(null), r && r({ value: f ? new Date(f) : null });
+    (f) => {
+      const x = f.value;
+      x ? (o(new Date(x)), Ne(s, new Date(x), a, !0)) : o(null), r && r({ value: x ? new Date(x) : null });
     },
     [r, s]
   ), w = y(
-    (x) => {
-      a(x);
+    (f) => {
+      a(f);
     },
     [a]
   );
   return s ? /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ l(
-    se,
+    ce,
     {
       value: i,
       current: s,
@@ -1180,7 +1180,7 @@ function lt({
   ) }) : null;
 }
 const rt = ["clear", "today"];
-function St({
+function Rt({
   value: e,
   id: n,
   disabled: t = !1,
@@ -1192,33 +1192,33 @@ function St({
   buttons: a = rt,
   css: u = "",
   title: w = "",
-  editable: x = !1,
-  clear: f = !1,
+  editable: f = !1,
+  clear: x = !1,
   onChange: m
 }) {
   const { calendar: p, formats: d } = (Q(G) || Z()).getRaw(), h = s || d?.dateFormat;
   let v = typeof h == "function" ? h : X(h, p);
-  const [g, S] = H(e), [N, T] = H(!1);
-  E(() => {
-    S(e);
+  const [N, R] = P(e), [g, T] = P(!1);
+  B(() => {
+    R(e);
   }, [e]);
   function M() {
     T(!1);
   }
-  function F(k) {
-    const L = k === g || k && g && k.valueOf() === g.valueOf() || !k && !g;
-    S(k), L || m && m({ value: k }), setTimeout(M, 1);
+  function S(k) {
+    const F = k === N || k && N && k.valueOf() === N.valueOf() || !k && !N;
+    R(k), F || m && m({ value: k }), setTimeout(M, 1);
   }
-  const D = B(
-    () => g ? v(g) : "",
-    [g, v]
+  const D = E(
+    () => N ? v(N) : "",
+    [N, v]
   );
-  function b({ value: k, input: L }) {
-    if (!x && !f || L) return;
-    let A = typeof x == "function" ? x(k) : k ? new Date(k) : null;
-    A = isNaN(A) ? g || null : A || null, F(A);
+  function b({ value: k, input: F }) {
+    if (!f && !x || F) return;
+    let A = typeof f == "function" ? f(k) : k ? new Date(k) : null;
+    A = isNaN(A) ? N || null : A || null, S(A);
   }
-  return E(() => {
+  return B(() => {
     const k = M;
     return window.addEventListener("scroll", k), () => window.removeEventListener("scroll", k);
   }, []), /* @__PURE__ */ $("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => T(!0), children: [
@@ -1229,7 +1229,7 @@ function St({
         title: w,
         value: D,
         id: n,
-        readonly: !x,
+        readonly: !f,
         disabled: t,
         error: c,
         placeholder: o,
@@ -1241,11 +1241,11 @@ function St({
           width: "100%",
           paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
         },
-        clear: f
+        clear: x
       }
     ),
-    N && !t && /* @__PURE__ */ l(
-      ne,
+    g && !t && /* @__PURE__ */ l(
+      te,
       {
         onCancel: M,
         width: r,
@@ -1255,8 +1255,8 @@ function St({
           lt,
           {
             buttons: a,
-            value: g,
-            onChange: (k) => F(k.value)
+            value: N,
+            onChange: (k) => S(k.value)
           }
         )
       }
@@ -1272,12 +1272,12 @@ const st = ["clear", "today"], ct = ({
   buttons: i = st,
   onChange: o
 }) => {
-  const [s, a] = W(e), [u, w] = W(n), [x, f] = H(), [m, p] = H(), d = y((T, M, F) => {
+  const [s, a] = W(e), [u, w] = W(n), [f, x] = P(), [m, p] = P(), d = y((T, M, S) => {
     const D = new Date(T);
-    return D.setMonth(D.getMonth() + M), F && D.valueOf() === F.valueOf() ? F : D;
+    return D.setMonth(D.getMonth() + M), S && D.valueOf() === S.valueOf() ? S : D;
   }, []), h = y(
     (T) => {
-      f(() => {
+      x(() => {
         const M = new Date(T);
         return M.setDate(1), p(d(M, 1)), M;
       });
@@ -1287,63 +1287,63 @@ const st = ["clear", "today"], ct = ({
     (T) => {
       p(() => {
         const M = new Date(T);
-        return M.setDate(1), f(d(M, -1)), M;
+        return M.setDate(1), x(d(M, -1)), M;
       });
     },
     [d]
   );
-  E(() => {
+  B(() => {
     const T = s;
-    x || h(T ? new Date(T) : t || /* @__PURE__ */ new Date());
-  }, [s, t, x, h]);
-  const g = y(
+    f || h(T ? new Date(T) : t || /* @__PURE__ */ new Date());
+  }, [s, t, f, h]);
+  const N = y(
     (T) => {
       const M = T.value;
-      let F = s, D = u;
+      let S = s, D = u;
       const b = M === -1;
-      return b || (T.select ? !s || u ? (a(F = M), w(D = null)) : s > M ? (w(D = s), a(F = M)) : w(D = M) : M ? (a(F = new Date(M)), w(D = new Date(M))) : (a(F = null), w(D = null))), (b || !i.includes("done")) && o && o({ start: F, end: D }), [F, D];
+      return b || (T.select ? !s || u ? (a(S = M), w(D = null)) : s > M ? (w(D = s), a(S = M)) : w(D = M) : M ? (a(S = new Date(M)), w(D = new Date(M))) : (a(S = null), w(D = null))), (b || !i.includes("done")) && o && o({ start: S, end: D }), [S, D];
     },
     [s, u, i, o]
-  ), S = y(
+  ), R = y(
     (T) => {
-      const [M] = g(T);
+      const [M] = N(T);
       M && h(new Date(M));
     },
     [h, s, u]
-  ), N = y(
+  ), g = y(
     (T) => {
-      const [, M] = g(T);
+      const [, M] = N(T);
       M && v(new Date(M));
     },
     [v, s, u]
   );
-  return !x || !m ? null : c === 1 ? /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ l(
-    se,
+  return !f || !m ? null : c === 1 ? /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ l(
+    ce,
     {
       value: { start: s, end: u },
-      current: x,
+      current: f,
       setCurrent: h,
       markers: r,
       buttons: i,
       part: "both",
-      onChange: S
+      onChange: R
     }
   ) }) : /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ $("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
-      se,
+      ce,
       {
         value: { start: s, end: u },
-        current: x,
+        current: f,
         setCurrent: h,
         markers: r,
         buttons: !1,
         part: "left",
-        onChange: S,
+        onChange: R,
         onCurrentChange: (T) => h(T)
       }
     ) }),
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
-      se,
+      ce,
       {
         value: { start: s, end: u },
         current: m,
@@ -1351,12 +1351,12 @@ const st = ["clear", "today"], ct = ({
         markers: r,
         buttons: i,
         part: "right",
-        onChange: N,
+        onChange: g,
         onCurrentChange: (T) => v(T)
       }
     ) })
   ] }) });
-}, at = ["clear", "today"], Ft = ({
+}, at = ["clear", "today"], St = ({
   value: e,
   onChange: n,
   id: t,
@@ -1368,41 +1368,41 @@ const st = ["clear", "today"], ct = ({
   css: a = "",
   title: u = "",
   format: w = "",
-  months: x = 2,
-  buttons: f = at,
+  months: f = 2,
+  buttons: x = at,
   editable: m = !1,
   clear: p = !1
 }) => {
-  const [d, h] = W(e), { calendar: v, formats: g } = (Q(G) || Z()).getRaw(), S = w || g?.dateFormat, N = typeof S == "function" ? S : X(S, v), [T, M] = H(!1), F = y(() => {
+  const [d, h] = W(e), { calendar: v, formats: N } = (Q(G) || Z()).getRaw(), R = w || N?.dateFormat, g = typeof R == "function" ? R : X(R, v), [T, M] = P(!1), S = y(() => {
     M(!1);
-  }, []), D = B(() => d ? d.start ? N(d.start) + (d.end ? ` - ${N(d.end)}` : "") : N(d) : "", [d, N]), b = B(() => d && d.start || null, [d]), k = B(() => d && d.end || null, [d]), L = y(
-    (I) => {
-      const R = I.start || I.end ? { start: I.start, end: I.end } : null;
-      h && h(R), (I.start && I.end || !I.start && !I.end) && (n && n({ value: R }), setTimeout(F, 1));
+  }, []), D = E(() => d ? d.start ? g(d.start) + (d.end ? ` - ${g(d.end)}` : "") : g(d) : "", [d, g]), b = E(() => d && d.start || null, [d]), k = E(() => d && d.end || null, [d]), F = y(
+    (L) => {
+      const I = L.start || L.end ? { start: L.start, end: L.end } : null;
+      h && h(I), (L.start && L.end || !L.start && !L.end) && (n && n({ value: I }), setTimeout(S, 1));
     },
-    [n, F, h]
+    [n, S, h]
   ), A = y(
-    (I) => {
+    (L) => {
       if (!m && !p) return;
-      const { value: R, input: O } = I;
+      const { value: I, input: O } = L;
       if (O) return;
-      const [Y, _] = R.split(" -").map((C, U) => {
+      const [Y, _] = I.split(" -").map((C, U) => {
         const K = C.trim();
         let V = typeof m == "function" ? m(K) : K ? new Date(K) : null, j = U === 0 ? b : k;
         return isNaN(V) ? j || null : V || null;
       });
-      L({ start: Y, end: _ });
+      F({ start: Y, end: _ });
     },
-    [m, p, b, k, L]
+    [m, p, b, k, F]
   );
-  return E(() => {
-    const I = () => {
-      F();
+  return B(() => {
+    const L = () => {
+      S();
     };
-    return window.addEventListener("scroll", I), () => {
-      window.removeEventListener("scroll", I);
+    return window.addEventListener("scroll", L), () => {
+      window.removeEventListener("scroll", L);
     };
-  }, [F]), /* @__PURE__ */ $(
+  }, [S]), /* @__PURE__ */ $(
     "div",
     {
       className: `wx-1b0WDQ wx-daterangepicker ${c ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
@@ -1430,21 +1430,21 @@ const st = ["clear", "today"], ct = ({
           }
         ),
         T && !c && /* @__PURE__ */ l(
-          ne,
+          te,
           {
-            onCancel: F,
+            onCancel: S,
             width: i,
             align: o,
             autoFit: !!o,
             children: /* @__PURE__ */ l(
               ct,
               {
-                onCancel: F,
-                buttons: f,
+                onCancel: S,
+                buttons: x,
                 start: b,
                 end: k,
-                months: x,
-                onChange: L
+                months: f,
+                onChange: F
               }
             )
           }
@@ -1453,19 +1453,19 @@ const st = ["clear", "today"], ct = ({
     }
   );
 };
-function Lt({
+function Ft({
   hotkey: e = null,
   toggleButton: n,
   children: t
 }) {
-  const c = P(null), [r, i] = H(!1), o = B(
+  const c = H(null), [r, i] = P(!1), o = E(
     () => `wxi-${r ? "collapse" : "expand"}`,
     [r]
-  ), s = P(null);
+  ), s = H(null);
   return s.current = () => {
     const a = c.current;
     !r && a ? a.requestFullscreen() : r && document.exitFullscreen(), i((u) => !u);
-  }, Pe({ [e]: () => s.current() }, c), E(() => {
+  }, Pe({ [e]: () => s.current() }, c), B(() => {
     const a = () => {
       i(document.fullscreenElement === c.current);
     };
@@ -1477,7 +1477,7 @@ function Lt({
     n ? n(s.current, r) : /* @__PURE__ */ l(ee, { css: "wx-13aa5W wx-fullscreen-button", onClick: s.current, children: /* @__PURE__ */ l("i", { className: `wx-13aa5W ${o} wx-fullscreen-icon`, children: " " }) })
   ] });
 }
-function It({ css: e = "", title: n = "", children: t, onClick: c }) {
+function Lt({ css: e = "", title: n = "", children: t, onClick: c }) {
   return t ? /* @__PURE__ */ l(
     "i",
     {
@@ -1509,86 +1509,86 @@ function Ct({
   error: a = !1,
   checkboxes: u = !1,
   onChange: w,
-  children: x
+  children: f
 }) {
-  const f = z(e), m = P(null), p = P(null), [d, h] = W(n), [v, g] = H(""), [S, N] = H(!1), T = P(null), M = B(() => d ? (c || t).filter((R) => d.includes(R.id)) : [], [d, c, t]), F = B(() => {
-    const R = t;
-    return v ? R.filter((O) => O[r].toLowerCase().includes(v.toLowerCase())) : R;
-  }, [v, t, r]), D = y((R) => {
-    m.current = R.navigate, p.current = R.keydown;
+  const x = z(e), m = H(null), p = H(null), [d, h] = W(n), [v, N] = P(""), [R, g] = P(!1), T = H(null), M = E(() => d ? (c || t).filter((I) => d.includes(I.id)) : [], [d, c, t]), S = E(() => {
+    const I = t;
+    return v ? I.filter((O) => O[r].toLowerCase().includes(v.toLowerCase())) : I;
+  }, [v, t, r]), D = y((I) => {
+    m.current = I.navigate, p.current = I.keydown;
   }, []), b = y(() => {
-    F.length ? m.current(0) : m.current(null);
-  }, [F]), k = y(
-    (R) => {
-      const { id: O } = R;
+    S.length ? m.current(0) : m.current(null);
+  }, [S]), k = y(
+    (I) => {
+      const { id: O } = I;
       if (O) {
         let Y;
         d ? d.includes(O) ? Y = d.filter((_) => _ !== O) : Y = [...d, O] : Y = [O], h(Y), w && w({ value: Y }), T.current.focus();
       }
     },
     [d, w]
-  ), L = y(
-    (R, O) => {
+  ), F = y(
+    (I, O) => {
       O && O.stopPropagation();
-      const Y = d.filter((_) => _ !== R);
+      const Y = d.filter((_) => _ !== I);
       h(Y), w && w({ value: Y });
     },
     [d, w]
   ), A = y(
-    () => d && d.length ? F.findIndex((R) => R.id === d[0]) : 0,
-    [d, F]
-  ), I = y(() => {
+    () => d && d.length ? S.findIndex((I) => I.id === d[0]) : 0,
+    [d, S]
+  ), L = y(() => {
     s || (T.current.focus(), m.current(A()));
   }, [s, A]);
   return /* @__PURE__ */ $(
     "div",
     {
       title: o,
-      className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${S && !s ? "wx-focus" : ""}`,
-      onClick: I,
-      onKeyDown: (R) => p.current(R, A()),
+      className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${R && !s ? "wx-focus" : ""}`,
+      onClick: L,
+      onKeyDown: (I) => p.current(I, A()),
       children: [
         /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-wrapper", children: [
-          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((R) => /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-tag", children: [
-            x ? te(x, { option: R }) : R[r],
+          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((I) => /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-tag", children: [
+            f ? ne(f, { option: I }) : I[r],
             !s && /* @__PURE__ */ l(
               "i",
               {
                 className: "wx-12Wj21 wx-icon wxi-close",
-                onClick: (O) => L(R.id, O)
+                onClick: (O) => F(I.id, O)
               }
             )
-          ] }, R.id)) }),
+          ] }, I.id)) }),
           /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-select", children: [
             /* @__PURE__ */ l(
               "input",
               {
                 className: "wx-12Wj21 wx-input",
-                id: f,
+                id: x,
                 type: "text",
                 value: v,
-                onChange: (R) => g(R.target.value),
+                onChange: (I) => N(I.target.value),
                 onInput: b,
                 placeholder: i,
                 disabled: s,
-                onFocus: () => N(!0),
-                onBlur: () => N(!1),
+                onFocus: () => g(!0),
+                onBlur: () => g(!1),
                 ref: T
               }
             ),
             /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
           ] })
         ] }),
-        !s && /* @__PURE__ */ l(we, { items: F, onReady: D, onSelect: k, children: ({ option: R }) => /* @__PURE__ */ $(J, { children: [
+        !s && /* @__PURE__ */ l(we, { items: S, onReady: D, onSelect: k, children: ({ option: I }) => /* @__PURE__ */ $(J, { children: [
           u && /* @__PURE__ */ l(
-            Se,
+            Ie,
             {
               style: { marginRight: "8px", pointerEvents: "none" },
-              name: R.id,
-              value: d && d.includes(R.id)
+              name: I.id,
+              value: d && d.includes(I.id)
             }
           ),
-          x ? te(x, { option: R }) : R[r]
+          f ? ne(f, { option: I }) : I[r]
         ] }) })
       ]
     }
@@ -1602,16 +1602,16 @@ function Pt({
   onCancel: r,
   children: i
 }) {
-  const [o, s] = H(0), [a, u] = H(0), [w, x] = H("auto"), [f, m] = H(!1), p = P(null), d = y(() => {
+  const [o, s] = P(0), [a, u] = P(0), [w, f] = P("auto"), [x, m] = P(!1), p = H(null), d = y(() => {
     if (!p.current) return;
     const h = Be(p.current, c, t, e, n);
-    h && (s(h.x), u(h.y), x(h.width), m(!0));
+    h && (s(h.x), u(h.y), f(h.width), m(!0));
   }, [p, c, t, e, n]);
-  return E(() => {
+  return B(() => {
     requestAnimationFrame(d);
-  }, []), E(() => {
+  }, []), B(() => {
     d(c);
-  }, [c, t, e, n]), E(() => {
+  }, [c, t, e, n]), B(() => {
     const h = (v) => {
       r && r(v);
     };
@@ -1624,7 +1624,7 @@ function Pt({
       className: "wx-37M6Fj wx-popup",
       style: {
         position: "absolute",
-        visibility: f ? "visible" : "hidden",
+        visibility: x ? "visible" : "hidden",
         top: a + "px",
         left: o + "px",
         width: w
@@ -1639,7 +1639,7 @@ const Ht = ({
   value: t = 1,
   onChange: c
 }) => {
-  const [r, i] = W(n), [o, s] = W(t), a = (Q(G) || Z()).getGroup("core"), u = Math.ceil(e / r), w = (o - 1) * r, x = Math.min(o * r, e), f = (d, h) => {
+  const [r, i] = W(n), [o, s] = W(t), a = (Q(G) || Z()).getGroup("core"), u = Math.ceil(e / r), w = (o - 1) * r, f = Math.min(o * r, e), x = (d, h) => {
     Number.isNaN(d) || (h || s(d), d = Math.max(1, Math.min(d, u)), h && s(d), d !== o && setTimeout(() => {
       c && c({
         value: d,
@@ -1652,22 +1652,22 @@ const Ht = ({
   function m(d) {
     switch (d) {
       case "first":
-        f(1);
+        x(1);
         break;
       case "prev":
-        f(o - 1);
+        x(o - 1);
         break;
       case "next":
-        f(o + 1);
+        x(o + 1);
         break;
       case "last":
-        f(u);
+        x(u);
         break;
     }
   }
   const p = (d) => {
     const h = d.target.value * 1;
-    Number.isNaN(h) || (i(h), c && c({ value: o, from: w, to: x, pageSize: h }));
+    Number.isNaN(h) || (i(h), c && c({ value: o, from: w, to: f, pageSize: h }));
   };
   return /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-pager", children: [
     /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-left", children: [
@@ -1707,8 +1707,8 @@ const Ht = ({
           type: "text",
           value: o,
           className: "wx-35Np0p wx-input",
-          onChange: (d) => f(d.target.value * 1),
-          onBlur: (d) => f(d.target.value * 1, !0)
+          onChange: (d) => x(d.target.value * 1),
+          onBlur: (d) => x(d.target.value * 1, !0)
         }
       ),
       /* @__PURE__ */ l(
@@ -1742,10 +1742,10 @@ function it({
   disabled: i = !1,
   onChange: o
 }) {
-  const s = De(), a = z(e) || s, [u, w] = H(!1), x = t !== void 0, f = x ? t : u;
+  const s = Fe(), a = z(e) || s, [u, w] = P(!1), f = t !== void 0, x = f ? t : u;
   function m(p) {
     const d = p.target.checked;
-    x || w(d), d && o && o({ value: !0, inputValue: r });
+    f || w(d), d && o && o({ value: !0, inputValue: r });
   }
   return /* @__PURE__ */ $("div", { className: "wx-3lDF1s wx-radio", children: [
     /* @__PURE__ */ l(
@@ -1757,7 +1757,7 @@ function it({
         disabled: i,
         name: c,
         value: r,
-        checked: f,
+        checked: x,
         onChange: m
       }
     ),
@@ -1773,15 +1773,15 @@ function Bt({
   onChange: t,
   type: c = ""
 }) {
-  const r = oe(), [i, o] = H(n);
-  E(() => {
+  const r = le(), [i, o] = P(n);
+  B(() => {
     o(n);
   }, [n]);
   function s(a) {
     const u = a.inputValue;
     o(u), t && t({ value: u });
   }
-  return /* @__PURE__ */ l(re.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-38w70j wx-radiogroup ${c && `wx-${c}`}`, children: e.map((a) => /* @__PURE__ */ l("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(se.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-38w70j wx-radiogroup ${c && `wx-${c}`}`, children: e.map((a) => /* @__PURE__ */ l("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ l(
     it,
     {
       label: a.label,
@@ -1805,34 +1805,34 @@ function Et({
   children: u,
   onChange: w
 }) {
-  const x = P(null), f = P(null);
+  const f = H(null), x = H(null);
   let [m, p] = W(e);
-  function d(N) {
-    x.current = N.navigate, f.current = N.keydown;
+  function d(g) {
+    f.current = g.navigate, x.current = g.keydown;
   }
-  const h = B(() => m || m === 0 ? (t || n).find((N) => N.id === m) : null, [m, t, n]), v = y(
-    ({ id: N }) => {
-      (N || N === 0) && (p(N), x.current(null), w && w({ value: N }));
+  const h = E(() => m || m === 0 ? (t || n).find((g) => g.id === m) : null, [m, t, n]), v = y(
+    ({ id: g }) => {
+      (g || g === 0) && (p(g), f.current(null), w && w({ value: g }));
     },
     [p, w]
-  ), g = y(
-    (N) => {
-      N.stopPropagation(), p(""), w && w({ value: "" });
+  ), N = y(
+    (g) => {
+      g.stopPropagation(), p(""), w && w({ value: "" });
     },
     [p, w]
-  ), S = y(() => n.findIndex((N) => N.id === m), [n, m]);
+  ), R = y(() => n.findIndex((g) => g.id === m), [n, m]);
   return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-2YgblL wx-richselect ${i ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${u ? "" : "wx-2YgblL wx-nowrap"}`,
       title: o,
-      onClick: () => x.current(S()),
-      onKeyDown: (N) => f.current(N, S()),
+      onClick: () => f.current(R()),
+      onKeyDown: (g) => x.current(g, R()),
       tabIndex: 0,
       children: [
         /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: h ? u ? u(h) : h[s] : c ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: c }) : " " }),
-        a && !r && m ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: g }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
-        !r && /* @__PURE__ */ l(we, { items: n, onReady: d, onSelect: v, children: ({ option: N }) => u ? u(N) : N[s] })
+        a && !r && m ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: N }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
+        !r && /* @__PURE__ */ l(we, { items: n, onReady: d, onSelect: v, children: ({ option: g }) => u ? u(g) : g[s] })
       ]
     }
   );
@@ -1844,10 +1844,10 @@ const At = ({
   children: c,
   onChange: r
 }) => {
-  const [i, o] = H(n), s = (a) => {
+  const [i, o] = P(n), s = (a) => {
     o(a), r && r({ value: a });
   };
-  return E(() => {
+  return B(() => {
     o(n);
   }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((a) => /* @__PURE__ */ l(
     "button",
@@ -1855,7 +1855,7 @@ const At = ({
       className: `wx-0hMO7P wx-segment ${a.css} ${a.id === i ? "wx-selected" : ""}`,
       title: a.title,
       onClick: () => s(a.id),
-      children: c ? te(c, { option: a }) : /* @__PURE__ */ $(J, { children: [
+      children: c ? ne(c, { option: a }) : /* @__PURE__ */ $(J, { children: [
         a.icon && /* @__PURE__ */ l(
           "i",
           {
@@ -1880,21 +1880,21 @@ function Ot({
   id: a,
   onChange: u
 }) {
-  const w = z(a), [x, f] = H(e || ""), m = y(
+  const w = z(a), [f, x] = P(e || ""), m = y(
     (d) => {
       const h = d.target.value;
-      f(h), u && u({ value: h });
+      x(h), u && u({ value: h });
     },
     [u]
   ), p = y(() => {
-    f(""), u && u({ value: "" });
+    x(""), u && u({ value: "" });
   }, [u]);
   return /* @__PURE__ */ $("div", { className: "wx-2yx1Fo wx-select-box", children: [
     /* @__PURE__ */ $(
       "select",
       {
         id: w,
-        value: x,
+        value: f,
         disabled: r,
         className: `wx-2yx1Fo wx-select ${i ? "wx-2yx1Fo wx-error" : ""}`,
         title: c,
@@ -1905,7 +1905,7 @@ function Ot({
         ]
       }
     ),
-    s && !r && x ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: p }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
+    s && !r && f ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: p }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
   ] });
 }
 function ke({
@@ -1920,32 +1920,32 @@ function ke({
   disabled: a = !1,
   onChange: u
 }) {
-  const w = z(e), [x, f] = W(i), m = P({ value: x, input: x }), p = B(
-    () => (x - c) / (r - c) * 100 + "%",
-    [x, c, r]
-  ), d = B(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${p}, var(--wx-slider-background) ${p} 100%)`, [a, p]);
-  function h({ target: S }) {
-    const N = S.value * 1;
-    f(N), u && u({
-      value: N,
+  const w = z(e), [f, x] = W(i), m = H({ value: f, input: f }), p = E(
+    () => (f - c) / (r - c) * 100 + "%",
+    [f, c, r]
+  ), d = E(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${p}, var(--wx-slider-background) ${p} 100%)`, [a, p]);
+  function h({ target: R }) {
+    const g = R.value * 1;
+    x(g), u && u({
+      value: g,
       previous: m.current.input,
       input: !0
-    }), m.current.input = N;
+    }), m.current.input = g;
   }
-  function v({ target: S }) {
-    const N = S.value * 1;
-    f(N), u && u({ value: N, previous: m.current.value }), m.current.value = N;
+  function v({ target: R }) {
+    const g = R.value * 1;
+    x(g), u && u({ value: g, previous: m.current.value }), m.current.value = g;
   }
-  E(() => {
-    f(i);
+  B(() => {
+    x(i);
   }, [i]);
-  const g = P(null);
-  return E(() => {
-    if (g.current)
-      return g.current.addEventListener("change", v), () => {
-        g.current && g.current.removeEventListener("change", v);
+  const N = H(null);
+  return B(() => {
+    if (N.current)
+      return N.current.addEventListener("change", v), () => {
+        N.current && N.current.removeEventListener("change", v);
       };
-  }, [g, v]), /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: s, children: [
+  }, [N, v]), /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: s, children: [
     n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: w, children: n }),
     /* @__PURE__ */ l("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ l(
       "input",
@@ -1957,10 +1957,10 @@ function ke({
         max: r,
         step: o,
         disabled: a,
-        value: x,
+        value: f,
         onInput: h,
         style: { background: d },
-        ref: g
+        ref: N
       }
     ) })
   ] });
@@ -2032,23 +2032,23 @@ const Yt = ({
   readonly: s = !1,
   onChange: a
 }) => {
-  const u = z(e), [w, x] = W(n), f = y(() => {
+  const u = z(e), [w, f] = W(n), x = y(() => {
     if (s || w <= c) return;
     const h = w - t;
-    x(h), a && a({ value: h });
+    f(h), a && a({ value: h });
   }, [w, s, c, t, a]), m = y(() => {
     if (s || w >= r) return;
     const h = w + t;
-    x(h), a && a({ value: h });
+    f(h), a && a({ value: h });
   }, [w, s, r, t, a]), p = y(() => {
     if (!s) {
       const h = Math.round(Math.min(r, Math.max(w, c)) / t) * t, v = isNaN(h) ? Math.max(c, 0) : h;
-      x(v), a && a({ value: v });
+      f(v), a && a({ value: v });
     }
   }, [s, w, r, c, t, a]), d = y(
     (h) => {
       const v = h.target.value * 1;
-      x(v), a && a({ value: v, input: !0 });
+      f(v), a && a({ value: v, input: !0 });
     },
     [a]
   );
@@ -2063,7 +2063,7 @@ const Yt = ({
             "aria-label": "-",
             className: "wx-22t21n wx-btn wx-btn-dec",
             disabled: o,
-            onClick: f,
+            onClick: x,
             children: /* @__PURE__ */ l(
               "svg",
               {
@@ -2152,26 +2152,26 @@ function wt({
   onConfirm: i,
   onCancel: o
 }) {
-  const s = (Q(G) || Z()).getGroup("core"), a = P(null);
-  E(() => {
+  const s = (Q(G) || Z()).getGroup("core"), a = H(null);
+  B(() => {
     a.current?.focus();
   }, []);
-  function u(x) {
-    switch (x.code) {
+  function u(f) {
+    switch (f.code) {
       case "Enter": {
-        const f = x.target.tagName;
-        if (f === "TEXTAREA" || f === "BUTTON") return;
-        i && i({ event: x });
+        const x = f.target.tagName;
+        if (x === "TEXTAREA" || x === "BUTTON") return;
+        i && i({ event: f });
         break;
       }
       case "Escape":
-        o && o({ event: x });
+        o && o({ event: f });
         break;
     }
   }
-  function w(x, f) {
-    const m = { event: x, button: f };
-    f === "cancel" ? o && o(m) : i && i(m);
+  function w(f, x) {
+    const m = { event: f, button: x };
+    x === "cancel" ? o && o(m) : i && i(m);
   }
   return /* @__PURE__ */ l(
     "div",
@@ -2183,20 +2183,20 @@ function wt({
       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: c }),
-        r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((x) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
+        r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((f) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
           ee,
           {
-            type: `block ${x === "ok" ? "primary" : "secondary"}`,
-            onClick: (f) => w(f, x),
-            children: s(x)
+            type: `block ${f === "ok" ? "primary" : "secondary"}`,
+            onClick: (x) => w(x, f),
+            children: s(f)
           }
-        ) }, x)) })
+        ) }, f)) })
       ] })
     }
   );
 }
 function ft({ children: e }, n) {
-  const [t, c] = H(null), [r, i] = H([]);
+  const [t, c] = P(null), [r, i] = P([]);
   return Ce(
     n,
     () => ({
@@ -2211,7 +2211,7 @@ function ft({ children: e }, n) {
         });
       },
       showNotice: (o) => {
-        o = { ...o }, o.id = o.id || oe(), o.remove = () => i((s) => s.filter((a) => a.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((s) => [...s, o]);
+        o = { ...o }, o.id = o.id || le(), o.remove = () => i((s) => s.filter((a) => a.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((s) => [...s, o]);
       }
     }),
     []
@@ -2230,16 +2230,16 @@ function ft({ children: e }, n) {
     /* @__PURE__ */ l(dt, { data: r })
   ] });
 }
-const xt = Ie(ft);
+const xt = Le(ft);
 function Jt(e) {
-  let { children: n } = e, t = P();
-  const c = B(() => ({
+  let { children: n } = e, t = H();
+  const c = E(() => ({
     showNotice: (r) => t.current.showNotice(r),
     showModal: (r) => t.current.showModal(r)
   }), []);
-  return /* @__PURE__ */ l(Re.Provider, { value: c, children: /* @__PURE__ */ l(xt, { ref: t, children: n }) });
+  return /* @__PURE__ */ l(Me.Provider, { value: c, children: /* @__PURE__ */ l(xt, { ref: t, children: n }) });
 }
-function be({
+function ye({
   label: e = "",
   position: n = "",
   css: t = "",
@@ -2248,14 +2248,18 @@ function be({
   required: i = !1,
   children: o
 }) {
-  const s = B(() => oe(), []);
-  return /* @__PURE__ */ l(re.Provider, { value: s, children: /* @__PURE__ */ $(
+  const s = H(null), a = y(() => {
+    if (s.current) return s.current;
+    const u = le();
+    return s.current = u, u;
+  }, []);
+  return /* @__PURE__ */ l(se.Provider, { value: a, children: /* @__PURE__ */ $(
     "div",
     {
       className: `wx-2oVUvC wx-field wx-${n} ${t} ${c ? "wx-error" : ""} ${i ? "wx-required" : ""}`.trim(),
       children: [
-        e && /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: s, children: e }),
-        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${r}`, children: te(o, { id: s }) })
+        e && /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: s.current, children: e }),
+        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${r}`, children: o })
       ]
     }
   ) });
@@ -2272,17 +2276,17 @@ const mt = ({
   text: a = "",
   textActive: u = "",
   children: w,
-  active: x,
-  onChange: f
+  active: f,
+  onChange: x
 }) => {
-  const [m, p] = W(e), d = B(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
+  const [m, p] = W(e), d = E(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
     (v) => {
-      let g = !m;
-      i && i(v), v.defaultPrevented || (p(g), f && f({ value: g }));
+      let N = !m;
+      i && i(v), v.defaultPrevented || (p(N), x && x({ value: N }));
     },
-    [m, i, f]
+    [m, i, x]
   );
-  return m && x ? /* @__PURE__ */ l(
+  return m && f ? /* @__PURE__ */ l(
     ee,
     {
       title: o,
@@ -2292,7 +2296,7 @@ const mt = ({
       icon: m && r || t,
       onClick: h,
       disabled: c,
-      children: te(x, { value: m })
+      children: ne(f, { value: m })
     }
   ) : w ? /* @__PURE__ */ l(
     ee,
@@ -2318,9 +2322,9 @@ const mt = ({
       disabled: c
     }
   );
-}, ye = new Date(0, 0, 0, 0, 0);
+}, be = new Date(0, 0, 0, 0, 0);
 function Gt({
-  value: e = ye,
+  value: e = be,
   id: n,
   title: t = "",
   css: c = "",
@@ -2330,18 +2334,18 @@ function Gt({
   onChange: s
 }) {
   let [a, u] = W(e);
-  const { calendar: w, formats: x } = (Q(G) || Z()).getRaw(), f = w.clockFormat == 12, m = 23, p = 59, d = B(() => {
-    const V = o || x?.timeFormat;
+  const { calendar: w, formats: f } = (Q(G) || Z()).getRaw(), x = w.clockFormat == 12, m = 23, p = 59, d = E(() => {
+    const V = o || f?.timeFormat;
     return typeof V == "function" ? V : X(V, w);
-  }, [o, x, w]), h = B(() => d(new Date(0, 0, 0, 1)).indexOf("01") != -1, [d]), v = (V, j) => (V < 10 && j ? `0${V}` : `${V}`).slice(-2), g = (V) => v(V, !0), S = (V) => `${V}`.replace(/[^\d]/g, "") || 0, N = (V) => f && (V = V % 12, V === 0) ? "12" : v(V, h), T = y((V, j) => (V = S(V), Math.min(V, j)), []), [M, F] = H(null), D = a || ye, b = T(D.getHours(), m), k = T(D.getMinutes(), p), L = b > 12, A = N(b), I = g(k), R = B(
+  }, [o, f, w]), h = E(() => d(new Date(0, 0, 0, 1)).indexOf("01") != -1, [d]), v = (V, j) => (V < 10 && j ? `0${V}` : `${V}`).slice(-2), N = (V) => v(V, !0), R = (V) => `${V}`.replace(/[^\d]/g, "") || 0, g = (V) => x && (V = V % 12, V === 0) ? "12" : v(V, h), T = y((V, j) => (V = R(V), Math.min(V, j)), []), [M, S] = P(null), D = a || be, b = T(D.getHours(), m), k = T(D.getMinutes(), p), F = b > 12, A = g(b), L = N(k), I = E(
     () => d(new Date(0, 0, 0, b, k)),
     [b, k, d]
   ), O = y(() => {
-    F(!0);
+    S(!0);
   }, []), Y = y(() => {
     const V = new Date(D);
-    V.setHours(V.getHours() + (L ? -12 : 12)), u(V), s && s({ value: V });
-  }, [D, L, s]), _ = y(
+    V.setHours(V.getHours() + (F ? -12 : 12)), u(V), s && s({ value: V });
+  }, [D, F, s]), _ = y(
     ({ value: V }) => {
       if (D.getHours() === V) return;
       const j = new Date(D);
@@ -2356,10 +2360,10 @@ function Gt({
     },
     [D, s]
   ), U = y(
-    (V) => (V = T(V, m), f && (V = V * 1, V === 12 && (V = 0), L && (V += 12)), V),
-    [T, f, L]
+    (V) => (V = T(V, m), x && (V = V * 1, V === 12 && (V = 0), F && (V += 12)), V),
+    [T, x, F]
   ), K = y(() => {
-    F(null);
+    S(null);
   }, []);
   return /* @__PURE__ */ $(
     "div",
@@ -2374,7 +2378,7 @@ function Gt({
             id: n,
             css: c,
             title: t,
-            value: R,
+            value: I,
             readonly: !0,
             disabled: r,
             error: i,
@@ -2386,7 +2390,7 @@ function Gt({
             }
           }
         ),
-        M && !r && /* @__PURE__ */ l(ne, { onCancel: K, width: "unset", children: /* @__PURE__ */ $("div", { className: "wx-7f497i wx-wrapper", children: [
+        M && !r && /* @__PURE__ */ l(te, { onCancel: K, width: "unset", children: /* @__PURE__ */ $("div", { className: "wx-7f497i wx-wrapper", children: [
           /* @__PURE__ */ $("div", { className: "wx-7f497i wx-timer", children: [
             /* @__PURE__ */ l(
               "input",
@@ -2404,24 +2408,24 @@ function Gt({
               "input",
               {
                 className: "wx-7f497i wx-digit",
-                value: I,
+                value: L,
                 onChange: (V) => {
                   const j = T(V.target.value, p);
                   C({ value: j });
                 }
               }
             ),
-            f && /* @__PURE__ */ l(
+            x && /* @__PURE__ */ l(
               mt,
               {
-                value: L,
+                value: F,
                 onClick: Y,
                 active: () => /* @__PURE__ */ l("span", { children: "pm" }),
                 children: /* @__PURE__ */ l("span", { children: "am" })
               }
             )
           ] }),
-          /* @__PURE__ */ l(be, { width: "unset", children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(ye, { width: "unset", children: /* @__PURE__ */ l(
             ke,
             {
               label: w.hours,
@@ -2430,7 +2434,7 @@ function Gt({
               max: m
             }
           ) }),
-          /* @__PURE__ */ l(be, { width: "unset", children: /* @__PURE__ */ l(
+          /* @__PURE__ */ l(ye, { width: "unset", children: /* @__PURE__ */ l(
             ke,
             {
               label: w.minutes,
@@ -2448,16 +2452,16 @@ function Qt({ children: e }) {
   return /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-modal", children: /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-window", children: e }) });
 }
 function _t({ position: e = "right", children: n, onCancel: t }) {
-  const c = P(null);
-  return E(() => de(c.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: c, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
+  const c = H(null);
+  return B(() => de(c.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: c, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
 }
 function Ut({ theme: e = "", target: n, children: t }) {
-  const c = P(null), r = P(null), [i, o] = H(null);
+  const c = H(null), r = H(null), [i, o] = P(null);
   c.current || (c.current = document.createElement("div"));
-  const s = Q(le);
-  return E(() => {
+  const s = Q(re);
+  return B(() => {
     o(
-      n || ht(r.current) || ae.getTopNode(r.current)
+      n || ht(r.current) || oe.getTopNode(r.current)
     );
   }, [r.current]), /* @__PURE__ */ $(J, { children: [
     /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
@@ -2474,7 +2478,7 @@ function Ut({ theme: e = "", target: n, children: t }) {
   ] });
 }
 function ht(e) {
-  const n = ae.getTopNode(e);
+  const n = oe.getTopNode(e);
   for (; e && e !== n && !e.getAttribute("data-wx-portal-root"); )
     e = e.parentNode;
   return e;
@@ -2484,7 +2488,7 @@ function pt() {
 }
 function zt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "material", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(re.Provider, { value: "material", children: /* @__PURE__ */ $(J, { children: [
     t && /* @__PURE__ */ l("div", { className: "wx-theme wx-material-theme", children: t }),
     n && /* @__PURE__ */ $(J, { children: [
       /* @__PURE__ */ l(
@@ -2506,12 +2510,12 @@ function zt(e) {
     ] })
   ] }) });
 }
-function Le() {
+function Se() {
   return /* @__PURE__ */ l(J, {});
 }
 function Kt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "willow", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(re.Provider, { value: "willow", children: /* @__PURE__ */ $(J, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-theme", children: t }),
     n && /* @__PURE__ */ $(J, { children: [
       /* @__PURE__ */ l(
@@ -2522,7 +2526,7 @@ function Kt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Le, {}),
+      /* @__PURE__ */ l(Se, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2535,7 +2539,7 @@ function Kt(e) {
 }
 function Zt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(re.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(J, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-dark-theme", children: t }),
     n && /* @__PURE__ */ $(J, { children: [
       /* @__PURE__ */ l(
@@ -2546,7 +2550,7 @@ function Zt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Le, {}),
+      /* @__PURE__ */ l(Se, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2558,27 +2562,27 @@ function Zt(e) {
   ] }) });
 }
 function qt(e) {
-  const n = oe();
+  const n = le();
   e.setAttribute("data-wx-portal-root", n);
 }
-Ee(ae);
+Ee(oe);
 export {
   ee as Button,
   lt as Calendar,
-  Se as Checkbox,
+  Ie as Checkbox,
   $t as CheckboxGroup,
   Ye as ColorBoard,
   Mt as ColorPicker,
   Tt as ColorSelect,
-  Rt as Combo,
+  It as Combo,
   jt as Counter,
-  St as DatePicker,
-  Ft as DateRangePicker,
-  ne as Dropdown,
-  be as Field,
-  Lt as Fullscreen,
+  Rt as DatePicker,
+  St as DateRangePicker,
+  te as Dropdown,
+  ye as Field,
+  Ft as Fullscreen,
   Jt as Globals,
-  It as Icon,
+  Lt as Icon,
   ue as Locale,
   zt as Material,
   wt as Modal,
@@ -2610,3 +2614,4 @@ export {
   tn as locale,
   qt as popupContainer
 };
+//# sourceMappingURL=index.es.js.map