@svar-ui/react-core 2.2.0 → 2.3.1

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { jsx as l, jsxs as V, Fragment as G } from "react/jsx-runtime";
-import { useCallback as y, useRef as Y, useEffect as I, useMemo as A, useState as F, createContext as ce, useContext as U, forwardRef as Re, useImperativeHandle as Se } from "react";
-import { useWritableProp as j, snippet as ee } from "@svar-ui/lib-react";
-import { uid as J, clickOutside as oe, locale as ke, locateID as Le, getDuodecade as be, dateToString as X, delegateClick as ye, calculatePosition as Fe, setEnv as Pe, env as He } from "@svar-ui/lib-dom";
+import { jsx as l, jsxs as $, Fragment as G } from "react/jsx-runtime";
+import { useCallback as y, useRef as Y, useEffect as B, useMemo as E, useState as P, createContext as oe, useContext as U, forwardRef as Se, useImperativeHandle as Le } from "react";
+import { useWritableProp as W, snippet as ee } from "@svar-ui/lib-react";
+import { uid as J, env as se, clickOutside as ie, locale as be, locateID as Fe, getDuodecade as ye, dateToString as X, delegateClick as De, calculatePosition as Pe, setEnv as He } from "@svar-ui/lib-dom";
 import { locale as Kt } from "@svar-ui/lib-dom";
-import { en as De } from "@svar-ui/core-locales";
+import { en as Ve } from "@svar-ui/core-locales";
 import { en as qt } from "@svar-ui/core-locales";
 import { createPortal as Ce } from "react-dom";
 function gt({
@@ -11,25 +11,25 @@ function gt({
   id: n = J(),
   placeholder: t = "",
   title: a = "",
-  disabled: s = !1,
+  disabled: r = !1,
   error: i = !1,
   readonly: o = !1,
-  onChange: r
+  onChange: s
 }) {
-  const [c, u] = j(e), f = y(
+  const [c, u] = W(e), f = y(
     (m) => {
       const p = m.target.value;
-      u(p), r && r({ value: p, input: !0 });
+      u(p), s && s({ value: p, input: !0 });
     },
-    [r]
+    [s]
   ), d = y(
     (m) => {
       const p = m.target.value;
-      u(p), r && r({ value: p });
+      u(p), s && s({ value: p });
     },
-    [r]
+    [s]
   ), x = Y(null);
-  return I(() => {
+  return B(() => {
     const m = d, p = x.current;
     return p.addEventListener("change", m), () => {
       p && p.removeEventListener("change", m);
@@ -39,7 +39,7 @@ function gt({
     {
       className: `wx-3yFVAC wx-textarea ${i ? "wx-error" : ""}`,
       id: n,
-      disabled: s,
+      disabled: r,
       placeholder: t,
       readOnly: o,
       title: a,
@@ -54,21 +54,21 @@ function ne({
   css: n = "",
   icon: t = "",
   disabled: a = !1,
-  title: s = "",
+  title: r = "",
   text: i = "",
   children: o,
-  onClick: r
+  onClick: s
 }) {
-  const c = A(() => {
+  const c = E(() => {
     let f = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
     return n + (n ? " " : "") + f;
   }, [e, n]), u = (f) => {
-    r && r(f);
+    s && s(f);
   };
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "button",
     {
-      title: s,
+      title: r,
       className: `wx-2ZWgb4 wx-button ${c} ${t && !o ? "wx-icon" : ""}`,
       disabled: a,
       onClick: u,
@@ -79,16 +79,16 @@ function ne({
     }
   );
 }
-function Ve({
+function $e({
   id: e = J(),
   label: n = "",
   inputValue: t = "",
   value: a = !1,
-  onChange: s,
+  onChange: r,
   disabled: i = !1
 }) {
-  const [o, r] = j(a);
-  return /* @__PURE__ */ V("div", { className: "wx-2IvefP wx-checkbox", children: [
+  const [o, s] = W(a);
+  return /* @__PURE__ */ $("div", { className: "wx-2IvefP wx-checkbox", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -100,11 +100,11 @@ function Ve({
         value: t,
         onChange: ({ target: u }) => {
           const f = u.checked;
-          r(f), s && s({ value: f, inputValue: t });
+          s(f), r && r({ value: f, inputValue: t });
         }
       }
     ),
-    /* @__PURE__ */ V("label", { htmlFor: e, className: "wx-2IvefP wx-label", children: [
+    /* @__PURE__ */ $("label", { htmlFor: e, 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 })
     ] })
@@ -116,20 +116,20 @@ function kt({
   type: t = "",
   onChange: a
 }) {
-  const s = y(
+  const r = y(
     (i) => {
       let o;
-      i.value ? o = [...n, i.inputValue] : o = n.filter((r) => r !== i.inputValue), a && a({ value: o });
+      i.value ? o = [...n, i.inputValue] : o = n.filter((s) => s !== i.inputValue), a && a({ value: o });
     },
     [n, a]
   );
   return /* @__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(
-    Ve,
+    $e,
     {
       label: i.label,
       inputValue: i.id,
       value: n.includes(i.id),
-      onChange: s
+      onChange: r
     }
   ) }, i.id)) });
 }
@@ -137,35 +137,35 @@ function te({
   position: e = "bottom",
   align: n = "start",
   autoFit: t = !0,
-  onCancel: a = null,
-  width: s = "100%",
+  onCancel: a,
+  width: r = "100%",
   children: i
 }) {
-  const o = Y(null), [r, c] = F(e), [u, f] = F(n);
-  return I(() => {
+  const o = Y(null), [s, c] = P(e), [u, f] = P(n);
+  return B(() => {
     c(e);
-  }, [e]), I(() => {
+  }, [e]), B(() => {
     f(n);
-  }, [n]), I(() => {
+  }, [n]), B(() => {
     if (t) {
       const d = o.current;
       if (d) {
-        const x = d.getBoundingClientRect(), m = document.body.getBoundingClientRect();
+        const x = d.getBoundingClientRect(), m = se.getTopNode(d).getBoundingClientRect();
         x.right >= m.right && f("end"), x.bottom >= m.bottom && c("top");
       }
     }
-  }, [t, u, r]), I(() => {
+  }, [t, u, s]), B(() => {
     const d = (x) => {
       a && a(x);
     };
     if (o.current)
-      return oe(o.current, d).destroy;
+      return ie(o.current, d).destroy;
   }, [a]), /* @__PURE__ */ l(
     "div",
     {
       ref: o,
-      className: `wx-32GZ52 wx-dropdown wx-${r}-${u}`,
-      style: { width: s },
+      className: `wx-32GZ52 wx-dropdown wx-${s}-${u}`,
+      style: { width: r },
       children: i
     }
   );
@@ -184,13 +184,13 @@ function bt({
   value: n = "",
   onChange: t,
   id: a = J(),
-  clear: s = !1,
+  clear: r = !1,
   placeholder: i = "",
   title: o = "",
-  disabled: r = !1,
+  disabled: s = !1,
   error: c = !1
 }) {
-  const [u, f] = F(n), [d, x] = F(!1), m = y(
+  const [u, f] = P(n), [d, x] = P(!1), m = y(
     (h, v) => {
       h.stopPropagation(), f(v), x(!1), t && t({ value: v });
     },
@@ -201,10 +201,10 @@ function bt({
     },
     [t]
   ), w = y(() => {
-    if (r) return !1;
+    if (s) return !1;
     x(!0);
-  }, [r]);
-  return /* @__PURE__ */ V("div", { className: "wx-121TgJ wx-colorselect", onClick: w, children: [
+  }, [s]);
+  return /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colorselect", onClick: w, children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -214,10 +214,10 @@ function bt({
         readOnly: !0,
         id: a,
         placeholder: i,
-        disabled: r
+        disabled: s
       }
     ),
-    s && u && !r && /* @__PURE__ */ l("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: p }),
+    r && u && !s && /* @__PURE__ */ l("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: p }),
     u ? /* @__PURE__ */ l(
       "div",
       {
@@ -225,7 +225,7 @@ function bt({
         style: { backgroundColor: u || "#00a037" }
       }
     ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
-    d && /* @__PURE__ */ l(te, { onCancel: () => x(!1), children: /* @__PURE__ */ V("div", { className: "wx-121TgJ wx-colors", children: [
+    d && /* @__PURE__ */ l(te, { onCancel: () => x(!1), children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -245,18 +245,18 @@ function bt({
     ] }) })
   ] });
 }
-function we(e, n) {
-  const t = e.firstChild, { moveBlockSlider: a, moveLineSlider: s } = n || {};
+function fe(e, n) {
+  const t = e.firstChild, { moveBlockSlider: a, moveLineSlider: r } = n || {};
   function i(c) {
-    o(c), t.focus(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", r);
+    o(c), t.focus(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", s);
   }
   function o(c) {
     let u, f, d, x;
     const m = e.getBoundingClientRect();
-    u = m.left, f = m.top, d = c.clientX - u, x = c.clientY - f, a && n.moveBlockSlider(d, x), s && n.moveLineSlider(d);
+    u = m.left, f = m.top, d = c.clientX - u, x = c.clientY - f, a && n.moveBlockSlider(d, x), r && n.moveLineSlider(d);
   }
-  function r() {
-    t.blur(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", r);
+  function s() {
+    t.blur(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s);
   }
   return e.addEventListener("mousedown", i), {
     destroy() {
@@ -302,26 +302,26 @@ const q = {
   hexToRgb(e) {
     e = e.charAt(0) === "#" ? e.slice(1) : e;
     const n = e.match(/.{1,2}/g);
-    let [t, a, s] = n;
-    return t = this.hexToDec(t), a = this.hexToDec(a), s = this.hexToDec(s), [t, a, s];
+    let [t, a, r] = n;
+    return t = this.hexToDec(t), a = this.hexToDec(a), r = this.hexToDec(r), [t, a, r];
   },
   hsvToRgb(e, n, t) {
-    let a, s, i, o, r, c, u, f;
-    switch (a = Math.floor(e / 60) % 6, s = e / 60 - a, i = t * (1 - n), o = t * (1 - s * n), r = t * (1 - (1 - s) * n), c = 0, u = 0, f = 0, a) {
+    let a, r, i, o, s, c, u, f;
+    switch (a = Math.floor(e / 60) % 6, r = e / 60 - a, i = t * (1 - n), o = t * (1 - r * n), s = t * (1 - (1 - r) * n), c = 0, u = 0, f = 0, a) {
       case 0:
-        c = t, u = r, f = i;
+        c = t, u = s, f = i;
         break;
       case 1:
         c = o, u = t, f = i;
         break;
       case 2:
-        c = i, u = t, f = r;
+        c = i, u = t, f = s;
         break;
       case 3:
         c = i, u = o, f = t;
         break;
       case 4:
-        c = r, u = i, f = t;
+        c = s, u = i, f = t;
         break;
       case 5:
         c = t, u = i, f = o;
@@ -330,10 +330,10 @@ const q = {
     return c = Math.floor(c * 255), u = Math.floor(u * 255), f = Math.floor(f * 255), [c, u, f];
   },
   rgbToHsv(e, n, t) {
-    let a, s, i;
+    let a, r, i;
     e /= 255, n /= 255, t /= 255;
-    let o = Math.min(e, n, t), r = Math.max(e, n, t);
-    return s = 0, a = r === 0 ? 0 : 1 - o / r, i = r, r === o ? s = 0 : r === e && n >= t ? s = 60 * (n - t) / (r - o) + 0 : r === e && n < t ? s = 60 * (n - t) / (r - o) + 360 : r === n ? s = 60 * (t - e) / (r - o) + 120 : r === t && (s = 60 * (e - n) / (r - o) + 240), [s, a, i];
+    let o = Math.min(e, n, t), s = Math.max(e, n, t);
+    return r = 0, a = s === 0 ? 0 : 1 - o / s, i = s, s === o ? r = 0 : s === e && n >= t ? r = 60 * (n - t) / (s - o) + 0 : s === e && n < t ? r = 60 * (n - t) / (s - o) + 360 : s === n ? r = 60 * (t - e) / (s - o) + 120 : s === t && (r = 60 * (e - n) / (s - o) + 240), [r, a, i];
   },
   hexToHvs(e) {
     const n = this.hexToRgb(e);
@@ -344,38 +344,38 @@ const q = {
     return "#" + this.rgbToHex(a).toUpperCase();
   }
 }, Ie = (e) => /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
-function fe(e) {
+function xe(e) {
   return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), Ie(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
 }
-const le = ce("willow"), $e = ce({}), _ = ce(null), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const le = oe("willow"), Te = oe({}), _ = oe(null), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  helpers: $e,
+  helpers: Te,
   i18n: _,
   theme: le
 }, Symbol.toStringTag, { value: "Module" }));
 function K() {
-  return ke(De);
+  return be(Ve);
 }
-const xe = "Block", me = "Line";
-function Ae({
+const me = "Block", he = "Line";
+function Ee({
   value: e = "#65D3B3",
   button: n = !1,
   onChange: t
 }) {
-  const a = (U(_) || K()).getGroup("core"), s = Y(null), i = Y(null), [o, r] = F(), [c, u] = F(), [f, d] = F(), [x, m] = F(), [p, w] = j(e), h = A(() => fe(p) || "#65D3B3", [p]), v = A(
+  const a = (U(_) || K()).getGroup("core"), r = Y(null), i = Y(null), [o, s] = P(), [c, u] = P(), [f, d] = P(), [x, m] = P(), [p, w] = W(e), h = E(() => xe(p) || "#65D3B3", [p]), v = E(
     () => q.hvsToHex(f || 0, 1, 1),
     [f]
   ), g = y(
     (b, D) => {
-      const { width: P, height: H } = s.current.getBoundingClientRect();
-      D < 0 ? D = 0 : D > H && (D = H), b < 0 ? b = 0 : b > P && (b = P), r(D), u(b);
-      let B, R;
+      const { width: F, height: H } = r.current.getBoundingClientRect();
+      D < 0 ? D = 0 : D > H && (D = H), b < 0 ? b = 0 : b > F && (b = F), s(D), u(b);
+      let I, R;
       q.hexToHvs(h);
-      const E = P / 100, W = H / 100;
-      B = Math.ceil(b / E) / 100, R = Math.ceil(Math.abs(D / W - 100)) / 100;
+      const A = F / 100, j = H / 100;
+      I = Math.ceil(b / A) / 100, R = Math.ceil(Math.abs(D / j - 100)) / 100;
       const z = q.hvsToHex(
         f || 0,
-        B,
+        I,
         R
       );
       w(z), t && t({ value: z, input: !0 });
@@ -385,40 +385,40 @@ function Ae({
     (b) => {
       const D = i.current.getBoundingClientRect().width;
       b < 0 ? b = 0 : b > D && (b = D);
-      const P = Math.round(b * 359 / D), H = Math.max(Math.min(P, 359), 0);
+      const F = Math.round(b * 359 / D), H = Math.max(Math.min(F, 359), 0);
       d(H), m(b);
-      let B, R;
-      [, B, R] = q.hexToHvs(h);
-      const E = q.hvsToHex(H, B, R);
-      w(E), t && t({ value: E, input: !0 });
+      let I, R;
+      [, I, R] = q.hexToHvs(h);
+      const A = q.hvsToHex(H, I, R);
+      w(A), t && t({ value: A, input: !0 });
     },
     [h, t]
   ), N = y(() => {
-    const [b, D, P] = q.hexToHvs(h);
-    if (d(b), s.current) {
-      const { width: H, height: B } = s.current.getBoundingClientRect();
+    const [b, D, F] = q.hexToHvs(h);
+    if (d(b), r.current) {
+      const { width: H, height: I } = r.current.getBoundingClientRect();
       i.current && m(
         b * i.current.getBoundingClientRect().width / 359
-      ), u(D * H), r(Math.abs(B * (P - 1)));
+      ), u(D * H), s(Math.abs(I * (F - 1)));
     }
-  }, [h]), $ = y(
+  }, [h]), V = y(
     ({ target: b }) => {
-      const D = fe(b.value);
+      const D = xe(b.value);
       w(D), t && t({ value: D, input: !0 }), D && N();
     },
     [t, N]
-  ), T = y(
+  ), M = y(
     (b) => {
       b.stopPropagation(), t && t({ value: h });
     },
     [h, t]
   ), L = y(
     (b) => {
-      const D = b.target, P = D.getAttribute("data-slider") === xe, H = D.getAttribute("data-slider") === me;
-      let B = window.getComputedStyle(D), R = parseFloat(B.left), E = parseFloat(B.top);
-      const W = b.code;
-      if (P) {
-        switch (W) {
+      const D = b.target, F = D.getAttribute("data-slider") === me, H = D.getAttribute("data-slider") === he;
+      let I = window.getComputedStyle(D), R = parseFloat(I.left), A = parseFloat(I.top);
+      const j = b.code;
+      if (F) {
+        switch (j) {
           case "ArrowLeft": {
             R--;
             break;
@@ -428,21 +428,21 @@ function Ae({
             break;
           }
           case "ArrowDown": {
-            E++;
+            A++;
             break;
           }
           case "ArrowUp": {
-            E--;
+            A--;
             break;
           }
           default:
             return;
         }
-        g(R, E);
+        g(R, A);
       }
       if (H) {
-        if (W === "ArrowLeft" || W === "ArrowDown") R--;
-        else if (W === "ArrowRight" || W === "ArrowUp") R++;
+        if (j === "ArrowLeft" || j === "ArrowDown") R--;
+        else if (j === "ArrowRight" || j === "ArrowUp") R++;
         else return;
         S(R);
       }
@@ -450,25 +450,25 @@ function Ae({
     },
     [g, S]
   );
-  I(() => {
+  B(() => {
     N();
-  }, [N]), I(() => {
+  }, [N]), B(() => {
     p !== p && (w(p), N());
-  }, [p, p, N]), I(() => {
-    s.current && we(s.current, { moveBlockSlider: g }), i.current && we(i.current, { moveLineSlider: S });
-  }, [g, S]), I(() => {
+  }, [p, p, N]), B(() => {
+    r.current && fe(r.current, { moveBlockSlider: g }), i.current && fe(i.current, { moveLineSlider: S });
+  }, [g, S]), B(() => {
     p !== p && t && t({ value: p, input: !0 });
-  }, [p, t]), I(() => {
-    h && s.current && N();
+  }, [p, t]), B(() => {
+    h && r.current && N();
   }, [h, N]);
   const k = "wx-1yoKzq";
-  return /* @__PURE__ */ V("div", { className: k + " wx-colorboard", children: [
+  return /* @__PURE__ */ $("div", { className: k + " wx-colorboard", children: [
     /* @__PURE__ */ l(
       "div",
       {
         className: k + " wx-color-block",
         style: { background: v },
-        ref: s,
+        ref: r,
         children: /* @__PURE__ */ l(
           "div",
           {
@@ -479,7 +479,7 @@ function Ae({
               left: c + "px"
             },
             tabIndex: 0,
-            "data-slider": xe,
+            "data-slider": me,
             onKeyDown: L
           }
         )
@@ -491,11 +491,11 @@ function Ae({
         className: k + " wx-color-line-slider wx-slider",
         style: { background: v, left: x + "px" },
         tabIndex: 0,
-        "data-slider": me,
+        "data-slider": he,
         onKeyDown: L
       }
     ) }),
-    /* @__PURE__ */ V("div", { className: k + " wx-color-controls", children: [
+    /* @__PURE__ */ $("div", { className: k + " wx-color-controls", children: [
       /* @__PURE__ */ l(
         "div",
         {
@@ -509,11 +509,11 @@ function Ae({
           type: "text",
           className: k + " wx-text",
           value: p,
-          onChange: $
+          onChange: V
         }
       )
     ] }),
-    n && /* @__PURE__ */ l(ne, { onClick: T, type: "secondary", children: a("select") })
+    n && /* @__PURE__ */ l(ne, { onClick: M, type: "secondary", children: a("select") })
   ] });
 }
 function Dt({
@@ -521,27 +521,27 @@ function Dt({
   id: n = void 0,
   placeholder: t = "",
   title: a = "",
-  disabled: s = !1,
+  disabled: r = !1,
   error: i = !1,
   clear: o = !1,
-  onChange: r
+  onChange: s
 }) {
-  let [c, u] = j(e);
-  const [f, d] = F(!1), x = n || J();
+  let [c, u] = W(e);
+  const [f, d] = P(!1), x = n || J();
   function m() {
-    if (s) return !1;
+    if (r) return !1;
     d(!0);
   }
   function p(h) {
     if (h.input) return;
     d(!1);
     const v = h.value;
-    u(v), r && r({ value: v });
+    u(v), s && s({ value: v });
   }
   function w(h) {
-    h.stopPropagation(), u(""), r && r({ value: "" });
+    h.stopPropagation(), u(""), s && s({ value: "" });
   }
-  return /* @__PURE__ */ V("div", { className: "wx-mmT8WH wx-colorpicker", onClick: m, children: [
+  return /* @__PURE__ */ $("div", { className: "wx-mmT8WH wx-colorpicker", onClick: m, children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -551,20 +551,20 @@ function Dt({
         readOnly: !0,
         id: x,
         placeholder: t,
-        disabled: s
+        disabled: r
       }
     ),
     /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: c } }),
-    o && !s && c && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: w }),
-    f && /* @__PURE__ */ l(te, { onCancel: () => d(!1), children: /* @__PURE__ */ l(Ae, { value: c, button: "true", onChange: p }) })
+    o && !r && c && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: w }),
+    f && /* @__PURE__ */ l(te, { onCancel: () => d(!1), children: /* @__PURE__ */ l(Ee, { value: c, button: "true", onChange: p }) })
   ] });
 }
-function Ee() {
-  let e = null, n = !1, t, a, s, i;
+function Ae() {
+  let e = null, n = !1, t, a, r, i;
   const o = (x, m, p, w) => {
-    t = x, a = m, s = p, i = w;
-  }, r = (x) => {
-    e = x, n = e !== null, s(e);
+    t = x, a = m, r = p, i = w;
+  }, s = (x) => {
+    e = x, n = e !== null, r(e);
   }, c = (x, m) => {
     if (x !== null && t) {
       const p = t.querySelectorAll(".wx-list > .wx-item")[x];
@@ -572,24 +572,24 @@ function Ee() {
     }
   }, u = (x, m) => {
     const p = x === null ? null : Math.max(0, Math.min(e + x, a.length - 1));
-    p !== e && (r(p), t ? c(p, m) : requestAnimationFrame(() => c(p, m)));
+    p !== e && (s(p), t ? c(p, m) : requestAnimationFrame(() => c(p, m)));
   };
   return { move: (x) => {
-    const m = Le(x), p = a.findIndex((w) => w.id == m);
-    p !== e && r(p);
+    const m = Fe(x), p = a.findIndex((w) => w.id == m);
+    p !== e && s(p);
   }, keydown: (x, m) => {
     switch (x.code) {
       case "Enter":
-        n ? i() : r(0);
+        n ? i() : s(0);
         break;
       case "Space":
-        n || r(0);
+        n || s(0);
         break;
       case "Escape":
-        s(e = null);
+        r(e = null);
         break;
       case "Tab":
-        s(e = null);
+        r(e = null);
         break;
       case "ArrowDown":
         u(n ? 1 : m || 0, x);
@@ -600,31 +600,31 @@ function Ee() {
     }
   }, init: o, navigate: u };
 }
-function ie({
+function ue({
   items: e = [],
   children: n,
   onSelect: t,
   onReady: a
 }) {
-  const s = Y(), i = Y(Ee()), [o, r] = F(null), c = Y(o), u = (U(_) || K()).getGroup("core"), f = (d) => {
+  const r = Y(), i = Y(Ae()), [o, s] = P(null), c = Y(o), u = (U(_) || K()).getGroup("core"), f = (d) => {
     d && d.stopPropagation(), t && t({ id: e[c.current]?.id });
   };
-  return I(() => {
+  return B(() => {
     i.current.init(
-      s.current,
+      r.current,
       e,
       (d) => {
-        r(d), c.current = d;
+        s(d), c.current = d;
       },
       f
     );
-  }, [e, !!s.current]), I(() => {
+  }, [e, !!r.current]), B(() => {
     a && a(i.current);
   }, []), o === null ? null : /* @__PURE__ */ l(te, { onCancel: () => i.current.navigate(null), children: /* @__PURE__ */ l(
     "div",
     {
       className: "wx-233fr7 wx-list",
-      ref: s,
+      ref: r,
       onClick: f,
       onMouseMove: i.current.move,
       children: e.length ? e.map((d, x) => /* @__PURE__ */ l(
@@ -644,43 +644,43 @@ function Vt({
   onValueChange: n,
   id: t = J(),
   options: a = [],
-  textOptions: s = null,
+  textOptions: r = null,
   textField: i = "label",
   placeholder: o = "",
-  title: r = "",
+  title: s = "",
   disabled: c = !1,
   error: u = !1,
   clear: f = !1,
   children: d,
   onChange: x
 }) {
-  const m = Y(null), p = Y(null), [w, h] = j(e), [v, g] = F(!1), [S, N] = F(""), $ = Y(null), [T, L] = F(!1), k = A(() => {
+  const m = Y(null), p = Y(null), [w, h] = W(e), [v, g] = P(!1), [S, N] = P(""), V = Y(null), [M, L] = P(!1), k = E(() => {
     if (v) return S;
     if (w || w === 0) {
-      const C = (s || a).find((Q) => Q.id === w);
+      const C = (r || a).find((Q) => Q.id === w);
       if (C) return C[i];
     }
     return "";
-  }, [v, S, w, s, a, i]), b = A(() => !k || !v ? a : a.filter(
+  }, [v, S, w, r, a, i]), b = E(() => !k || !v ? a : a.filter(
     (C) => C[i].toLowerCase().includes(k.toLowerCase())
   ), [k, v, a, i]), D = y(
     () => b.findIndex((C) => C.id === w),
     [b, w]
-  ), P = y((C) => {
+  ), F = y((C) => {
     m.current = C.navigate, p.current = C.keydown;
   }, []), H = y(
     (C, Q) => {
       if (C || C === 0) {
-        let M = a.find((O) => O.id === C);
-        if (g(!1), Q && m.current(null), M && w !== M.id) {
-          const O = M.id;
+        let T = a.find((O) => O.id === C);
+        if (g(!1), Q && m.current(null), T && w !== T.id) {
+          const O = T.id;
           h(O), n && n(O), x && x({ value: O });
         }
       }
-      !T && Q && $.current.focus();
+      !M && Q && V.current.focus();
     },
-    [a, w, T, n, x]
-  ), B = y(
+    [a, w, M, n, x]
+  ), I = y(
     ({ id: C }) => {
       H(C, !0);
     },
@@ -690,7 +690,7 @@ function Vt({
       C && C.stopPropagation(), h(""), g(!1), n && n(""), x && x({ value: "" });
     },
     [n, x]
-  ), E = y(
+  ), A = y(
     (C) => {
       if (!a.length) return;
       if (C === "" && f) {
@@ -701,100 +701,100 @@ function Vt({
       Q || (Q = a.find(
         (O) => O[i].toLowerCase().includes(C.toLowerCase())
       ));
-      const M = Q ? Q.id : w || a[0].id;
-      H(M, !1);
+      const T = Q ? Q.id : w || a[0].id;
+      H(T, !1);
     },
     [a, i, f, w, H, R]
-  ), W = y(() => {
-    N($.current.value), g(!0), b.length ? m.current(0) : m.current(null);
+  ), j = y(() => {
+    N(V.current.value), g(!0), b.length ? m.current(0) : m.current(null);
   }, [b.length, m]), z = y(() => {
     L(!0);
   }, []), Z = y(() => {
     L(!1), setTimeout(() => {
-      T || E(k);
+      M || A(k);
     }, 200);
-  }, [T, E, k]);
-  return /* @__PURE__ */ V(
+  }, [M, A, k]);
+  return /* @__PURE__ */ $(
     "div",
     {
       className: "wx-1j11Jk wx-combo",
       onClick: () => m.current(D()),
       onKeyDown: (C) => p.current(C, D()),
-      title: r,
+      title: s,
       children: [
         /* @__PURE__ */ l(
           "input",
           {
             className: "wx-1j11Jk wx-input " + (u ? "wx-error" : ""),
             id: t,
-            ref: $,
+            ref: V,
             value: k,
             disabled: c,
             placeholder: o,
             onFocus: z,
             onBlur: Z,
-            onInput: W
+            onInput: j
           }
         ),
         f && !c && w ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: R }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
-        !c && /* @__PURE__ */ l(ie, { items: b, onReady: P, onSelect: B, children: ({ option: C }) => /* @__PURE__ */ l(G, { children: d ? d({ option: C }) : C[i] }) })
+        !c && /* @__PURE__ */ l(ue, { items: b, onReady: F, onSelect: I, children: ({ option: C }) => /* @__PURE__ */ l(G, { children: d ? d({ option: C }) : C[i] }) })
       ]
     }
   );
 }
-function ue({
+function de({
   value: e = "",
   id: n = J(),
   readonly: t = !1,
   focus: a = !1,
-  select: s = !1,
+  select: r = !1,
   type: i = "text",
   placeholder: o = "",
-  disabled: r = !1,
+  disabled: s = !1,
   error: c = !1,
   inputStyle: u = {},
   title: f = "",
   css: d = "",
-  icon: x,
+  icon: x = "",
   clear: m = !1,
   onChange: p
 }) {
-  const [w, h] = j(e), v = Y(null), g = A(
+  const [w, h] = W(e), v = Y(null), g = E(
     () => x && d.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + d : d,
     [x, d]
-  ), S = A(
+  ), S = E(
     () => x && d.indexOf("wx-icon-left") !== -1,
     [x, d]
   );
-  I(() => {
+  B(() => {
     const k = setTimeout(() => {
-      a && v.current && v.current.focus(), s && v.current && v.current.select();
+      a && v.current && v.current.focus(), r && v.current && v.current.select();
     }, 1);
     return () => clearTimeout(k);
-  }, [a, s]);
+  }, [a, r]);
   const N = y(
     (k) => {
       const b = k.target.value;
       h(b), p && p({ value: b, input: !0 });
     },
     [p]
-  ), $ = y(
+  ), V = y(
     (k) => p && p({ value: k.target.value }),
     [p]
   );
-  function T(k) {
+  function M(k) {
     k.stopPropagation(), h(""), p && p({ value: "" });
   }
   let L = i;
-  return i !== "password" && i !== "number" && (L = "text"), I(() => {
-    const k = $, b = v.current;
+  return i !== "password" && i !== "number" && (L = "text"), B(() => {
+    const k = V, b = v.current;
     return b.addEventListener("change", k), () => {
       b && b.removeEventListener("change", k);
     };
-  }, [$]), /* @__PURE__ */ V(
+  }, [V]), /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-hQ64J4 wx-text ${g} ${c ? "wx-error" : ""} ${r ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
+      className: `wx-hQ64J4 wx-text ${g} ${c ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "input",
@@ -803,7 +803,7 @@ function ue({
             ref: v,
             id: n,
             readOnly: t,
-            disabled: r,
+            disabled: s,
             placeholder: o,
             type: L,
             style: u,
@@ -812,8 +812,8 @@ function ue({
             onInput: N
           }
         ),
-        m && !r && w ? /* @__PURE__ */ V(G, { children: [
-          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: T }),
+        m && !s && w ? /* @__PURE__ */ $(G, { children: [
+          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: M }),
           S && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` })
         ] }) : x ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` }) : null
       ]
@@ -821,24 +821,24 @@ function ue({
   );
 }
 function Oe({ date: e, type: n, part: t, onShift: a }) {
-  const { calendar: s, formats: i } = U(_).getRaw(), o = e.getFullYear(), r = A(() => {
+  const { calendar: r, formats: i } = U(_).getRaw(), o = e.getFullYear(), s = E(() => {
     switch (n) {
       case "month":
-        return X(i.monthYearFormat, s)(e);
+        return X(i.monthYearFormat, r)(e);
       case "year":
-        return X(i.yearFormat, s)(e);
+        return X(i.yearFormat, r)(e);
       case "duodecade": {
-        const { start: u, end: f } = be(o), d = X(i.yearFormat, s);
+        const { start: u, end: f } = ye(o), d = X(i.yearFormat, r);
         return `${d(new Date(u, 0, 1))} - ${d(new Date(f, 11, 31))}`;
       }
       default:
         return "";
     }
-  }, [e, n, o, s, i]);
+  }, [e, n, o, r, i]);
   function c() {
     a && a({ diff: 0, type: n });
   }
-  return /* @__PURE__ */ V("div", { className: "wx-8HQVQV wx-header", children: [
+  return /* @__PURE__ */ $("div", { className: "wx-8HQVQV wx-header", children: [
     t !== "right" ? /* @__PURE__ */ l(
       "i",
       {
@@ -846,7 +846,7 @@ function Oe({ date: e, type: n, part: t, onShift: a }) {
         onClick: () => a && a({ diff: -1, type: n })
       }
     ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" }),
-    /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-label", onClick: c, children: r }),
+    /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-label", onClick: c, children: s }),
     t !== "left" ? /* @__PURE__ */ l(
       "i",
       {
@@ -856,7 +856,7 @@ function Oe({ date: e, type: n, part: t, onShift: a }) {
     ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" })
   ] });
 }
-function de({ onClick: e, children: n }) {
+function we({ onClick: e, children: n }) {
   return /* @__PURE__ */ l("button", { className: "wx-3s8W4d wx-button", onClick: e, children: n });
 }
 function Ye({
@@ -864,60 +864,60 @@ function Ye({
   current: n,
   part: t = "",
   markers: a = null,
-  onCancel: s,
+  onCancel: r,
   onChange: i
 }) {
-  const o = (U(_) || K()).getRaw().calendar, r = (o.weekStart || 7) % 7, c = o.dayShort.slice(r).concat(o.dayShort.slice(0, r)), u = (N, $, T) => new Date(
+  const o = (U(_) || K()).getRaw().calendar, s = (o.weekStart || 7) % 7, c = o.dayShort.slice(s).concat(o.dayShort.slice(0, s)), u = (N, V, M) => new Date(
     N.getFullYear(),
-    N.getMonth() + ($ || 0),
-    N.getDate() + (T || 0)
+    N.getMonth() + (V || 0),
+    N.getDate() + (M || 0)
   );
   let f = t !== "normal";
   function d(N) {
-    const $ = N.getDay();
-    return $ === 0 || $ === 6;
+    const V = N.getDay();
+    return V === 0 || V === 6;
   }
   function x() {
     const N = u(n, 0, 1 - n.getDate());
-    return N.setDate(N.getDate() - (N.getDay() - (r - 7)) % 7), N;
+    return N.setDate(N.getDate() - (N.getDay() - (s - 7)) % 7), N;
   }
   function m() {
     const N = u(n, 1, -n.getDate());
-    return N.setDate(N.getDate() + (6 - N.getDay() + r) % 7), N;
+    return N.setDate(N.getDate() + (6 - N.getDay() + s) % 7), N;
   }
   const p = Y(0);
-  function w(N, $) {
-    $.timeStamp !== p.current && (p.current = $.timeStamp, $.stopPropagation(), i && i(new Date(new Date(N))), s && s());
+  function w(N, V) {
+    V.timeStamp !== p.current && (p.current = V.timeStamp, V.stopPropagation(), i && i(new Date(new Date(N))), r && r());
   }
-  const h = A(() => 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 = A(() => {
-    const N = x(), $ = m(), T = n.getMonth();
+  ] : [0, 0], [t, e]), v = E(() => {
+    const N = x(), V = m(), M = n.getMonth();
     let L = [];
-    for (let k = N; k <= $; k.setDate(k.getDate() + 1)) {
+    for (let k = N; k <= V; k.setDate(k.getDate() + 1)) {
       const b = {
         day: k.getDate(),
-        in: k.getMonth() === T,
+        in: k.getMonth() === M,
         date: k.valueOf()
       };
       let D = "";
       if (D += b.in ? "" : " wx-inactive", D += h.indexOf(b.date) > -1 ? " wx-selected" : "", f) {
-        const P = b.date == h[0], H = b.date == h[1];
-        P && !H ? D += " wx-left" : H && !P && (D += " wx-right"), b.date > h[0] && b.date < h[1] && (D += " wx-inrange");
+        const F = b.date == h[0], H = b.date == h[1];
+        F && !H ? D += " wx-left" : H && !F && (D += " wx-right"), b.date > h[0] && b.date < h[1] && (D += " wx-inrange");
       }
       if (D += d(k) ? " wx-weekend" : "", a) {
-        const P = a(k);
-        P && (D += " " + P);
+        const F = a(k);
+        F && (D += " " + F);
       }
       L.push({ ...b, css: D });
     }
     return L;
   }, [n, h, f, a]), g = Y(null);
   let S = Y({});
-  return S.current.click = w, I(() => {
-    ye(g.current, S.current);
-  }, []), /* @__PURE__ */ V("div", { children: [
+  return S.current.click = w, B(() => {
+    De(g.current, S.current);
+  }, []), /* @__PURE__ */ $("div", { children: [
     /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: c.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(
       "div",
@@ -935,23 +935,23 @@ function We({
   current: n,
   part: t,
   onCancel: a,
-  onChange: s,
+  onChange: r,
   onShift: i
 }) {
-  const [o, r] = j(e || /* @__PURE__ */ new Date()), [c, u] = j(n || /* @__PURE__ */ new Date()), f = U(_).getRaw().calendar, d = f.monthShort || [], x = A(() => c.getMonth(), [c]), m = y(
+  const [o, s] = W(e || /* @__PURE__ */ new Date()), [c, u] = W(n || /* @__PURE__ */ new Date()), f = U(_).getRaw().calendar, d = f.monthShort || [], x = E(() => c.getMonth(), [c]), m = y(
     (h, v) => {
       if (h != null) {
         v.stopPropagation();
         const g = new Date(c);
         g.setMonth(h), u(g), i && i({ current: g });
       }
-      t === "normal" && r(new Date(c)), a && a();
+      t === "normal" && s(new Date(c)), a && a();
     },
     [c, t, i, a]
   ), p = y(() => {
     const h = new Date(Me(o, t) || c);
-    h.setMonth(c.getMonth()), h.setFullYear(c.getFullYear()), s && s(h);
-  }, [o, c, t, s]), w = y(
+    h.setMonth(c.getMonth()), h.setFullYear(c.getFullYear()), r && r(h);
+  }, [o, c, t, r]), w = y(
     (h) => {
       const v = h.target.closest("[data-id]");
       if (v) {
@@ -961,7 +961,7 @@ function We({
     },
     [m]
   );
-  return /* @__PURE__ */ V(G, { children: [
+  return /* @__PURE__ */ $(G, { children: [
     /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: w, children: d.map((h, v) => /* @__PURE__ */ l(
       "div",
       {
@@ -971,12 +971,12 @@ function We({
       },
       v
     )) }),
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(de, { onClick: p, children: f.done }) })
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(we, { onClick: p, children: f.done }) })
   ] });
 }
-const se = "wx-1XEF33", je = ({ value: e, current: n, onCancel: t, onChange: a, onShift: s, part: i }) => {
-  const o = U(_).getRaw().calendar, [r, c] = j(n), [u, f] = j(e), d = A(() => r.getFullYear(), [r]), x = A(() => {
-    const { start: v, end: g } = be(d), S = [];
+const ae = "wx-1XEF33", je = ({ value: e, current: n, onCancel: t, onChange: a, onShift: r, part: i }) => {
+  const o = U(_).getRaw().calendar, [s, c] = W(n), [u, f] = W(e), d = E(() => s.getFullYear(), [s]), x = E(() => {
+    const { start: v, end: g } = ye(d), S = [];
     for (let N = v; N <= g; ++N)
       S.push(N);
     return S;
@@ -986,31 +986,31 @@ const se = "wx-1XEF33", je = ({ value: e, current: n, onCancel: t, onChange: a,
   function p(v, g) {
     if (v) {
       g.stopPropagation();
-      const S = new Date(r);
-      S.setFullYear(v), c(S), s && s({ current: S });
+      const S = new Date(s);
+      S.setFullYear(v), c(S), r && r({ current: S });
     }
-    i === "normal" && f(new Date(r)), t && t();
+    i === "normal" && f(new Date(s)), t && t();
   }
   function w() {
-    const v = new Date(Me(u, i) || r);
-    v.setFullYear(r.getFullYear()), a && a(v);
+    const v = new Date(Me(u, i) || s);
+    v.setFullYear(s.getFullYear()), a && a(v);
   }
   const h = Y(null);
-  return I(() => {
-    h.current && ye(h.current, m);
-  }, []), /* @__PURE__ */ V(G, { children: [
-    /* @__PURE__ */ l("div", { className: se + " wx-years", ref: h, children: x.map((v, g) => /* @__PURE__ */ l(
+  return B(() => {
+    h.current && De(h.current, m);
+  }, []), /* @__PURE__ */ $(G, { children: [
+    /* @__PURE__ */ l("div", { className: ae + " wx-years", ref: h, children: x.map((v, g) => /* @__PURE__ */ l(
       "div",
       {
-        className: se + ` wx-year ${d == v ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
+        className: ae + ` wx-year ${d == v ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
         "data-id": v,
         children: v
       },
       g
     )) }),
-    /* @__PURE__ */ l("div", { className: se + " wx-buttons", children: /* @__PURE__ */ l(de, { onClick: w, children: o.done }) })
+    /* @__PURE__ */ l("div", { className: ae + " wx-buttons", children: /* @__PURE__ */ l(we, { onClick: w, children: o.done }) })
   ] });
-}, he = {
+}, pe = {
   month: {
     component: Ye,
     next: Ge,
@@ -1049,8 +1049,8 @@ function Me(e, n) {
   let t;
   if (n === "normal") t = e;
   else {
-    const { start: a, end: s } = e;
-    n === "left" ? t = a : n == "right" ? t = s : t = a && s;
+    const { start: a, end: r } = e;
+    n === "left" ? t = a : n == "right" ? t = r : t = a && r;
   }
   return t;
 }
@@ -1065,13 +1065,13 @@ function re({
   current: n,
   onCurrentChange: t,
   part: a = "normal",
-  markers: s = null,
+  markers: r = null,
   buttons: i,
   onShift: o,
-  onChange: r
+  onChange: s
 }) {
-  const c = U(_).getGroup("calendar"), [u, f] = F("month"), d = Array.isArray(i) ? i : i ? Ke : [], x = (v, g) => {
-    v.preventDefault(), r && r({ value: g });
+  const c = U(_).getGroup("calendar"), [u, f] = P("month"), d = Array.isArray(i) ? i : i ? Ke : [], x = (v, g) => {
+    v.preventDefault(), s && s({ value: g });
   }, m = () => {
     u === "duodecade" ? f("year") : u === "year" && f("month");
   }, p = (v) => {
@@ -1081,20 +1081,20 @@ function re({
       return;
     }
     if (g) {
-      const N = he[u];
+      const N = pe[u];
       t(g > 0 ? N.next(n) : N.prev(n));
     } else S && t(S);
     o && o();
   }, w = (v) => {
-    f("month"), r && r({ select: !0, value: v });
-  }, h = A(() => he[u].component, [u]);
+    f("month"), s && s({ select: !0, value: v });
+  }, h = E(() => pe[u].component, [u]);
   return /* @__PURE__ */ l(
     "div",
     {
       className: `wx-2Gr4AS wx-calendar ${a !== "normal" && a !== "both" ? "wx-part" : ""}`,
-      children: /* @__PURE__ */ V("div", { className: "wx-2Gr4AS wx-wrap", children: [
+      children: /* @__PURE__ */ $("div", { className: "wx-2Gr4AS wx-wrap", children: [
         /* @__PURE__ */ l(Oe, { date: n, part: a, type: u, onShift: p }),
-        /* @__PURE__ */ V("div", { children: [
+        /* @__PURE__ */ $("div", { children: [
           /* @__PURE__ */ l(
             h,
             {
@@ -1102,14 +1102,14 @@ function re({
               current: n,
               onCurrentChange: t,
               part: a,
-              markers: s,
+              markers: r,
               onCancel: m,
               onChange: w,
               onShift: p
             }
           ),
           u === "month" && d.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: d.map((v) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
-            de,
+            we,
             {
               onClick: (g) => x(g, Ze(v)),
               children: c(v)
@@ -1120,21 +1120,21 @@ function re({
     }
   );
 }
-function ae(e) {
-  let { words: n = null, optional: t = !1, children: a } = e, s = U(_);
-  const i = A(() => {
-    let o = s;
-    return (!o || !o.extend) && (o = ke(De)), o = o.extend(n, t), o;
-  }, [n, t, s]);
+function ce(e) {
+  let { words: n = null, optional: t = !1, children: a } = e, r = U(_);
+  const i = E(() => {
+    let o = r;
+    return (!o || !o.extend) && (o = be(Ve)), n !== null && (o = o.extend(n, t)), o;
+  }, [n, t, r]);
   return /* @__PURE__ */ l(_.Provider, { value: i, children: a });
 }
-function pe(e, n, t, a) {
+function ve(e, n, t, a) {
   if (!e || a) {
-    const s = n ? new Date(n) : /* @__PURE__ */ new Date();
-    s.setDate(1), t(s);
+    const r = n ? new Date(n) : /* @__PURE__ */ new Date();
+    r.setDate(1), t(r);
   } else if (e.getDate() !== 1) {
-    const s = new Date(e);
-    s.setDate(1), t(s);
+    const r = new Date(e);
+    r.setDate(1), t(r);
   }
 }
 const qe = ["clear", "today"];
@@ -1143,29 +1143,29 @@ function Xe({
   current: n,
   markers: t = null,
   buttons: a = qe,
-  onChange: s
+  onChange: r
 }) {
-  const [i, o] = j(e), [r, c] = j(n);
-  I(() => {
-    pe(r, i, c, !1);
-  }, [i, r]);
+  const [i, o] = W(e), [s, c] = W(n);
+  B(() => {
+    ve(s, i, c, !1);
+  }, [i, s]);
   const u = y(
     (d) => {
       const x = d.value;
-      x ? (o(new Date(x)), pe(r, new Date(x), c, !0)) : o(null), s && s({ value: x ? new Date(x) : null });
+      x ? (o(new Date(x)), ve(s, new Date(x), c, !0)) : o(null), r && r({ value: x ? new Date(x) : null });
     },
-    [s, r]
+    [r, s]
   ), f = y(
     (d) => {
       c(d);
     },
     [c]
   );
-  return r ? /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ l(
+  return s ? /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
     re,
     {
       value: i,
-      current: r,
+      current: s,
       markers: t,
       buttons: a,
       onChange: u,
@@ -1179,10 +1179,10 @@ function $t({
   id: n = J(),
   disabled: t = !1,
   error: a = !1,
-  width: s = "unset",
+  width: r = "unset",
   align: i = "start",
   placeholder: o = "",
-  format: r = "",
+  format: s = "",
   buttons: c = et,
   css: u = "",
   title: f = "",
@@ -1190,34 +1190,34 @@ function $t({
   clear: x = !1,
   onChange: m
 }) {
-  const { calendar: p, formats: w } = (U(_) || K()).getRaw(), h = r || w?.dateFormat;
+  const { calendar: p, formats: w } = (U(_) || K()).getRaw(), h = s || w?.dateFormat;
   let v = typeof h == "function" ? h : X(h, p);
-  const [g, S] = F(e), [N, $] = F(!1);
-  I(() => {
+  const [g, S] = P(e), [N, V] = P(!1);
+  B(() => {
     S(e);
   }, [e]);
-  function T() {
-    $(!1);
+  function M() {
+    V(!1);
   }
   function L(D) {
-    const P = D === g || D && g && D.valueOf() === g.valueOf() || !D && !g;
-    S(D), P || m && m({ value: D }), setTimeout(T, 1);
+    const F = D === g || D && g && D.valueOf() === g.valueOf() || !D && !g;
+    S(D), F || m && m({ value: D }), setTimeout(M, 1);
   }
-  const k = A(
+  const k = E(
     () => g ? v(g) : "",
     [g, v]
   );
-  function b({ value: D, input: P }) {
-    if (!d && !x || P) return;
+  function b({ value: D, input: F }) {
+    if (!d && !x || F) return;
     let H = typeof d == "function" ? d(D) : D ? new Date(D) : null;
     H = isNaN(H) ? g || null : H || null, L(H);
   }
-  return I(() => {
-    const D = T;
+  return B(() => {
+    const D = M;
     return window.addEventListener("scroll", D), () => window.removeEventListener("scroll", D);
-  }, []), /* @__PURE__ */ V("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => $(!0), children: [
+  }, []), /* @__PURE__ */ $("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => V(!0), children: [
     /* @__PURE__ */ l(
-      ue,
+      de,
       {
         css: u,
         title: f,
@@ -1227,7 +1227,7 @@ function $t({
         disabled: t,
         error: a,
         placeholder: o,
-        onInput: T,
+        onInput: M,
         onChange: b,
         icon: "wxi-calendar",
         inputStyle: {
@@ -1241,8 +1241,8 @@ function $t({
     N && !t && /* @__PURE__ */ l(
       te,
       {
-        onCancel: T,
-        width: s,
+        onCancel: M,
+        width: r,
         align: i,
         autoFit: !!i,
         children: /* @__PURE__ */ l(
@@ -1262,103 +1262,103 @@ const tt = ["clear", "today"], nt = ({
   end: n,
   current: t,
   months: a = 2,
-  markers: s = null,
+  markers: r = null,
   buttons: i = tt,
   onChange: o
 }) => {
-  const [r, c] = j(e), [u, f] = j(n), [d, x] = F(), [m, p] = F(), w = y(($, T, L) => {
-    const k = new Date($);
-    return k.setMonth(k.getMonth() + T), L && k.valueOf() === L.valueOf() ? L : k;
+  const [s, c] = W(e), [u, f] = W(n), [d, x] = P(), [m, p] = P(), w = y((V, M, L) => {
+    const k = new Date(V);
+    return k.setMonth(k.getMonth() + M), L && k.valueOf() === L.valueOf() ? L : k;
   }, []), h = y(
-    ($) => {
+    (V) => {
       x(() => {
-        const T = new Date($);
-        return T.setDate(1), p(w(T, 1)), T;
+        const M = new Date(V);
+        return M.setDate(1), p(w(M, 1)), M;
       });
     },
     [w]
   ), v = y(
-    ($) => {
+    (V) => {
       p(() => {
-        const T = new Date($);
-        return T.setDate(1), x(w(T, -1)), T;
+        const M = new Date(V);
+        return M.setDate(1), x(w(M, -1)), M;
       });
     },
     [w]
   );
-  I(() => {
-    const $ = r;
-    d || h($ ? new Date($) : t || /* @__PURE__ */ new Date());
-  }, [r, t, d, h]);
+  B(() => {
+    const V = s;
+    d || h(V ? new Date(V) : t || /* @__PURE__ */ new Date());
+  }, [s, t, d, h]);
   const g = y(
-    ($) => {
-      const T = $.value;
-      let L = r, k = u;
-      const b = T === -1;
-      return b || ($.select ? !r || u ? (c(L = T), f(k = null)) : r > T ? (f(k = r), c(L = T)) : f(k = T) : T ? (c(L = new Date(T)), f(k = new Date(T))) : (c(L = null), f(k = null))), (b || !i.includes("done")) && o && o({ start: L, end: k }), [L, k];
+    (V) => {
+      const M = V.value;
+      let L = s, k = u;
+      const b = M === -1;
+      return b || (V.select ? !s || u ? (c(L = M), f(k = null)) : s > M ? (f(k = s), c(L = M)) : f(k = M) : M ? (c(L = new Date(M)), f(k = new Date(M))) : (c(L = null), f(k = null))), (b || !i.includes("done")) && o && o({ start: L, end: k }), [L, k];
     },
-    [r, u, i, o]
+    [s, u, i, o]
   ), S = y(
-    ($) => {
-      const [T] = g($);
-      T && h(new Date(T));
+    (V) => {
+      const [M] = g(V);
+      M && h(new Date(M));
     },
-    [h, r, u]
+    [h, s, u]
   ), N = y(
-    ($) => {
-      const [, T] = g($);
-      T && v(new Date(T));
+    (V) => {
+      const [, M] = g(V);
+      M && v(new Date(M));
     },
-    [v, r, u]
+    [v, s, u]
   );
-  return !d || !m ? null : a === 1 ? /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ l(
+  return !d || !m ? null : a === 1 ? /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
     re,
     {
-      value: { start: r, end: u },
+      value: { start: s, end: u },
       current: d,
       setCurrent: h,
-      markers: s,
+      markers: r,
       buttons: i,
       part: "both",
       onChange: S
     }
-  ) }) : /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ V("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
+  ) }) : /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ $("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
       re,
       {
-        value: { start: r, end: u },
+        value: { start: s, end: u },
         current: d,
         setCurrent: h,
-        markers: s,
+        markers: r,
         buttons: !1,
         part: "left",
         onChange: S,
-        onCurrentChange: ($) => h($)
+        onCurrentChange: (V) => h(V)
       }
     ) }),
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
       re,
       {
-        value: { start: r, end: u },
+        value: { start: s, end: u },
         current: m,
         setCurrent: v,
-        markers: s,
+        markers: r,
         buttons: i,
         part: "right",
         onChange: N,
-        onCurrentChange: ($) => v($)
+        onCurrentChange: (V) => v(V)
       }
     ) })
   ] }) });
-}, lt = ["clear", "today"], Mt = ({
+}, lt = ["clear", "today"], Tt = ({
   value: e,
   onChange: n,
   id: t,
   disabled: a = !1,
-  error: s = !1,
+  error: r = !1,
   width: i = "unset",
   align: o = "start",
-  placeholder: r = "",
+  placeholder: s = "",
   css: c = "",
   title: u = "",
   format: f = "",
@@ -1367,43 +1367,43 @@ const tt = ["clear", "today"], nt = ({
   editable: m = !1,
   clear: p = !1
 }) => {
-  const [w, h] = j(e), { calendar: v, formats: g } = (U(_) || K()).getRaw(), S = f || g?.dateFormat, N = typeof S == "function" ? S : X(S, v), [$, T] = F(!1), L = y(() => {
-    T(!1);
-  }, []), k = A(() => w ? w.start ? N(w.start) + (w.end ? ` - ${N(w.end)}` : "") : N(w) : "", [w, N]), b = A(() => w && w.start || null, [w]), D = A(() => w && w.end || null, [w]), P = y(
-    (B) => {
-      const R = B.start || B.end ? { start: B.start, end: B.end } : null;
-      h && h(R), (B.start && B.end || !B.start && !B.end) && (n && n({ value: R }), setTimeout(L, 1));
+  const [w, h] = W(e), { calendar: v, formats: g } = (U(_) || K()).getRaw(), S = f || g?.dateFormat, N = typeof S == "function" ? S : X(S, v), [V, M] = P(!1), L = y(() => {
+    M(!1);
+  }, []), k = E(() => w ? w.start ? N(w.start) + (w.end ? ` - ${N(w.end)}` : "") : N(w) : "", [w, N]), b = E(() => w && w.start || null, [w]), D = E(() => w && w.end || null, [w]), F = 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(L, 1));
     },
     [n, L, h]
   ), H = y(
-    (B) => {
+    (I) => {
       if (!m && !p) return;
-      const { value: R, input: E } = B;
-      if (E) return;
-      const [W, z] = R.split(" -").map((Z, C) => {
+      const { value: R, input: A } = I;
+      if (A) return;
+      const [j, z] = R.split(" -").map((Z, C) => {
         const Q = Z.trim();
-        let M = typeof m == "function" ? m(Q) : Q ? new Date(Q) : null, O = C === 0 ? b : D;
-        return isNaN(M) ? O || null : M || null;
+        let T = typeof m == "function" ? m(Q) : Q ? new Date(Q) : null, O = C === 0 ? b : D;
+        return isNaN(T) ? O || null : T || null;
       });
-      P({ start: W, end: z });
+      F({ start: j, end: z });
     },
-    [m, p, b, D, P]
+    [m, p, b, D, F]
   );
-  return I(() => {
-    const B = () => {
+  return B(() => {
+    const I = () => {
       L();
     };
-    return window.addEventListener("scroll", B), () => {
-      window.removeEventListener("scroll", B);
+    return window.addEventListener("scroll", I), () => {
+      window.removeEventListener("scroll", I);
     };
-  }, [L]), /* @__PURE__ */ V(
+  }, [L]), /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-1b0WDQ wx-daterangepicker ${a ? "wx-disabled" : ""} ${s ? "wx-error" : ""}`,
-      onClick: () => T(!0),
+      className: `wx-1b0WDQ wx-daterangepicker ${a ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
+      onClick: () => M(!0),
       children: [
         /* @__PURE__ */ l(
-          ue,
+          de,
           {
             css: c,
             title: u,
@@ -1411,8 +1411,8 @@ const tt = ["clear", "today"], nt = ({
             id: t,
             readonly: !m,
             disabled: a,
-            placeholder: r,
-            error: s,
+            placeholder: s,
+            error: r,
             onChange: H,
             icon: "wxi-calendar",
             inputStyle: {
@@ -1423,7 +1423,7 @@ const tt = ["clear", "today"], nt = ({
             clear: p
           }
         ),
-        $ && !a && /* @__PURE__ */ l(
+        V && !a && /* @__PURE__ */ l(
           te,
           {
             onCancel: L,
@@ -1438,7 +1438,7 @@ const tt = ["clear", "today"], nt = ({
                 start: b,
                 end: D,
                 months: d,
-                onChange: P
+                onChange: F
               }
             )
           }
@@ -1447,7 +1447,7 @@ const tt = ["clear", "today"], nt = ({
     }
   );
 };
-function Tt({ css: e = "", title: n = "", children: t, onClick: a }) {
+function Mt({ css: e = "", title: n = "", children: t, onClick: a }) {
   return t ? /* @__PURE__ */ l(
     "i",
     {
@@ -1472,65 +1472,65 @@ function Rt({
   value: n = rt,
   onValueChange: t,
   options: a = [],
-  textOptions: s = null,
+  textOptions: r = null,
   textField: i = "label",
   placeholder: o = "",
-  title: r = "",
+  title: s = "",
   disabled: c = !1,
   error: u = !1,
   checkboxes: f = !1,
   onChange: d,
   children: x
 }) {
-  const m = Y(null), p = Y(null), [w, h] = j(n), [v, g] = F(""), [S, N] = F(!1), $ = Y(null), T = A(() => w ? (s || a).filter((R) => w.includes(R.id)) : [], [w, s, a]), L = A(() => {
+  const m = Y(null), p = Y(null), [w, h] = W(n), [v, g] = P(""), [S, N] = P(!1), V = Y(null), M = E(() => w ? (r || a).filter((R) => w.includes(R.id)) : [], [w, r, a]), L = E(() => {
     const R = a;
-    return v ? R.filter((E) => E[i].toLowerCase().includes(v.toLowerCase())) : R;
+    return v ? R.filter((A) => A[i].toLowerCase().includes(v.toLowerCase())) : R;
   }, [v, a, i]), k = y((R) => {
     m.current = R.navigate, p.current = R.keydown;
   }, []), b = y(() => {
     L.length ? m.current(0) : m.current(null);
   }, [L]), D = y(
     (R) => {
-      const { id: E } = R;
-      if (E) {
-        let W;
-        w ? w.includes(E) ? W = w.filter((z) => z !== E) : W = [...w, E] : W = [E], h(W), t && t(W), d && d({ value: W });
+      const { id: A } = R;
+      if (A) {
+        let j;
+        w ? w.includes(A) ? j = w.filter((z) => z !== A) : j = [...w, A] : j = [A], h(j), t && t(j), d && d({ value: j }), V.current.focus();
       }
     },
     [w, t, d]
-  ), P = y(
-    (R, E) => {
-      E && E.stopPropagation();
-      const W = w.filter((z) => z !== R);
-      h(W), t && t(W), d && d({ value: W }), N(!0);
+  ), F = y(
+    (R, A) => {
+      A && A.stopPropagation();
+      const j = w.filter((z) => z !== R);
+      h(j), t && t(j), d && d({ value: j });
     },
     [w, t, d]
   ), H = y(
     () => w && w.length ? L.findIndex((R) => R.id === w[0]) : 0,
     [w, L]
-  ), B = y(() => {
-    c || ($.current.focus(), m.current(H()));
+  ), I = y(() => {
+    c || (V.current.focus(), m.current(H()));
   }, [c, H]);
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "div",
     {
-      title: r,
-      className: `wx-12Wj21 wx-multicombo ${u ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${T.length ? "wx-not-empty" : ""} ${S && !c ? "wx-focus" : ""}`,
-      onClick: B,
+      title: s,
+      className: `wx-12Wj21 wx-multicombo ${u ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${S && !c ? "wx-focus" : ""}`,
+      onClick: I,
       onKeyDown: (R) => p.current(R, H()),
       children: [
-        /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-wrapper", children: [
-          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: T.map((R) => /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-tag", 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 ? ee(x, { option: R }) : R[i],
             !c && /* @__PURE__ */ l(
               "i",
               {
                 className: "wx-12Wj21 wx-icon wxi-close",
-                onClick: (E) => P(R.id, E)
+                onClick: (A) => F(R.id, A)
               }
             )
           ] }, R.id)) }),
-          /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-select", children: [
+          /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-select", children: [
             /* @__PURE__ */ l(
               "input",
               {
@@ -1544,15 +1544,15 @@ function Rt({
                 disabled: c,
                 onFocus: () => N(!0),
                 onBlur: () => N(!1),
-                ref: $
+                ref: V
               }
             ),
             /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
           ] })
         ] }),
-        !c && /* @__PURE__ */ l(ie, { items: L, onReady: k, onSelect: D, children: ({ option: R }) => /* @__PURE__ */ V(G, { children: [
+        !c && /* @__PURE__ */ l(ue, { items: L, onReady: k, onSelect: D, children: ({ option: R }) => /* @__PURE__ */ $(G, { children: [
           f && /* @__PURE__ */ l(
-            Ve,
+            $e,
             {
               style: { marginRight: "8px", pointerEvents: "none" },
               name: R.id,
@@ -1570,25 +1570,25 @@ function St({
   top: n = 0,
   at: t = "bottom",
   parent: a = null,
-  onCancel: s,
+  onCancel: r,
   children: i
 }) {
-  const [o, r] = F(0), [c, u] = F(0), [f, d] = F("auto"), [x, m] = F(!1), p = Y(null), w = y(() => {
+  const [o, s] = P(0), [c, u] = P(0), [f, d] = P("auto"), [x, m] = P(!1), p = Y(null), w = y(() => {
     if (!p.current) return;
-    const h = Fe(p.current, a, t, e, n);
-    h && (r(h.x), u(h.y), d(h.width), m(!0));
+    const h = Pe(p.current, a, t, e, n);
+    h && (s(h.x), u(h.y), d(h.width), m(!0));
   }, [p, a, t, e, n]);
-  return I(() => {
+  return B(() => {
     requestAnimationFrame(w);
-  }, []), I(() => {
+  }, []), B(() => {
     w(a);
-  }, [a, t, e, n]), I(() => {
+  }, [a, t, e, n]), B(() => {
     const h = (v) => {
-      s && s(v);
+      r && r(v);
     };
     if (p.current)
-      return oe(p.current, h).destroy;
-  }, [s]), /* @__PURE__ */ l(
+      return ie(p.current, h).destroy;
+  }, [r]), /* @__PURE__ */ l(
     "div",
     {
       ref: p,
@@ -1610,13 +1610,13 @@ const Lt = ({
   value: t = 1,
   onChange: a
 }) => {
-  const [s, i] = j(n), [o, r] = j(t), c = (U(_) || K()).getGroup("core"), u = Math.ceil(e / s), f = (o - 1) * s, d = Math.min(o * s, e), x = (w, h) => {
-    Number.isNaN(w) || (h || r(w), w = Math.max(1, Math.min(w, u)), h && r(w), w !== o && setTimeout(() => {
+  const [r, i] = W(n), [o, s] = W(t), c = (U(_) || K()).getGroup("core"), u = Math.ceil(e / r), f = (o - 1) * r, d = Math.min(o * r, e), x = (w, h) => {
+    Number.isNaN(w) || (h || s(w), w = Math.max(1, Math.min(w, u)), h && s(w), w !== o && setTimeout(() => {
       a && a({
         value: w,
-        from: (w - 1) * s,
-        to: Math.min(w * s, e),
-        pageSize: s
+        from: (w - 1) * r,
+        to: Math.min(w * r, e),
+        pageSize: r
       });
     }));
   };
@@ -1640,9 +1640,9 @@ const Lt = ({
     const h = w.target.value * 1;
     Number.isNaN(h) || (i(h), a && a({ value: o, from: f, to: d, pageSize: h }));
   };
-  return /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-pager", children: [
-    /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-left", children: [
-      /* @__PURE__ */ V("span", { children: [
+  return /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-pager", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-left", children: [
+      /* @__PURE__ */ $("span", { children: [
         c("Rows per page"),
         ": "
       ] }),
@@ -1652,12 +1652,12 @@ const Lt = ({
           type: "number",
           min: 1,
           className: "wx-35Np0p wx-input",
-          value: s,
+          value: r,
           onChange: p
         }
       )
     ] }),
-    /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-center", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-center", children: [
       /* @__PURE__ */ l(
         "i",
         {
@@ -1697,7 +1697,7 @@ const Lt = ({
         }
       )
     ] }),
-    /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-right", children: [
+    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-right", children: [
       c("Total pages"),
       ": ",
       u
@@ -1709,16 +1709,16 @@ function st({
   label: n = "",
   value: t,
   name: a = "",
-  inputValue: s = "",
+  inputValue: r = "",
   disabled: i = !1,
   onChange: o
 }) {
-  const [r, c] = F(!1), u = t !== void 0, f = u ? t : r;
+  const [s, c] = P(!1), u = t !== void 0, f = u ? t : s;
   function d(x) {
     const m = x.target.checked;
-    u || c(m), m && o && o({ value: !0, inputValue: s });
+    u || c(m), m && o && o({ value: !0, inputValue: r });
   }
-  return /* @__PURE__ */ V("div", { className: "wx-3lDF1s wx-radio", children: [
+  return /* @__PURE__ */ $("div", { className: "wx-3lDF1s wx-radio", children: [
     /* @__PURE__ */ l(
       "input",
       {
@@ -1727,12 +1727,12 @@ function st({
         id: e,
         disabled: i,
         name: a,
-        value: s,
+        value: r,
         checked: f,
         onChange: d
       }
     ),
-    /* @__PURE__ */ V("label", { htmlFor: e, className: "wx-3lDF1s wx-label", children: [
+    /* @__PURE__ */ $("label", { htmlFor: e, 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 })
     ] })
@@ -1744,11 +1744,11 @@ function Ft({
   onChange: t,
   type: a = ""
 }) {
-  const s = J(), [i, o] = F(n);
-  I(() => {
+  const r = J(), [i, o] = P(n);
+  B(() => {
     o(n);
   }, [n]);
-  function r(c) {
+  function s(c) {
     const u = c.inputValue;
     o(u), t && t({ value: u });
   }
@@ -1758,8 +1758,8 @@ function Ft({
       label: c.label,
       inputValue: c.id,
       value: i === c.id,
-      name: s,
-      onChange: r
+      name: r,
+      onChange: s
     }
   ) }, c.id)) });
 }
@@ -1768,20 +1768,20 @@ function Pt({
   options: n = [],
   textOptions: t = null,
   placeholder: a = "",
-  disabled: s = !1,
+  disabled: r = !1,
   error: i = !1,
   title: o = "",
-  textField: r = "label",
+  textField: s = "label",
   clear: c = !1,
   children: u,
   onChange: f
 }) {
   const d = Y(null), x = Y(null);
-  let [m, p] = j(e);
+  let [m, p] = W(e);
   function w(N) {
     d.current = N.navigate, x.current = N.keydown;
   }
-  const h = A(() => m || m === 0 ? (t || n).find((N) => N.id === m) : null, [m, t, n]), v = y(
+  const h = E(() => m || m === 0 ? (t || n).find((N) => N.id === m) : null, [m, t, n]), v = y(
     ({ id: N }) => {
       (N || N === 0) && (p(N), d.current(null), f && f({ value: N }));
     },
@@ -1792,18 +1792,18 @@ function Pt({
     },
     [p, f]
   ), S = y(() => n.findIndex((N) => N.id === m), [n, m]);
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-2YgblL wx-richselect ${i ? "wx-2YgblL wx-error" : ""} ${s ? "wx-2YgblL wx-disabled" : ""} ${u ? "" : "wx-2YgblL wx-nowrap"}`,
+      className: `wx-2YgblL wx-richselect ${i ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${u ? "" : "wx-2YgblL wx-nowrap"}`,
       title: o,
       onClick: () => d.current(S()),
       onKeyDown: (N) => x.current(N, S()),
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: h ? u ? u(h) : h[r] : a ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: a }) : " " }),
-        c && !s && m ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: g }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
-        !s && /* @__PURE__ */ l(ie, { items: n, onReady: w, onSelect: v, children: ({ option: N }) => u ? u(N) : N[r] })
+        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: h ? u ? u(h) : h[s] : a ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: a }) : " " }),
+        c && !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(ue, { items: n, onReady: w, onSelect: v, children: ({ option: N }) => u ? u(N) : N[s] })
       ]
     }
   );
@@ -1813,20 +1813,20 @@ const Ht = ({
   value: n = "",
   css: t = "",
   children: a,
-  onChange: s
+  onChange: r
 }) => {
-  const [i, o] = F(n), r = (c) => {
-    o(c), s && s({ value: c });
+  const [i, o] = P(n), s = (c) => {
+    o(c), r && r({ value: c });
   };
-  return I(() => {
+  return B(() => {
     o(n);
   }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((c) => /* @__PURE__ */ l(
     "button",
     {
       className: `wx-0hMO7P wx-segment ${c.css} ${c.id === i ? "wx-selected" : ""}`,
-      title: c.title || c.label,
-      onClick: () => r(c.id),
-      children: a ? ee(a, { option: c }) : /* @__PURE__ */ V(G, { children: [
+      title: c.title,
+      onClick: () => s(c.id),
+      children: a ? ee(a, { option: c }) : /* @__PURE__ */ $(G, { children: [
         c.icon && /* @__PURE__ */ l(
           "i",
           {
@@ -1844,14 +1844,14 @@ function Ct({
   options: n = [],
   placeholder: t = "",
   title: a = "",
-  disabled: s = !1,
+  disabled: r = !1,
   error: i = !1,
   textField: o = "label",
-  clear: r = !1,
+  clear: s = !1,
   id: c = J(),
   onChange: u
 }) {
-  const [f, d] = F(e || ""), x = y(
+  const [f, d] = P(e || ""), x = y(
     (p) => {
       const w = p.target.value;
       d(w), u && u({ value: w });
@@ -1860,13 +1860,13 @@ function Ct({
   ), m = y(() => {
     d(""), u && u({ value: "" });
   }, [u]);
-  return /* @__PURE__ */ V("div", { className: "wx-2yx1Fo wx-select-box", children: [
-    /* @__PURE__ */ V(
+  return /* @__PURE__ */ $("div", { className: "wx-2yx1Fo wx-select-box", children: [
+    /* @__PURE__ */ $(
       "select",
       {
         id: c,
         value: f,
-        disabled: s,
+        disabled: r,
         className: `wx-2yx1Fo wx-select ${i ? "wx-2yx1Fo wx-error" : ""}`,
         title: a,
         onChange: x,
@@ -1876,36 +1876,47 @@ function Ct({
         ]
       }
     ),
-    r && !s && f ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: m }) : /* @__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: m }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
   ] });
 }
-function ve({
+function Ne({
   id: e = J(),
   label: n = "",
   css: t = "",
   min: a = 0,
-  max: s = 100,
+  max: r = 100,
   value: i = 0,
   step: o = 1,
-  title: r = "",
+  title: s = "",
   disabled: c = !1,
   onChange: u
 }) {
-  const [f, d] = F(i), [x, m] = F(f), p = A(
-    () => (f - a) / (s - a) * 100 + "%",
-    [f, a, s]
-  ), w = A(() => c ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${p}, var(--wx-slider-background) ${p} 100%)`, [c, p]);
-  function h({ target: g }) {
-    const S = g.value || 0;
-    d(S), x !== S && (u && u({ value: S, previous: x, input: !0 }), m(S));
+  const [f, d] = W(i), x = Y({ value: f, input: f }), m = E(
+    () => (f - a) / (r - a) * 100 + "%",
+    [f, a, r]
+  ), p = E(() => c ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${m}, var(--wx-slider-background) ${m} 100%)`, [c, m]);
+  function w({ target: g }) {
+    const S = g.value * 1;
+    d(S), u && u({
+      value: S,
+      previous: x.current.input,
+      input: !0
+    }), x.current.input = S;
   }
-  function v({ target: g }) {
+  function h({ target: g }) {
     const S = g.value * 1;
-    d(S), u && u({ value: S });
+    d(S), u && u({ value: S, previous: x.current.value }), x.current.value = S;
   }
-  return I(() => {
+  B(() => {
     d(i);
-  }, [i]), /* @__PURE__ */ V("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: r, children: [
+  }, [i]);
+  const v = Y(null);
+  return B(() => {
+    if (v.current)
+      return v.current.addEventListener("change", h), () => {
+        v.current && v.current.removeEventListener("change", h);
+      };
+  }, [v, h]), /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: s, children: [
     n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: e, children: n }),
     /* @__PURE__ */ l("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ l(
       "input",
@@ -1914,13 +1925,13 @@ function ve({
         className: "wx-2EDJ8G wx-input",
         type: "range",
         min: a,
-        max: s,
+        max: r,
         step: o,
         disabled: c,
         value: f,
-        onInput: h,
-        onChange: v,
-        style: { background: w }
+        onInput: w,
+        style: { background: p },
+        ref: v
       }
     ) })
   ] });
@@ -1931,20 +1942,20 @@ function Bt({
   disabled: t = !1,
   onChange: a
 }) {
-  const [s, i] = F(n), o = y(
-    (r) => {
-      const c = r.target.checked;
+  const [r, i] = W(n), o = y(
+    (s) => {
+      const c = s.target.checked;
       i(c), a && a({ value: c });
     },
     [a]
   );
-  return /* @__PURE__ */ V("label", { className: "wx-2dAR5c wx-switch", children: [
+  return /* @__PURE__ */ $("label", { className: "wx-2dAR5c wx-switch", children: [
     /* @__PURE__ */ l(
       "input",
       {
         className: "wx-2dAR5c wx-input",
         type: "checkbox",
-        checked: s,
+        checked: r,
         onChange: o,
         disabled: t,
         id: e
@@ -1958,16 +1969,17 @@ const It = ({
   value: n = "",
   type: t = "top",
   css: a = "",
-  onChange: s
+  onChange: r
 }) => {
-  const [i, o] = j(n), r = (c) => {
-    o(c), s && s({ value: c });
+  const [i, o] = W(n), s = (c) => {
+    o(c), r && r({ value: c });
   };
-  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${a}`, children: e.map((c) => /* @__PURE__ */ V(
+  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${a}`, children: e.map((c) => /* @__PURE__ */ $(
     "button",
     {
       className: `wx-138fWJ wx-tab ${c.css} ${c.id === i ? "wx-active" : ""}`,
-      onClick: () => r(c.id),
+      title: c.title,
+      onClick: () => s(c.id),
       children: [
         c.icon && /* @__PURE__ */ l(
           "i",
@@ -1980,41 +1992,41 @@ const It = ({
     },
     c.id
   )) });
-}, At = ({
+}, Et = ({
   id: e = J(),
   value: n = 0,
   step: t = 1,
   min: a = 0,
-  max: s = 1 / 0,
+  max: r = 1 / 0,
   error: i = !1,
   disabled: o = !1,
-  readonly: r = !1,
+  readonly: s = !1,
   onChange: c
 }) => {
-  const [u, f] = F(n), d = y(() => {
-    if (r || u <= a) return;
+  const [u, f] = W(n), d = y(() => {
+    if (s || u <= a) return;
     const w = u - t;
     f(w), c && c({ value: w });
-  }, [u, r, a, t, c]), x = y(() => {
-    if (r || u >= s) return;
+  }, [u, s, a, t, c]), x = y(() => {
+    if (s || u >= r) return;
     const w = u + t;
     f(w), c && c({ value: w });
-  }, [u, r, s, t, c]), m = y(() => {
-    if (!r) {
-      const w = Math.round(Math.min(s, Math.max(u, a)) / t) * t, h = isNaN(w) ? Math.max(a, 0) : w;
+  }, [u, s, r, t, c]), m = y(() => {
+    if (!s) {
+      const w = Math.round(Math.min(r, Math.max(u, a)) / t) * t, h = isNaN(w) ? Math.max(a, 0) : w;
       f(h), c && c({ value: h });
     }
-  }, [r, u, s, a, t, c]), p = y(
+  }, [s, u, r, a, t, c]), p = y(
     (w) => {
       const h = w.target.value * 1;
       f(h), c && c({ value: h, input: !0 });
     },
     [c]
   );
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-22t21n wx-counter ${o ? "wx-disabled" : ""} ${r ? "wx-readonly" : ""} ${i ? "wx-error" : ""}`,
+      className: `wx-22t21n wx-counter ${o ? "wx-disabled" : ""} ${s ? "wx-readonly" : ""} ${i ? "wx-error" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "button",
@@ -2044,7 +2056,7 @@ const It = ({
             type: "text",
             className: "wx-22t21n wx-input",
             disabled: o,
-            readOnly: r,
+            readOnly: s,
             required: !0,
             value: u,
             onBlur: m,
@@ -2086,7 +2098,7 @@ function at({ notice: e = {} }) {
   function n() {
     e.remove && e.remove();
   }
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-11sNg5 wx-notice wx-${e.type ? e.type : ""}`,
@@ -2107,12 +2119,12 @@ function ot({
   buttons: n = ["cancel", "ok"],
   header: t,
   children: a,
-  footer: s,
+  footer: r,
   onConfirm: i,
   onCancel: o
 }) {
-  const r = (U(_) || K()).getGroup("core"), c = Y(null);
-  I(() => {
+  const s = (U(_) || K()).getGroup("core"), c = Y(null);
+  B(() => {
     c.current?.focus();
   }, []);
   function u(d) {
@@ -2120,16 +2132,16 @@ function ot({
       case "Enter": {
         const x = d.target.tagName;
         if (x === "TEXTAREA" || x === "BUTTON") return;
-        i && i({ ev: d });
+        i && i({ event: d });
         break;
       }
       case "Escape":
-        o && o({ ev: d });
+        o && o({ event: d });
         break;
     }
   }
   function f(d, x) {
-    const m = { ev: d, button: x };
+    const m = { event: d, button: x };
     x === "cancel" ? o && o(m) : i && i(m);
   }
   return /* @__PURE__ */ l(
@@ -2139,15 +2151,15 @@ function ot({
       ref: c,
       tabIndex: 0,
       onKeyDown: u,
-      children: /* @__PURE__ */ V("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: a }),
-        s || /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((d) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
+        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(
           ne,
           {
             type: `block ${d === "ok" ? "primary" : "secondary"}`,
             onClick: (x) => f(x, d),
-            children: r(d)
+            children: s(d)
           }
         ) }, d)) })
       ] })
@@ -2155,26 +2167,26 @@ function ot({
   );
 }
 function it({ children: e }, n) {
-  const [t, a] = F(null), [s, i] = F([]);
-  return Se(
+  const [t, a] = P(null), [r, i] = P([]);
+  return Le(
     n,
     () => ({
       showModal: (o) => {
-        const r = { ...o };
-        return a(r), new Promise((c, u) => {
-          r.resolve = (f) => {
+        const s = { ...o };
+        return a(s), new Promise((c, u) => {
+          s.resolve = (f) => {
             a(null), c(f);
-          }, r.reject = (f) => {
+          }, s.reject = (f) => {
             a(null), u(f);
           };
         });
       },
       showNotice: (o) => {
-        o = { ...o }, o.id = o.id || J(), o.remove = () => i((r) => r.filter((c) => c.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((r) => [...r, o]);
+        o = { ...o }, o.id = o.id || J(), o.remove = () => i((s) => s.filter((c) => c.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((s) => [...s, o]);
       }
     }),
     []
-  ), /* @__PURE__ */ V(G, { children: [
+  ), /* @__PURE__ */ $(G, { children: [
     e,
     t && /* @__PURE__ */ l(
       ot,
@@ -2186,35 +2198,35 @@ function it({ children: e }, n) {
         children: t.message
       }
     ),
-    /* @__PURE__ */ l(ct, { data: s })
+    /* @__PURE__ */ l(ct, { data: r })
   ] });
 }
-const ut = Re(it);
-function Et(e) {
+const ut = Se(it);
+function At(e) {
   let { children: n } = e, t = Y();
-  const a = A(() => ({
-    showNotice: (s) => t.current.showNotice(s),
-    showModal: (s) => t.current.showModal(s)
+  const a = E(() => ({
+    showNotice: (r) => t.current.showNotice(r),
+    showModal: (r) => t.current.showModal(r)
   }), []);
-  return /* @__PURE__ */ l($e.Provider, { value: a, children: /* @__PURE__ */ l(ut, { ref: t, children: n }) });
+  return /* @__PURE__ */ l(Te.Provider, { value: a, children: /* @__PURE__ */ l(ut, { ref: t, children: n }) });
 }
-function Ne({
+function ge({
   label: e = "",
   position: n = "",
   css: t = "",
   error: a = !1,
-  type: s = "",
+  type: r = "",
   required: i = !1,
   children: o
 }) {
-  const r = A(() => J(), []);
-  return /* @__PURE__ */ V(
+  const s = E(() => J(), []);
+  return /* @__PURE__ */ $(
     "div",
     {
       className: `wx-2oVUvC wx-field wx-${n} ${t} ${a ? "wx-error" : ""} ${i ? "wx-required" : ""}`.trim(),
       children: [
-        e && /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: r, children: e }),
-        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${s}`, children: ee(o, { id: r }) })
+        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: ee(o, { id: s }) })
       ]
     }
   );
@@ -2222,19 +2234,19 @@ function Ne({
 const dt = ({
   value: e = !1,
   type: n = "",
-  icon: t = null,
-  disabled: a = null,
-  iconActive: s = null,
+  icon: t = "",
+  disabled: a = !1,
+  iconActive: r = "",
   onClick: i,
   title: o = "",
-  css: r = "",
+  css: s = "",
   text: c = "",
   textActive: u = "",
   children: f,
   active: d,
   onChange: x
 }) => {
-  const [m, p] = j(e), w = A(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
+  const [m, p] = W(e), w = E(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
     (v) => {
       let g = !m;
       i && i(v), v.defaultPrevented || (p(g), x && x({ value: g }));
@@ -2246,9 +2258,9 @@ const dt = ({
     {
       title: o,
       text: m && u || c,
-      css: r,
+      css: s,
       type: w,
-      icon: m && s || t,
+      icon: m && r || t,
       onClick: h,
       disabled: a,
       children: ee(d, { value: m })
@@ -2258,9 +2270,9 @@ const dt = ({
     {
       title: o,
       text: m && u || c,
-      css: r,
+      css: s,
       type: w,
-      icon: m && s || t,
+      icon: m && r || t,
       onClick: h,
       disabled: a,
       children: f
@@ -2270,72 +2282,72 @@ const dt = ({
     {
       title: o,
       text: m && u || c,
-      css: r,
+      css: s,
       type: w,
-      icon: m && s || t,
+      icon: m && r || t,
       onClick: h,
       disabled: a
     }
   );
-}, ge = new Date(0, 0, 0, 0, 0);
+}, ke = new Date(0, 0, 0, 0, 0);
 function Ot({
-  value: e = ge,
+  value: e = ke,
   id: n,
   title: t = "",
   css: a = "",
-  disabled: s = !1,
+  disabled: r = !1,
   error: i = !1,
   format: o = "",
-  onChange: r
+  onChange: s
 }) {
-  let [c, u] = j(e);
-  const { calendar: f, formats: d } = (U(_) || K()).getRaw(), x = f.clockFormat == 12, m = 23, p = 59, w = A(() => {
-    const M = o || d?.timeFormat;
-    return typeof M == "function" ? M : X(M, f);
-  }, [o, d, f]), h = A(() => w(new Date(0, 0, 0, 1)).indexOf("01") != -1, [w]), v = (M, O) => (M < 10 && O ? `0${M}` : `${M}`).slice(-2), g = (M) => v(M, !0), S = (M) => `${M}`.replace(/[^\d]/g, "") || 0, N = (M) => x && (M = M % 12, M === 0) ? "12" : v(M, h), $ = y((M, O) => (M = S(M), Math.min(M, O)), []), [T, L] = F(null), k = c || ge, b = $(k.getHours(), m), D = $(k.getMinutes(), p), P = b > 12, H = N(b), B = g(D), R = A(
+  let [c, u] = W(e);
+  const { calendar: f, formats: d } = (U(_) || K()).getRaw(), x = f.clockFormat == 12, m = 23, p = 59, w = E(() => {
+    const T = o || d?.timeFormat;
+    return typeof T == "function" ? T : X(T, f);
+  }, [o, d, f]), h = E(() => w(new Date(0, 0, 0, 1)).indexOf("01") != -1, [w]), v = (T, O) => (T < 10 && O ? `0${T}` : `${T}`).slice(-2), g = (T) => v(T, !0), S = (T) => `${T}`.replace(/[^\d]/g, "") || 0, N = (T) => x && (T = T % 12, T === 0) ? "12" : v(T, h), V = y((T, O) => (T = S(T), Math.min(T, O)), []), [M, L] = P(null), k = c || ke, b = V(k.getHours(), m), D = V(k.getMinutes(), p), F = b > 12, H = N(b), I = g(D), R = E(
     () => w(new Date(0, 0, 0, b, D)),
     [b, D, w]
-  ), E = y(() => {
+  ), A = y(() => {
     L(!0);
-  }, []), W = y(() => {
-    const M = new Date(k);
-    M.setHours(M.getHours() + (P ? -12 : 12)), u(M), r && r({ value: M });
-  }, [k, P, r]), z = y(
-    ({ value: M }) => {
-      if (k.getHours() === M) return;
+  }, []), j = y(() => {
+    const T = new Date(k);
+    T.setHours(T.getHours() + (F ? -12 : 12)), u(T), s && s({ value: T });
+  }, [k, F, s]), z = y(
+    ({ value: T }) => {
+      if (k.getHours() === T) return;
       const O = new Date(k);
-      O.setHours(M), u(O), r && r({ value: O });
+      O.setHours(T), u(O), s && s({ value: O });
     },
-    [k, r]
+    [k, s]
   ), Z = y(
-    ({ value: M }) => {
-      if (k.getMinutes() === M) return;
+    ({ value: T }) => {
+      if (k.getMinutes() === T) return;
       const O = new Date(k);
-      O.setMinutes(M), u(O), r && r({ value: O });
+      O.setMinutes(T), u(O), s && s({ value: O });
     },
-    [k, r]
+    [k, s]
   ), C = y(
-    (M) => (M = $(M, m), x && (M = M * 1, M === 12 && (M = 0), P && (M += 12)), M),
-    [$, x, P]
+    (T) => (T = V(T, m), x && (T = T * 1, T === 12 && (T = 0), F && (T += 12)), T),
+    [V, x, F]
   ), Q = y(() => {
     L(null);
   }, []);
-  return /* @__PURE__ */ V(
+  return /* @__PURE__ */ $(
     "div",
     {
-      className: `wx-7f497i wx-timepicker ${i ? "wx-7f497i wx-error" : ""} ${s ? "wx-7f497i wx-disabled" : ""}`,
-      onClick: s ? void 0 : E,
-      style: { cursor: s ? "default" : "pointer" },
+      className: `wx-7f497i wx-timepicker ${i ? "wx-7f497i wx-error" : ""} ${r ? "wx-7f497i wx-disabled" : ""}`,
+      onClick: r ? void 0 : A,
+      style: { cursor: r ? "default" : "pointer" },
       children: [
         /* @__PURE__ */ l(
-          ue,
+          de,
           {
             id: n,
             css: a,
             title: t,
             value: R,
             readonly: !0,
-            disabled: s,
+            disabled: r,
             error: i,
             icon: "wxi-clock",
             inputStyle: {
@@ -2345,15 +2357,15 @@ function Ot({
             }
           }
         ),
-        T && !s && /* @__PURE__ */ l(te, { onCancel: Q, width: "unset", children: /* @__PURE__ */ V("div", { className: "wx-7f497i wx-wrapper", children: [
-          /* @__PURE__ */ V("div", { className: "wx-7f497i wx-timer", children: [
+        M && !r && /* @__PURE__ */ l(te, { onCancel: Q, width: "unset", 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: H,
-                onChange: (M) => {
-                  const O = C(M.target.value);
+                onChange: (T) => {
+                  const O = C(T.target.value);
                   z({ value: O });
                 }
               }
@@ -2363,9 +2375,9 @@ function Ot({
               "input",
               {
                 className: "wx-7f497i wx-digit",
-                value: B,
-                onChange: (M) => {
-                  const O = $(M.target.value, p);
+                value: I,
+                onChange: (T) => {
+                  const O = V(T.target.value, p);
                   Z({ value: O });
                 }
               }
@@ -2373,15 +2385,15 @@ function Ot({
             x && /* @__PURE__ */ l(
               dt,
               {
-                value: P,
-                onClick: W,
+                value: F,
+                onClick: j,
                 active: () => /* @__PURE__ */ l("span", { children: "pm" }),
                 children: /* @__PURE__ */ l("span", { children: "am" })
               }
             )
           ] }),
-          /* @__PURE__ */ l(Ne, { width: "unset", children: /* @__PURE__ */ l(
-            ve,
+          /* @__PURE__ */ l(ge, { width: "unset", children: /* @__PURE__ */ l(
+            Ne,
             {
               label: f.hours,
               value: b,
@@ -2389,8 +2401,8 @@ function Ot({
               max: m
             }
           ) }),
-          /* @__PURE__ */ l(Ne, { width: "unset", children: /* @__PURE__ */ l(
-            ve,
+          /* @__PURE__ */ l(ge, { width: "unset", children: /* @__PURE__ */ l(
+            Ne,
             {
               label: f.minutes,
               value: D,
@@ -2408,23 +2420,23 @@ function Yt({ children: e }) {
 }
 function Wt({ position: e = "right", children: n, onCancel: t }) {
   const a = Y(null);
-  return I(() => oe(a.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: a, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
+  return B(() => ie(a.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: a, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
 }
 function jt({ theme: e = "", target: n, children: t }) {
-  const a = Y(null), s = Y(null), [i, o] = F(null);
+  const a = Y(null), r = Y(null), [i, o] = P(null);
   a.current || (a.current = document.createElement("div"));
-  const r = U(le);
-  return I(() => {
+  const s = U(le);
+  return B(() => {
     o(
-      n || wt(s.current) || document.body
+      n || wt(r.current) || se.getTopNode(r.current)
     );
-  }, [s.current]), /* @__PURE__ */ V(G, { children: [
-    /* @__PURE__ */ l("span", { ref: s, style: { display: "none" } }),
-    s.current && i ? Ce(
+  }, [r.current]), /* @__PURE__ */ $(G, { children: [
+    /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
+    r.current && i ? Ce(
       /* @__PURE__ */ l(
         "div",
         {
-          className: `wx-3ZWsT0 wx-${e || r}-theme`,
+          className: `wx-3ZWsT0 wx-${e || s}-theme`,
           children: t
         }
       ),
@@ -2433,7 +2445,8 @@ function jt({ theme: e = "", target: n, children: t }) {
   ] });
 }
 function wt(e) {
-  for (; e && e !== document.body && !e.getAttribute("data-wx-portal-root"); )
+  const n = se.getTopNode(e);
+  for (; e && e !== n && !e.getAttribute("data-wx-portal-root"); )
     e = e.parentNode;
   return e;
 }
@@ -2442,9 +2455,9 @@ function ft() {
 }
 function Jt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "material", children: /* @__PURE__ */ V(G, { children: [
+  return /* @__PURE__ */ l(le.Provider, { value: "material", children: /* @__PURE__ */ $(G, { children: [
     t && /* @__PURE__ */ l("div", { className: "wx-material-theme", children: t }),
-    n && /* @__PURE__ */ V(G, { children: [
+    n && /* @__PURE__ */ $(G, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2464,14 +2477,14 @@ function Jt(e) {
     ] })
   ] }) });
 }
-function Te() {
+function Re() {
   return /* @__PURE__ */ l(G, {});
 }
 function Gt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "willow", children: /* @__PURE__ */ V(G, { children: [
+  return /* @__PURE__ */ l(le.Provider, { value: "willow", children: /* @__PURE__ */ $(G, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-willow-theme", children: t }),
-    n && /* @__PURE__ */ V(G, { children: [
+    n && /* @__PURE__ */ $(G, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2480,7 +2493,7 @@ function Gt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Te, {}),
+      /* @__PURE__ */ l(Re, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2493,9 +2506,9 @@ function Gt(e) {
 }
 function Qt(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(le.Provider, { value: "willow-dark", children: /* @__PURE__ */ V(G, { children: [
+  return /* @__PURE__ */ l(le.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(G, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-willow-dark-theme", children: t }),
-    n && /* @__PURE__ */ V(G, { children: [
+    n && /* @__PURE__ */ $(G, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2504,7 +2517,7 @@ function Qt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Te, {}),
+      /* @__PURE__ */ l(Re, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2519,24 +2532,24 @@ function _t(e) {
   const n = J();
   e.setAttribute("data-wx-portal-root", n);
 }
-Pe(He);
+He(se);
 export {
   ne as Button,
   Xe as Calendar,
-  Ve as Checkbox,
+  $e as Checkbox,
   kt as CheckboxGroup,
-  Ae as ColorBoard,
+  Ee as ColorBoard,
   Dt as ColorPicker,
   bt as ColorSelect,
   Vt as Combo,
-  At as Counter,
+  Et as Counter,
   $t as DatePicker,
-  Mt as DateRangePicker,
+  Tt as DateRangePicker,
   te as Dropdown,
-  Ne as Field,
-  Et as Globals,
-  Tt as Icon,
-  ae as Locale,
+  ge as Field,
+  At as Globals,
+  Mt as Icon,
+  ce as Locale,
   Jt as Material,
   ot as Modal,
   Yt as ModalArea,
@@ -2552,11 +2565,11 @@ export {
   Ht as Segmented,
   Ct as Select,
   Wt as SideArea,
-  ve as Slider,
-  ie as SuggestDropdown,
+  Ne as Slider,
+  ue as SuggestDropdown,
   Bt as Switch,
   It as Tabs,
-  ue as Text,
+  de as Text,
   gt as TextArea,
   Ot as TimePicker,
   dt as TwoState,