@svar-ui/react-core 2.5.1 → 2.6.1

package/dist/index.es.js

@@ -1,306 +1,313 @@
-import { jsx as l, jsxs as $, Fragment as _ } from "react/jsx-runtime";
-import { createContext as fe, useContext as K, useState as B, useCallback as D, useRef as C, useEffect as E, useMemo as A, useLayoutEffect as me, memo as Ue, useId as _e, forwardRef as Qe, useImperativeHandle as qe } from "react";
-import { useWritableProp as J, snippet as ae, useHotkeys as Ke } from "@svar-ui/lib-react";
-import { uid as oe, env as pe, calculatePosition as Ze, getAbsParent as ze, clickOutside as ve, locale as Ae, locateID as Xe, getDuodecade as Be, dateToString as ne, delegateClick as Ee, setEnv as et } from "@svar-ui/lib-dom";
-import { locale as bn } from "@svar-ui/lib-dom";
-import { createPortal as tt } from "react-dom";
-import { en as We } from "@svar-ui/core-locales";
-import { en as Vn } from "@svar-ui/core-locales";
-const ie = fe(""), Oe = fe({}), q = fe(null), ue = fe(null), Ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { jsx as r, jsxs as C, Fragment as Q } from "react/jsx-runtime";
+import { createContext as fe, useContext as X, useState as O, useCallback as V, useRef as S, useEffect as J, useMemo as E, useLayoutEffect as pe, memo as Xe, useId as et, forwardRef as tt, useImperativeHandle as nt } from "react";
+import { useWritableProp as U, snippet as oe, useHotkeys as rt } from "@svar-ui/lib-react";
+import { uid as ae, env as ge, calculatePosition as We, getAbsParent as Ye, clickOutside as Ne, locale as je, locateID as lt, getDuodecade as Je, dateToString as re, delegateClick as Ge, setEnv as st } from "@svar-ui/lib-dom";
+import { locale as Mn } from "@svar-ui/lib-dom";
+import { createPortal as ct } from "react-dom";
+import { en as _e } from "@svar-ui/core-locales";
+import { en as Cn } from "@svar-ui/core-locales";
+const ie = fe(""), Ue = fe({}), K = fe(null), ue = fe(null), qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   fieldId: ue,
-  helpers: Oe,
-  i18n: q,
+  helpers: Ue,
+  i18n: K,
   theme: ie
 }, Symbol.toStringTag, { value: "Module" }));
-function z(e) {
-  const n = K(ue), [t] = B(() => e || n || oe());
+function te(e) {
+  const n = X(ue), [t] = O(() => e || n || ae());
   return t;
 }
-function _t({
+function Kt({
   value: e = "",
   id: n,
   placeholder: t = "",
   title: s = "",
-  disabled: r = !1,
-  error: u = !1,
-  readonly: i = !1,
-  onChange: c
+  tooltip: l,
+  disabled: i = !1,
+  error: a = !1,
+  readonly: o = !1,
+  css: c = "",
+  onChange: u
 }) {
-  const a = z(n), [o, w] = J(e), d = D(
-    (x) => {
-      const f = x.target.value;
-      w(f), c && c({ value: f, input: !0 });
+  const d = te(n), [p, w] = U(e), h = V(
+    (f) => {
+      const x = f.target.value;
+      w(x), u && u({ value: x, input: !0 });
     },
-    [c]
-  ), p = D(
-    (x) => {
-      const f = x.target.value;
-      w(f), c && c({ value: f });
+    [u]
+  ), v = V(
+    (f) => {
+      const x = f.target.value;
+      w(x), u && u({ value: x });
     },
-    [c]
-  ), v = C(null);
-  return E(() => {
-    const x = p, f = v.current;
-    return f.addEventListener("change", x), () => {
-      f && f.removeEventListener("change", x);
+    [u]
+  ), N = S(null);
+  return J(() => {
+    const f = v, x = N.current;
+    return x.addEventListener("change", f), () => {
+      x && x.removeEventListener("change", f);
     };
-  }, [p]), /* @__PURE__ */ l(
+  }, [v]), /* @__PURE__ */ r(
     "textarea",
     {
-      className: `wx-3yFVAC wx-textarea ${u ? "wx-error" : ""}`,
-      id: a,
-      disabled: r,
+      className: `wx-3yFVAC wx-textarea ${c} ${a ? "wx-error" : ""}`,
+      id: d,
+      disabled: i,
       placeholder: t,
-      readOnly: i,
+      readOnly: o,
       title: s,
-      value: o,
-      onInput: d,
-      ref: v
+      value: p,
+      onInput: h,
+      ref: N,
+      "data-tooltip-text": l
     }
   );
 }
-function re({
+function le({
   type: e = "",
   css: n = "",
   icon: t = "",
   disabled: s = !1,
-  title: r = "",
-  text: u = "",
-  children: i,
+  title: l = "",
+  tooltip: i,
+  text: a = "",
+  children: o,
   onClick: c
 }) {
-  const a = A(() => {
-    let w = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
-    return n + (n ? " " : "") + w;
-  }, [e, n]), o = (w) => {
-    c && c(w);
+  const u = E(() => {
+    let p = e ? e.split(" ").filter((w) => w !== "").map((w) => "wx-" + w).join(" ") : "";
+    return n + (n ? " " : "") + p;
+  }, [e, n]), d = (p) => {
+    c && c(p);
   };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ C(
     "button",
     {
-      title: r,
-      className: `wx-2ZWgb4 wx-button ${a} ${t && !i ? "wx-icon" : ""}`,
+      title: l,
+      className: `wx-2ZWgb4 wx-button ${u} ${t && !o ? "wx-icon" : ""}`,
       disabled: s,
-      onClick: o,
+      onClick: d,
+      "data-tooltip-text": i,
       children: [
-        t && /* @__PURE__ */ l("i", { className: "wx-2ZWgb4 " + t }),
-        i || u || " "
+        t && /* @__PURE__ */ r("i", { className: "wx-2ZWgb4 " + t }),
+        o || a || " "
       ]
     }
   );
 }
-function Ye({
+function Ze({
   id: e,
   label: n = "",
   inputValue: t = "",
   value: s = !1,
-  onChange: r,
-  disabled: u = !1,
-  style: i
+  onChange: l,
+  disabled: i = !1,
+  css: a = ""
 }) {
-  const c = z(e), [a, o] = J(s);
-  return /* @__PURE__ */ $("div", { style: i, className: "wx-2IvefP wx-checkbox", children: [
-    /* @__PURE__ */ l(
+  const o = te(e), [c, u] = U(s), d = ({ target: p }) => {
+    const w = p.checked;
+    u(w), l && l({ value: w, inputValue: t });
+  };
+  return /* @__PURE__ */ C("div", { className: `wx-2IvefP wx-checkbox ${a}`, children: [
+    /* @__PURE__ */ r(
       "input",
       {
         type: "checkbox",
-        id: c,
-        disabled: u,
+        id: o,
+        disabled: i,
         className: "wx-2IvefP wx-check",
-        checked: a,
+        checked: c,
         value: t,
-        onChange: ({ target: d }) => {
-          const p = d.checked;
-          o(p), r && r({ value: p, inputValue: t });
-        }
+        onChange: d
       }
     ),
-    /* @__PURE__ */ $("label", { htmlFor: c, className: "wx-2IvefP wx-label", children: [
-      /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-before" }),
-      n && /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-after", children: n })
+    /* @__PURE__ */ C("label", { htmlFor: o, className: "wx-2IvefP wx-label", children: [
+      /* @__PURE__ */ r("span", { className: "wx-2IvefP wx-before" }),
+      n && /* @__PURE__ */ r("span", { className: "wx-2IvefP wx-after", children: n })
     ] })
   ] });
 }
-function Qt({
+function Xt({
   options: e = [],
   value: n = [],
   type: t = "",
-  onChange: s
+  css: s = "",
+  onChange: l
 }) {
-  const r = D(
-    (u) => {
-      let i;
-      u.value ? i = [...n, u.inputValue] : i = n.filter((c) => c !== u.inputValue), s && s({ value: i });
+  const i = V(
+    (a) => {
+      let o;
+      a.value ? o = [...n, a.inputValue] : o = n.filter((c) => c !== a.inputValue), l && l({ value: o });
     },
-    [n, s]
+    [n, l]
   );
-  return /* @__PURE__ */ l(ue.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`}`, children: e.map((u) => /* @__PURE__ */ l("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ l(
-    Ye,
+  return /* @__PURE__ */ r(ue.Provider, { value: null, children: /* @__PURE__ */ r("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`} ${s}`, children: e.map((a) => /* @__PURE__ */ r("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ r(
+    Ze,
     {
-      label: u.label,
-      inputValue: u.id,
-      value: n.includes(u.id),
-      onChange: r
+      label: a.label,
+      inputValue: a.id,
+      value: n.includes(a.id),
+      onChange: i
     }
-  ) }, u.id)) }) });
+  ) }, a.id)) }) });
 }
-function nt({ theme: e = "", target: n, children: t }) {
-  const s = C(null), r = C(null), [u, i] = B(null);
+function Qe({ theme: e = "", target: n, children: t }) {
+  const s = S(null), l = S(null), [i, a] = O(null);
   s.current || (s.current = document.createElement("div"));
-  const c = K(ie);
-  return E(() => {
-    i(
-      n || rt(r.current) || pe.getTopNode(r.current)
+  const o = X(ie);
+  return J(() => {
+    a(
+      n || ot(l.current) || ge.getTopNode(l.current)
     );
-  }, [r.current]), /* @__PURE__ */ $(_, { children: [
-    /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
-    r.current && u ? tt(
-      /* @__PURE__ */ l(
+  }, [l.current]), /* @__PURE__ */ C(Q, { children: [
+    /* @__PURE__ */ r("span", { ref: l, style: { display: "none" } }),
+    l.current && i ? ct(
+      /* @__PURE__ */ r(
         "div",
         {
-          className: `wx-3ZWsT0 wx-${e || c}-theme`,
+          className: `wx-3ZWsT0 wx-${e || o}-theme`,
           children: t
         }
       ),
-      u
+      i
     ) : null
   ] });
 }
-function rt(e) {
-  const n = pe.getTopNode(e);
+function ot(e) {
+  const n = ge.getTopNode(e);
   for (; e && e !== n && !e.getAttribute("data-wx-portal-root"); )
     e = e.parentNode;
   return e;
 }
-function lt({
+function at({
   left: e = 0,
   top: n = 0,
   at: t = "bottom",
   parent: s = null,
-  width: r = "auto",
-  css: u = "",
-  onCancel: i,
-  children: c,
-  trackScroll: a = !1
+  width: l = "auto",
+  css: i = "",
+  onCancel: a,
+  children: o,
+  trackScroll: c = !1
 }) {
-  const [o, w] = B(0), [d, p] = B(0), [v, x] = B("auto"), [f, h] = B(!1), m = C(null), g = C(null), V = C(i);
-  E(() => {
-    V.current = i;
-  }, [i]);
-  function b(N) {
-    return s && (r + "").indexOf("%") > -1 ? r.replace(/(\d+)%/, (M, T) => (T = T * s.offsetWidth / 100 + "px", r.replace(M, T))) : r && r !== "auto" ? r : N;
+  const [u, d] = O(0), [p, w] = O(0), [h, v] = O("auto"), [N, f] = O(!1), x = S(null), m = S(null), g = S(a);
+  J(() => {
+    g.current = a;
+  }, [a]);
+  function T(b) {
+    return s && (l + "").indexOf("%") > -1 ? l.replace(/(\d+)%/, (y, A) => (A = A * s.offsetWidth / 100 + "px", l.replace(y, A))) : l && l !== "auto" ? l : b;
   }
-  const y = D(() => {
-    if (!m.current) return;
-    const N = Ze(m.current, s, t, e, n);
-    N && (w(N.x), p(N.y), x(b(N.width)));
-  }, [m, s, t, e, n, r]);
-  return me(() => {
-    const N = (M) => {
-      V.current && M.target !== g.current && m.current && !m.current.contains(M.target) && V.current(M);
+  const k = V(() => {
+    if (!x.current) return;
+    const b = We(x.current, s, t, e, n);
+    b && (d(b.x), w(b.y), v(T(b.width)));
+  }, [x, s, t, e, n, l]);
+  return pe(() => {
+    const b = (A) => {
+      g.current && A.target !== m.current && x.current && !x.current.contains(A.target) && g.current(A);
     };
+    let y;
     return requestAnimationFrame(() => {
-      y(), h(!0), a && m.current && (g.current = ze(m.current), g.current && g.current.addEventListener("scroll", N, !0));
+      k(), f(!0), c && x.current && (m.current = Ye(x.current), m.current && m.current.addEventListener("scroll", b, !0)), s && (y = new ResizeObserver(k), y.observe(s));
     }), () => {
-      a && g.current && g.current.removeEventListener("scroll", N, !0);
+      c && m.current && m.current.removeEventListener("scroll", b, !0), y?.disconnect();
     };
-  }, []), me(() => {
-    y();
-  }, [s, t, e, n]), E(() => {
-    const N = (M) => {
-      V.current && V.current(M);
+  }, []), pe(() => {
+    k();
+  }, [s, t, e, n]), J(() => {
+    const b = (y) => {
+      g.current && g.current(y);
     };
-    if (m.current)
-      return ve(m.current, N).destroy;
-  }, []), /* @__PURE__ */ l(
+    if (x.current)
+      return Ne(x.current, { callback: b, parent: () => s }).destroy;
+  }, [s]), /* @__PURE__ */ r(
     "div",
     {
-      ref: m,
-      className: ["wx-37M6Fj", "wx-popup", u].filter(Boolean).join(" "),
+      ref: x,
+      className: ["wx-37M6Fj", "wx-popup", i].filter(Boolean).join(" "),
       style: {
         position: "absolute",
-        visibility: f ? "visible" : "hidden",
-        top: d + "px",
-        left: o + "px",
-        width: v
+        visibility: N ? "visible" : "hidden",
+        top: p + "px",
+        left: u + "px",
+        width: h
       },
-      children: c
+      children: o
     }
   );
 }
-function ct({
+function it({
   position: e = "bottom",
   align: n = "start",
   autoFit: t = !0,
   onCancel: s = null,
-  width: r = "100%",
-  css: u = "",
-  children: i
+  width: l = "100%",
+  css: i = "",
+  children: a
 }) {
-  const c = C(null), [a, o] = B(e), [w, d] = B(n), p = C(s);
-  return E(() => {
-    p.current = s;
-  }, [s]), E(() => {
+  const o = S(null), [c, u] = O(e), [d, p] = O(n), w = S(s);
+  return J(() => {
+    w.current = s;
+  }, [s]), J(() => {
     if (t) {
-      const v = c.current;
-      if (v) {
-        const x = v.getBoundingClientRect(), f = document.body.getBoundingClientRect();
-        x.right >= f.right && d("end"), x.bottom >= f.bottom && o("top");
+      const h = o.current;
+      if (h) {
+        const v = h.getBoundingClientRect(), N = document.body.getBoundingClientRect();
+        v.right >= N.right && p("end"), v.bottom >= N.bottom && u("top");
       }
     }
-  }, []), E(() => {
-    if (c.current) {
-      const v = (x) => {
-        p.current && p.current(x);
+  }, []), J(() => {
+    if (o.current) {
+      const h = (v) => {
+        w.current && w.current(v);
       };
-      return ve(c.current, v).destroy;
+      return Ne(o.current, h).destroy;
     }
-  }, []), /* @__PURE__ */ l(
+  }, []), /* @__PURE__ */ r(
     "div",
     {
-      ref: c,
+      ref: o,
       className: [
         "wx-dropdown",
-        `wx-${a}-${w}`,
-        u || "",
+        `wx-${c}-${d}`,
+        i || "",
         "wx-aaaVytZW"
       ].filter(Boolean).join(" "),
-      style: { width: r },
-      children: i
+      style: { width: l },
+      children: a
     }
   );
 }
-function le({
+function se({
   position: e = "bottom",
   align: n = "start",
   autoFit: t = !0,
   inline: s = !1,
-  onCancel: r,
-  width: u = "100%",
-  children: i,
-  ...c
+  onCancel: l,
+  width: i = "100%",
+  children: a,
+  ...o
 }) {
-  const [a, o] = B(void 0), w = C(null), d = A(() => `${e}-${n}`, [e, n]);
-  return me(() => {
-    w.current && o(w.current.parentNode);
-  }, []), /* @__PURE__ */ $(_, { children: [
-    a && (s ? /* @__PURE__ */ l(
-      ct,
+  const [c, u] = O(void 0), d = S(null), p = E(() => `${e}-${n}`, [e, n]);
+  return pe(() => {
+    d.current && u(d.current.parentNode);
+  }, []), /* @__PURE__ */ C(Q, { children: [
+    c && (s ? /* @__PURE__ */ r(
+      it,
       {
-        onCancel: r,
+        onCancel: l,
         position: e,
         align: n,
         autoFit: t,
-        width: u,
-        ...c,
-        children: i
+        width: i,
+        ...o,
+        children: a
       }
-    ) : /* @__PURE__ */ l(nt, { children: /* @__PURE__ */ l(lt, { parent: a, at: d, onCancel: r, width: u, ...c, children: i }) })),
-    /* @__PURE__ */ l("span", { ref: w, className: "wx-portal-node wx-32GZ52" })
+    ) : /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(at, { parent: c, at: p, onCancel: l, width: i, ...o, children: a }) })),
+    /* @__PURE__ */ r("span", { ref: d, className: "wx-portal-node wx-32GZ52" })
   ] });
 }
-const st = [
+const ut = [
   "#00a037",
   "#37a9ef",
   "#f5a623",
@@ -309,93 +316,103 @@ const st = [
   "#000000",
   "#ffffff"
 ];
-function qt({
-  colors: e = st,
+function en({
+  colors: e = ut,
   value: n = "",
   onChange: t,
   id: s,
-  clear: r = !1,
-  placeholder: u = "",
-  title: i = "",
+  clear: l = !1,
+  placeholder: i = "",
+  title: a = "",
+  tooltip: o,
   disabled: c = !1,
-  error: a = !1,
-  dropdown: o = {}
+  error: u = !1,
+  css: d = "",
+  dropdown: p = {}
 }) {
-  const w = z(s), [d, p] = B(n), [v, x] = B(!1), f = D(
-    (g, V) => {
-      g.stopPropagation(), p(V), x(!1), t && t({ value: V });
+  const w = te(s), [h, v] = O(n), [N, f] = O(!1), x = V(
+    (T, k) => {
+      T.stopPropagation(), v(k), f(!1), t && t({ value: k });
     },
     [t]
-  ), h = D(
-    (g) => {
-      g.stopPropagation(), p(""), t && t({ value: "" });
+  ), m = V(
+    (T) => {
+      T.stopPropagation(), v(""), t && t({ value: "" });
     },
     [t]
-  ), m = D(() => {
+  ), g = V(() => {
     if (c) return !1;
-    x(!0);
+    f(!0);
   }, [c]);
-  return /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colorselect", onClick: m, children: [
-    /* @__PURE__ */ l(
-      "input",
-      {
-        className: "wx-121TgJ wx-input" + (a ? " wx-error" : "") + (v ? " wx-focus" : ""),
-        title: i,
-        value: d,
-        readOnly: !0,
-        id: w,
-        placeholder: u,
-        disabled: c
-      }
-    ),
-    r && d && !c && /* @__PURE__ */ l("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: h }),
-    d ? /* @__PURE__ */ l(
-      "div",
-      {
-        className: "wx-121TgJ wx-color wx-selected",
-        style: { backgroundColor: d || "#00a037" }
-      }
-    ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
-    v && /* @__PURE__ */ l(le, { onCancel: () => x(!1), ...o, children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
-      /* @__PURE__ */ l(
-        "div",
-        {
-          className: "wx-121TgJ wx-empty",
-          onClick: (g) => f(g, "")
-        }
-      ),
-      e.map((g, V) => /* @__PURE__ */ l(
-        "div",
-        {
-          className: "wx-121TgJ wx-color",
-          style: { backgroundColor: g },
-          onClick: (b) => f(b, g)
-        },
-        V
-      ))
-    ] }) })
-  ] });
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: "wx-121TgJ wx-colorselect " + d,
+      onClick: g,
+      "data-tooltip-text": o,
+      children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            className: "wx-121TgJ wx-input" + (u ? " wx-error" : "") + (N ? " wx-focus" : ""),
+            title: a,
+            value: h,
+            readOnly: !0,
+            id: w,
+            placeholder: i,
+            disabled: c
+          }
+        ),
+        l && h && !c && /* @__PURE__ */ r("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: m }),
+        h ? /* @__PURE__ */ r(
+          "div",
+          {
+            className: "wx-121TgJ wx-color wx-selected",
+            style: { backgroundColor: h || "#00a037" }
+          }
+        ) : /* @__PURE__ */ r("div", { className: "wx-121TgJ wx-empty wx-selected" }),
+        N && /* @__PURE__ */ r(se, { onCancel: () => f(!1), ...p, children: /* @__PURE__ */ C("div", { className: "wx-121TgJ wx-colors", children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: "wx-121TgJ wx-empty",
+              onClick: (T) => x(T, "")
+            }
+          ),
+          e.map((T, k) => /* @__PURE__ */ r(
+            "div",
+            {
+              className: "wx-121TgJ wx-color",
+              style: { backgroundColor: T },
+              onClick: (b) => x(b, T)
+            },
+            k
+          ))
+        ] }) })
+      ]
+    }
+  );
 }
-function be(e, n) {
-  const t = e.firstChild, { moveBlockSlider: s, moveLineSlider: r } = n || {};
-  function u(a) {
-    i(a), t.focus(), window.addEventListener("mousemove", i), window.addEventListener("mouseup", c);
+function $e(e, n) {
+  const t = e.firstChild, { moveBlockSlider: s, moveLineSlider: l } = n || {};
+  function i(c) {
+    a(c), t.focus(), window.addEventListener("mousemove", a), window.addEventListener("mouseup", o);
   }
-  function i(a) {
-    let o, w, d, p;
-    const v = e.getBoundingClientRect();
-    o = v.left, w = v.top, d = a.clientX - o, p = a.clientY - w, s && n.moveBlockSlider(d, p), r && n.moveLineSlider(d);
+  function a(c) {
+    let u, d, p, w;
+    const h = e.getBoundingClientRect();
+    u = h.left, d = h.top, p = c.clientX - u, w = c.clientY - d, s && n.moveBlockSlider(p, w), l && n.moveLineSlider(p);
   }
-  function c() {
-    t.blur(), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", c);
+  function o() {
+    t.blur(), window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", o);
   }
-  return e.addEventListener("mousedown", u), {
+  return e.addEventListener("mousedown", i), {
     destroy() {
-      e.removeEventListener("mousedown", u);
+      e.removeEventListener("mousedown", i);
     }
   };
 }
-const se = {
+const ce = {
   _toHex: [
     "0",
     "1",
@@ -433,38 +450,38 @@ const se = {
   hexToRgb(e) {
     e = e.charAt(0) === "#" ? e.slice(1) : e;
     const n = e.match(/.{1,2}/g);
-    let [t, s, r] = n;
-    return t = this.hexToDec(t), s = this.hexToDec(s), r = this.hexToDec(r), [t, s, r];
+    let [t, s, l] = n;
+    return t = this.hexToDec(t), s = this.hexToDec(s), l = this.hexToDec(l), [t, s, l];
   },
   hsvToRgb(e, n, t) {
-    let s, r, u, i, c, a, o, w;
-    switch (s = Math.floor(e / 60) % 6, r = e / 60 - s, u = t * (1 - n), i = t * (1 - r * n), c = t * (1 - (1 - r) * n), a = 0, o = 0, w = 0, s) {
+    let s, l, i, a, o, c, u, d;
+    switch (s = Math.floor(e / 60) % 6, l = e / 60 - s, i = t * (1 - n), a = t * (1 - l * n), o = t * (1 - (1 - l) * n), c = 0, u = 0, d = 0, s) {
       case 0:
-        a = t, o = c, w = u;
+        c = t, u = o, d = i;
         break;
       case 1:
-        a = i, o = t, w = u;
+        c = a, u = t, d = i;
         break;
       case 2:
-        a = u, o = t, w = c;
+        c = i, u = t, d = o;
         break;
       case 3:
-        a = u, o = i, w = t;
+        c = i, u = a, d = t;
         break;
       case 4:
-        a = c, o = u, w = t;
+        c = o, u = i, d = t;
         break;
       case 5:
-        a = t, o = u, w = i;
+        c = t, u = i, d = a;
         break;
     }
-    return a = Math.floor(a * 255), o = Math.floor(o * 255), w = Math.floor(w * 255), [a, o, w];
+    return c = Math.floor(c * 255), u = Math.floor(u * 255), d = Math.floor(d * 255), [c, u, d];
   },
   rgbToHsv(e, n, t) {
-    let s, r, u;
+    let s, l, i;
     e /= 255, n /= 255, t /= 255;
-    let i = Math.min(e, n, t), c = Math.max(e, n, t);
-    return r = 0, s = c === 0 ? 0 : 1 - i / c, u = c, c === i ? r = 0 : c === e && n >= t ? r = 60 * (n - t) / (c - i) + 0 : c === e && n < t ? r = 60 * (n - t) / (c - i) + 360 : c === n ? r = 60 * (t - e) / (c - i) + 120 : c === t && (r = 60 * (e - n) / (c - i) + 240), [r, s, u];
+    let a = Math.min(e, n, t), o = Math.max(e, n, t);
+    return l = 0, s = o === 0 ? 0 : 1 - a / o, i = o, o === a ? l = 0 : o === e && n >= t ? l = 60 * (n - t) / (o - a) + 0 : o === e && n < t ? l = 60 * (n - t) / (o - a) + 360 : o === n ? l = 60 * (t - e) / (o - a) + 120 : o === t && (l = 60 * (e - n) / (o - a) + 240), [l, s, i];
   },
   hexToHvs(e) {
     const n = this.hexToRgb(e);
@@ -474,83 +491,84 @@ const se = {
     const s = this.hsvToRgb(e, n, t);
     return "#" + this.rgbToHex(s).toUpperCase();
   }
-}, at = (e) => /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
-function De(e) {
-  return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), at(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
+}, dt = (e) => /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
+function Te(e) {
+  return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), dt(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
 }
-function X() {
-  return Ae(We);
+function ne() {
+  return je(_e);
 }
 const Ve = "Block", Re = "Line";
-function ot({
+function ft({
   value: e = "#65D3B3",
   button: n = !1,
-  onChange: t
+  css: t = "",
+  onChange: s
 }) {
-  const s = (K(q) || X()).getGroup("core"), r = C(null), u = C(null), [i, c] = B(), [a, o] = B(), [w, d] = B(), [p, v] = B(), [x, f] = J(e), [h, m] = B(e), g = C(null), V = C(null), b = A(() => De(x) || "#65D3B3", [x]), y = A(
-    () => se.hvsToHex(w || 0, 1, 1),
-    [w]
-  ), N = D(
-    (L, P) => {
-      const { width: S, height: O } = r.current.getBoundingClientRect();
-      P < 0 ? P = 0 : P > O && (P = O), L < 0 ? L = 0 : L > S && (L = S), c(P), o(L);
-      let U, Y;
-      const I = S / 100, G = O / 100;
-      U = Math.ceil(L / I) / 100, Y = Math.ceil(Math.abs(P / G - 100)) / 100;
-      const Q = se.hvsToHex(
-        w,
-        U,
-        Y
+  const l = (X(K) || ne()).getGroup("core"), i = S(null), a = S(null), [o, c] = O(), [u, d] = O(), [p, w] = O(), [h, v] = O(), [N, f] = U(e), [x, m] = O(e), g = S(null), T = S(null), k = E(() => Te(N) || "#65D3B3", [N]), b = E(
+    () => ce.hvsToHex(p || 0, 1, 1),
+    [p]
+  ), y = V(
+    (L, B) => {
+      const { width: _, height: Z } = i.current.getBoundingClientRect();
+      B < 0 ? B = 0 : B > Z && (B = Z), L < 0 ? L = 0 : L > _ && (L = _), c(B), d(L);
+      let F, j;
+      const I = _ / 100, $ = Z / 100;
+      F = Math.ceil(L / I) / 100, j = Math.ceil(Math.abs(B / $ - 100)) / 100;
+      const M = ce.hvsToHex(
+        p,
+        F,
+        j
       );
-      f(Q), m(Q), t && t({ value: Q, input: !0 });
+      f(M), m(M), s && s({ value: M, input: !0 });
     },
-    [b, w, t]
-  ), M = D(
+    [k, p, s]
+  ), A = V(
     (L) => {
-      const P = u.current.getBoundingClientRect().width;
-      L < 0 ? L = 0 : L > P && (L = P);
-      const S = Math.round(L * 359 / P), O = Math.max(Math.min(S, 359), 0);
-      d(O), v(L);
-      let U, Y;
-      [, U, Y] = se.hexToHvs(b);
-      const I = se.hvsToHex(O, U, Y);
-      f(I), m(I), t && t({ value: I, input: !0 });
+      const B = a.current.getBoundingClientRect().width;
+      L < 0 ? L = 0 : L > B && (L = B);
+      const _ = Math.round(L * 359 / B), Z = Math.max(Math.min(_, 359), 0);
+      w(Z), v(L);
+      let F, j;
+      [, F, j] = ce.hexToHvs(k);
+      const I = ce.hvsToHex(Z, F, j);
+      f(I), m(I), s && s({ value: I, input: !0 });
     },
-    [b, t]
+    [k, s]
   );
-  g.current = N, V.current = M;
-  const T = D((L) => {
-    const [P, S, O] = se.hexToHvs(L || b);
-    if (d(P), r.current) {
-      const { width: U, height: Y } = r.current.getBoundingClientRect();
-      u.current && v(
-        P * u.current.getBoundingClientRect().width / 359
-      ), o(S * U), c(Math.abs(Y * (O - 1)));
+  g.current = y, T.current = A;
+  const P = V((L) => {
+    const [B, _, Z] = ce.hexToHvs(L || k);
+    if (w(B), i.current) {
+      const { width: F, height: j } = i.current.getBoundingClientRect();
+      a.current && v(
+        B * a.current.getBoundingClientRect().width / 359
+      ), d(_ * F), c(Math.abs(j * (Z - 1)));
     }
-  }, [b]), R = D(
+  }, [k]), R = V(
     ({ target: L }) => {
-      const P = De(L.value);
-      m(L.value), P && (f(P), t && t({ value: P, input: !0 }), T(P));
+      const B = Te(L.value);
+      m(L.value), B && (f(B), s && s({ value: B, input: !0 }), P(B));
     },
-    [t, T]
-  ), F = D(
+    [s, P]
+  ), Y = V(
     (L) => {
-      L.stopPropagation(), t && t({ value: b });
+      L.stopPropagation(), s && s({ value: k });
     },
-    [b, t]
-  ), j = D(
+    [k, s]
+  ), G = V(
     (L) => {
-      const P = L.target, S = P.getAttribute("data-slider") === Ve, O = P.getAttribute("data-slider") === Re;
-      let U = window.getComputedStyle(P), Y = parseFloat(U.left), I = parseFloat(U.top);
-      const G = L.code;
-      if (S) {
-        switch (G) {
+      const B = L.target, _ = B.getAttribute("data-slider") === Ve, Z = B.getAttribute("data-slider") === Re;
+      let F = window.getComputedStyle(B), j = parseFloat(F.left), I = parseFloat(F.top);
+      const $ = L.code;
+      if (_) {
+        switch ($) {
           case "ArrowLeft": {
-            Y--;
+            j--;
             break;
           }
           case "ArrowRight": {
-            Y++;
+            j++;
             break;
           }
           case "ArrowDown": {
@@ -564,788 +582,804 @@ function ot({
           default:
             return;
         }
-        N(Y, I);
+        y(j, I);
       }
-      if (O) {
-        if (G === "ArrowLeft" || G === "ArrowDown") Y--;
-        else if (G === "ArrowRight" || G === "ArrowUp") Y++;
+      if (Z) {
+        if ($ === "ArrowLeft" || $ === "ArrowDown") j--;
+        else if ($ === "ArrowRight" || $ === "ArrowUp") j++;
         else return;
-        M(Y);
+        A(j);
       }
       L.preventDefault();
     },
-    [N, M]
+    [y, A]
   );
-  E(() => {
+  J(() => {
     const L = [];
-    return r.current && L.push(
-      be(r.current, {
-        moveBlockSlider: (P, S) => {
-          g.current?.(P, S);
+    return i.current && L.push(
+      $e(i.current, {
+        moveBlockSlider: (B, _) => {
+          g.current?.(B, _);
         }
       }).destroy
-    ), u.current && L.push(
-      be(u.current, {
-        moveLineSlider: (P) => {
-          V.current?.(P);
+    ), a.current && L.push(
+      $e(a.current, {
+        moveLineSlider: (B) => {
+          T.current?.(B);
         }
       }).destroy
-    ), requestAnimationFrame(() => T()), () => {
-      L.forEach((P) => P());
+    ), requestAnimationFrame(() => P()), () => {
+      L.forEach((B) => B());
     };
   }, []);
-  const H = "wx-1yoKzq";
-  return /* @__PURE__ */ $("div", { className: H + " wx-colorboard", children: [
-    /* @__PURE__ */ l(
+  const W = "wx-1yoKzq";
+  return /* @__PURE__ */ C("div", { className: W + " wx-colorboard " + t, children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: H + " wx-color-block",
-        style: { background: y },
-        ref: r,
-        children: /* @__PURE__ */ l(
+        className: W + " wx-color-block",
+        style: { background: b },
+        ref: i,
+        children: /* @__PURE__ */ r(
           "div",
           {
-            className: H + " wx-color-block-slider wx-slider",
+            className: W + " wx-color-block-slider wx-slider",
             style: {
-              background: b,
-              top: i + "px",
-              left: a + "px"
+              background: k,
+              top: o + "px",
+              left: u + "px"
             },
             tabIndex: 0,
             "data-slider": Ve,
-            onKeyDown: j
+            onKeyDown: G
           }
         )
       }
     ),
-    /* @__PURE__ */ l("div", { className: H + " wx-color-line", ref: u, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ r("div", { className: W + " wx-color-line", ref: a, children: /* @__PURE__ */ r(
       "div",
       {
-        className: H + " wx-color-line-slider wx-slider",
-        style: { background: y, left: p + "px" },
+        className: W + " wx-color-line-slider wx-slider",
+        style: { background: b, left: h + "px" },
         tabIndex: 0,
         "data-slider": Re,
-        onKeyDown: j
+        onKeyDown: G
       }
     ) }),
-    /* @__PURE__ */ $("div", { className: H + " wx-color-controls", children: [
-      /* @__PURE__ */ l(
+    /* @__PURE__ */ C("div", { className: W + " wx-color-controls", children: [
+      /* @__PURE__ */ r(
         "div",
         {
-          className: H + " wx-color",
-          style: { background: b }
+          className: W + " wx-color",
+          style: { background: k }
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "input",
         {
           type: "text",
-          className: H + " wx-text",
-          value: h,
+          className: W + " wx-text",
+          value: x,
           onChange: R
         }
       )
     ] }),
-    n && /* @__PURE__ */ l(re, { onClick: F, type: "secondary", children: s("select") })
+    n && /* @__PURE__ */ r(le, { onClick: Y, type: "secondary", children: l("select") })
   ] });
 }
-function Kt({
+function tn({
   value: e = "",
   id: n,
   placeholder: t = "",
   title: s = "",
-  disabled: r = !1,
-  error: u = !1,
-  clear: i = !1,
-  onChange: c,
-  dropdown: a = {}
+  tooltip: l,
+  disabled: i = !1,
+  error: a = !1,
+  clear: o = !1,
+  css: c = "",
+  onChange: u,
+  dropdown: d = {}
 }) {
-  const o = z(n);
-  let [w, d] = J(e);
-  const [p, v] = B(!1);
-  function x() {
-    if (r) return !1;
-    v(!0);
+  const p = te(n);
+  let [w, h] = U(e);
+  const [v, N] = O(!1);
+  function f() {
+    if (i) return !1;
+    N(!0);
   }
-  function f(m) {
-    if (m.input) return;
-    v(!1);
-    const g = m.value;
-    d(g), c && c({ value: g });
+  function x(g) {
+    if (g.input) return;
+    N(!1);
+    const T = g.value;
+    h(T), u && u({ value: T });
   }
-  function h(m) {
-    m.stopPropagation(), d(""), c && c({ value: "" });
+  function m(g) {
+    g.stopPropagation(), h(""), u && u({ value: "" });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-mmT8WH wx-colorpicker", onClick: x, children: [
-    /* @__PURE__ */ l(
-      "input",
-      {
-        className: "wx-mmT8WH wx-input" + (u ? " wx-error" : "") + (p ? " wx-focus" : ""),
-        title: s,
-        value: w,
-        readOnly: !0,
-        id: o,
-        placeholder: t,
-        disabled: r
-      }
-    ),
-    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: w } }),
-    i && !r && w && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: h }),
-    p && /* @__PURE__ */ l(le, { onCancel: () => v(!1), ...a, children: /* @__PURE__ */ l(ot, { value: w, button: "true", onChange: f }) })
-  ] });
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: "wx-mmT8WH wx-colorpicker " + c,
+      onClick: f,
+      "data-tooltip-text": l,
+      children: [
+        /* @__PURE__ */ r(
+          "input",
+          {
+            className: "wx-mmT8WH wx-input" + (a ? " wx-error" : "") + (v ? " wx-focus" : ""),
+            title: s,
+            value: w,
+            readOnly: !0,
+            id: p,
+            placeholder: t,
+            disabled: i
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "wx-mmT8WH wx-color", style: { background: w } }),
+        o && !i && w && /* @__PURE__ */ r("i", { className: "wx-mmT8WH wxi-close", onClick: m }),
+        v && /* @__PURE__ */ r(se, { onCancel: () => N(!1), ...d, children: /* @__PURE__ */ r(ft, { value: w, button: "true", onChange: x }) })
+      ]
+    }
+  );
 }
-function it() {
-  let e = null, n = !1, t = !1, s, r, u, i;
-  const c = (v, x, f, h, m) => {
-    s = v, r = x, u = f, i = h, t = m;
-  }, a = (v) => {
-    e = v, n = e !== null, u(e);
-  }, o = (v, x) => {
-    if (!t && v !== null && s) {
-      const f = s.querySelectorAll(".wx-list > .wx-item")[v];
-      f && (f.scrollIntoView({ block: "nearest" }), x && x.preventDefault());
+function wt() {
+  let e = null, n = !1, t = !1, s, l, i, a;
+  const o = (h, v, N, f, x) => {
+    s = h, l = v, i = N, a = f, t = x;
+  }, c = (h) => {
+    e = h, n = e !== null, i(e);
+  }, u = (h, v) => {
+    if (!t && h !== null && s) {
+      const N = s.querySelectorAll(".wx-list > .wx-item")[h];
+      N && (N.scrollIntoView({ block: "nearest" }), v && v.preventDefault());
     }
-  }, w = (v, x) => {
-    const f = v === null ? null : Math.max(0, Math.min(e + v, r.length - 1));
-    f !== e && (a(f), s ? o(f, x) : requestAnimationFrame(() => o(f, x)));
+  }, d = (h, v) => {
+    const N = h === null ? null : Math.max(0, Math.min(e + h, l.length - 1));
+    N !== e && (c(N), s ? u(N, v) : requestAnimationFrame(() => u(N, v)));
   };
-  return { move: (v) => {
-    const x = Xe(v), f = r.findIndex((h) => h.id === x);
-    f !== e && a(f);
-  }, keydown: (v, x) => {
-    switch (v.code) {
+  return { move: (h) => {
+    const v = lt(h), N = l.findIndex((f) => f.id === v);
+    N !== e && c(N);
+  }, keydown: (h, v) => {
+    switch (h.code) {
       case "Enter":
-        n ? i() : a(0);
+        n ? a() : c(0);
         break;
       case "Space":
-        n || a(0);
+        n || c(0);
         break;
       case "Escape":
-        u(e = null);
+        i(e = null);
         break;
       case "Tab":
-        u(e = null);
+        i(e = null);
         break;
       case "ArrowDown":
-        w(n ? 1 : x || 0, v);
+        d(n ? 1 : v || 0, h);
         break;
       case "ArrowUp":
-        w(n ? -1 : x || 0, v);
+        d(n ? -1 : v || 0, h);
         break;
     }
-  }, init: c, navigate: w };
+  }, init: o, navigate: d };
 }
-const Te = 10, ut = Ue(function({ data: n, checkboxes: t, children: s, value: r }) {
-  return /* @__PURE__ */ $(_, { children: [
-    t && /* @__PURE__ */ l(
-      Ye,
+const Me = 10, xt = Xe(function({ data: n, checkboxes: t, itemTemplate: s, value: l }) {
+  return /* @__PURE__ */ C(Q, { children: [
+    t && /* @__PURE__ */ r(
+      Ze,
       {
         id: n.id,
-        style: { marginRight: "8px", pointerEvents: "none" },
-        value: r && r.includes(n.id)
+        css: "wx-list-checkbox",
+        value: l && l.includes(n.id)
       }
     ),
-    s ? ae(s, { option: n }) : n.label
+    s ? oe(s, { option: n }) : n.label
   ] });
 });
-function $e({
+function Ie({
   visibleItems: e,
   visibleRange: n,
   navIndex: t,
   checkboxes: s,
-  children: r,
-  value: u,
-  measureRefCallback: i
+  itemTemplate: l,
+  value: i,
+  measureRefCallback: a
 }) {
-  return e.map((c, a) => {
-    const o = n.start + a;
-    return /* @__PURE__ */ l(
+  return e.map((o, c) => {
+    const u = n.start + c;
+    return /* @__PURE__ */ r(
       "div",
       {
-        ref: a === 0 ? i : void 0,
-        className: `wx-233fr7 wx-item ${o === t ? "wx-focus" : ""}`,
-        "data-id": c.id,
-        children: /* @__PURE__ */ l(
-          ut,
+        ref: c === 0 ? a : void 0,
+        className: `wx-233fr7 wx-item ${u === t ? "wx-focus" : ""}`,
+        "data-id": o.id,
+        children: /* @__PURE__ */ r(
+          xt,
           {
-            data: c,
+            data: o,
             checkboxes: s,
-            children: r,
-            value: u
+            itemTemplate: l,
+            value: i
           }
         )
       },
-      c.id
+      o.id
     );
   });
 }
-function ge({
+function ke({
   items: e = [],
   children: n,
   onSelect: t,
   onReady: s,
-  virtualized: r = !1,
-  checkboxes: u,
-  multiselect: i,
-  value: c,
-  ...a
+  virtualized: l = !1,
+  checkboxes: i,
+  multiselect: a,
+  value: o,
+  ...c
 }) {
-  const o = C(), w = C(!1), d = C(it()), [p, v] = B(null), x = C(p), [f, h] = B(0), [m, g] = B(24), V = C(!1), b = (K(q) || X()).getGroup("core"), y = C(e);
-  E(() => {
-    y.current = e;
+  const u = S(), d = S(!1), p = S(wt()), [w, h] = O(null), v = S(w), [N, f] = O(0), [x, m] = O(24), g = S(!1), T = (X(K) || ne()).getGroup("core"), k = S(e);
+  J(() => {
+    k.current = e;
   }, [e]);
-  const N = C(c);
-  E(() => {
-    N.current = c;
-  }, [c]);
-  const M = C(0);
-  E(() => {
-    M.current = m;
-  }, [m]);
-  const T = D((k) => {
-    k && k.stopPropagation();
-    const W = y.current, Z = N.current, ce = x.current;
-    let ee;
-    const te = W[ce]?.id;
-    i ? Z && Z.includes(te) ? ee = Z.filter((we) => we !== te) : ee = [...Z || [], te] : ee = te, t && t({ id: ee });
-  }, [i, t]), R = C(T);
-  E(() => {
-    R.current = T;
-  }, [T]);
-  const F = D((k) => {
-    if (o.current) {
-      let W = k * M.current - o.current.clientHeight + M.current;
-      h(W), o.current.scrollTop = W;
+  const b = S(o);
+  J(() => {
+    b.current = o;
+  }, [o]);
+  const y = S(0);
+  J(() => {
+    y.current = x;
+  }, [x]);
+  const A = V((M) => {
+    M && M.stopPropagation();
+    const D = k.current, H = b.current, ee = v.current;
+    let z;
+    const q = D[ee]?.id;
+    a ? H && H.includes(q) ? z = H.filter((we) => we !== q) : z = [...H || [], q] : z = q, t && t({ id: z });
+  }, [a, t]), P = S(A);
+  J(() => {
+    P.current = A;
+  }, [A]);
+  const R = V((M) => {
+    if (u.current) {
+      let D = M * y.current - u.current.clientHeight + y.current;
+      f(D), u.current.scrollTop = D;
     }
-  }, [M.current]), j = D(
-    (k) => {
-      o.current = k, r && (k && !w.current && x.current !== null && requestAnimationFrame(() => {
-        o.current && (F(x.current), w.current = !0);
-      }), k || (w.current = !1));
+  }, [y.current]), Y = V(
+    (M) => {
+      u.current = M, l && (M && !d.current && v.current !== null && requestAnimationFrame(() => {
+        u.current && (R(v.current), d.current = !0);
+      }), M || (d.current = !1));
     },
-    [F]
-  ), H = D((k) => {
-    if (!k || V.current) return;
-    const W = k.getBoundingClientRect().height;
-    W && (g(W), M.current = W, V.current = !0);
+    [R]
+  ), G = V((M) => {
+    if (!M || g.current) return;
+    const D = M.getBoundingClientRect().height;
+    D && (m(D), y.current = D, g.current = !0);
   }, []);
-  E(() => {
-    d.current.init(
-      o.current,
+  J(() => {
+    p.current.init(
+      u.current,
       e,
-      (k) => {
-        v(k), x.current = k;
+      (M) => {
+        h(M), v.current = M;
       },
-      (k) => R.current(k),
-      r
+      (M) => P.current(M),
+      l
     );
-  }, [e, o.current, r]), E(() => {
-    const k = (Z, ce) => {
-      d.current.navigate(Z, ce), F(x.current);
-    }, W = (Z, ce) => {
-      const ee = x.current, te = y.current;
-      if (ee !== 0 && ee !== te.length - 1 && (Z.key === "ArrowDown" || Z.key === "ArrowUp") && Z.preventDefault(), d.current.keydown(Z, ce), o.current) {
-        const we = o.current.scrollTop <= x.current * M.current, Ge = o.current.scrollTop + o.current.clientHeight >= x.current * M.current + M.current;
-        we ? Ge || F(x.current) : (o.current.scrollTop = x.current * M.current, h(o.current.scrollTop));
+  }, [e, u.current, l]), J(() => {
+    const M = (H, ee) => {
+      p.current.navigate(H, ee), R(v.current);
+    }, D = (H, ee) => {
+      const z = v.current, q = k.current;
+      if (z !== 0 && z !== q.length - 1 && (H.key === "ArrowDown" || H.key === "ArrowUp") && H.preventDefault(), p.current.keydown(H, ee), u.current) {
+        const we = u.current.scrollTop <= v.current * y.current, Ke = u.current.scrollTop + u.current.clientHeight >= v.current * y.current + y.current;
+        we ? Ke || R(v.current) : (u.current.scrollTop = v.current * y.current, f(u.current.scrollTop));
       }
     };
     s && s({
-      navigate: r ? k : d.current.navigate,
-      keydown: r ? W : d.current.keydown,
-      move: d.current.move
+      navigate: l ? M : p.current.navigate,
+      keydown: l ? D : p.current.keydown,
+      move: p.current.move
     });
   }, []);
-  const L = C(0), P = C(e);
-  P.current !== e && (P.current = e, L.current += 1);
-  const S = D(() => {
-    d.current.navigate(null);
-  }, [d]), O = D((k) => {
-    r && h(k.target.scrollTop);
-  }, [r]), U = A(
-    () => Math.ceil((o.current?.clientHeight || 0) / m),
-    [m, f]
-  ), Y = A(() => {
-    if (!r) return { start: 0, end: e.length };
+  const W = S(0), L = S(e);
+  L.current !== e && (L.current = e, W.current += 1);
+  const B = V(() => {
+    p.current.navigate(null);
+  }, [p]), _ = V((M) => {
+    l && f(M.target.scrollTop);
+  }, [l]), Z = E(
+    () => Math.ceil((u.current?.clientHeight || 0) / x),
+    [x, N]
+  ), F = E(() => {
+    if (!l) return { start: 0, end: e.length };
     if (!e.length) return { start: 0, end: 0 };
-    const k = Math.floor(f / m), W = k + U;
+    const M = Math.floor(N / x), D = M + Z;
     return {
-      start: Math.max(0, k - Te),
-      end: Math.min(e.length, W + Te)
+      start: Math.max(0, M - Me),
+      end: Math.min(e.length, D + Me)
     };
-  }, [r, e, f, m, U]), I = A(() => {
-    if (!r) return e;
-    const { start: k, end: W } = Y;
-    return e.slice(k, W).map((Z) => ({
-      ...Z
+  }, [l, e, N, x, Z]), j = E(() => {
+    if (!l) return e;
+    const { start: M, end: D } = F;
+    return e.slice(M, D).map((H) => ({
+      ...H
     }));
-  }, [r, e, Y]), G = Y.start * m, Q = e.length * m;
-  return E(() => {
-    p === null && (w.current = !1);
-  }, [p]), p === null ? null : /* @__PURE__ */ l(le, { onCancel: S, ...a, children: /* @__PURE__ */ l(
+  }, [l, e, F]), I = F.start * x, $ = e.length * x;
+  return J(() => {
+    l && f(0);
+  }, [e, l]), J(() => {
+    w === null && (d.current = !1);
+  }, [w]), w === null ? null : /* @__PURE__ */ r(se, { onCancel: B, ...c, children: /* @__PURE__ */ r(
     "div",
     {
       className: "wx-233fr7 wx-list",
-      ref: j,
-      onClick: T,
-      onMouseMove: d.current.move,
-      onScroll: O,
-      children: e.length ? r ? /* @__PURE__ */ l(
+      ref: Y,
+      onClick: A,
+      onMouseMove: p.current.move,
+      onScroll: _,
+      children: e.length ? l ? /* @__PURE__ */ r(
         "div",
         {
           className: "wx-233fr7 wx-list-wrapper",
-          style: { height: `${Q}px` },
-          children: /* @__PURE__ */ l(
+          style: { height: `${$}px` },
+          children: /* @__PURE__ */ r(
             "div",
             {
               className: "wx-233fr7 wx-list-content",
-              style: { transform: `translateY(${G}px)` },
-              children: /* @__PURE__ */ l(
-                $e,
+              style: { transform: `translateY(${I}px)` },
+              children: /* @__PURE__ */ r(
+                Ie,
                 {
-                  visibleRange: Y,
-                  visibleItems: I,
-                  navIndex: p,
-                  measureRefCallback: H,
-                  checkboxes: u,
-                  children: n,
-                  value: c
+                  visibleRange: F,
+                  visibleItems: j,
+                  navIndex: w,
+                  measureRefCallback: G,
+                  checkboxes: i,
+                  itemTemplate: n,
+                  value: o
                 }
               )
             }
           )
         }
-      ) : /* @__PURE__ */ l(
-        $e,
+      ) : /* @__PURE__ */ r(
+        Ie,
         {
-          visibleRange: Y,
-          visibleItems: I,
-          navIndex: p,
-          measureRefCallback: H,
-          checkboxes: u,
-          children: n,
-          value: c
+          visibleRange: F,
+          visibleItems: j,
+          navIndex: w,
+          measureRefCallback: G,
+          checkboxes: i,
+          itemTemplate: n,
+          value: o
         }
-      ) : /* @__PURE__ */ l("div", { className: "wx-233fr7 wx-no-data", children: b("No data") })
+      ) : /* @__PURE__ */ r("div", { className: "wx-233fr7 wx-no-data", children: T("No data") })
     }
-  ) }, L.current);
+  ) }, W.current);
 }
-function Zt({
+function nn({
   value: e = "",
   id: n,
   options: t = [],
   textOptions: s = null,
-  textField: r = "label",
-  placeholder: u = "",
-  title: i = "",
+  textField: l = "label",
+  placeholder: i = "",
+  title: a = "",
+  tooltip: o,
   disabled: c = !1,
-  error: a = !1,
-  clear: o = !1,
+  error: u = !1,
+  clear: d = !1,
+  css: p = "",
   children: w,
-  onChange: d,
-  dropdown: p = {}
+  onChange: h,
+  dropdown: v = {}
 }) {
-  const v = z(n), x = C(null), f = C(null), [h, m] = J(e), [g, V] = B(!1), [b, y] = B(""), N = C(null), M = C(!1), T = A(() => {
-    if (g) return b;
-    if (h || h === 0) {
-      const I = (s || t).find((G) => G.id === h);
-      if (I) return I[r];
+  const N = te(n), f = S(null), x = S(null), [m, g] = U(e), [T, k] = O(!1), [b, y] = O(""), A = S(null), P = S(!1), R = E(() => {
+    if (T) return b;
+    if (m || m === 0) {
+      const $ = (s || t).find((M) => M.id === m);
+      if ($) return $[l];
     }
     return "";
-  }, [g, b, h, s, t, r]), R = A(() => !T || !g ? t : t.filter(
-    (I) => I[r].toLowerCase().includes(T.toLowerCase())
-  ), [T, g, t, r]), F = D(
-    () => R.findIndex((I) => I.id === h),
-    [R, h]
-  ), j = D((I) => {
-    x.current = I.navigate, f.current = I.keydown;
-  }, []), H = D(
-    (I, G) => {
-      if (I || I === 0) {
-        let Q = t.find((k) => k.id === I);
-        if (V(!1), G && x.current(null), Q && h !== Q.id) {
-          const k = Q.id;
-          m(k), d && d({ value: k });
+  }, [T, b, m, s, t, l]), Y = E(() => !R || !T ? t : t.filter(
+    ($) => $[l].toLowerCase().includes(R.toLowerCase())
+  ), [R, T, t, l]), G = V(
+    () => Y.findIndex(($) => $.id === m),
+    [Y, m]
+  ), W = V(($) => {
+    f.current = $.navigate, x.current = $.keydown;
+  }, []), L = V(
+    ($, M) => {
+      if ($ || $ === 0) {
+        let D = t.find((H) => H.id === $);
+        if (k(!1), M && f.current(null), D && m !== D.id) {
+          const H = D.id;
+          g(H), h && h({ value: H });
         }
       }
-      !M.current && G && N.current.focus();
+      !P.current && M && A.current.focus();
     },
-    [t, h, d]
-  ), L = D(
-    ({ id: I }) => {
-      H(I, !0);
+    [t, m, h]
+  ), B = V(
+    ({ id: $ }) => {
+      L($, !0);
     },
-    [H]
-  ), P = D(
-    (I) => {
-      I && I.stopPropagation(), m(""), V(!1), d && d({ value: "" });
+    [L]
+  ), _ = V(
+    ($) => {
+      $ && $.stopPropagation(), g(""), k(!1), h && h({ value: "" });
     },
-    [d]
-  ), S = D(
-    (I) => {
+    [h]
+  ), Z = V(
+    ($) => {
       if (!t.length) return;
-      if (I === "" && o) {
-        P();
+      if ($ === "" && d) {
+        _();
         return;
       }
-      let G = t.find((k) => k[r] === I);
-      G || (G = t.find(
-        (k) => k[r].toLowerCase().includes(I.toLowerCase())
+      let M = t.find((H) => H[l] === $);
+      M || (M = t.find(
+        (H) => H[l].toLowerCase().includes($.toLowerCase())
       ));
-      const Q = G ? G.id : h || t[0].id;
-      H(Q, !1);
+      const D = M ? M.id : m || t[0].id;
+      L(D, !1);
     },
-    [t, r, o, h, H, P]
-  ), O = D(() => {
-    y(N.current.value), V(!0), R.length && x.current(0);
-  }, [R.length, x]), U = D(() => {
-    M.current = !0;
-  }, []), Y = D(() => {
-    M.current = !1, setTimeout(() => {
-      M.current || S(T);
+    [t, l, d, m, L, _]
+  ), F = V(() => {
+    y(A.current.value), k(!0), Y.length && f.current(0);
+  }, [Y.length, f]), j = V(() => {
+    P.current = !0;
+  }, []), I = V(() => {
+    P.current = !1, setTimeout(() => {
+      P.current || Z(R);
     }, 200);
-  }, [S, T]);
-  return /* @__PURE__ */ $(
+  }, [Z, R]);
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: "wx-1j11Jk wx-combo",
-      onClick: () => x.current(F()),
-      onKeyDown: (I) => f.current(I, F()),
-      title: i,
+      className: "wx-1j11Jk wx-combo " + p,
+      onClick: () => f.current(G()),
+      onKeyDown: ($) => x.current($, G()),
+      title: a,
+      "data-tooltip-text": o,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "input",
           {
-            className: "wx-1j11Jk wx-input " + (a ? "wx-error" : ""),
-            id: v,
-            ref: N,
-            value: T,
+            className: "wx-1j11Jk wx-input " + (u ? "wx-error" : ""),
+            id: N,
+            ref: A,
+            value: R,
             disabled: c,
-            placeholder: u,
-            onFocus: U,
-            onBlur: Y,
-            onInput: O
+            placeholder: i,
+            onFocus: j,
+            onBlur: I,
+            onInput: F
           }
         ),
-        o && !c && h ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: P }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
-        !c && /* @__PURE__ */ l(ge, { items: R, onReady: j, onSelect: L, ...p, children: ({ option: I }) => /* @__PURE__ */ l(_, { children: w ? w({ option: I }) : I[r] }) })
+        d && !c && m ? /* @__PURE__ */ r("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: _ }) : /* @__PURE__ */ r("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
+        !c && /* @__PURE__ */ r(ke, { items: Y, onReady: W, onSelect: B, ...v, children: ({ option: $ }) => /* @__PURE__ */ r(Q, { children: w ? w({ option: $ }) : $[l] }) })
       ]
     }
   );
 }
-function Ne({
+function ye({
   value: e = "",
   id: n,
   readonly: t = !1,
   focus: s = !1,
-  select: r = !1,
-  type: u = "text",
-  placeholder: i = "",
-  disabled: c = !1,
-  error: a = !1,
-  inputStyle: o = {},
-  title: w = "",
-  css: d = "",
-  icon: p = "",
-  clear: v = !1,
-  onChange: x
+  select: l = !1,
+  type: i = "text",
+  placeholder: a = "",
+  disabled: o = !1,
+  error: c = !1,
+  title: u = "",
+  tooltip: d,
+  css: p = "",
+  icon: w = "",
+  clear: h = !1,
+  onChange: v
 }) {
-  const f = z(n), [h, m] = J(e), g = C(null), V = A(
-    () => p && d.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + d : d,
-    [p, d]
-  ), b = A(
-    () => p && d.indexOf("wx-icon-left") !== -1,
-    [p, d]
+  const N = te(n), [f, x] = U(e), m = S(null), g = E(
+    () => w && p.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + p : p,
+    [w, p]
+  ), T = E(
+    () => w && p.indexOf("wx-icon-left") !== -1,
+    [w, p]
   );
-  E(() => {
-    const R = setTimeout(() => {
-      s && g.current && g.current.focus(), r && g.current && g.current.select();
+  J(() => {
+    const P = setTimeout(() => {
+      s && m.current && m.current.focus(), l && m.current && m.current.select();
     }, 1);
-    return () => clearTimeout(R);
-  }, [s, r]);
-  const y = D(
-    (R) => {
-      const F = R.target.value;
-      m(F), x && x({ value: F, input: !0 });
+    return () => clearTimeout(P);
+  }, [s, l]);
+  const k = V(
+    (P) => {
+      const R = P.target.value;
+      x(R), v && v({ value: R, input: !0 });
     },
-    [x]
-  ), N = D(
-    (R) => x && x({ value: R.target.value }),
-    [x]
+    [v]
+  ), b = V(
+    (P) => v && v({ value: P.target.value }),
+    [v]
   );
-  function M(R) {
-    R.stopPropagation(), m(""), x && x({ value: "" });
+  function y(P) {
+    P.stopPropagation(), x(""), v && v({ value: "" });
   }
-  let T = u;
-  return u !== "password" && u !== "number" && (T = "text"), E(() => {
-    const R = N, F = g.current;
-    return F.addEventListener("change", R), () => {
-      F && F.removeEventListener("change", R);
+  let A = i;
+  return i !== "password" && i !== "number" && (A = "text"), J(() => {
+    const P = b, R = m.current;
+    return R.addEventListener("change", P), () => {
+      R && R.removeEventListener("change", P);
     };
-  }, [N]), /* @__PURE__ */ $(
+  }, [b]), /* @__PURE__ */ C(
     "div",
     {
-      className: `wx-hQ64J4 wx-text ${V} ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${v ? "wx-clear" : ""}`,
+      className: `wx-hQ64J4 wx-text ${g} ${c ? "wx-error" : ""} ${o ? "wx-disabled" : ""} ${h ? "wx-clear" : ""}`,
+      "data-tooltip-text": d,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "input",
           {
             className: "wx-hQ64J4 wx-input",
-            ref: g,
-            id: f,
+            ref: m,
+            id: N,
             readOnly: t,
-            disabled: c,
-            placeholder: i,
-            type: T,
-            style: o,
-            title: w,
-            value: h,
-            onInput: y
+            disabled: o,
+            placeholder: a,
+            type: A,
+            title: u,
+            value: f,
+            onInput: k
           }
         ),
-        v && !c && h ? /* @__PURE__ */ $(_, { children: [
-          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: M }),
-          b && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${p}` })
-        ] }) : p ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${p}` }) : null
+        h && !o && f ? /* @__PURE__ */ C(Q, { children: [
+          /* @__PURE__ */ r("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: y }),
+          T && /* @__PURE__ */ r("i", { className: `wx-hQ64J4 wx-icon ${w}` })
+        ] }) : w ? /* @__PURE__ */ r("i", { className: `wx-hQ64J4 wx-icon ${w}` }) : null
       ]
     }
   );
 }
-function dt({ date: e, type: n, part: t, onShift: s }) {
-  const { calendar: r, formats: u } = K(q).getRaw(), i = e.getFullYear(), c = A(() => {
+function mt({ date: e, type: n, part: t, onShift: s }) {
+  const { calendar: l, formats: i } = X(K).getRaw(), a = e.getFullYear(), o = E(() => {
     switch (n) {
       case "month":
-        return ne(u.monthYearFormat, r)(e);
+        return re(i.monthYearFormat, l)(e);
       case "year":
-        return ne(u.yearFormat, r)(e);
+        return re(i.yearFormat, l)(e);
       case "duodecade": {
-        const { start: o, end: w } = Be(i), d = ne(u.yearFormat, r);
-        return `${d(new Date(o, 0, 1))} - ${d(new Date(w, 11, 31))}`;
+        const { start: u, end: d } = Je(a), p = re(i.yearFormat, l);
+        return `${p(new Date(u, 0, 1))} - ${p(new Date(d, 11, 31))}`;
       }
       default:
         return "";
     }
-  }, [e, n, i, r, u]);
-  function a() {
+  }, [e, n, a, l, i]);
+  function c() {
     s && s({ diff: 0, type: n });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-8HQVQV wx-header", children: [
-    t !== "right" ? /* @__PURE__ */ l(
+  return /* @__PURE__ */ C("div", { className: "wx-8HQVQV wx-header", children: [
+    t !== "right" ? /* @__PURE__ */ r(
       "i",
       {
         className: "wx-8HQVQV wx-pager wxi-angle-left",
         onClick: () => s && s({ diff: -1, type: n })
       }
-    ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" }),
-    /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-label", onClick: a, children: c }),
-    t !== "left" ? /* @__PURE__ */ l(
+    ) : /* @__PURE__ */ r("span", { className: "wx-8HQVQV wx-spacer" }),
+    /* @__PURE__ */ r("span", { className: "wx-8HQVQV wx-label", onClick: c, children: o }),
+    t !== "left" ? /* @__PURE__ */ r(
       "i",
       {
         className: "wx-8HQVQV wx-pager wxi-angle-right",
         onClick: () => s && s({ diff: 1, type: n })
       }
-    ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" })
+    ) : /* @__PURE__ */ r("span", { className: "wx-8HQVQV wx-spacer" })
   ] });
 }
-function ke({ onClick: e, children: n }) {
-  return /* @__PURE__ */ l("button", { className: "wx-3s8W4d wx-button", onClick: e, children: n });
+function be({ onClick: e, children: n }) {
+  return /* @__PURE__ */ r("button", { className: "wx-3s8W4d wx-button", onClick: e, children: n });
 }
-function ft({
+function ht({
   value: e,
   current: n,
   part: t = "",
   markers: s = null,
-  onCancel: r,
-  onChange: u
+  css: l = "",
+  onCancel: i,
+  onChange: a
 }) {
-  const i = (K(q) || X()).getRaw().calendar, c = (i.weekStart || 7) % 7, a = i.dayShort.slice(c).concat(i.dayShort.slice(0, c)), o = (b, y, N) => new Date(
-    b.getFullYear(),
-    b.getMonth() + (y || 0),
-    b.getDate() + (N || 0)
+  const o = (X(K) || ne()).getRaw().calendar, c = (o.weekStart || 7) % 7, u = o.dayShort.slice(c).concat(o.dayShort.slice(0, c)), d = (k, b, y) => new Date(
+    k.getFullYear(),
+    k.getMonth() + (b || 0),
+    k.getDate() + (y || 0)
   );
-  let w = t !== "normal";
-  function d(b) {
-    const y = b.getDay();
-    return y === 0 || y === 6;
+  let p = t !== "normal";
+  function w(k) {
+    const b = k.getDay();
+    return b === 0 || b === 6;
   }
-  function p() {
-    const b = o(n, 0, 1 - n.getDate());
-    return b.setDate(b.getDate() - (b.getDay() - (c - 7)) % 7), b;
+  function h() {
+    const k = d(n, 0, 1 - n.getDate());
+    return k.setDate(k.getDate() - (k.getDay() - (c - 7)) % 7), k;
   }
   function v() {
-    const b = o(n, 1, -n.getDate());
-    return b.setDate(b.getDate() + (6 - b.getDay() + c) % 7), b;
+    const k = d(n, 1, -n.getDate());
+    return k.setDate(k.getDate() + (6 - k.getDay() + c) % 7), k;
   }
-  const x = C(0);
-  function f(b, y) {
-    y.timeStamp !== x.current && (x.current = y.timeStamp, y.stopPropagation(), u && u(new Date(b)), r && r());
+  const N = S(0);
+  function f(k, b) {
+    b.timeStamp !== N.current && (N.current = b.timeStamp, b.stopPropagation(), a && a(new Date(k)), i && i());
   }
-  const h = A(() => t == "normal" ? [e ? o(e).valueOf() : 0] : e ? [
-    e.start ? o(e.start).valueOf() : 0,
-    e.end ? o(e.end).valueOf() : 0
-  ] : [0, 0], [t, e]), m = A(() => {
-    const b = p(), y = v(), N = n.getMonth();
-    let M = [];
-    for (let T = b; T <= y; T.setDate(T.getDate() + 1)) {
+  const x = E(() => t == "normal" ? [e ? d(e).valueOf() : 0] : e ? [
+    e.start ? d(e.start).valueOf() : 0,
+    e.end ? d(e.end).valueOf() : 0
+  ] : [0, 0], [t, e]), m = E(() => {
+    const k = h(), b = v(), y = n.getMonth();
+    let A = [];
+    for (let P = k; P <= b; P.setDate(P.getDate() + 1)) {
       const R = {
-        day: T.getDate(),
-        in: T.getMonth() === N,
-        date: T.valueOf()
+        day: P.getDate(),
+        in: P.getMonth() === y,
+        date: P.valueOf()
       };
-      let F = "";
-      if (F += R.in ? "" : " wx-inactive", F += h.indexOf(R.date) > -1 ? " wx-selected" : "", w) {
-        const j = R.date == h[0], H = R.date == h[1];
-        j && !H ? F += " wx-left" : H && !j && (F += " wx-right"), R.date > h[0] && R.date < h[1] && (F += " wx-inrange");
+      let Y = "";
+      if (Y += R.in ? "" : " wx-inactive", Y += x.indexOf(R.date) > -1 ? " wx-selected" : "", p) {
+        const G = R.date == x[0], W = R.date == x[1];
+        G && !W ? Y += " wx-left" : W && !G && (Y += " wx-right"), R.date > x[0] && R.date < x[1] && (Y += " wx-inrange");
       }
-      if (F += d(T) ? " wx-weekend" : "", s) {
-        const j = s(T);
-        j && (F += " " + j);
+      if (Y += w(P) ? " wx-weekend" : "", s) {
+        const G = s(P);
+        G && (Y += " " + G);
       }
-      M.push({ ...R, css: F });
+      A.push({ ...R, css: Y });
     }
-    return M;
-  }, [n, h, w, s]), g = C(null);
-  let V = C({});
-  return V.current.click = f, E(() => {
-    Ee(g.current, V.current);
-  }, []), /* @__PURE__ */ $("div", { children: [
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((b) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: b }, b)) }),
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: g, children: m.map((b) => /* @__PURE__ */ l(
+    return A;
+  }, [n, x, p, s]), g = S(null);
+  let T = S({});
+  return T.current.click = f, J(() => {
+    Ge(g.current, T.current);
+  }, []), /* @__PURE__ */ C("div", { className: `wx-398RBS wx-month ${l}`, children: [
+    /* @__PURE__ */ r("div", { className: "wx-398RBS wx-weekdays", children: u.map((k) => /* @__PURE__ */ r("div", { className: "wx-398RBS wx-weekday", children: k }, k)) }),
+    /* @__PURE__ */ r("div", { className: "wx-398RBS wx-days", ref: g, children: m.map((k) => /* @__PURE__ */ r(
       "div",
       {
-        className: `wx-398RBS wx-day ${b.css} ${b.in ? "" : "wx-out"}`,
-        "data-id": b.date,
-        children: b.day
+        className: `wx-398RBS wx-day ${k.css} ${k.in ? "" : "wx-out"}`,
+        "data-id": k.date,
+        children: k.day
       },
-      b.date
+      k.date
     )) })
   ] });
 }
-function wt({
+function pt({
   value: e,
   current: n,
   part: t,
   onCancel: s,
-  onChange: r,
-  onShift: u
+  onChange: l,
+  onShift: i
 }) {
-  const i = C(/* @__PURE__ */ new Date()), [c, a] = J(e || i.current), [o, w] = J(n || i.current), d = K(q).getRaw().calendar, p = d.monthShort || [], v = A(() => o.getMonth(), [o]), x = D(
-    (m, g) => {
-      if (m != null) {
-        g.stopPropagation();
-        const V = new Date(o);
-        V.setMonth(m), w(V), u && u({ current: V });
+  const a = S(/* @__PURE__ */ new Date()), [o, c] = U(e || a.current), [u, d] = U(n || a.current), p = X(K).getRaw().calendar, w = p.monthShort || [], h = E(() => u.getMonth(), [u]), v = V(
+    (x, m) => {
+      if (x != null) {
+        m.stopPropagation();
+        const g = new Date(u);
+        g.setMonth(x), d(g), i && i({ current: g });
       }
-      t === "normal" && a(new Date(o)), s && s();
+      t === "normal" && c(new Date(u)), s && s();
     },
-    [o, t, u, s]
-  ), f = D(() => {
-    const m = new Date(je(c, t) || o);
-    m.setMonth(o.getMonth()), m.setFullYear(o.getFullYear()), r && r(m);
-  }, [c, o, t, r]), h = D(
-    (m) => {
-      const g = m.target.closest("[data-id]");
-      if (g) {
-        const V = parseInt(g.getAttribute("data-id"), 10);
-        x(V, m);
+    [u, t, i, s]
+  ), N = V(() => {
+    const x = new Date(ze(o, t) || u);
+    x.setMonth(u.getMonth()), x.setFullYear(u.getFullYear()), l && l(x);
+  }, [o, u, t, l]), f = V(
+    (x) => {
+      const m = x.target.closest("[data-id]");
+      if (m) {
+        const g = parseInt(m.getAttribute("data-id"), 10);
+        v(g, x);
       }
     },
-    [x]
+    [v]
   );
-  return /* @__PURE__ */ $(_, { children: [
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: h, children: p.map((m, g) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ C(Q, { children: [
+    /* @__PURE__ */ r("div", { className: "wx-34U8T8 wx-months", onClick: f, children: w.map((x, m) => /* @__PURE__ */ r(
       "div",
       {
-        className: "wx-34U8T8 wx-month" + (v === g ? " wx-current" : ""),
-        "data-id": g,
-        children: m
+        className: "wx-34U8T8 wx-month" + (h === m ? " wx-current" : ""),
+        "data-id": m,
+        children: x
       },
-      g
+      m
     )) }),
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: f, children: d.done }) })
+    /* @__PURE__ */ r("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ r(be, { onClick: N, children: p.done }) })
   ] });
 }
-const xe = "wx-1XEF33", xt = ({ value: e, current: n, onCancel: t, onChange: s, onShift: r, part: u }) => {
-  const i = K(q).getRaw().calendar, [c, a] = J(n), [o, w] = J(e), d = A(() => c.getFullYear(), [c]), p = A(() => {
-    const { start: m, end: g } = Be(d), V = [];
-    for (let b = m; b <= g; ++b)
-      V.push(b);
-    return V;
-  }, [d]), v = {
-    click: x
+const xe = "wx-1XEF33", vt = ({ value: e, current: n, onCancel: t, onChange: s, onShift: l, part: i }) => {
+  const a = X(K).getRaw().calendar, [o, c] = U(n), [u, d] = U(e), p = E(() => o.getFullYear(), [o]), w = E(() => {
+    const { start: x, end: m } = Je(p), g = [];
+    for (let T = x; T <= m; ++T)
+      g.push(T);
+    return g;
+  }, [p]), h = {
+    click: v
   };
-  function x(m, g) {
-    if (m) {
-      g.stopPropagation();
-      const V = new Date(c);
-      V.setFullYear(m), a(V), r && r({ current: V });
+  function v(x, m) {
+    if (x) {
+      m.stopPropagation();
+      const g = new Date(o);
+      g.setFullYear(x), c(g), l && l({ current: g });
     }
-    u === "normal" && w(new Date(c)), t && t();
+    i === "normal" && d(new Date(o)), t && t();
   }
-  function f() {
-    const m = new Date(je(o, u) || c);
-    m.setFullYear(c.getFullYear()), s && s(m);
+  function N() {
+    const x = new Date(ze(u, i) || o);
+    x.setFullYear(o.getFullYear()), s && s(x);
   }
-  const h = C(null);
-  return E(() => {
-    h.current && Ee(h.current, v);
-  }, []), /* @__PURE__ */ $(_, { children: [
-    /* @__PURE__ */ l("div", { className: xe + " wx-years", ref: h, children: p.map((m, g) => /* @__PURE__ */ l(
+  const f = S(null);
+  return J(() => {
+    f.current && Ge(f.current, h);
+  }, []), /* @__PURE__ */ C(Q, { children: [
+    /* @__PURE__ */ r("div", { className: xe + " wx-years", ref: f, children: w.map((x, m) => /* @__PURE__ */ r(
       "div",
       {
-        className: xe + ` wx-year ${d == m ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
-        "data-id": m,
-        children: m
+        className: xe + ` wx-year ${p == x ? "wx-current" : ""} ${m === 0 ? "wx-prev-decade" : ""} ${m === 11 ? "wx-next-decade" : ""}`,
+        "data-id": x,
+        children: x
       },
-      g
+      m
     )) }),
-    /* @__PURE__ */ l("div", { className: xe + " wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: f, children: i.done }) })
+    /* @__PURE__ */ r("div", { className: xe + " wx-buttons", children: /* @__PURE__ */ r(be, { onClick: N, children: a.done }) })
   ] });
-}, Me = {
+}, Ce = {
   month: {
-    component: ft,
-    next: ht,
-    prev: mt
+    component: ht,
+    next: Nt,
+    prev: gt
   },
   year: {
-    component: wt,
-    next: vt,
-    prev: pt
+    component: pt,
+    next: yt,
+    prev: kt
   },
   duodecade: {
-    component: xt,
-    next: Nt,
-    prev: gt
+    component: vt,
+    next: Dt,
+    prev: bt
   }
 };
-function mt(e) {
+function gt(e) {
   return e = new Date(e), e.setMonth(e.getMonth() - 1), e;
 }
-function ht(e) {
+function Nt(e) {
   return e = new Date(e), e.setMonth(e.getMonth() + 1), e;
 }
-function pt(e) {
+function kt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() - 1), e;
 }
-function vt(e) {
+function yt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() + 1), e;
 }
-function gt(e) {
+function bt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() - 10), e;
 }
-function Nt(e) {
+function Dt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() + 10), e;
 }
-function je(e, n) {
+function ze(e, n) {
   let t;
   if (n === "normal") t = e;
   else {
-    const { start: s, end: r } = e;
-    n === "left" ? t = s : n == "right" ? t = r : t = s && r;
+    const { start: s, end: l } = e;
+    n === "left" ? t = s : n == "right" ? t = l : t = s && l;
   }
   return t;
 }
-const kt = ["clear", "today"];
-function yt(e) {
+const $t = ["clear", "today"];
+function Tt(e) {
   if (e === "done") return -1;
   if (e === "clear") return null;
   if (e === "today") return /* @__PURE__ */ new Date();
@@ -1355,54 +1389,55 @@ function de({
   current: n,
   onCurrentChange: t,
   part: s = "normal",
-  markers: r = null,
-  buttons: u,
-  onShift: i,
+  markers: l = null,
+  buttons: i,
+  css: a = "",
+  onShift: o,
   onChange: c
 }) {
-  const a = K(q).getGroup("calendar"), [o, w] = B("month"), d = Array.isArray(u) ? u : u ? kt : [], p = (m, g) => {
+  const u = X(K).getGroup("calendar"), [d, p] = O("month"), w = Array.isArray(i) ? i : i ? $t : [], h = (m, g) => {
     m.preventDefault(), c && c({ value: g });
   }, v = () => {
-    o === "duodecade" ? w("year") : o === "year" && w("month");
-  }, x = (m) => {
-    const { diff: g, current: V } = m;
+    d === "duodecade" ? p("year") : d === "year" && p("month");
+  }, N = (m) => {
+    const { diff: g, current: T } = m;
     if (g === 0) {
-      o === "month" ? w("year") : o === "year" && w("duodecade");
+      d === "month" ? p("year") : d === "year" && p("duodecade");
       return;
     }
     if (g) {
-      const b = Me[o];
-      t(g > 0 ? b.next(n) : b.prev(n));
-    } else V && t(V);
-    i && i();
+      const k = Ce[d];
+      t(g > 0 ? k.next(n) : k.prev(n));
+    } else T && t(T);
+    o && o();
   }, f = (m) => {
-    w("month"), c && c({ select: !0, value: m });
-  }, h = A(() => Me[o].component, [o]);
-  return /* @__PURE__ */ l(
+    p("month"), c && c({ select: !0, value: m });
+  }, x = E(() => Ce[d].component, [d]);
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: `wx-2Gr4AS wx-calendar ${s !== "normal" && s !== "both" ? "wx-part" : ""}`,
-      children: /* @__PURE__ */ $("div", { className: "wx-2Gr4AS wx-wrap", children: [
-        /* @__PURE__ */ l(dt, { date: n, part: s, type: o, onShift: x }),
-        /* @__PURE__ */ $("div", { children: [
-          /* @__PURE__ */ l(
-            h,
+      className: `wx-2Gr4AS wx-calendar ${s !== "normal" && s !== "both" ? "wx-part" : ""} ${a}`,
+      children: /* @__PURE__ */ C("div", { className: "wx-2Gr4AS wx-wrap", children: [
+        /* @__PURE__ */ r(mt, { date: n, part: s, type: d, onShift: N }),
+        /* @__PURE__ */ C("div", { children: [
+          /* @__PURE__ */ r(
+            x,
             {
               value: e,
               current: n,
               onCurrentChange: t,
               part: s,
-              markers: r,
+              markers: l,
               onCancel: v,
               onChange: f,
-              onShift: x
+              onShift: N
             }
           ),
-          o === "month" && d.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: d.map((m) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
-            ke,
+          d === "month" && w.length > 0 && /* @__PURE__ */ r("div", { className: "wx-2Gr4AS wx-buttons", children: w.map((m) => /* @__PURE__ */ r("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ r(
+            be,
             {
-              onClick: (g) => p(g, yt(m)),
-              children: a(m)
+              onClick: (g) => h(g, Tt(m)),
+              children: u(m)
             }
           ) }, m)) })
         ] })
@@ -1410,320 +1445,316 @@ function de({
     }
   );
 }
-function he(e) {
-  let { words: n = null, optional: t = !1, children: s } = e, r = K(q);
-  const u = A(() => {
-    let i = r;
-    return (!i || !i.extend) && (i = Ae(We)), n !== null && (i = i.extend(n, t)), i;
-  }, [n, t, r]);
-  return /* @__PURE__ */ l(q.Provider, { value: u, children: s });
+function ve(e) {
+  let { words: n = null, optional: t = !1, children: s } = e, l = X(K);
+  const i = E(() => {
+    let a = l;
+    return (!a || !a.extend) && (a = je(_e)), n !== null && (a = a.extend(n, t)), a;
+  }, [n, t, l]);
+  return /* @__PURE__ */ r(K.Provider, { value: i, children: s });
 }
-function Ie(e, n, t, s) {
+function Le(e, n, t, s) {
   if (!e || s) {
-    const r = n ? new Date(n) : /* @__PURE__ */ new Date();
-    r.setDate(1), t(r);
+    const l = n ? new Date(n) : /* @__PURE__ */ new Date();
+    l.setDate(1), t(l);
   } else if (e.getDate() !== 1) {
-    const r = new Date(e);
-    r.setDate(1), t(r);
+    const l = new Date(e);
+    l.setDate(1), t(l);
   }
 }
-const bt = ["clear", "today"];
-function Dt({
+const Vt = ["clear", "today"];
+function Rt({
   value: e,
   current: n,
   markers: t = null,
-  buttons: s = bt,
-  onChange: r
+  buttons: s = Vt,
+  css: l = "",
+  onChange: i
 }) {
-  const [u, i] = J(e), [c, a] = J(n);
-  E(() => {
-    Ie(c, u, a, !1);
-  }, [u, c]);
-  const o = D(
-    (d) => {
-      const p = d.value;
-      p ? (i(new Date(p)), Ie(c, new Date(p), a, !0)) : i(null), r && r({ value: p ? new Date(p) : null });
+  const [a, o] = U(e), [c, u] = U(n);
+  J(() => {
+    Le(c, a, u, !1);
+  }, [a, c]);
+  const d = V(
+    (w) => {
+      const h = w.value;
+      h ? (o(new Date(h)), Le(c, new Date(h), u, !0)) : o(null), i && i({ value: h ? new Date(h) : null });
     },
-    [r, c]
-  ), w = D(
-    (d) => {
-      a(d);
+    [i, c]
+  ), p = V(
+    (w) => {
+      u(w);
     },
-    [a]
+    [u]
   );
-  return c ? /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(
+  return c ? /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(
     de,
     {
-      value: u,
+      value: a,
       current: c,
       markers: t,
       buttons: s,
-      onChange: o,
-      onCurrentChange: w
+      css: l,
+      onChange: d,
+      onCurrentChange: p
     }
   ) }) : null;
 }
-function ye(e) {
+function De(e) {
   return e || (e = {}), e.width || (e.width = "unset"), e;
 }
-const Vt = ["clear", "today"];
-function zt({
+const Mt = ["clear", "today"];
+function rn({
   value: e,
   id: n,
   disabled: t = !1,
   error: s = !1,
-  placeholder: r = "",
-  format: u = "",
-  buttons: i = Vt,
-  css: c = "",
-  title: a = "",
-  editable: o = !1,
-  clear: w = !1,
-  onChange: d,
-  dropdown: p = {}
+  placeholder: l = "",
+  format: i = "",
+  buttons: a = Mt,
+  css: o = "",
+  title: c = "",
+  tooltip: u,
+  editable: d = !1,
+  clear: p = !1,
+  onChange: w,
+  dropdown: h = {}
 }) {
-  const { calendar: v, formats: x } = (K(q) || X()).getRaw(), f = u || x?.dateFormat;
-  let h = typeof f == "function" ? f : ne(f, v);
-  const [m, g] = B(e), [V, b] = B(!1);
-  E(() => {
+  const { calendar: v, formats: N } = (X(K) || ne()).getRaw(), f = i || N?.dateFormat;
+  let x = typeof f == "function" ? f : re(f, v);
+  const [m, g] = O(e), [T, k] = O(!1);
+  J(() => {
     g(e);
   }, [e]);
-  function y() {
-    b(!1);
+  function b() {
+    k(!1);
   }
-  function N(R) {
-    const F = R === m || R && m && R.valueOf() === m.valueOf() || !R && !m;
-    g(R), F || d && d({ value: R }), setTimeout(y, 1);
+  function y(R) {
+    const Y = R === m || R && m && R.valueOf() === m.valueOf() || !R && !m;
+    g(R), Y || w && w({ value: R }), setTimeout(b, 1);
   }
-  const M = A(
-    () => m ? h(m) : "",
-    [m, h]
+  const A = E(
+    () => m ? x(m) : "",
+    [m, x]
   );
-  function T({ value: R, input: F }) {
-    if (!o && !w || F) return;
-    let j = typeof o == "function" ? o(R) : R ? new Date(R) : null;
-    j = isNaN(j) ? m || null : j || null, N(j);
+  function P({ value: R, input: Y }) {
+    if (!d && !p || Y) return;
+    let G = typeof d == "function" ? d(R) : R ? new Date(R) : null;
+    G = isNaN(G) ? m || null : G || null, y(G);
   }
-  return E(() => {
-    const R = y;
+  return J(() => {
+    const R = b;
     return window.addEventListener("scroll", R), () => window.removeEventListener("scroll", R);
-  }, []), /* @__PURE__ */ $("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => b(!0), children: [
-    /* @__PURE__ */ l(
-      Ne,
+  }, []), /* @__PURE__ */ C("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => k(!0), children: [
+    /* @__PURE__ */ r(
+      ye,
       {
-        css: c,
-        title: a,
-        value: M,
+        css: `wx-date-input ${o}`,
+        title: c,
+        tooltip: u,
+        value: A,
         id: n,
-        readonly: !o,
+        readonly: !d,
         disabled: t,
         error: s,
-        placeholder: r,
-        onInput: y,
-        onChange: T,
+        placeholder: l,
+        onInput: b,
+        onChange: P,
         icon: "wxi-calendar",
-        inputStyle: {
-          cursor: "pointer",
-          width: "100%",
-          paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
-        },
-        clear: w
+        clear: p
       }
     ),
-    V && !t && /* @__PURE__ */ l(
-      le,
+    T && !t && /* @__PURE__ */ r(
+      se,
       {
-        onCancel: y,
-        ...ye(p),
-        children: /* @__PURE__ */ l(
-          Dt,
+        onCancel: b,
+        ...De(h),
+        children: /* @__PURE__ */ r(
+          Rt,
           {
-            buttons: i,
+            buttons: a,
             value: m,
-            onChange: (R) => N(R.value)
+            onChange: (R) => y(R.value)
           }
         )
       }
     )
   ] });
 }
-const Rt = ["clear", "today"], Tt = ({
+const It = ["clear", "today"], me = (e, n, t) => {
+  const s = new Date(e);
+  return s.setMonth(s.getMonth() + n), s;
+}, Se = (e, n) => {
+  const t = new Date(e || n || /* @__PURE__ */ new Date());
+  return t.setDate(1), t;
+}, Ct = ({
   start: e,
   end: n,
   current: t,
   months: s = 2,
-  markers: r = null,
-  buttons: u = Rt,
-  onChange: i
+  markers: l = null,
+  buttons: i = It,
+  css: a = "",
+  onChange: o
 }) => {
-  const [c, a] = J(e), [o, w] = J(n), [d, p] = B(), [v, x] = B(), f = D((y, N, M) => {
-    const T = new Date(y);
-    return T.setMonth(T.getMonth() + N), M && T.valueOf() === M.valueOf() ? M : T;
-  }, []), h = D(
-    (y) => {
-      p(() => {
-        const N = new Date(y);
-        return N.setDate(1), x(f(N, 1)), N;
-      });
-    },
-    [f]
-  ), m = D(
-    (y) => {
-      x(() => {
-        const N = new Date(y);
-        return N.setDate(1), p(f(N, -1)), N;
-      });
-    },
-    [f]
-  );
-  E(() => {
-    const y = c;
-    d || h(y ? new Date(y) : t || /* @__PURE__ */ new Date());
-  }, [c, t, d, h]);
-  const g = D(
-    (y) => {
-      const N = y.value;
-      let M = c, T = o;
-      const R = N === -1;
-      return R || (y.select ? !c || o ? (a(M = N), w(T = null)) : c > N ? (w(T = c), a(M = N)) : w(T = N) : N ? (a(M = new Date(N)), w(T = new Date(N))) : (a(M = null), w(T = null))), (R || !u.includes("done")) && i && i({ start: M, end: T }), [M, T];
+  const [c, u] = U(e), [d, p] = U(n), [w, h] = O(() => Se(c, t)), [v, N] = O(
+    () => me(Se(c, t), 1)
+  ), f = V((k) => {
+    h(() => {
+      const b = new Date(k);
+      return b.setDate(1), N(me(b, 1)), b;
+    });
+  }, []), x = V((k) => {
+    N(() => {
+      const b = new Date(k);
+      return b.setDate(1), h(me(b, -1)), b;
+    });
+  }, []);
+  J(() => {
+    f(c ? new Date(c) : t || /* @__PURE__ */ new Date());
+  }, [c, t, f]);
+  const m = V(
+    (k) => {
+      const b = k.value;
+      let y = c, A = d;
+      const P = b === -1;
+      return P || (k.select ? !c || d ? (u(y = b), p(A = null)) : c > b ? (p(A = c), u(y = b)) : p(A = b) : b ? (u(y = new Date(b)), p(A = new Date(b))) : (u(y = null), p(A = null))), (P || !i.includes("done")) && o && o({ start: y, end: A }), [y, A];
     },
-    [c, o, u, i]
-  ), V = D(
-    (y) => {
-      const [N] = g(y);
-      N && h(new Date(N));
+    [c, d, i, o]
+  ), g = V(
+    (k) => {
+      const [b] = m(k);
+      b && f(new Date(b));
     },
-    [h, c, o]
-  ), b = D(
-    (y) => {
-      const [, N] = g(y);
-      N && m(new Date(N));
+    [f, c, d]
+  ), T = V(
+    (k) => {
+      const [, b] = m(k);
+      b && x(new Date(b));
     },
-    [m, c, o]
+    [x, c, d]
   );
-  return !d || !v ? null : s === 1 ? /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(
+  return s === 1 ? /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(
     de,
     {
-      value: { start: c, end: o },
-      current: d,
-      markers: r,
-      buttons: u,
+      value: { start: c, end: d },
+      current: w,
+      markers: l,
+      buttons: i,
+      css: a,
       part: "both",
-      onChange: V,
-      onCurrentChange: h
+      onChange: g,
+      onCurrentChange: f
     }
-  ) }) : /* @__PURE__ */ l(he, { children: /* @__PURE__ */ $("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
-    /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
+  ) }) : /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ C("div", { className: `wx-p2jCaW wx-rangecalendar ${a}`, children: [
+    /* @__PURE__ */ r("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ r(
       de,
       {
-        value: { start: c, end: o },
-        current: d,
-        markers: r,
+        value: { start: c, end: d },
+        current: w,
+        markers: l,
         buttons: !1,
         part: "left",
-        onChange: V,
-        onCurrentChange: h
+        onChange: g,
+        onCurrentChange: f
       }
     ) }),
-    /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
+    /* @__PURE__ */ r("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ r(
       de,
       {
-        value: { start: c, end: o },
+        value: { start: c, end: d },
         current: v,
-        markers: r,
-        buttons: u,
+        markers: l,
+        buttons: i,
         part: "right",
-        onChange: b,
-        onCurrentChange: m
+        onChange: T,
+        onCurrentChange: x
       }
     ) })
   ] }) });
-}, $t = ["clear", "today"], Xt = ({
+}, Lt = ["clear", "today"], ln = ({
   value: e,
   onChange: n,
   id: t,
   disabled: s = !1,
-  error: r = !1,
-  placeholder: u = "",
-  css: i = "",
-  title: c = "",
-  format: a = "",
-  months: o = 2,
-  buttons: w = $t,
-  editable: d = !1,
-  clear: p = !1,
+  error: l = !1,
+  placeholder: i = "",
+  css: a = "",
+  title: o = "",
+  tooltip: c,
+  format: u = "",
+  months: d = 2,
+  buttons: p = Lt,
+  editable: w = !1,
+  clear: h = !1,
   dropdown: v
 }) => {
-  const [x, f] = J(e), { calendar: h, formats: m } = (K(q) || X()).getRaw(), g = a || m?.dateFormat, V = typeof g == "function" ? g : ne(g, h), [b, y] = B(!1), N = D(() => {
-    y(!1);
-  }, []), M = A(() => x ? x.start ? V(x.start) + (x.end ? ` - ${V(x.end)}` : "") : V(x) : "", [x, V]), T = A(() => x && x.start || null, [x]), R = A(() => x && x.end || null, [x]), F = D(
-    (H) => {
-      const L = H.start || H.end ? { start: H.start, end: H.end } : null;
-      f && f(L), (H.start && H.end || !H.start && !H.end) && (n && n({ value: L }), setTimeout(N, 1));
+  const [N, f] = U(e), { calendar: x, formats: m } = (X(K) || ne()).getRaw(), g = u || m?.dateFormat, T = typeof g == "function" ? g : re(g, x), [k, b] = O(!1), y = V(() => {
+    b(!1);
+  }, []), A = E(() => N ? N.start ? T(N.start) + (N.end ? ` - ${T(N.end)}` : "") : T(N) : "", [N, T]), P = E(() => N && N.start || null, [N]), R = E(() => N && N.end || null, [N]), Y = V(
+    (W) => {
+      const L = W.start || W.end ? { start: W.start, end: W.end } : null;
+      f && f(L), (W.start && W.end || !W.start && !W.end) && (n && n({ value: L }), setTimeout(y, 1));
     },
-    [n, N, f]
-  ), j = D(
-    (H) => {
-      if (!d && !p) return;
-      const { value: L, input: P } = H;
-      if (P) return;
-      const [S, O] = L.split(" -").map((U, Y) => {
-        const I = U.trim();
-        let G = typeof d == "function" ? d(I) : I ? new Date(I) : null, Q = Y === 0 ? T : R;
-        return isNaN(G) ? Q || null : G || null;
+    [n, y, f]
+  ), G = V(
+    (W) => {
+      if (!w && !h) return;
+      const { value: L, input: B } = W;
+      if (B) return;
+      const [_, Z] = L.split(" -").map((F, j) => {
+        const I = F.trim();
+        let $ = typeof w == "function" ? w(I) : I ? new Date(I) : null, M = j === 0 ? P : R;
+        return isNaN($) ? M || null : $ || null;
       });
-      F({ start: S, end: O });
+      Y({ start: _, end: Z });
     },
-    [d, p, T, R, F]
+    [w, h, P, R, Y]
   );
-  return E(() => {
-    const H = () => {
-      N();
+  return J(() => {
+    const W = () => {
+      y();
     };
-    return window.addEventListener("scroll", H), () => {
-      window.removeEventListener("scroll", H);
+    return window.addEventListener("scroll", W), () => {
+      window.removeEventListener("scroll", W);
     };
-  }, [N]), /* @__PURE__ */ $(
+  }, [y]), /* @__PURE__ */ C(
     "div",
     {
-      className: `wx-1b0WDQ wx-daterangepicker ${s ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
-      onClick: () => y(!0),
+      className: `wx-1b0WDQ wx-daterangepicker ${s ? "wx-disabled" : ""} ${l ? "wx-error" : ""}`,
+      onClick: () => b(!0),
       children: [
-        /* @__PURE__ */ l(
-          Ne,
+        /* @__PURE__ */ r(
+          ye,
           {
-            css: i,
-            title: c,
-            value: M,
+            css: `wx-date-input ${a}`,
+            title: o,
+            tooltip: c,
+            value: A,
             id: t,
-            readonly: !d,
+            readonly: !w,
             disabled: s,
-            placeholder: u,
-            error: r,
-            onChange: j,
+            placeholder: i,
+            error: l,
+            onChange: G,
             icon: "wxi-calendar",
-            inputStyle: {
-              cursor: "pointer",
-              width: "100%",
-              paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
-            },
-            clear: p
+            clear: h
           }
         ),
-        b && !s && /* @__PURE__ */ l(
-          le,
+        k && !s && /* @__PURE__ */ r(
+          se,
           {
-            onCancel: N,
-            ...ye(v),
-            children: /* @__PURE__ */ l(
-              Tt,
+            onCancel: y,
+            ...De(v),
+            children: /* @__PURE__ */ r(
+              Ct,
               {
-                onCancel: N,
-                buttons: w,
-                start: T,
+                onCancel: y,
+                buttons: p,
+                start: P,
                 end: R,
-                months: o,
-                onChange: F
+                months: d,
+                onChange: Y
               }
             )
           }
@@ -1732,583 +1763,620 @@ const Rt = ["clear", "today"], Tt = ({
     }
   );
 };
-function en({
+function sn({
   hotkey: e = null,
   toggleButton: n,
   children: t
 }) {
-  const s = C(null), [r, u] = B(!1), i = A(
-    () => `wxi-${r ? "collapse" : "expand"}`,
-    [r]
-  ), c = C(null);
-  return c.current = () => {
-    const a = s.current;
-    !r && a ? a.requestFullscreen() : r && document.exitFullscreen(), u((o) => !o);
-  }, Ke({ [e]: () => c.current() }, s), E(() => {
-    const a = () => {
-      u(document.fullscreenElement === s.current);
+  const s = S(null), [l, i] = O(!1), a = E(
+    () => `wxi-${l ? "collapse" : "expand"}`,
+    [l]
+  ), o = S(null);
+  return o.current = () => {
+    const c = s.current;
+    !l && c ? c.requestFullscreen() : l && document.exitFullscreen(), i((u) => !u);
+  }, rt({ [e]: () => o.current() }, s), J(() => {
+    const c = () => {
+      i(document.fullscreenElement === s.current);
     };
-    return document.addEventListener("fullscreenchange", a), () => {
-      document.removeEventListener("fullscreenchange", a);
+    return document.addEventListener("fullscreenchange", c), () => {
+      document.removeEventListener("fullscreenchange", c);
     };
-  }, []), /* @__PURE__ */ $("div", { className: "wx-13aa5W wx-fullscreen", ref: s, tabIndex: -1, children: [
+  }, []), /* @__PURE__ */ C("div", { className: "wx-13aa5W wx-fullscreen", ref: s, tabIndex: -1, children: [
     t,
-    n ? n(c.current, r) : /* @__PURE__ */ l(re, { css: "wx-13aa5W wx-fullscreen-button", onClick: c.current, children: /* @__PURE__ */ l("i", { className: `wx-13aa5W ${i} wx-fullscreen-icon`, children: " " }) })
+    n ? n(o.current, l) : /* @__PURE__ */ r(le, { css: "wx-13aa5W wx-fullscreen-button", onClick: o.current, children: /* @__PURE__ */ r("i", { className: `wx-13aa5W ${a} wx-fullscreen-icon`, children: " " }) })
   ] });
 }
-function tn({ css: e = "", title: n = "", children: t, onClick: s }) {
-  return t ? /* @__PURE__ */ l(
+function cn({ css: e = "", title: n = "", tooltip: t, children: s, onClick: l }) {
+  return s ? /* @__PURE__ */ r(
     "i",
     {
       title: n,
       role: "img",
       className: `wx-mdnST1 wx-icon ${e}`,
-      onClick: s,
-      children: t
+      onClick: l,
+      "data-tooltip-text": t,
+      children: s
     }
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ r(
     "i",
     {
       title: n,
       className: `wx-mdnST1 wx-icon ${e}`,
-      onClick: s
+      onClick: l,
+      "data-tooltip-text": t
     }
   );
 }
-const Mt = [];
-function nn({
+const St = [];
+function on({
   id: e,
-  value: n = Mt,
+  value: n = St,
   options: t = [],
   textOptions: s = null,
-  textField: r = "label",
-  placeholder: u = "",
-  title: i = "",
-  disabled: c = !1,
-  error: a = !1,
-  checkboxes: o = !1,
-  onChange: w,
-  children: d,
-  dropdown: p = {}
+  textField: l = "label",
+  keepText: i = !1,
+  placeholder: a = "",
+  title: o = "",
+  tooltip: c,
+  disabled: u = !1,
+  error: d = !1,
+  checkboxes: p = !1,
+  css: w = "",
+  onChange: h,
+  children: v,
+  dropdown: N = {}
 }) {
-  const v = z(e), x = C(null), f = C(null), [h, m] = J(n), [g, V] = B(""), [b, y] = B(!1), N = C(null), M = A(() => h ? (s || t).filter((S) => h.includes(S.id)) : [], [h, s, t]), T = A(() => {
-    const S = t;
-    return g ? S.filter((O) => O[r].toLowerCase().includes(g.toLowerCase())) : S;
-  }, [g, t, r]), R = D((S) => {
-    x.current = S.navigate, f.current = S.keydown;
-  }, []), F = D(() => {
-    T.length ? x.current(0) : x.current(null);
-  }, [T]), j = D(
-    (S) => {
-      const { id: O } = S;
-      O && (m(O), w && w({ value: O }), N.current.focus());
+  const f = te(e), x = S(null), m = S(null), [g, T] = U(n), [k, b] = O(""), [y, A] = O(!1), P = S(null), R = E(() => g ? (s || t).filter((F) => g.includes(F.id)) : [], [g, s, t]), Y = E(() => {
+    const F = t;
+    return k ? F.filter((j) => j[l].toLowerCase().includes(k.toLowerCase())) : F;
+  }, [k, t, l]), G = V((F) => {
+    x.current = F.navigate, m.current = F.keydown;
+  }, []), W = V(() => {
+    Y.length ? x.current(0) : x.current(null);
+  }, [Y]), L = V(
+    (F) => {
+      const { id: j } = F;
+      j && (T(j), i || b(""), h && h({ value: j }), P.current.focus());
     },
-    [w]
-  ), H = D(
-    (S, O) => {
-      O && O.stopPropagation();
-      const U = h.filter((Y) => Y !== S);
-      m(U), w && w({ value: U });
+    [h, i]
+  ), B = V(
+    (F, j) => {
+      j && j.stopPropagation();
+      const I = g.filter(($) => $ !== F);
+      T(I), h && h({ value: I });
     },
-    [h, w]
-  ), L = D(
-    () => h && h.length ? T.findIndex((S) => S.id === h[0]) : 0,
-    [h, T]
-  ), P = D(() => {
-    c || (N.current.focus(), x.current(L()));
-  }, [c, L]);
-  return /* @__PURE__ */ $(
+    [g, h]
+  ), _ = V(
+    () => g && g.length ? Y.findIndex((F) => F.id === g[0]) : 0,
+    [g, Y]
+  ), Z = V(() => {
+    u || (P.current.focus(), x.current(_()));
+  }, [u, _]);
+  return /* @__PURE__ */ C(
     "div",
     {
-      title: i,
-      className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${b && !c ? "wx-focus" : ""}`,
-      onClick: P,
-      onKeyDown: (S) => f.current(S, L()),
+      title: o,
+      className: `wx-12Wj21 wx-multicombo ${w} ${d ? "wx-error" : ""} ${u ? "wx-disabled" : ""} ${R.length ? "wx-not-empty" : ""} ${y && !u ? "wx-focus" : ""}`,
+      onClick: Z,
+      onKeyDown: (F) => m.current(F, _()),
+      "data-tooltip-text": c,
       children: [
-        /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-wrapper", children: [
-          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((S) => /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-tag", children: [
-            d ? ae(d, { option: S }) : S[r],
-            !c && /* @__PURE__ */ l(
+        /* @__PURE__ */ C("div", { className: "wx-12Wj21 wx-wrapper", children: [
+          /* @__PURE__ */ r("div", { className: "wx-12Wj21 wx-tags", children: R.map((F) => /* @__PURE__ */ C("div", { className: "wx-12Wj21 wx-tag", children: [
+            v ? oe(v, { option: F }) : F[l],
+            !u && /* @__PURE__ */ r(
               "i",
               {
                 className: "wx-12Wj21 wx-icon wxi-close",
-                onClick: (O) => H(S.id, O)
+                onClick: (j) => B(F.id, j)
               }
             )
-          ] }, S.id)) }),
-          /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-select", children: [
-            /* @__PURE__ */ l(
+          ] }, F.id)) }),
+          /* @__PURE__ */ C("div", { className: "wx-12Wj21 wx-select", children: [
+            /* @__PURE__ */ r(
               "input",
               {
                 className: "wx-12Wj21 wx-input",
-                id: v,
+                id: f,
                 type: "text",
-                value: g,
-                onChange: (S) => V(S.target.value),
-                onInput: F,
-                placeholder: u,
-                disabled: c,
-                onFocus: () => y(!0),
-                onBlur: () => y(!1),
-                ref: N
+                value: k,
+                onChange: (F) => b(F.target.value),
+                onInput: W,
+                placeholder: a,
+                disabled: u,
+                onFocus: () => A(!0),
+                onBlur: () => A(!1),
+                ref: P
               }
             ),
-            /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
+            /* @__PURE__ */ r("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
           ] })
         ] }),
-        !c && /* @__PURE__ */ l(
-          ge,
+        !u && /* @__PURE__ */ r(
+          ke,
           {
-            items: T,
+            items: Y,
             multiselect: !0,
-            onReady: R,
-            onSelect: j,
-            checkboxes: o,
-            value: h,
-            ...p,
-            children: ({ option: S }) => /* @__PURE__ */ l(_, { children: d ? ae(d, { option: S }) : S[r] })
+            onReady: G,
+            onSelect: L,
+            checkboxes: p,
+            value: g,
+            ...N,
+            children: ({ option: F }) => /* @__PURE__ */ r(Q, { children: v ? oe(v, { option: F }) : F[l] })
           }
         )
       ]
     }
   );
 }
-const rn = ({
+const an = ({
   total: e = 0,
   pageSize: n = 20,
   value: t = 1,
-  onChange: s
+  css: s = "",
+  onChange: l
 }) => {
-  const [r, u] = J(n), [i, c] = J(t), a = (K(q) || X()).getGroup("core"), o = Math.ceil(e / r), w = (i - 1) * r, d = Math.min(i * r, e), p = (f, h) => {
-    Number.isNaN(f) || (h || c(f), f = Math.max(1, Math.min(f, o)), h && c(f), f !== i && setTimeout(() => {
-      s && s({
+  const [i, a] = U(n), [o, c] = U(t), u = (X(K) || ne()).getGroup("core"), d = Math.ceil(e / i), p = (o - 1) * i, w = Math.min(o * i, e), h = (f, x) => {
+    Number.isNaN(f) || (x || c(f), f = Math.max(1, Math.min(f, d)), x && c(f), f !== o && setTimeout(() => {
+      l && l({
         value: f,
-        from: (f - 1) * r,
-        to: Math.min(f * r, e),
-        pageSize: r
+        from: (f - 1) * i,
+        to: Math.min(f * i, e),
+        pageSize: i
       });
     }));
   };
   function v(f) {
     switch (f) {
       case "first":
-        p(1);
+        h(1);
         break;
       case "prev":
-        p(i - 1);
+        h(o - 1);
         break;
       case "next":
-        p(i + 1);
+        h(o + 1);
         break;
       case "last":
-        p(o);
+        h(d);
         break;
     }
   }
-  const x = (f) => {
-    const h = f.target.value * 1;
-    Number.isNaN(h) || (u(h), s && s({ value: i, from: w, to: d, pageSize: h }));
+  const N = (f) => {
+    const x = f.target.value * 1;
+    Number.isNaN(x) || (a(x), l && l({ value: o, from: p, to: w, pageSize: x }));
   };
-  return /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-pager", children: [
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-left", children: [
-      /* @__PURE__ */ $("span", { children: [
-        a("Rows per page"),
+  return /* @__PURE__ */ C("div", { className: `wx-35Np0p wx-pager ${s}`, children: [
+    /* @__PURE__ */ C("div", { className: "wx-35Np0p wx-left", children: [
+      /* @__PURE__ */ C("span", { children: [
+        u("Rows per page"),
         ": "
       ] }),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "input",
         {
           type: "number",
           min: 1,
           className: "wx-35Np0p wx-input",
-          value: r,
-          onChange: x
+          value: i,
+          onChange: N
         }
       )
     ] }),
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-center", children: [
-      /* @__PURE__ */ l(
+    /* @__PURE__ */ C("div", { className: "wx-35Np0p wx-center", children: [
+      /* @__PURE__ */ r(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-dbl-left" + (i === 1 ? " wx-disabled" : ""),
+          className: "wx-35Np0p wx-icon wxi-angle-dbl-left" + (o === 1 ? " wx-disabled" : ""),
           onClick: () => v("first")
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-left" + (i === 1 ? " wx-disabled" : ""),
+          className: "wx-35Np0p wx-icon wxi-angle-left" + (o === 1 ? " wx-disabled" : ""),
           onClick: () => v("prev")
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "input",
         {
           type: "text",
-          value: i,
+          value: o,
           className: "wx-35Np0p wx-input",
-          onChange: (f) => p(f.target.value * 1),
-          onBlur: (f) => p(f.target.value * 1, !0)
+          onChange: (f) => h(f.target.value * 1),
+          onBlur: (f) => h(f.target.value * 1, !0)
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-right" + (i === o ? " wx-disabled" : ""),
+          className: "wx-35Np0p wx-icon wxi-angle-right" + (o === d ? " wx-disabled" : ""),
           onClick: () => v("next")
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-dbl-right" + (i === o ? " wx-disabled" : ""),
+          className: "wx-35Np0p wx-icon wxi-angle-dbl-right" + (o === d ? " wx-disabled" : ""),
           onClick: () => v("last")
         }
       )
     ] }),
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-right", children: [
-      a("Total pages"),
+    /* @__PURE__ */ C("div", { className: "wx-35Np0p wx-right", children: [
+      u("Total pages"),
       ": ",
-      o
+      d
     ] })
   ] });
 };
-function It({
+function Ft({
   id: e,
   label: n = "",
   value: t,
   name: s = "",
-  inputValue: r = "",
-  disabled: u = !1,
-  onChange: i
+  inputValue: l = "",
+  disabled: i = !1,
+  css: a = "",
+  onChange: o
 }) {
-  const c = _e(), a = z(e) || c, [o, w] = B(!1), d = t !== void 0, p = d ? t : o;
-  function v(x) {
-    const f = x.target.checked;
-    d || w(f), f && i && i({ value: !0, inputValue: r });
+  const c = et(), u = te(e) || c, [d, p] = O(!1), w = t !== void 0, h = w ? t : d;
+  function v(N) {
+    const f = N.target.checked;
+    w || p(f), f && o && o({ value: !0, inputValue: l });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-3lDF1s wx-radio", children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ C("div", { className: `wx-3lDF1s wx-radio ${a}`, children: [
+    /* @__PURE__ */ r(
       "input",
       {
         type: "radio",
         className: "wx-3lDF1s wx-input",
-        id: a,
-        disabled: u,
+        id: u,
+        disabled: i,
         name: s,
-        value: r,
-        checked: p,
+        value: l,
+        checked: h,
         onChange: v
       }
     ),
-    /* @__PURE__ */ $("label", { htmlFor: a, className: "wx-3lDF1s wx-label", children: [
-      /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-circle" }),
-      n && /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-radio-text", children: n })
+    /* @__PURE__ */ C("label", { htmlFor: u, className: "wx-3lDF1s wx-label", children: [
+      /* @__PURE__ */ r("span", { className: "wx-3lDF1s wx-circle" }),
+      n && /* @__PURE__ */ r("span", { className: "wx-3lDF1s wx-radio-text", children: n })
     ] })
   ] });
 }
-function ln({
+function un({
   options: e = [{}],
   value: n = "",
   onChange: t,
-  type: s = ""
+  type: s = "",
+  css: l = ""
 }) {
-  const r = oe(), [u, i] = B(n);
-  E(() => {
-    i(n);
+  const i = ae(), [a, o] = O(n);
+  J(() => {
+    o(n);
   }, [n]);
-  function c(a) {
-    const o = a.inputValue;
-    i(o), t && t({ value: o });
+  function c(u) {
+    const d = u.inputValue;
+    o(d), t && t({ value: d });
   }
-  return /* @__PURE__ */ l(ue.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-38w70j wx-radiogroup ${s && `wx-${s}`}`, children: e.map((a) => /* @__PURE__ */ l("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ l(
-    It,
+  return /* @__PURE__ */ r(ue.Provider, { value: null, children: /* @__PURE__ */ r("div", { className: `wx-38w70j wx-radiogroup ${s && `wx-${s}`} ${l}`, children: e.map((u) => /* @__PURE__ */ r("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ r(
+    Ft,
     {
-      label: a.label,
-      inputValue: a.id,
-      value: u === a.id,
-      name: r,
+      label: u.label,
+      inputValue: u.id,
+      value: a === u.id,
+      name: i,
       onChange: c
     }
-  ) }, a.id)) }) });
+  ) }, u.id)) }) });
 }
-function cn({
+function dn({
   value: e = "",
   options: n = [],
   textOptions: t = null,
   placeholder: s = "",
-  disabled: r = !1,
-  error: u = !1,
-  title: i = "",
+  disabled: l = !1,
+  error: i = !1,
+  title: a = "",
+  tooltip: o,
   textField: c = "label",
-  clear: a = !1,
-  children: o,
+  clear: u = !1,
+  css: d = "",
+  children: p,
   onChange: w,
-  dropdown: d = {}
+  dropdown: h = {}
 }) {
-  const p = C(null), v = C(null);
-  let [x, f] = J(e);
-  function h(y) {
-    p.current = y.navigate, v.current = y.keydown;
+  const v = S(null), N = S(null);
+  let [f, x] = U(e);
+  function m(y) {
+    v.current = y.navigate, N.current = y.keydown;
   }
-  const m = A(() => x || x === 0 ? (t || n).find((y) => y.id === x) : null, [x, t, n]), g = D(
+  const g = E(() => f || f === 0 ? (t || n).find((y) => y.id === f) : null, [f, t, n]), T = V(
     ({ id: y }) => {
-      (y || y === 0) && (f(y), p.current(null), w && w({ value: y }));
+      (y || y === 0) && (x(y), v.current(null), w && w({ value: y }));
     },
-    [f, w]
-  ), V = D(
+    [x, w]
+  ), k = V(
     (y) => {
-      y.stopPropagation(), f(""), w && w({ value: "" });
+      y.stopPropagation(), x(""), w && w({ value: "" });
     },
-    [f, w]
-  ), b = D(() => n.findIndex((y) => y.id === x), [n, x]);
-  return /* @__PURE__ */ $(
+    [x, w]
+  ), b = V(() => n.findIndex((y) => y.id === f), [n, f]);
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: `wx-2YgblL wx-richselect ${u ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${o ? "" : "wx-2YgblL wx-nowrap"}`,
-      title: i,
-      onClick: () => p.current(b()),
-      onKeyDown: (y) => v.current(y, b()),
+      className: `wx-2YgblL wx-richselect ${d} ${i ? "wx-2YgblL wx-error" : ""} ${l ? "wx-2YgblL wx-disabled" : ""} ${p ? "" : "wx-2YgblL wx-nowrap"}`,
+      title: a,
+      onClick: () => v.current(b()),
+      onKeyDown: (y) => N.current(y, b()),
       tabIndex: 0,
+      "data-tooltip-text": o,
       children: [
-        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: m ? o ? o(m) : m[c] : s ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: s }) : " " }),
-        a && !r && x ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: V }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
-        !r && /* @__PURE__ */ l(ge, { items: n, onReady: h, onSelect: g, ...d, children: ({ option: y }) => o ? o(y) : y[c] })
+        /* @__PURE__ */ r("div", { className: "wx-2YgblL wx-label", children: g ? p ? p(g) : g[c] : s ? /* @__PURE__ */ r("span", { className: "wx-2YgblL wx-placeholder", children: s }) : " " }),
+        u && !l && f ? /* @__PURE__ */ r("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: k }) : /* @__PURE__ */ r("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
+        !l && /* @__PURE__ */ r(ke, { items: n, onReady: m, onSelect: T, ...h, children: ({ option: y }) => p ? p(y) : y[c] })
       ]
     }
   );
 }
-const sn = ({
+const fn = ({
   options: e = [],
   value: n = "",
   css: t = "",
   children: s,
-  onChange: r
+  onChange: l
 }) => {
-  const [u, i] = B(n), c = (a) => {
-    i(a), r && r({ value: a });
+  const [i, a] = O(n), o = (c) => {
+    a(c), l && l({ value: c });
   };
-  return E(() => {
-    i(n);
-  }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((a) => /* @__PURE__ */ l(
+  return J(() => {
+    a(n);
+  }, [n]), /* @__PURE__ */ r("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((c) => /* @__PURE__ */ r(
     "button",
     {
-      className: `wx-0hMO7P wx-segment ${a.css} ${a.id === u ? "wx-selected" : ""}`,
-      title: a.title,
-      onClick: () => c(a.id),
-      children: s ? ae(s, { option: a }) : /* @__PURE__ */ $(_, { children: [
-        a.icon && /* @__PURE__ */ l(
+      className: `wx-0hMO7P wx-segment ${c.css} ${c.id === i ? "wx-selected" : ""}`,
+      title: c.title,
+      onClick: () => o(c.id),
+      "data-tooltip-text": c.tooltip,
+      children: s ? oe(s, { option: c }) : /* @__PURE__ */ C(Q, { children: [
+        c.icon && /* @__PURE__ */ r(
           "i",
           {
-            className: `wx-0hMO7P wx-icon ${a.icon} ${a.label ? "" : "wx-only"}`
+            className: `wx-0hMO7P wx-icon ${c.icon} ${c.label ? "" : "wx-only"}`
           }
         ),
-        a.label && /* @__PURE__ */ l("span", { className: "wx-0hMO7P wx-label", children: a.label })
+        c.label && /* @__PURE__ */ r("span", { className: "wx-0hMO7P wx-label", children: c.label })
       ] })
     },
-    a.id
+    c.id
   )) });
 };
-function an({
+function wn({
   value: e,
   options: n = [],
   placeholder: t = "",
   title: s = "",
-  disabled: r = !1,
-  error: u = !1,
-  textField: i = "label",
+  tooltip: l,
+  disabled: i = !1,
+  error: a = !1,
+  textField: o = "label",
   clear: c = !1,
-  id: a,
-  onChange: o
+  id: u,
+  css: d = "",
+  onChange: p
 }) {
-  const w = z(a), [d, p] = B(e || ""), v = D(
-    (f) => {
-      const h = f.target.value;
-      p(h), o && o({ value: h });
+  const w = te(u), [h, v] = O(e || ""), N = V(
+    (x) => {
+      const m = x.target.value;
+      v(m), p && p({ value: m });
     },
-    [o]
-  ), x = D(() => {
-    p(""), o && o({ value: "" });
-  }, [o]);
-  return /* @__PURE__ */ $("div", { className: "wx-2yx1Fo wx-select-box", children: [
-    /* @__PURE__ */ $(
-      "select",
-      {
-        id: w,
-        value: d,
-        disabled: r,
-        className: `wx-2yx1Fo wx-select ${u ? "wx-2yx1Fo wx-error" : ""}`,
-        title: s,
-        onChange: v,
-        children: [
-          /* @__PURE__ */ l("option", { value: "", children: t }),
-          n.map((f) => /* @__PURE__ */ l("option", { value: f.id, children: f[i] }, f.id))
-        ]
-      }
-    ),
-    c && !r && d ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: x }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
-  ] });
+    [p]
+  ), f = V(() => {
+    v(""), p && p({ value: "" });
+  }, [p]);
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: "wx-2yx1Fo wx-select-box " + d,
+      "data-tooltip-text": l,
+      children: [
+        /* @__PURE__ */ C(
+          "select",
+          {
+            id: w,
+            value: h,
+            disabled: i,
+            className: `wx-2yx1Fo wx-select ${a ? "wx-2yx1Fo wx-error" : ""}`,
+            title: s,
+            onChange: N,
+            children: [
+              /* @__PURE__ */ r("option", { value: "", children: t }),
+              n.map((x) => /* @__PURE__ */ r("option", { value: x.id, children: x[o] }, x.id))
+            ]
+          }
+        ),
+        c && !i && h ? /* @__PURE__ */ r("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: f }) : /* @__PURE__ */ r("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
+      ]
+    }
+  );
 }
-function Ce({
+function Fe({
   id: e,
   label: n = "",
   css: t = "",
   min: s = 0,
-  max: r = 100,
-  value: u = 0,
-  step: i = 1,
-  title: c = "",
-  disabled: a = !1,
-  onChange: o,
-  width: w = ""
+  max: l = 100,
+  value: i = 0,
+  step: a = 1,
+  title: o = "",
+  tooltip: c,
+  disabled: u = !1,
+  onChange: d,
+  width: p = ""
 }) {
-  const d = z(e), [p, v] = J(u), x = C({ value: p, input: p }), f = A(
-    () => (p - s) / (r - s) * 100 + "%",
-    [p, s, r]
-  ), h = A(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${f}, var(--wx-slider-background) ${f} 100%)`, [a, f]);
-  function m({ target: y }) {
-    const N = y.value * 1;
-    v(N), o && o({
-      value: N,
-      previous: x.current.input,
+  const w = te(e), [h, v] = U(i), N = S({ value: h, input: h }), f = E(
+    () => (h - s) / (l - s) * 100 + "%",
+    [h, s, l]
+  ), x = E(() => u ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${f}, var(--wx-slider-background) ${f} 100%)`, [u, f]);
+  function m({ target: b }) {
+    const y = b.value * 1;
+    v(y), d && d({
+      value: y,
+      previous: N.current.input,
       input: !0
-    }), x.current.input = N;
+    }), N.current.input = y;
   }
-  function g({ target: y }) {
-    const N = y.value * 1;
-    v(N), o && o({ value: N, previous: x.current.value }), x.current.value = N;
+  function g({ target: b }) {
+    const y = b.value * 1;
+    v(y), d && d({ value: y, previous: N.current.value }), N.current.value = y;
   }
-  E(() => {
-    v(u);
-  }, [u]);
-  const V = C(null);
-  E(() => {
-    if (V.current)
-      return V.current.addEventListener("change", g), () => {
-        V.current && V.current.removeEventListener("change", g);
+  J(() => {
+    v(i);
+  }, [i]);
+  const T = S(null);
+  J(() => {
+    if (T.current)
+      return T.current.addEventListener("change", g), () => {
+        T.current && T.current.removeEventListener("change", g);
       };
-  }, [V, g]);
-  const b = { ...w && { width: w } };
-  return /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, style: b, title: c, children: [
-    n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: d, children: n }),
-    /* @__PURE__ */ l("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ l(
-      "input",
-      {
-        id: d,
-        className: "wx-2EDJ8G wx-input",
-        type: "range",
-        min: s,
-        max: r,
-        step: i,
-        disabled: a,
-        value: p,
-        onInput: m,
-        style: { background: h },
-        ref: V
-      }
-    ) })
-  ] });
+  }, [T, g]);
+  const k = { ...p && { width: p } };
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      className: `wx-2EDJ8G wx-slider ${t}`,
+      style: k,
+      title: o,
+      "data-tooltip-text": c,
+      children: [
+        n && /* @__PURE__ */ r("label", { className: "wx-2EDJ8G wx-label", htmlFor: w, children: n }),
+        /* @__PURE__ */ r("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ r(
+          "input",
+          {
+            id: w,
+            className: "wx-2EDJ8G wx-input",
+            type: "range",
+            min: s,
+            max: l,
+            step: a,
+            disabled: u,
+            value: h,
+            onInput: m,
+            style: { background: x },
+            ref: T
+          }
+        ) })
+      ]
+    }
+  );
 }
-function on({
+function xn({
   id: e,
   value: n = !1,
   disabled: t = !1,
-  onChange: s
+  css: s = "",
+  onChange: l
 }) {
-  const r = z(e), [u, i] = J(n), c = D(
-    (a) => {
-      const o = a.target.checked;
-      i(o), s && s({ value: o });
+  const i = te(e), [a, o] = U(n), c = V(
+    (u) => {
+      const d = u.target.checked;
+      o(d), l && l({ value: d });
     },
-    [s]
+    [l]
   );
-  return /* @__PURE__ */ $("label", { className: "wx-2dAR5c wx-switch", children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ C("label", { className: `wx-2dAR5c wx-switch ${s}`, children: [
+    /* @__PURE__ */ r(
       "input",
       {
         className: "wx-2dAR5c wx-input",
         type: "checkbox",
-        checked: u,
+        checked: a,
         onChange: c,
         disabled: t,
-        id: r
+        id: i
       }
     ),
-    /* @__PURE__ */ l("span", { className: "wx-2dAR5c wx-box" })
+    /* @__PURE__ */ r("span", { className: "wx-2dAR5c wx-box" })
   ] });
 }
-const un = ({
+const mn = ({
   options: e = [],
   value: n = "",
   type: t = "top",
   css: s = "",
-  onChange: r
+  onChange: l
 }) => {
-  const [u, i] = J(n), c = (a) => {
-    i(a), r && r({ value: a });
+  const [i, a] = U(n), o = (c) => {
+    a(c), l && l({ value: c });
   };
-  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${s}`, children: e.map((a) => /* @__PURE__ */ $(
+  return /* @__PURE__ */ r("div", { className: `wx-138fWJ wx-tabs wx-${t} ${s}`, children: e.map((c) => /* @__PURE__ */ C(
     "button",
     {
-      className: `wx-138fWJ wx-tab ${a.css} ${a.id === u ? "wx-active" : ""}`,
-      title: a.title,
-      onClick: () => c(a.id),
+      className: `wx-138fWJ wx-tab ${c.css} ${c.id === i ? "wx-active" : ""}`,
+      title: c.title,
+      onClick: () => o(c.id),
+      "data-tooltip-text": c.tooltip,
       children: [
-        a.icon && /* @__PURE__ */ l(
+        c.icon && /* @__PURE__ */ r(
           "i",
           {
-            className: `wx-138fWJ wx-icon ${a.icon} ${a.label ? "" : "wx-only"}`
+            className: `wx-138fWJ wx-icon ${c.icon} ${c.label ? "" : "wx-only"}`
           }
         ),
-        a.label && /* @__PURE__ */ l("span", { className: "wx-138fWJ wx-label", children: a.label })
+        c.label && /* @__PURE__ */ r("span", { className: "wx-138fWJ wx-label", children: c.label })
       ]
     },
-    a.id
+    c.id
   )) });
-}, dn = ({
+}, hn = ({
   id: e,
   value: n = 0,
   step: t = 1,
   min: s = 0,
-  max: r = 1 / 0,
-  error: u = !1,
-  disabled: i = !1,
-  readonly: c = !1,
-  onChange: a
+  max: l = 1 / 0,
+  error: i = !1,
+  disabled: a = !1,
+  readonly: o = !1,
+  css: c = "",
+  tooltip: u,
+  onChange: d
 }) => {
-  const o = z(e), [w, d] = J(n), p = D(() => {
-    if (c || w <= s) return;
-    const h = w - t;
-    d(h), a && a({ value: h });
-  }, [w, c, s, t, a]), v = D(() => {
-    if (c || w >= r) return;
-    const h = w + t;
-    d(h), a && a({ value: h });
-  }, [w, c, r, t, a]), x = D(() => {
-    if (!c) {
-      const h = Math.round(Math.min(r, Math.max(w, s)) / t) * t, m = isNaN(h) ? Math.max(s, 0) : h;
-      d(m), a && a({ value: m });
+  const p = te(e), [w, h] = U(n), v = V(() => {
+    if (o || w <= s) return;
+    const m = w - t;
+    h(m), d && d({ value: m });
+  }, [w, o, s, t, d]), N = V(() => {
+    if (o || w >= l) return;
+    const m = w + t;
+    h(m), d && d({ value: m });
+  }, [w, o, l, t, d]), f = V(() => {
+    if (!o) {
+      const m = Math.round(Math.min(l, Math.max(w, s)) / t) * t, g = isNaN(m) ? Math.max(s, 0) : m;
+      h(g), d && d({ value: g });
     }
-  }, [c, w, r, s, t, a]), f = D(
-    (h) => {
-      const m = h.target.value * 1;
-      d(m), a && a({ value: m, input: !0 });
+  }, [o, w, l, s, t, d]), x = V(
+    (m) => {
+      const g = m.target.value * 1;
+      h(g), d && d({ value: g, input: !0 });
     },
-    [a]
+    [d]
   );
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: `wx-22t21n wx-counter ${i ? "wx-disabled" : ""} ${c ? "wx-readonly" : ""} ${u ? "wx-error" : ""}`,
+      className: `wx-22t21n wx-counter ${c} ${a ? "wx-disabled" : ""} ${o ? "wx-readonly" : ""} ${i ? "wx-error" : ""}`,
+      "data-tooltip-text": u,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "button",
           {
             "aria-label": "-",
             className: "wx-22t21n wx-btn wx-btn-dec",
-            disabled: i,
-            onClick: p,
-            children: /* @__PURE__ */ l(
+            disabled: a,
+            onClick: v,
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 className: "wx-22t21n wx-dec",
@@ -2317,33 +2385,33 @@ const un = ({
                 viewBox: "0 0 12 2",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ l("path", { d: "M11.2501 1.74994H0.750092V0.249939H11.2501V1.74994Z" })
+                children: /* @__PURE__ */ r("path", { d: "M11.2501 1.74994H0.750092V0.249939H11.2501V1.74994Z" })
               }
             )
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "input",
           {
-            id: o,
+            id: p,
             type: "text",
             className: "wx-22t21n wx-input",
-            disabled: i,
-            readOnly: c,
+            disabled: a,
+            readOnly: o,
             required: !0,
             value: w,
-            onBlur: x,
-            onInput: f
+            onBlur: f,
+            onInput: x
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ r(
           "button",
           {
             "aria-label": "-",
             className: "wx-22t21n wx-btn wx-btn-inc",
-            disabled: i,
-            onClick: v,
-            children: /* @__PURE__ */ l(
+            disabled: a,
+            onClick: N,
+            children: /* @__PURE__ */ r(
               "svg",
               {
                 className: "wx-22t21n wx-inc",
@@ -2352,7 +2420,7 @@ const un = ({
                 viewBox: "0 0 12 12",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ r(
                   "path",
                   {
                     d: `M11.2501
@@ -2367,102 +2435,103 @@ const un = ({
     }
   );
 };
-function Ct({ notice: e = {} }) {
+function Pt({ notice: e = {} }) {
   function n() {
     e.remove && e.remove();
   }
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: `wx-11sNg5 wx-notice wx-${e.type ? e.type : ""}`,
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ l("div", { className: "wx-11sNg5 wx-text", children: e.text }),
-        /* @__PURE__ */ l("div", { className: "wx-11sNg5 wx-button", children: /* @__PURE__ */ l("i", { className: "wx-11sNg5 wxi-close", onClick: n }) })
+        /* @__PURE__ */ r("div", { className: "wx-11sNg5 wx-text", children: e.text }),
+        /* @__PURE__ */ r("div", { className: "wx-11sNg5 wx-button", children: /* @__PURE__ */ r("i", { className: "wx-11sNg5 wxi-close", onClick: n }) })
       ]
     }
   );
 }
-function St({ data: e = [] }) {
-  return /* @__PURE__ */ l("div", { className: "wx-3nwoO9 wx-notices", children: e.map((n) => /* @__PURE__ */ l(Ct, { notice: n }, n.id)) });
+function Ht({ data: e = [] }) {
+  return /* @__PURE__ */ r("div", { className: "wx-3nwoO9 wx-notices", children: e.map((n) => /* @__PURE__ */ r(Pt, { notice: n }, n.id)) });
 }
-function Lt({
+function At({
   title: e = "",
   buttons: n = ["cancel", "ok"],
   header: t,
   children: s,
-  footer: r,
-  onConfirm: u,
-  onCancel: i
+  footer: l,
+  css: i = "",
+  onConfirm: a,
+  onCancel: o
 }) {
-  const c = (K(q) || X()).getGroup("core"), a = C(null);
-  E(() => {
-    a.current?.focus();
+  const c = (X(K) || ne()).getGroup("core"), u = S(null);
+  J(() => {
+    u.current?.focus();
   }, []);
-  function o(d) {
-    switch (d.code) {
+  function d(w) {
+    switch (w.code) {
       case "Enter": {
-        const p = d.target.tagName;
-        if (p === "TEXTAREA" || p === "BUTTON") return;
-        u && u({ event: d });
+        const h = w.target.tagName;
+        if (h === "TEXTAREA" || h === "BUTTON") return;
+        a && a({ event: w });
         break;
       }
       case "Escape":
-        i && i({ event: d });
+        o && o({ event: w });
         break;
     }
   }
-  function w(d, p) {
-    const v = { event: d, button: p };
-    p === "cancel" ? i && i(v) : u && u(v);
+  function p(w, h) {
+    const v = { event: w, button: h };
+    h === "cancel" ? o && o(v) : a && a(v);
   }
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: "wx-1FxkZa wx-modal",
-      ref: a,
+      className: `wx-1FxkZa wx-modal ${i}`,
+      ref: u,
       tabIndex: 0,
-      onKeyDown: o,
-      children: /* @__PURE__ */ $("div", { className: "wx-1FxkZa wx-window", children: [
-        t || (e ? /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-header", children: e }) : null),
-        /* @__PURE__ */ l("div", { children: s }),
-        r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((d) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
-          re,
+      onKeyDown: d,
+      children: /* @__PURE__ */ C("div", { className: "wx-1FxkZa wx-window", children: [
+        t || (e ? /* @__PURE__ */ r("div", { className: "wx-1FxkZa wx-header", children: e }) : null),
+        /* @__PURE__ */ r("div", { children: s }),
+        l || n && /* @__PURE__ */ r("div", { className: "wx-1FxkZa wx-buttons", children: n.map((w) => /* @__PURE__ */ r("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ r(
+          le,
           {
-            type: `block ${d === "ok" ? "primary" : "secondary"}`,
-            onClick: (p) => w(p, d),
-            children: c(d)
+            type: `block ${w === "ok" ? "primary" : "secondary"}`,
+            onClick: (h) => p(h, w),
+            children: c(w)
           }
-        ) }, d)) })
+        ) }, w)) })
       ] })
     }
   );
 }
-function Ft({ children: e }, n) {
-  const [t, s] = B(null), [r, u] = B([]);
-  return qe(
+function Bt({ children: e }, n) {
+  const [t, s] = O(null), [l, i] = O([]);
+  return nt(
     n,
     () => ({
-      showModal: (i) => {
-        const c = { ...i };
-        return s(c), new Promise((a, o) => {
-          c.resolve = (w) => {
-            s(null), a(w);
-          }, c.reject = (w) => {
-            s(null), o(w);
+      showModal: (a) => {
+        const o = { ...a };
+        return s(o), new Promise((c, u) => {
+          o.resolve = (d) => {
+            s(null), c(d);
+          }, o.reject = (d) => {
+            s(null), u(d);
           };
         });
       },
-      showNotice: (i) => {
-        i = { ...i }, i.id = i.id || oe(), i.remove = () => u((c) => c.filter((a) => a.id !== i.id)), i.expire != -1 && setTimeout(i.remove, i.expire || 5100), u((c) => [...c, i]);
+      showNotice: (a) => {
+        a = { ...a }, a.id = a.id || ae(), a.remove = () => i((o) => o.filter((c) => c.id !== a.id)), a.expire != -1 && setTimeout(a.remove, a.expire || 5100), i((o) => [...o, a]);
       }
     }),
     []
-  ), /* @__PURE__ */ $(_, { children: [
+  ), /* @__PURE__ */ C(Q, { children: [
     e,
-    t && /* @__PURE__ */ l(
-      Lt,
+    t && /* @__PURE__ */ r(
+      At,
       {
         title: t.title,
         buttons: t.buttons,
@@ -2471,218 +2540,220 @@ function Ft({ children: e }, n) {
         children: t.message
       }
     ),
-    /* @__PURE__ */ l(St, { data: r })
+    /* @__PURE__ */ r(Ht, { data: l })
   ] });
 }
-const Ht = Qe(Ft);
-function fn(e) {
-  let { children: n } = e, t = C();
-  const s = A(() => ({
-    showNotice: (r) => t.current.showNotice(r),
-    showModal: (r) => t.current.showModal(r)
+const Et = tt(Bt);
+function pn(e) {
+  let { children: n } = e, t = S();
+  const s = E(() => ({
+    showNotice: (l) => t.current.showNotice(l),
+    showModal: (l) => t.current.showModal(l)
   }), []);
-  return /* @__PURE__ */ l(Oe.Provider, { value: s, children: /* @__PURE__ */ l(Ht, { ref: t, children: n }) });
+  return /* @__PURE__ */ r(Ue.Provider, { value: s, children: /* @__PURE__ */ r(Et, { ref: t, children: n }) });
 }
-function Se({
+function Pe({
   label: e = "",
   position: n = "",
   error: t = !1,
   type: s = "",
-  required: r = !1,
-  id: u,
-  children: i,
+  required: l = !1,
+  id: i,
+  css: a = "",
+  children: o,
   width: c = ""
 }) {
-  const a = A(() => u === void 0 ? oe() : u, [u]), o = { ...c && { width: c } };
-  return /* @__PURE__ */ l(ue.Provider, { value: a, children: /* @__PURE__ */ $(
+  const u = E(() => i === void 0 ? ae() : i, [i]), d = { ...c && { width: c } };
+  return /* @__PURE__ */ r(ue.Provider, { value: u, children: /* @__PURE__ */ C(
     "div",
     {
-      style: o,
-      className: `wx-2oVUvC wx-field wx-${n} ${t ? "wx-error" : ""} ${r ? "wx-required" : ""}`.trim(),
+      style: d,
+      className: `wx-2oVUvC wx-field wx-${n} ${a} ${t ? "wx-error" : ""} ${l ? "wx-required" : ""}`.trim(),
       children: [
-        e && (a ? /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: a, children: e }) : /* @__PURE__ */ l("div", { className: "wx-2oVUvC wx-label", children: e })),
-        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${s}`, children: i })
+        e && (u ? /* @__PURE__ */ r("label", { className: "wx-2oVUvC wx-label", htmlFor: u, children: e }) : /* @__PURE__ */ r("div", { className: "wx-2oVUvC wx-label", children: e })),
+        /* @__PURE__ */ r("div", { className: `wx-2oVUvC wx-field-control wx-${s}`, children: o })
       ]
     }
   ) });
 }
-const Pt = ({
+const Ot = ({
   value: e = !1,
   type: n = "",
   icon: t = "",
   disabled: s = !1,
-  iconActive: r = "",
-  onClick: u,
-  title: i = "",
+  iconActive: l = "",
+  onClick: i,
+  title: a = "",
+  tooltip: o,
   css: c = "",
-  text: a = "",
-  textActive: o = "",
-  children: w,
-  active: d,
-  onChange: p
+  text: u = "",
+  textActive: d = "",
+  children: p,
+  active: w,
+  onChange: h
 }) => {
-  const [v, x] = J(e), f = A(() => (v ? "pressed" : "") + (n ? " " + n : ""), [v, n]), h = D(
+  const [v, N] = U(e), f = E(() => (v ? "pressed" : "") + (n ? " " + n : ""), [v, n]), x = V(
     (m) => {
       let g = !v;
-      u && u(m), m.defaultPrevented || (x(g), p && p({ value: g }));
+      i && i(m), m.defaultPrevented || (N(g), h && h({ value: g }));
     },
-    [v, u, p]
+    [v, i, h]
   );
-  return v && d ? /* @__PURE__ */ l(
-    re,
+  return v && w ? /* @__PURE__ */ r(
+    le,
     {
-      title: i,
-      text: v && o || a,
+      title: a,
+      tooltip: o,
+      text: v && d || u,
       css: c,
       type: f,
-      icon: v && r || t,
-      onClick: h,
+      icon: v && l || t,
+      onClick: x,
       disabled: s,
-      children: ae(d, { value: v })
+      children: oe(w, { value: v })
     }
-  ) : w ? /* @__PURE__ */ l(
-    re,
+  ) : p ? /* @__PURE__ */ r(
+    le,
     {
-      title: i,
-      text: v && o || a,
+      title: a,
+      tooltip: o,
+      text: v && d || u,
       css: c,
       type: f,
-      icon: v && r || t,
-      onClick: h,
+      icon: v && l || t,
+      onClick: x,
       disabled: s,
-      children: w
+      children: p
     }
-  ) : /* @__PURE__ */ l(
-    re,
+  ) : /* @__PURE__ */ r(
+    le,
     {
-      title: i,
-      text: v && o || a,
+      title: a,
+      tooltip: o,
+      text: v && d || u,
       css: c,
       type: f,
-      icon: v && r || t,
-      onClick: h,
+      icon: v && l || t,
+      onClick: x,
       disabled: s
     }
   );
-}, Le = new Date(0, 0, 0, 0, 0);
-function wn({
-  value: e = Le,
+}, He = new Date(0, 0, 0, 0, 0);
+function vn({
+  value: e = He,
   id: n,
   title: t = "",
-  css: s = "",
-  disabled: r = !1,
-  error: u = !1,
-  format: i = "",
+  tooltip: s,
+  css: l = "",
+  disabled: i = !1,
+  error: a = !1,
+  format: o = "",
   onChange: c,
-  dropdown: a
+  dropdown: u
 }) {
-  let [o, w] = J(e);
-  const { calendar: d, formats: p } = (K(q) || X()).getRaw(), v = d.clockFormat == 12, x = 23, f = 59, h = A(() => {
-    const k = i || p?.timeFormat;
-    return typeof k == "function" ? k : ne(k, d);
-  }, [i, p, d]), m = A(() => h(new Date(0, 0, 0, 1)).indexOf("01") != -1, [h]), g = (k, W) => (k < 10 && W ? `0${k}` : `${k}`).slice(-2), V = (k) => g(k, !0), b = (k) => `${k}`.replace(/[^\d]/g, "") || 0, y = (k) => v && (k = k % 12, k === 0) ? "12" : g(k, m), N = D((k, W) => (k = b(k), Math.min(k, W)), []), [M, T] = B(null), R = o || Le, F = N(R.getHours(), x), j = N(R.getMinutes(), f), H = F > 12, L = y(F), P = V(j), S = A(
-    () => h(new Date(0, 0, 0, F, j)),
-    [F, j, h]
-  ), O = D(() => {
-    T(!0);
-  }, []), U = D(() => {
-    const k = new Date(R);
-    k.setHours(k.getHours() + (H ? -12 : 12)), w(k), c && c({ value: k });
-  }, [R, H, c]), Y = D(
-    ({ value: k }) => {
-      if (R.getHours() === k) return;
-      const W = new Date(R);
-      W.setHours(k), w(W), c && c({ value: W });
+  let [d, p] = U(e);
+  const { calendar: w, formats: h } = (X(K) || ne()).getRaw(), v = w.clockFormat == 12, N = 23, f = 59, x = E(() => {
+    const D = o || h?.timeFormat;
+    return typeof D == "function" ? D : re(D, w);
+  }, [o, h, w]), m = E(() => x(new Date(0, 0, 0, 1)).indexOf("01") != -1, [x]), g = (D, H) => (D < 10 && H ? `0${D}` : `${D}`).slice(-2), T = (D) => g(D, !0), k = (D) => `${D}`.replace(/[^\d]/g, "") || 0, b = (D) => v && (D = D % 12, D === 0) ? "12" : g(D, m), y = V((D, H) => (D = k(D), Math.min(D, H)), []), [A, P] = O(null), R = d || He, Y = y(R.getHours(), N), G = y(R.getMinutes(), f), W = Y > 12, L = b(Y), B = T(G), _ = E(
+    () => x(new Date(0, 0, 0, Y, G)),
+    [Y, G, x]
+  ), Z = V(() => {
+    P(!0);
+  }, []), F = V(() => {
+    const D = new Date(R);
+    D.setHours(D.getHours() + (W ? -12 : 12)), p(D), c && c({ value: D });
+  }, [R, W, c]), j = V(
+    ({ value: D }) => {
+      if (R.getHours() === D) return;
+      const H = new Date(R);
+      H.setHours(D), p(H), c && c({ value: H });
     },
     [R, c]
-  ), I = D(
-    ({ value: k }) => {
-      if (R.getMinutes() === k) return;
-      const W = new Date(R);
-      W.setMinutes(k), w(W), c && c({ value: W });
+  ), I = V(
+    ({ value: D }) => {
+      if (R.getMinutes() === D) return;
+      const H = new Date(R);
+      H.setMinutes(D), p(H), c && c({ value: H });
     },
     [R, c]
-  ), G = D(
-    (k) => (k = N(k, x), v && (k = k * 1, k === 12 && (k = 0), H && (k += 12)), k),
-    [N, v, H]
-  ), Q = D(() => {
-    T(null);
+  ), $ = V(
+    (D) => (D = y(D, N), v && (D = D * 1, D === 12 && (D = 0), W && (D += 12)), D),
+    [y, v, W]
+  ), M = V(() => {
+    P(null);
   }, []);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: `wx-7f497i wx-timepicker ${u ? "wx-7f497i wx-error" : ""} ${r ? "wx-7f497i wx-disabled" : ""}`,
-      onClick: r ? void 0 : O,
-      style: { cursor: r ? "default" : "pointer" },
+      className: `wx-7f497i wx-timepicker ${a ? "wx-7f497i wx-error" : ""} ${i ? "wx-7f497i wx-disabled" : ""}`,
+      onClick: i ? void 0 : Z,
+      style: { cursor: i ? "default" : "pointer" },
       children: [
-        /* @__PURE__ */ l(
-          Ne,
+        /* @__PURE__ */ r(
+          ye,
           {
             id: n,
-            css: s,
+            css: `wx-date-input ${l}`,
             title: t,
-            value: S,
+            tooltip: s,
+            value: _,
             readonly: !0,
-            disabled: r,
-            error: u,
-            icon: "wxi-clock",
-            inputStyle: {
-              cursor: "pointer",
-              width: "100%",
-              paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
-            }
+            disabled: i,
+            error: a,
+            icon: "wxi-clock"
           }
         ),
-        M && !r && /* @__PURE__ */ l(le, { onCancel: Q, ...ye(a), children: /* @__PURE__ */ $("div", { className: "wx-7f497i wx-wrapper", children: [
-          /* @__PURE__ */ $("div", { className: "wx-7f497i wx-timer", children: [
-            /* @__PURE__ */ l(
+        A && !i && /* @__PURE__ */ r(se, { onCancel: M, ...De(u), children: /* @__PURE__ */ C("div", { className: "wx-7f497i wx-wrapper", children: [
+          /* @__PURE__ */ C("div", { className: "wx-7f497i wx-timer", children: [
+            /* @__PURE__ */ r(
               "input",
               {
                 className: "wx-7f497i wx-digit",
                 value: L,
-                onChange: (k) => {
-                  const W = G(k.target.value);
-                  Y({ value: W });
+                onChange: (D) => {
+                  const H = $(D.target.value);
+                  j({ value: H });
                 }
               }
             ),
-            /* @__PURE__ */ l("div", { className: "wx-7f497i wx-separator", children: ":" }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ r("div", { className: "wx-7f497i wx-separator", children: ":" }),
+            /* @__PURE__ */ r(
               "input",
               {
                 className: "wx-7f497i wx-digit",
-                value: P,
-                onChange: (k) => {
-                  const W = N(k.target.value, f);
-                  I({ value: W });
+                value: B,
+                onChange: (D) => {
+                  const H = y(D.target.value, f);
+                  I({ value: H });
                 }
               }
             ),
-            v && /* @__PURE__ */ l(
-              Pt,
+            v && /* @__PURE__ */ r(
+              Ot,
               {
-                value: H,
-                onClick: U,
-                active: () => /* @__PURE__ */ l("span", { children: "pm" }),
-                children: /* @__PURE__ */ l("span", { children: "am" })
+                value: W,
+                onClick: F,
+                active: () => /* @__PURE__ */ r("span", { children: "pm" }),
+                children: /* @__PURE__ */ r("span", { children: "am" })
               }
             )
           ] }),
-          /* @__PURE__ */ l(Se, { width: "unset", children: /* @__PURE__ */ l(
-            Ce,
+          /* @__PURE__ */ r(Pe, { width: "unset", children: /* @__PURE__ */ r(
+            Fe,
             {
-              label: d.hours,
-              value: F,
+              label: w.hours,
+              value: Y,
               width: "unset",
-              onChange: Y,
-              max: x
+              onChange: j,
+              max: N
             }
           ) }),
-          /* @__PURE__ */ l(Se, { width: "unset", children: /* @__PURE__ */ l(
-            Ce,
+          /* @__PURE__ */ r(Pe, { width: "unset", children: /* @__PURE__ */ r(
+            Fe,
             {
-              label: d.minutes,
-              value: j,
+              label: w.minutes,
+              value: G,
               width: "unset",
               onChange: I,
               max: f
@@ -2693,85 +2764,262 @@ function wn({
     }
   );
 }
-function xn({ children: e }) {
-  return /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-modal", children: /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-window", children: e }) });
+function Ae(e) {
+  return e === "point" ? "point" : e.split("-")[0];
 }
-function mn({ position: e = "right", children: n, onCancel: t }) {
-  const s = C(null);
-  return E(() => ve(s.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: s, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
+function Wt(e) {
+  if (e === "point") return "center";
+  const n = e.split("-");
+  return n.length === 1 ? "center" : n[1];
 }
-const Fe = "#dfe2e6", He = "#2c2f3c", At = 0.75;
-function Pe(e) {
+function he(e, n, t) {
+  const s = getComputedStyle(e).getPropertyValue(n);
+  return parseInt(s) || t;
+}
+function gn(e) {
+  const {
+    at: n = "top-center",
+    arrow: t = !1,
+    touch: s = !1,
+    overflow: l = !1,
+    delay: i = 300,
+    content: a = null,
+    children: o,
+    css: c = ""
+  } = e;
+  function u(I) {
+    if (l && I.scrollWidth <= I.clientWidth) return null;
+    const $ = I.getAttribute?.("data-tooltip-text");
+    return $ || null;
+  }
+  const d = e.resolver || u, p = E(() => Ae(n), [n]), w = E(() => Wt(n), [n]), h = E(() => n === "point" ? "point" : `${p}-${w}`, [n, p, w]), v = S(null), N = S(!1), [f, x] = O(null), [m, g] = O(null), [T, k] = O(null), [b, y] = O(!1), A = S(m);
+  J(() => {
+    A.current = m;
+  }, [m]);
+  const P = E(
+    () => m !== null && (!!m.result || a != null),
+    [m, a]
+  );
+  function R() {
+    return he(f, "--wx-tooltip-point-offset", 14);
+  }
+  function Y() {
+    return he(f, "--wx-tooltip-arrow-size", 6);
+  }
+  function G(I, $, M, D) {
+    if (p === "point") return "50%";
+    const H = D?.getBoundingClientRect() ?? { top: 0, left: 0 }, ee = I / 2;
+    let z, q;
+    return p === "top" || p === "bottom" ? (q = $.x - (D?.scrollLeft ?? 0) + H.left, w === "start" ? z = M.left + I + ee : w === "end" ? z = M.right - I - ee : z = M.left + M.width / 2) : (q = $.y - (D?.scrollTop ?? 0) + H.top, w === "start" ? z = M.top + I + ee : w === "end" ? z = M.bottom - I - ee : z = M.top + M.height / 2), `${z - q}px`;
+  }
+  J(() => {
+    if (!f || !m) return void k(null);
+    const I = n === "point" ? R() : 0, $ = We(
+      f,
+      m.anchor,
+      h,
+      m.mouseX + I,
+      m.mouseY + I
+    );
+    if ($ === null) return void k(null);
+    const M = m.anchor.getBoundingClientRect(), D = Ye(f), H = Ae($.at);
+    let ee = "50%";
+    if ($ && t && n !== "point") {
+      const q = Y();
+      H === "top" ? $.y -= q : H === "bottom" ? $.y += q : H === "left" ? $.x -= q : H === "right" && ($.x += q), ee = G(q, $, M, D);
+    }
+    const z = he(f, "--wx-tooltip-z-index", 1002);
+    k({
+      x: Math.round($.x),
+      y: Math.round($.y),
+      z: Math.max($.z, z),
+      side: H,
+      arrowOffset: ee
+    });
+  }, [f, m, n, t, p, w, h]);
+  function W(I, $) {
+    if (!N.current || ("ontouchstart" in window || window.navigator.maxTouchPoints > 0) && !s) return null;
+    for (; I && I !== v.current; I = I.parentNode) {
+      if (I.nodeType !== window.Node.ELEMENT_NODE) continue;
+      const D = d(I, $);
+      if (D != null)
+        return {
+          result: D,
+          anchor: I,
+          mouseX: $.clientX,
+          mouseY: $.clientY
+        };
+    }
+    return null;
+  }
+  const L = S(void 0), B = S(!1);
+  function _(I, ...$) {
+    clearTimeout(L.current), L.current = setTimeout(I, i, ...$);
+  }
+  function Z(I) {
+    if (I.target.closest(".wx-tooltip-area") !== v.current) {
+      N.current = !1, g(null), clearTimeout(L.current);
+      return;
+    }
+    N.current = !0;
+    const $ = A.current;
+    if ($?.anchor?.contains(I.target)) {
+      clearTimeout(L.current), B.current = !1;
+      const M = d(I.target, I);
+      if (M != null) {
+        g({
+          result: M,
+          anchor: I.target,
+          mouseX: I.clientX,
+          mouseY: I.clientY
+        });
+        return;
+      }
+    }
+    if ($ !== null) {
+      const M = W(I.target, I);
+      M ? (clearTimeout(L.current), B.current = !1, g(M), y(!1)) : B.current || (B.current = !0, _(() => {
+        B.current = !1, g(null);
+      }));
+    } else
+      _(() => {
+        g(W(I.target, I)), y(!0);
+      });
+  }
+  function F() {
+    _(() => {
+      B.current = !1, N.current = !1, g(null);
+    });
+  }
+  J(() => {
+    function I() {
+      clearTimeout(L.current), g(null);
+    }
+    return window.addEventListener("scroll", I, {
+      capture: !0,
+      passive: !0
+    }), () => {
+      clearTimeout(L.current), window.removeEventListener("scroll", I, { capture: !0 });
+    };
+  }, []);
+  const j = [
+    "wx-tooltip",
+    c,
+    t && T?.side === "top" ? "wx-arrow-top" : "",
+    t && T?.side === "bottom" ? "wx-arrow-bottom" : "",
+    t && T?.side === "left" ? "wx-arrow-left" : "",
+    t && T?.side === "right" ? "wx-arrow-right" : "",
+    b ? "" : "wx-tooltip-transition",
+    "wx-aab5ZNfz"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ C(
+    "div",
+    {
+      ref: v,
+      className: "wx-tooltip-area wx-aab5ZNfz",
+      role: "none",
+      onMouseMove: Z,
+      onMouseLeave: F,
+      children: [
+        P ? /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: j,
+            role: "tooltip",
+            ref: x,
+            style: {
+              translate: `${T?.x ?? 0}px ${T?.y ?? 0}px`,
+              zIndex: T?.z ?? 20,
+              visibility: T ? void 0 : "hidden",
+              "--wx-arrow-offset": T?.arrowOffset ?? "50%"
+            },
+            children: /* @__PURE__ */ r("div", { className: "wx-tooltip-wrapper wx-aab5ZNfz", children: /* @__PURE__ */ r("div", { className: "wx-tooltip-inner wx-aab5ZNfz", children: typeof m.result == "string" ? a ? /* @__PURE__ */ r(a, { data: m.result }) : /* @__PURE__ */ r("div", { className: "wx-tooltip-text wx-aab5ZNfz", children: m.result }) : a ? /* @__PURE__ */ r(a, { ...m.result }) : /* @__PURE__ */ r("div", { className: "wx-tooltip-text wx-aab5ZNfz", children: m.result?.data }) }) })
+          }
+        ) }) : null,
+        o
+      ]
+    }
+  );
+}
+function Nn({ children: e }) {
+  return /* @__PURE__ */ r("div", { className: "wx-KgpO9N wx-modal", children: /* @__PURE__ */ r("div", { className: "wx-KgpO9N wx-window", children: e }) });
+}
+function kn({ position: e = "right", css: n = "", children: t, onCancel: s }) {
+  const l = S(null);
+  return J(() => Ne(l.current, s).destroy, []), /* @__PURE__ */ r("div", { ref: l, className: `wx-2L733M wx-sidearea wx-pos-${e} ${n}`, children: t });
+}
+const Be = "#dfe2e6", Ee = "#2c2f3c", Yt = 0.75;
+function Oe(e) {
   if (e = e?.trim() || "", !e) return "";
   const n = e.split(/\s+/);
   return (n[0][0] + (n[1]?.[0] || "")).toUpperCase().slice(0, 2);
 }
-function Bt(e) {
+function jt(e) {
   let n = e.replace("#", "");
-  if (n.length === 3 && (n = n[0] + n[0] + n[1] + n[1] + n[2] + n[2]), n.length !== 6) return He;
-  const t = parseInt(n.slice(0, 2), 16) / 255, s = parseInt(n.slice(2, 4), 16) / 255, r = parseInt(n.slice(4, 6), 16) / 255;
-  return 0.299 * t + 0.587 * s + 0.114 * r > 0.5 ? He : "#ffffff";
+  if (n.length === 3 && (n = n[0] + n[0] + n[1] + n[1] + n[2] + n[2]), n.length !== 6) return Ee;
+  const t = parseInt(n.slice(0, 2), 16) / 255, s = parseInt(n.slice(2, 4), 16) / 255, l = parseInt(n.slice(4, 6), 16) / 255;
+  return 0.299 * t + 0.587 * s + 0.114 * l > 0.5 ? Ee : "#ffffff";
 }
-function hn(e) {
-  const { value: n, size: t = 32, limit: s } = e, r = C(null), [u, i] = B(null), c = A(() => n ? Array.isArray(n) ? n : [n] : [], [n]), a = A(() => {
-    if (u == null || u <= 0)
+function yn(e) {
+  const { value: n, size: t = 32, limit: s, css: l = "" } = e, i = S(null), [a, o] = O(null), c = E(() => n ? Array.isArray(n) ? n : [n] : [], [n]), u = E(() => {
+    if (a == null || a <= 0)
       return null;
-    const f = 1 + (u / t - 1) / At;
+    const f = 1 + (a / t - 1) / Yt;
     return Math.max(1, Math.floor(f));
-  }, [u, t]), o = A(() => {
+  }, [a, t]), d = E(() => {
     const f = s != null ? Math.min(c.length, s) : c.length;
-    return a != null ? Math.min(f, a) : f;
-  }, [c, s, a]), w = A(() => c.slice(0, o), [c, o]), d = A(() => Math.max(0, c.length - o), [c, o]);
-  E(() => {
-    const f = r.current;
+    return u != null ? Math.min(f, u) : f;
+  }, [c, s, u]), p = E(() => c.slice(0, d), [c, d]), w = E(() => Math.max(0, c.length - d), [c, d]);
+  J(() => {
+    const f = i.current;
     if (!f) return;
-    const h = new ResizeObserver((m) => {
+    const x = new ResizeObserver((m) => {
       const g = m[0];
-      g && i(g.contentRect.width);
+      g && o(g.contentRect.width);
     });
-    return h.observe(f), () => h.disconnect();
+    return x.observe(f), () => x.disconnect();
   }, []);
-  const p = Math.round(t * 0.4), v = {
+  const h = Math.round(t * 0.4), v = {
     width: t + "px",
     height: t + "px",
     minWidth: t + "px",
     minHeight: t + "px",
-    fontSize: p + "px"
+    fontSize: h + "px"
   };
-  function x(f, h) {
-    const m = h === 0 ? "0" : `${t * -0.25}px`, g = f.avatar ? "transparent" : f.color || Fe, V = f.avatar ? "transparent" : Bt(f.color || Fe);
-    return { marginLeft: m, backgroundColor: g, color: V };
+  function N(f, x) {
+    const m = x === 0 ? "0" : `${t * -0.25}px`, g = f.avatar ? "transparent" : f.color || Be, T = f.avatar ? "transparent" : jt(f.color || Be);
+    return { marginLeft: m, backgroundColor: g, color: T };
   }
-  return /* @__PURE__ */ l("div", { className: "wx-avatar-root wx-aadkRiRf", ref: r, children: w.length > 0 && /* @__PURE__ */ l("div", { className: "wx-avatar-stack wx-aadkRiRf", children: w.map((f, h) => /* @__PURE__ */ $(
+  return /* @__PURE__ */ r("div", { className: `wx-avatar-root wx-aadkRiRf ${l}`, ref: i, children: p.length > 0 && /* @__PURE__ */ r("div", { className: "wx-avatar-stack wx-aadkRiRf", children: p.map((f, x) => /* @__PURE__ */ C(
     "div",
     {
       className: [
         "wx-avatar",
         "wx-avatar-item",
-        h === w.length - 1 && d > 0 ? "wx-avatar-overflow" : "",
+        x === p.length - 1 && w > 0 ? "wx-avatar-overflow" : "",
         "wx-aadkRiRf"
       ].filter(Boolean).join(" "),
-      style: { ...v, ...x(f, h) },
+      style: { ...v, ...N(f, x) },
       children: [
-        f.avatar ? /* @__PURE__ */ l("img", { src: f.avatar, alt: "", loading: "lazy" }) : Pe(f.name) ? /* @__PURE__ */ l("span", { className: "wx-aadkRiRf", children: Pe(f.name) }) : null,
-        h === w.length - 1 && d > 0 && /* @__PURE__ */ $("span", { className: "wx-avatar-overflow-badge wx-aadkRiRf", children: [
+        f.avatar ? /* @__PURE__ */ r("img", { src: f.avatar, alt: "", loading: "lazy" }) : Oe(f.name) ? /* @__PURE__ */ r("span", { className: "wx-aadkRiRf", children: Oe(f.name) }) : null,
+        x === p.length - 1 && w > 0 && /* @__PURE__ */ C("span", { className: "wx-avatar-overflow-badge wx-aadkRiRf", children: [
           "+",
-          d
+          w
         ] })
       ]
     },
     f.id
   )) }) });
 }
-function Et() {
-  return /* @__PURE__ */ l(_, {});
+function Jt() {
+  return /* @__PURE__ */ r(Q, {});
 }
-function pn(e) {
+function bn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "material", children: /* @__PURE__ */ $(_, { children: [
-    t && /* @__PURE__ */ l("div", { className: "wx-theme wx-material-theme", children: t }),
-    n && /* @__PURE__ */ $(_, { children: [
-      /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(ie.Provider, { value: "material", children: /* @__PURE__ */ C(Q, { children: [
+    t && /* @__PURE__ */ r("div", { className: "wx-theme wx-material-theme", children: t }),
+    n && /* @__PURE__ */ C(Q, { children: [
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "preconnect",
@@ -2779,8 +3027,8 @@ function pn(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Et, {}),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(Jt, {}),
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "stylesheet",
@@ -2790,15 +3038,15 @@ function pn(e) {
     ] })
   ] }) });
 }
-function Je() {
-  return /* @__PURE__ */ l(_, {});
+function qe() {
+  return /* @__PURE__ */ r(Q, {});
 }
-function vn(e) {
+function Dn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "willow", children: /* @__PURE__ */ $(_, { children: [
-    t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-theme", children: t }),
-    n && /* @__PURE__ */ $(_, { children: [
-      /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(ie.Provider, { value: "willow", children: /* @__PURE__ */ C(Q, { children: [
+    t && t && /* @__PURE__ */ r("div", { className: "wx-theme wx-willow-theme", children: t }),
+    n && /* @__PURE__ */ C(Q, { children: [
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "preconnect",
@@ -2806,8 +3054,8 @@ function vn(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Je, {}),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(qe, {}),
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "stylesheet",
@@ -2817,12 +3065,12 @@ function vn(e) {
     ] })
   ] }) });
 }
-function gn(e) {
+function $n(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(ie.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(_, { children: [
-    t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-dark-theme", children: t }),
-    n && /* @__PURE__ */ $(_, { children: [
-      /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(ie.Provider, { value: "willow-dark", children: /* @__PURE__ */ C(Q, { children: [
+    t && t && /* @__PURE__ */ r("div", { className: "wx-theme wx-willow-dark-theme", children: t }),
+    n && /* @__PURE__ */ C(Q, { children: [
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "preconnect",
@@ -2830,8 +3078,8 @@ function gn(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Je, {}),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ r(qe, {}),
+      /* @__PURE__ */ r(
         "link",
         {
           rel: "stylesheet",
@@ -2841,58 +3089,59 @@ function gn(e) {
     ] })
   ] }) });
 }
-function Nn(e) {
-  const n = oe();
+function Tn(e) {
+  const n = ae();
   e.setAttribute("data-wx-portal-root", n);
 }
-et(pe);
+st(ge);
 export {
-  hn as Avatar,
-  re as Button,
-  Dt as Calendar,
-  Ye as Checkbox,
-  Qt as CheckboxGroup,
-  ot as ColorBoard,
-  Kt as ColorPicker,
-  qt as ColorSelect,
-  Zt as Combo,
-  dn as Counter,
-  zt as DatePicker,
-  Xt as DateRangePicker,
-  le as Dropdown,
-  Se as Field,
-  en as Fullscreen,
-  fn as Globals,
-  tn as Icon,
-  he as Locale,
-  pn as Material,
-  Lt as Modal,
-  xn as ModalArea,
-  ft as Month,
-  nn as MultiCombo,
-  rn as Pager,
-  lt as Popup,
-  nt as Portal,
-  It as RadioButton,
-  ln as RadioButtonGroup,
-  Tt as RangeCalendar,
-  cn as RichSelect,
-  sn as Segmented,
-  an as Select,
-  mn as SideArea,
-  Ce as Slider,
-  ge as SuggestDropdown,
-  on as Switch,
-  un as Tabs,
-  Ne as Text,
-  _t as TextArea,
-  wn as TimePicker,
-  Pt as TwoState,
-  vn as Willow,
-  gn as WillowDark,
-  Ut as context,
-  Vn as en,
-  bn as locale,
-  Nn as popupContainer
+  yn as Avatar,
+  le as Button,
+  Rt as Calendar,
+  Ze as Checkbox,
+  Xt as CheckboxGroup,
+  ft as ColorBoard,
+  tn as ColorPicker,
+  en as ColorSelect,
+  nn as Combo,
+  hn as Counter,
+  rn as DatePicker,
+  ln as DateRangePicker,
+  se as Dropdown,
+  Pe as Field,
+  sn as Fullscreen,
+  pn as Globals,
+  cn as Icon,
+  ve as Locale,
+  bn as Material,
+  At as Modal,
+  Nn as ModalArea,
+  ht as Month,
+  on as MultiCombo,
+  an as Pager,
+  at as Popup,
+  Qe as Portal,
+  Ft as RadioButton,
+  un as RadioButtonGroup,
+  Ct as RangeCalendar,
+  dn as RichSelect,
+  fn as Segmented,
+  wn as Select,
+  kn as SideArea,
+  Fe as Slider,
+  ke as SuggestDropdown,
+  xn as Switch,
+  mn as Tabs,
+  ye as Text,
+  Kt as TextArea,
+  vn as TimePicker,
+  gn as Tooltip,
+  Ot as TwoState,
+  Dn as Willow,
+  $n as WillowDark,
+  qt as context,
+  Cn as en,
+  Mn as locale,
+  Tn as popupContainer
 };
 //# sourceMappingURL=index.es.js.map