@svar-ui/react-core 2.4.3 → 2.5.0

package/dist/index.es.js

@@ -1,184 +1,301 @@
-import { jsx as l, jsxs as $, Fragment as J } from "react/jsx-runtime";
-import { createContext as ae, useContext as Q, useState as P, useCallback as y, useRef as H, useEffect as B, useMemo as E, useId as Fe, forwardRef as Le, useImperativeHandle as Ce } from "react";
-import { useWritableProp as W, snippet as ne, useHotkeys as Pe } from "@svar-ui/lib-react";
-import { uid as le, env as oe, clickOutside as de, locale as De, locateID as He, getDuodecade as Ve, dateToString as X, delegateClick as $e, calculatePosition as Be, setEnv as Ee } from "@svar-ui/lib-dom";
-import { locale as tn } from "@svar-ui/lib-dom";
-import { en as Te } from "@svar-ui/core-locales";
-import { en as ln } from "@svar-ui/core-locales";
-import { createPortal as Ae } from "react-dom";
-const re = ae("willow"), Me = ae({}), G = ae(null), se = ae(null), Dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { jsx as l, jsxs as R, Fragment as _ } from "react/jsx-runtime";
+import { createContext as fe, useContext as K, useState as B, useCallback as D, useRef as S, useEffect as W, useMemo as A, useLayoutEffect as me, memo as Ue, useId as _e, forwardRef as Qe, useImperativeHandle as qe } from "react";
+import { 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({
   __proto__: null,
-  fieldId: se,
-  helpers: Me,
-  i18n: G,
-  theme: re
+  fieldId: ue,
+  helpers: Oe,
+  i18n: q,
+  theme: ie
 }, Symbol.toStringTag, { value: "Module" }));
 function z(e) {
-  const n = Q(se), [t] = P(() => e || n && n() || le());
+  const n = K(ue), [t] = B(() => e || n || oe());
   return t;
 }
-function Vt({
+function _t({
   value: e = "",
   id: n,
   placeholder: t = "",
-  title: c = "",
+  title: s = "",
   disabled: r = !1,
-  error: i = !1,
-  readonly: o = !1,
-  onChange: s
+  error: u = !1,
+  readonly: i = !1,
+  onChange: c
 }) {
-  const a = z(n), [u, w] = W(e), f = y(
-    (p) => {
-      const d = p.target.value;
-      w(d), s && s({ value: d, input: !0 });
+  const a = z(n), [o, f] = J(e), d = D(
+    (x) => {
+      const w = x.target.value;
+      f(w), c && c({ value: w, input: !0 });
     },
-    [s]
-  ), x = y(
-    (p) => {
-      const d = p.target.value;
-      w(d), s && s({ value: d });
+    [c]
+  ), p = D(
+    (x) => {
+      const w = x.target.value;
+      f(w), c && c({ value: w });
     },
-    [s]
-  ), m = H(null);
-  return B(() => {
-    const p = x, d = m.current;
-    return d.addEventListener("change", p), () => {
-      d && d.removeEventListener("change", p);
+    [c]
+  ), v = S(null);
+  return W(() => {
+    const x = p, w = v.current;
+    return w.addEventListener("change", x), () => {
+      w && w.removeEventListener("change", x);
     };
-  }, [x]), /* @__PURE__ */ l(
+  }, [p]), /* @__PURE__ */ l(
     "textarea",
     {
-      className: `wx-3yFVAC wx-textarea ${i ? "wx-error" : ""}`,
+      className: `wx-3yFVAC wx-textarea ${u ? "wx-error" : ""}`,
       id: a,
       disabled: r,
       placeholder: t,
-      readOnly: o,
-      title: c,
-      value: u,
-      onInput: f,
-      ref: m
+      readOnly: i,
+      title: s,
+      value: o,
+      onInput: d,
+      ref: v
     }
   );
 }
-function ee({
+function re({
   type: e = "",
   css: n = "",
   icon: t = "",
-  disabled: c = !1,
+  disabled: s = !1,
   title: r = "",
-  text: i = "",
-  children: o,
-  onClick: s
+  text: u = "",
+  children: i,
+  onClick: c
 }) {
-  const a = E(() => {
-    let w = e ? e.split(" ").filter((f) => f !== "").map((f) => "wx-" + f).join(" ") : "";
-    return n + (n ? " " : "") + w;
-  }, [e, n]), u = (w) => {
-    s && s(w);
+  const a = A(() => {
+    let f = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
+    return n + (n ? " " : "") + f;
+  }, [e, n]), o = (f) => {
+    c && c(f);
   };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "button",
     {
       title: r,
-      className: `wx-2ZWgb4 wx-button ${a} ${t && !o ? "wx-icon" : ""}`,
-      disabled: c,
-      onClick: u,
+      className: `wx-2ZWgb4 wx-button ${a} ${t && !i ? "wx-icon" : ""}`,
+      disabled: s,
+      onClick: o,
       children: [
         t && /* @__PURE__ */ l("i", { className: "wx-2ZWgb4 " + t }),
-        o || i || " "
+        i || u || " "
       ]
     }
   );
 }
-function Ie({
+function Ye({
   id: e,
   label: n = "",
   inputValue: t = "",
-  value: c = !1,
+  value: s = !1,
   onChange: r,
-  disabled: i = !1
+  disabled: u = !1,
+  style: i
 }) {
-  const o = z(e), [s, a] = W(c);
-  return /* @__PURE__ */ $("div", { className: "wx-2IvefP wx-checkbox", children: [
+  const c = z(e), [a, o] = J(s);
+  return /* @__PURE__ */ R("div", { style: i, className: "wx-2IvefP wx-checkbox", children: [
     /* @__PURE__ */ l(
       "input",
       {
         type: "checkbox",
-        id: o,
-        disabled: i,
+        id: c,
+        disabled: u,
         className: "wx-2IvefP wx-check",
-        checked: s,
+        checked: a,
         value: t,
-        onChange: ({ target: w }) => {
-          const f = w.checked;
-          a(f), r && r({ value: f, inputValue: t });
+        onChange: ({ target: d }) => {
+          const p = d.checked;
+          o(p), r && r({ value: p, inputValue: t });
         }
       }
     ),
-    /* @__PURE__ */ $("label", { htmlFor: o, className: "wx-2IvefP wx-label", children: [
+    /* @__PURE__ */ R("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 })
     ] })
   ] });
 }
-function $t({
+function Qt({
   options: e = [],
   value: n = [],
   type: t = "",
-  onChange: c
+  onChange: s
 }) {
-  const r = y(
-    (i) => {
-      let o;
-      i.value ? o = [...n, i.inputValue] : o = n.filter((s) => s !== i.inputValue), c && c({ value: o });
+  const r = D(
+    (u) => {
+      let i;
+      u.value ? i = [...n, u.inputValue] : i = n.filter((c) => c !== u.inputValue), s && s({ value: i });
     },
-    [n, c]
+    [n, s]
   );
-  return /* @__PURE__ */ l(se.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`}`, children: e.map((i) => /* @__PURE__ */ l("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ l(
-    Ie,
+  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,
     {
-      label: i.label,
-      inputValue: i.id,
-      value: n.includes(i.id),
+      label: u.label,
+      inputValue: u.id,
+      value: n.includes(u.id),
       onChange: r
     }
-  ) }, i.id)) }) });
+  ) }, u.id)) }) });
+}
+function nt({ theme: e = "", target: n, children: t }) {
+  const s = S(null), r = S(null), [u, i] = B(null);
+  s.current || (s.current = document.createElement("div"));
+  const c = K(ie);
+  return W(() => {
+    i(
+      n || rt(r.current) || pe.getTopNode(r.current)
+    );
+  }, [r.current]), /* @__PURE__ */ R(_, { children: [
+    /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
+    r.current && u ? tt(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: `wx-3ZWsT0 wx-${e || c}-theme`,
+          children: t
+        }
+      ),
+      u
+    ) : null
+  ] });
+}
+function rt(e) {
+  const n = pe.getTopNode(e);
+  for (; e && e !== n && !e.getAttribute("data-wx-portal-root"); )
+    e = e.parentNode;
+  return e;
+}
+function lt({
+  left: e = 0,
+  top: n = 0,
+  at: t = "bottom",
+  parent: s = null,
+  width: r = "auto",
+  css: u = "",
+  onCancel: i,
+  children: c,
+  trackScroll: a = !1
+}) {
+  const [o, f] = B(0), [d, p] = B(0), [v, x] = B("auto"), [w, h] = B(!1), m = S(null), g = S(null);
+  function T(N) {
+    return s && (r + "").indexOf("%") > -1 ? r.replace(/(\d+)%/, (k, M) => (M = M * s.offsetWidth / 100 + "px", r.replace(k, M))) : r && r !== "auto" ? r : N;
+  }
+  const b = D(() => {
+    if (!m.current) return;
+    const N = Ze(m.current, s, t, e, n);
+    N && (f(N.x), p(N.y), x(T(N.width)));
+  }, [m, s, t, e, n, r]);
+  return me(() => {
+    const N = (k) => {
+      i && k.target !== g.current && m.current && !m.current.contains(k.target) && i(k);
+    };
+    return requestAnimationFrame(() => {
+      b(), h(!0), a && m.current && (g.current = ze(m.current), g.current && g.current.addEventListener("scroll", N, !0));
+    }), () => {
+      a && g.current && g.current.removeEventListener("scroll", N, !0);
+    };
+  }, []), me(() => {
+    b();
+  }, [s, t, e, n]), W(() => {
+    const N = (k) => {
+      i && i(k);
+    };
+    if (m.current)
+      return ve(m.current, N).destroy;
+  }, [i]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: m,
+      className: ["wx-37M6Fj", "wx-popup", u].filter(Boolean).join(" "),
+      style: {
+        position: "absolute",
+        visibility: w ? "visible" : "hidden",
+        top: d + "px",
+        left: o + "px",
+        width: v
+      },
+      children: c
+    }
+  );
 }
-function te({
+function ct({
   position: e = "bottom",
   align: n = "start",
   autoFit: t = !0,
-  onCancel: c,
+  onCancel: s = null,
   width: r = "100%",
+  css: u = "",
   children: i
 }) {
-  const o = H(null), [s, a] = W(e), [u, w] = W(n);
-  return B(() => {
+  const c = S(null), [a, o] = B(e), [f, d] = B(n);
+  return W(() => {
     if (t) {
-      const f = o.current;
-      if (f) {
-        const x = f.getBoundingClientRect(), m = oe.getTopNode(f).getBoundingClientRect();
-        x.right >= m.right && w("end"), x.bottom >= m.bottom && a("top");
+      const p = c.current;
+      if (p) {
+        const v = p.getBoundingClientRect(), x = document.body.getBoundingClientRect();
+        v.right >= x.right && d("end"), v.bottom >= x.bottom && o("top");
       }
     }
-  }, [t]), B(() => {
-    if (o.current) {
-      const f = (x) => {
-        c && c(x);
+  }, []), W(() => {
+    if (c.current) {
+      const p = (v) => {
+        s && s(v);
       };
-      return de(o.current, f).destroy;
+      return ve(c.current, p).destroy;
     }
-  }, [c]), /* @__PURE__ */ l(
+  }, [s]), /* @__PURE__ */ l(
     "div",
     {
-      ref: o,
-      className: `wx-32GZ52 wx-dropdown wx-${s}-${u}`,
+      ref: c,
+      className: [
+        "wx-dropdown",
+        `wx-${a}-${f}`,
+        u || "",
+        "wx-aaaVytZW"
+      ].filter(Boolean).join(" "),
       style: { width: r },
       children: i
     }
   );
 }
-const Oe = [
+function le({
+  position: e = "bottom",
+  align: n = "start",
+  autoFit: t = !0,
+  inline: s = !1,
+  onCancel: r,
+  width: u = "100%",
+  children: i,
+  ...c
+}) {
+  const [a, o] = B(void 0), f = S(null), d = A(() => `${e}-${n}`, [e, n]);
+  return me(() => {
+    f.current && o(f.current.parentNode);
+  }, []), /* @__PURE__ */ R(_, { children: [
+    a && (s ? /* @__PURE__ */ l(
+      ct,
+      {
+        onCancel: r,
+        position: e,
+        align: n,
+        autoFit: t,
+        width: u,
+        ...c,
+        children: i
+      }
+    ) : /* @__PURE__ */ l(nt, { children: /* @__PURE__ */ l(lt, { parent: a, at: d, onCancel: r, width: u, ...c, children: i }) })),
+    /* @__PURE__ */ l("span", { ref: f, className: "wx-portal-node wx-32GZ52" })
+  ] });
+}
+const st = [
   "#00a037",
   "#37a9ef",
   "#f5a623",
@@ -187,92 +304,93 @@ const Oe = [
   "#000000",
   "#ffffff"
 ];
-function Tt({
-  colors: e = Oe,
+function qt({
+  colors: e = st,
   value: n = "",
   onChange: t,
-  id: c,
+  id: s,
   clear: r = !1,
-  placeholder: i = "",
-  title: o = "",
-  disabled: s = !1,
-  error: a = !1
+  placeholder: u = "",
+  title: i = "",
+  disabled: c = !1,
+  error: a = !1,
+  dropdown: o = {}
 }) {
-  const u = z(c), [w, f] = P(n), [x, m] = P(!1), p = y(
-    (v, N) => {
-      v.stopPropagation(), f(N), m(!1), t && t({ value: N });
+  const f = z(s), [d, p] = B(n), [v, x] = B(!1), w = D(
+    (g, T) => {
+      g.stopPropagation(), p(T), x(!1), t && t({ value: T });
     },
     [t]
-  ), d = y(
-    (v) => {
-      v.stopPropagation(), f(""), t && t({ value: "" });
+  ), h = D(
+    (g) => {
+      g.stopPropagation(), p(""), t && t({ value: "" });
     },
     [t]
-  ), h = y(() => {
-    if (s) return !1;
-    m(!0);
-  }, [s]);
-  return /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colorselect", onClick: h, children: [
+  ), m = D(() => {
+    if (c) return !1;
+    x(!0);
+  }, [c]);
+  return /* @__PURE__ */ R("div", { className: "wx-121TgJ wx-colorselect", onClick: m, children: [
     /* @__PURE__ */ l(
       "input",
       {
-        className: "wx-121TgJ wx-input" + (a ? " wx-error" : "") + (x ? " wx-focus" : ""),
-        title: o,
-        value: w,
+        className: "wx-121TgJ wx-input" + (a ? " wx-error" : "") + (v ? " wx-focus" : ""),
+        title: i,
+        value: d,
         readOnly: !0,
-        id: u,
-        placeholder: i,
-        disabled: s
+        id: f,
+        placeholder: u,
+        disabled: c
       }
     ),
-    r && w && !s && /* @__PURE__ */ l("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: d }),
-    w ? /* @__PURE__ */ l(
+    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: w || "#00a037" }
+        style: { backgroundColor: d || "#00a037" }
       }
     ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
-    x && /* @__PURE__ */ l(te, { onCancel: () => m(!1), children: /* @__PURE__ */ $("div", { className: "wx-121TgJ wx-colors", children: [
+    v && /* @__PURE__ */ l(le, { onCancel: () => x(!1), ...o, children: /* @__PURE__ */ R("div", { className: "wx-121TgJ wx-colors", children: [
       /* @__PURE__ */ l(
         "div",
         {
           className: "wx-121TgJ wx-empty",
-          onClick: (v) => p(v, "")
+          onClick: (g) => w(g, "")
         }
       ),
-      e.map((v, N) => /* @__PURE__ */ l(
+      e.map((g, T) => /* @__PURE__ */ l(
         "div",
         {
           className: "wx-121TgJ wx-color",
-          style: { backgroundColor: v },
-          onClick: (R) => p(R, v)
+          style: { backgroundColor: g },
+          onClick: (b) => w(b, g)
         },
-        N
+        T
       ))
     ] }) })
   ] });
 }
-function me(e, n) {
-  const t = e.firstChild, { moveBlockSlider: c, moveLineSlider: r } = n || {};
-  function i(a) {
-    o(a), t.focus(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", s);
+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 o(a) {
-    let u, w, f, x;
-    const m = e.getBoundingClientRect();
-    u = m.left, w = m.top, f = a.clientX - u, x = a.clientY - w, c && n.moveBlockSlider(f, x), r && n.moveLineSlider(f);
+  function i(a) {
+    let o, f, d, p;
+    const v = e.getBoundingClientRect();
+    o = v.left, f = v.top, d = a.clientX - o, p = a.clientY - f, s && n.moveBlockSlider(d, p), r && n.moveLineSlider(d);
   }
-  function s() {
-    t.blur(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", s);
+  function c() {
+    t.blur(), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", c);
   }
-  return e.addEventListener("mousedown", i), {
+  return e.addEventListener("mousedown", u), {
     destroy() {
-      e.removeEventListener("mousedown", i);
+      e.removeEventListener("mousedown", u);
     }
   };
 }
-const q = {
+const se = {
   _toHex: [
     "0",
     "1",
@@ -310,832 +428,993 @@ const q = {
   hexToRgb(e) {
     e = e.charAt(0) === "#" ? e.slice(1) : e;
     const n = e.match(/.{1,2}/g);
-    let [t, c, r] = n;
-    return t = this.hexToDec(t), c = this.hexToDec(c), r = this.hexToDec(r), [t, c, r];
+    let [t, s, r] = n;
+    return t = this.hexToDec(t), s = this.hexToDec(s), r = this.hexToDec(r), [t, s, r];
   },
   hsvToRgb(e, n, t) {
-    let c, r, i, o, s, a, u, w;
-    switch (c = Math.floor(e / 60) % 6, r = e / 60 - c, i = t * (1 - n), o = t * (1 - r * n), s = t * (1 - (1 - r) * n), a = 0, u = 0, w = 0, c) {
+    let s, r, u, i, c, a, o, f;
+    switch (s = Math.floor(e / 60) % 6, r = e / 60 - s, u = t * (1 - n), i = t * (1 - r * n), c = t * (1 - (1 - r) * n), a = 0, o = 0, f = 0, s) {
       case 0:
-        a = t, u = s, w = i;
+        a = t, o = c, f = u;
         break;
       case 1:
-        a = o, u = t, w = i;
+        a = i, o = t, f = u;
         break;
       case 2:
-        a = i, u = t, w = s;
+        a = u, o = t, f = c;
         break;
       case 3:
-        a = i, u = o, w = t;
+        a = u, o = i, f = t;
         break;
       case 4:
-        a = s, u = i, w = t;
+        a = c, o = u, f = t;
         break;
       case 5:
-        a = t, u = i, w = o;
+        a = t, o = u, f = i;
         break;
     }
-    return a = Math.floor(a * 255), u = Math.floor(u * 255), w = Math.floor(w * 255), [a, u, w];
+    return a = Math.floor(a * 255), o = Math.floor(o * 255), f = Math.floor(f * 255), [a, o, f];
   },
   rgbToHsv(e, n, t) {
-    let c, r, i;
+    let s, r, u;
     e /= 255, n /= 255, t /= 255;
-    let o = Math.min(e, n, t), s = Math.max(e, n, t);
-    return r = 0, c = s === 0 ? 0 : 1 - o / s, i = s, s === o ? r = 0 : s === e && n >= t ? r = 60 * (n - t) / (s - o) + 0 : s === e && n < t ? r = 60 * (n - t) / (s - o) + 360 : s === n ? r = 60 * (t - e) / (s - o) + 120 : s === t && (r = 60 * (e - n) / (s - o) + 240), [r, c, i];
+    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];
   },
   hexToHvs(e) {
     const n = this.hexToRgb(e);
     return this.rgbToHsv(...n);
   },
   hvsToHex(e, n, t) {
-    const c = this.hsvToRgb(e, n, t);
-    return "#" + this.rgbToHex(c).toUpperCase();
+    const s = this.hsvToRgb(e, n, t);
+    return "#" + this.rgbToHex(s).toUpperCase();
   }
-}, We = (e) => /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
-function he(e) {
-  return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), We(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
+}, 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;
 }
-function Z() {
-  return De(Te);
+function X() {
+  return Ae(We);
 }
-const pe = "Block", ve = "Line";
-function Ye({
+const Ve = "Block", Te = "Line";
+function ot({
   value: e = "#65D3B3",
   button: n = !1,
   onChange: t
 }) {
-  const c = (Q(G) || Z()).getGroup("core"), r = H(null), i = H(null), [o, s] = P(), [a, u] = P(), [w, f] = P(), [x, m] = P(), [p, d] = W(e), h = E(() => he(p) || "#65D3B3", [p]), v = E(
-    () => q.hvsToHex(w || 0, 1, 1),
-    [w]
-  ), N = y(
-    (b, k) => {
-      const { width: F, height: A } = r.current.getBoundingClientRect();
-      k < 0 ? k = 0 : k > A && (k = A), b < 0 ? b = 0 : b > F && (b = F), s(k), u(b);
-      let L, I;
-      q.hexToHvs(h);
-      const O = F / 100, Y = A / 100;
-      L = Math.ceil(b / O) / 100, I = Math.ceil(Math.abs(k / Y - 100)) / 100;
-      const _ = q.hvsToHex(
-        w || 0,
-        L,
-        I
+  const s = (K(q) || X()).getGroup("core"), r = S(null), u = S(null), [i, c] = B(), [a, o] = B(), [f, d] = B(), [p, v] = B(), [x, w] = J(e), [h, m] = B(e), g = S(null), T = S(null), b = A(() => De(x) || "#65D3B3", [x]), N = A(
+    () => se.hvsToHex(f || 0, 1, 1),
+    [f]
+  ), k = D(
+    (L, P) => {
+      const { width: C, height: O } = r.current.getBoundingClientRect();
+      P < 0 ? P = 0 : P > O && (P = O), L < 0 ? L = 0 : L > C && (L = C), c(P), o(L);
+      let U, Y;
+      const I = C / 100, G = O / 100;
+      U = Math.ceil(L / I) / 100, Y = Math.ceil(Math.abs(P / G - 100)) / 100;
+      const Q = se.hvsToHex(
+        f,
+        U,
+        Y
       );
-      d(_), t && t({ value: _, input: !0 });
+      w(Q), m(Q), t && t({ value: Q, input: !0 });
     },
-    [h, w, t]
-  ), R = y(
-    (b) => {
-      const k = i.current.getBoundingClientRect().width;
-      b < 0 ? b = 0 : b > k && (b = k);
-      const F = Math.round(b * 359 / k), A = Math.max(Math.min(F, 359), 0);
-      f(A), m(b);
-      let L, I;
-      [, L, I] = q.hexToHvs(h);
-      const O = q.hvsToHex(A, L, I);
-      d(O), t && t({ value: O, input: !0 });
+    [b, f, t]
+  ), M = D(
+    (L) => {
+      const P = u.current.getBoundingClientRect().width;
+      L < 0 ? L = 0 : L > P && (L = P);
+      const C = Math.round(L * 359 / P), O = Math.max(Math.min(C, 359), 0);
+      d(O), v(L);
+      let U, Y;
+      [, U, Y] = se.hexToHvs(b);
+      const I = se.hvsToHex(O, U, Y);
+      w(I), m(I), t && t({ value: I, input: !0 });
     },
-    [h, t]
-  ), g = y(() => {
-    const [b, k, F] = q.hexToHvs(h);
-    if (f(b), r.current) {
-      const { width: A, height: L } = r.current.getBoundingClientRect();
-      i.current && m(
-        b * i.current.getBoundingClientRect().width / 359
-      ), u(k * A), s(Math.abs(L * (F - 1)));
+    [b, t]
+  );
+  g.current = k, T.current = M;
+  const $ = D((L) => {
+    const [P, C, O] = se.hexToHvs(L || b);
+    if (d(P), r.current) {
+      const { width: U, height: Y } = r.current.getBoundingClientRect();
+      u.current && v(
+        P * u.current.getBoundingClientRect().width / 359
+      ), o(C * U), c(Math.abs(Y * (O - 1)));
     }
-  }, [h]), T = y(
-    ({ target: b }) => {
-      const k = he(b.value);
-      d(k), t && t({ value: k, input: !0 }), k && g();
+  }, [b]), V = D(
+    ({ target: L }) => {
+      const P = De(L.value);
+      m(L.value), P && (w(P), t && t({ value: P, input: !0 }), $(P));
     },
-    [t, g]
-  ), M = y(
-    (b) => {
-      b.stopPropagation(), t && t({ value: h });
+    [t, $]
+  ), F = D(
+    (L) => {
+      L.stopPropagation(), t && t({ value: b });
     },
-    [h, t]
-  ), S = y(
-    (b) => {
-      const k = b.target, F = k.getAttribute("data-slider") === pe, A = k.getAttribute("data-slider") === ve;
-      let L = window.getComputedStyle(k), I = parseFloat(L.left), O = parseFloat(L.top);
-      const Y = b.code;
-      if (F) {
-        switch (Y) {
+    [b, t]
+  ), j = D(
+    (L) => {
+      const P = L.target, C = P.getAttribute("data-slider") === Ve, O = P.getAttribute("data-slider") === Te;
+      let U = window.getComputedStyle(P), Y = parseFloat(U.left), I = parseFloat(U.top);
+      const G = L.code;
+      if (C) {
+        switch (G) {
           case "ArrowLeft": {
-            I--;
+            Y--;
             break;
           }
           case "ArrowRight": {
-            I++;
+            Y++;
             break;
           }
           case "ArrowDown": {
-            O++;
+            I++;
             break;
           }
           case "ArrowUp": {
-            O--;
+            I--;
             break;
           }
           default:
             return;
         }
-        N(I, O);
+        k(Y, I);
       }
-      if (A) {
-        if (Y === "ArrowLeft" || Y === "ArrowDown") I--;
-        else if (Y === "ArrowRight" || Y === "ArrowUp") I++;
+      if (O) {
+        if (G === "ArrowLeft" || G === "ArrowDown") Y--;
+        else if (G === "ArrowRight" || G === "ArrowUp") Y++;
         else return;
-        R(I);
+        M(Y);
       }
-      b.preventDefault();
+      L.preventDefault();
     },
-    [N, R]
+    [k, M]
   );
-  B(() => {
-    g();
-  }, [g]), B(() => {
-    p !== p && (d(p), g());
-  }, [p, p, g]), B(() => {
-    r.current && me(r.current, { moveBlockSlider: N }), i.current && me(i.current, { moveLineSlider: R });
-  }, [N, R]), B(() => {
-    p !== p && t && t({ value: p, input: !0 });
-  }, [p, t]), B(() => {
-    h && r.current && g();
-  }, [h, g]);
-  const D = "wx-1yoKzq";
-  return /* @__PURE__ */ $("div", { className: D + " wx-colorboard", children: [
+  W(() => {
+    const L = [];
+    return r.current && L.push(
+      be(r.current, {
+        moveBlockSlider: (P, C) => {
+          g.current?.(P, C);
+        }
+      }).destroy
+    ), u.current && L.push(
+      be(u.current, {
+        moveLineSlider: (P) => {
+          T.current?.(P);
+        }
+      }).destroy
+    ), requestAnimationFrame(() => $()), () => {
+      L.forEach((P) => P());
+    };
+  }, []);
+  const H = "wx-1yoKzq";
+  return /* @__PURE__ */ R("div", { className: H + " wx-colorboard", children: [
     /* @__PURE__ */ l(
       "div",
       {
-        className: D + " wx-color-block",
-        style: { background: v },
+        className: H + " wx-color-block",
+        style: { background: N },
         ref: r,
         children: /* @__PURE__ */ l(
           "div",
           {
-            className: D + " wx-color-block-slider wx-slider",
+            className: H + " wx-color-block-slider wx-slider",
             style: {
-              background: h,
-              top: o + "px",
+              background: b,
+              top: i + "px",
               left: a + "px"
             },
             tabIndex: 0,
-            "data-slider": pe,
-            onKeyDown: S
+            "data-slider": Ve,
+            onKeyDown: j
           }
         )
       }
     ),
-    /* @__PURE__ */ l("div", { className: D + " wx-color-line", ref: i, children: /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: H + " wx-color-line", ref: u, children: /* @__PURE__ */ l(
       "div",
       {
-        className: D + " wx-color-line-slider wx-slider",
-        style: { background: v, left: x + "px" },
+        className: H + " wx-color-line-slider wx-slider",
+        style: { background: N, left: p + "px" },
         tabIndex: 0,
-        "data-slider": ve,
-        onKeyDown: S
+        "data-slider": Te,
+        onKeyDown: j
       }
     ) }),
-    /* @__PURE__ */ $("div", { className: D + " wx-color-controls", children: [
+    /* @__PURE__ */ R("div", { className: H + " wx-color-controls", children: [
       /* @__PURE__ */ l(
         "div",
         {
-          className: D + " wx-color",
-          style: { background: h }
+          className: H + " wx-color",
+          style: { background: b }
         }
       ),
       /* @__PURE__ */ l(
         "input",
         {
           type: "text",
-          className: D + " wx-text",
-          value: p,
-          onChange: T
+          className: H + " wx-text",
+          value: h,
+          onChange: V
         }
       )
     ] }),
-    n && /* @__PURE__ */ l(ee, { onClick: M, type: "secondary", children: c("select") })
+    n && /* @__PURE__ */ l(re, { onClick: F, type: "secondary", children: s("select") })
   ] });
 }
-function Mt({
+function Kt({
   value: e = "",
   id: n,
   placeholder: t = "",
-  title: c = "",
+  title: s = "",
   disabled: r = !1,
-  error: i = !1,
-  clear: o = !1,
-  onChange: s
+  error: u = !1,
+  clear: i = !1,
+  onChange: c,
+  dropdown: a = {}
 }) {
-  const a = z(n);
-  let [u, w] = W(e);
-  const [f, x] = P(!1);
-  function m() {
+  const o = z(n);
+  let [f, d] = J(e);
+  const [p, v] = B(!1);
+  function x() {
     if (r) return !1;
-    x(!0);
+    v(!0);
   }
-  function p(h) {
-    if (h.input) return;
-    x(!1);
-    const v = h.value;
-    w(v), s && s({ value: v });
+  function w(m) {
+    if (m.input) return;
+    v(!1);
+    const g = m.value;
+    d(g), c && c({ value: g });
   }
-  function d(h) {
-    h.stopPropagation(), w(""), s && s({ value: "" });
+  function h(m) {
+    m.stopPropagation(), d(""), c && c({ value: "" });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-mmT8WH wx-colorpicker", onClick: m, children: [
+  return /* @__PURE__ */ R("div", { className: "wx-mmT8WH wx-colorpicker", onClick: x, children: [
     /* @__PURE__ */ l(
       "input",
       {
-        className: "wx-mmT8WH wx-input" + (i ? " wx-error" : "") + (f ? " wx-focus" : ""),
-        title: c,
-        value: u,
+        className: "wx-mmT8WH wx-input" + (u ? " wx-error" : "") + (p ? " wx-focus" : ""),
+        title: s,
+        value: f,
         readOnly: !0,
-        id: a,
+        id: o,
         placeholder: t,
         disabled: r
       }
     ),
-    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: u } }),
-    o && !r && u && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: d }),
-    f && /* @__PURE__ */ l(te, { onCancel: () => x(!1), children: /* @__PURE__ */ l(Ye, { value: u, button: "true", onChange: p }) })
+    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: f } }),
+    i && !r && f && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: h }),
+    p && /* @__PURE__ */ l(le, { onCancel: () => v(!1), ...a, children: /* @__PURE__ */ l(ot, { value: f, button: "true", onChange: w }) })
   ] });
 }
-function je() {
-  let e = null, n = !1, t, c, r, i;
-  const o = (x, m, p, d) => {
-    t = x, c = m, r = p, i = d;
-  }, s = (x) => {
-    e = x, n = e !== null, r(e);
-  }, a = (x, m) => {
-    if (x !== null && t) {
-      const p = t.querySelectorAll(".wx-list > .wx-item")[x];
-      p && (p.scrollIntoView({ block: "nearest" }), m && m.preventDefault());
+function it() {
+  let e = null, n = !1, t = !1, s, r, u, i;
+  const c = (v, x, w, h, m) => {
+    s = v, r = x, u = w, i = h, t = m;
+  }, a = (v) => {
+    e = v, n = e !== null, u(e);
+  }, o = (v, x) => {
+    if (!t && v !== null && s) {
+      const w = s.querySelectorAll(".wx-list > .wx-item")[v];
+      w && (w.scrollIntoView({ block: "nearest" }), x && x.preventDefault());
     }
-  }, u = (x, m) => {
-    const p = x === null ? null : Math.max(0, Math.min(e + x, c.length - 1));
-    p !== e && (s(p), t ? a(p, m) : requestAnimationFrame(() => a(p, m)));
+  }, f = (v, x) => {
+    const w = v === null ? null : Math.max(0, Math.min(e + v, r.length - 1));
+    w !== e && (a(w), s ? o(w, x) : requestAnimationFrame(() => o(w, x)));
   };
-  return { move: (x) => {
-    const m = He(x), p = c.findIndex((d) => d.id == m);
-    p !== e && s(p);
-  }, keydown: (x, m) => {
-    switch (x.code) {
+  return { move: (v) => {
+    const x = Xe(v), w = r.findIndex((h) => h.id === x);
+    w !== e && a(w);
+  }, keydown: (v, x) => {
+    switch (v.code) {
       case "Enter":
-        n ? i() : s(0);
+        n ? i() : a(0);
         break;
       case "Space":
-        n || s(0);
+        n || a(0);
         break;
       case "Escape":
-        r(e = null);
+        u(e = null);
         break;
       case "Tab":
-        r(e = null);
+        u(e = null);
         break;
       case "ArrowDown":
-        u(n ? 1 : m || 0, x);
+        f(n ? 1 : x || 0, v);
         break;
       case "ArrowUp":
-        u(n ? -1 : m || 0, x);
+        f(n ? -1 : x || 0, v);
         break;
     }
-  }, init: o, navigate: u };
+  }, init: c, navigate: f };
+}
+const Re = 10, ut = Ue(function({ data: n, checkboxes: t, children: s, value: r }) {
+  return /* @__PURE__ */ R(_, { children: [
+    t && /* @__PURE__ */ l(
+      Ye,
+      {
+        id: n.id,
+        style: { marginRight: "8px", pointerEvents: "none" },
+        value: r && r.includes(n.id)
+      }
+    ),
+    s ? ae(s, { option: n }) : n.label
+  ] });
+});
+function $e({
+  visibleItems: e,
+  visibleRange: n,
+  navIndex: t,
+  checkboxes: s,
+  children: r,
+  value: u,
+  measureRefCallback: i
+}) {
+  return e.map((c, a) => {
+    const o = n.start + a;
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: a === 0 ? i : void 0,
+        className: `wx-233fr7 wx-item ${o === t ? "wx-focus" : ""}`,
+        "data-id": c.id,
+        children: /* @__PURE__ */ l(
+          ut,
+          {
+            data: c,
+            checkboxes: s,
+            children: r,
+            value: u
+          }
+        )
+      },
+      c.id
+    );
+  });
 }
-function we({
+function ge({
   items: e = [],
   children: n,
   onSelect: t,
-  onReady: c
+  onReady: s,
+  virtualized: r = !1,
+  checkboxes: u,
+  multiselect: i,
+  value: c,
+  ...a
 }) {
-  const r = H(), i = H(je()), [o, s] = P(null), a = H(o), u = (Q(G) || Z()).getGroup("core"), w = (x) => {
-    x && x.stopPropagation(), t && t({ id: e[a.current]?.id });
-  };
-  B(() => {
-    i.current.init(
-      r.current,
+  const o = S(), f = S(!1), d = S(it()), [p, v] = B(null), x = S(p), [w, h] = B(0), [m, g] = B(24), T = S(!1), b = (K(q) || X()).getGroup("core"), N = S(e);
+  W(() => {
+    N.current = e;
+  }, [e]);
+  const k = S(c);
+  W(() => {
+    k.current = c;
+  }, [c]);
+  const M = S(0);
+  W(() => {
+    M.current = m;
+  }, [m]);
+  const $ = D((y) => {
+    y && y.stopPropagation();
+    const E = N.current, Z = k.current, ce = x.current;
+    let ee;
+    const te = E[ce]?.id;
+    i ? Z && Z.includes(te) ? ee = Z.filter((we) => we !== te) : ee = [...Z || [], te] : ee = te, t && t({ id: ee });
+  }, [i, t]), V = S($);
+  W(() => {
+    V.current = $;
+  }, [$]);
+  const F = D((y) => {
+    if (o.current) {
+      let E = y * M.current - o.current.clientHeight + M.current;
+      h(E), o.current.scrollTop = E;
+    }
+  }, [M.current]), j = D(
+    (y) => {
+      o.current = y, r && (y && !f.current && x.current !== null && requestAnimationFrame(() => {
+        o.current && (F(x.current), f.current = !0);
+      }), y || (f.current = !1));
+    },
+    [F]
+  ), H = D((y) => {
+    if (!y || T.current) return;
+    const E = y.getBoundingClientRect().height;
+    E && (g(E), M.current = E, T.current = !0);
+  }, []);
+  W(() => {
+    d.current.init(
+      o.current,
       e,
-      (x) => {
-        s(x), a.current = x;
+      (y) => {
+        v(y), x.current = y;
       },
-      w
+      (y) => V.current(y),
+      r
     );
-  }, [e, r.current]), B(() => {
-    c && c(i.current);
+  }, [e, o.current, r]), W(() => {
+    const y = (Z, ce) => {
+      d.current.navigate(Z, ce), F(x.current);
+    }, E = (Z, ce) => {
+      const ee = x.current, te = N.current;
+      if (ee !== 0 && ee !== te.length - 1 && (Z.key === "ArrowDown" || Z.key === "ArrowUp") && Z.preventDefault(), d.current.keydown(Z, ce), o.current) {
+        const we = o.current.scrollTop <= x.current * M.current, Ge = o.current.scrollTop + o.current.clientHeight >= x.current * M.current + M.current;
+        we ? Ge || F(x.current) : (o.current.scrollTop = x.current * M.current, h(o.current.scrollTop));
+      }
+    };
+    s && s({
+      navigate: r ? y : d.current.navigate,
+      keydown: r ? E : d.current.keydown,
+      move: d.current.move
+    });
   }, []);
-  const f = y(() => {
-    i.current.navigate(null);
-  }, [i]);
-  return o === null ? null : /* @__PURE__ */ l(te, { onCancel: f, children: /* @__PURE__ */ l(
+  const L = S(0), P = S(e);
+  P.current !== e && (P.current = e, L.current += 1);
+  const C = D(() => {
+    d.current.navigate(null);
+  }, [d]), O = D((y) => {
+    r && h(y.target.scrollTop);
+  }, [r]), U = A(
+    () => Math.ceil((o.current?.clientHeight || 0) / m),
+    [m, w]
+  ), Y = A(() => {
+    if (!r) return { start: 0, end: e.length };
+    if (!e.length) return { start: 0, end: 0 };
+    const y = Math.floor(w / m), E = y + U;
+    return {
+      start: Math.max(0, y - Re),
+      end: Math.min(e.length, E + Re)
+    };
+  }, [r, e, w, m, U]), I = A(() => {
+    if (!r) return e;
+    const { start: y, end: E } = Y;
+    return e.slice(y, E).map((Z) => ({
+      ...Z
+    }));
+  }, [r, e, Y]), G = Y.start * m, Q = e.length * m;
+  return W(() => {
+    p === null && (f.current = !1);
+  }, [p]), p === null ? null : /* @__PURE__ */ l(le, { onCancel: C, ...a, children: /* @__PURE__ */ l(
     "div",
     {
       className: "wx-233fr7 wx-list",
-      ref: r,
-      onClick: w,
-      onMouseMove: i.current.move,
-      children: e.length ? e.map((x, m) => /* @__PURE__ */ l(
+      ref: j,
+      onClick: $,
+      onMouseMove: d.current.move,
+      onScroll: O,
+      children: e.length ? r ? /* @__PURE__ */ l(
         "div",
         {
-          className: `wx-233fr7 wx-item ${m === o ? "wx-focus" : ""}`,
-          "data-id": x.id,
-          children: n ? ne(n, { option: x }) : x.label
-        },
-        x.id
-      )) : /* @__PURE__ */ l("div", { className: "wx-233fr7 wx-no-data", children: u("No data") })
+          className: "wx-233fr7 wx-list-wrapper",
+          style: { height: `${Q}px` },
+          children: /* @__PURE__ */ l(
+            "div",
+            {
+              className: "wx-233fr7 wx-list-content",
+              style: { transform: `translateY(${G}px)` },
+              children: /* @__PURE__ */ l(
+                $e,
+                {
+                  visibleRange: Y,
+                  visibleItems: I,
+                  navIndex: p,
+                  measureRefCallback: H,
+                  checkboxes: u,
+                  children: n,
+                  value: c
+                }
+              )
+            }
+          )
+        }
+      ) : /* @__PURE__ */ l(
+        $e,
+        {
+          visibleRange: Y,
+          visibleItems: I,
+          navIndex: p,
+          measureRefCallback: H,
+          checkboxes: u,
+          children: n,
+          value: c
+        }
+      ) : /* @__PURE__ */ l("div", { className: "wx-233fr7 wx-no-data", children: b("No data") })
     }
-  ) });
+  ) }, L.current);
 }
-function It({
+function Zt({
   value: e = "",
   id: n,
   options: t = [],
-  textOptions: c = null,
+  textOptions: s = null,
   textField: r = "label",
-  placeholder: i = "",
-  title: o = "",
-  disabled: s = !1,
+  placeholder: u = "",
+  title: i = "",
+  disabled: c = !1,
   error: a = !1,
-  clear: u = !1,
-  children: w,
-  onChange: f
+  clear: o = !1,
+  children: f,
+  onChange: d,
+  dropdown: p = {}
 }) {
-  const x = z(n), m = H(null), p = H(null), [d, h] = W(e), [v, N] = P(!1), [R, g] = P(""), T = H(null), M = H(!1), S = E(() => {
-    if (v) return R;
-    if (d || d === 0) {
-      const C = (c || t).find((U) => U.id === d);
-      if (C) return C[r];
+  const v = z(n), x = S(null), w = S(null), [h, m] = J(e), [g, T] = B(!1), [b, N] = B(""), k = S(null), M = S(!1), $ = A(() => {
+    if (g) return b;
+    if (h || h === 0) {
+      const I = (s || t).find((G) => G.id === h);
+      if (I) return I[r];
     }
     return "";
-  }, [v, R, d, c, t, r]), D = E(() => !S || !v ? t : t.filter(
-    (C) => C[r].toLowerCase().includes(S.toLowerCase())
-  ), [S, v, t, r]), b = y(
-    () => D.findIndex((C) => C.id === d),
-    [D, d]
-  ), k = y((C) => {
-    m.current = C.navigate, p.current = C.keydown;
-  }, []), F = y(
-    (C, U) => {
-      if (C || C === 0) {
-        let K = t.find((V) => V.id === C);
-        if (N(!1), U && m.current(null), K && d !== K.id) {
-          const V = K.id;
-          h(V), f && f({ value: V });
+  }, [g, b, h, s, t, r]), V = A(() => !$ || !g ? t : t.filter(
+    (I) => I[r].toLowerCase().includes($.toLowerCase())
+  ), [$, g, t, r]), F = D(
+    () => V.findIndex((I) => I.id === h),
+    [V, h]
+  ), j = D((I) => {
+    x.current = I.navigate, w.current = I.keydown;
+  }, []), H = D(
+    (I, G) => {
+      if (I || I === 0) {
+        let Q = t.find((y) => y.id === I);
+        if (T(!1), G && x.current(null), Q && h !== Q.id) {
+          const y = Q.id;
+          m(y), d && d({ value: y });
         }
       }
-      !M.current && U && T.current.focus();
+      !M.current && G && k.current.focus();
     },
-    [t, d, f]
-  ), A = y(
-    ({ id: C }) => {
-      F(C, !0);
+    [t, h, d]
+  ), L = D(
+    ({ id: I }) => {
+      H(I, !0);
     },
-    [F]
-  ), L = y(
-    (C) => {
-      C && C.stopPropagation(), h(""), N(!1), f && f({ value: "" });
+    [H]
+  ), P = D(
+    (I) => {
+      I && I.stopPropagation(), m(""), T(!1), d && d({ value: "" });
     },
-    [f]
-  ), I = y(
-    (C) => {
+    [d]
+  ), C = D(
+    (I) => {
       if (!t.length) return;
-      if (C === "" && u) {
-        L();
+      if (I === "" && o) {
+        P();
         return;
       }
-      let U = t.find((V) => V[r] === C);
-      U || (U = t.find(
-        (V) => V[r].toLowerCase().includes(C.toLowerCase())
+      let G = t.find((y) => y[r] === I);
+      G || (G = t.find(
+        (y) => y[r].toLowerCase().includes(I.toLowerCase())
       ));
-      const K = U ? U.id : d || t[0].id;
-      F(K, !1);
+      const Q = G ? G.id : h || t[0].id;
+      H(Q, !1);
     },
-    [t, r, u, d, F, L]
-  ), O = y(() => {
-    g(T.current.value), N(!0), D.length ? m.current(0) : m.current(null);
-  }, [D.length, m]), Y = y(() => {
+    [t, r, o, h, H, P]
+  ), O = D(() => {
+    N(k.current.value), T(!0), V.length && x.current(0);
+  }, [V.length, x]), U = D(() => {
     M.current = !0;
-  }, []), _ = y(() => {
+  }, []), Y = D(() => {
     M.current = !1, setTimeout(() => {
-      M.current || I(S);
+      M.current || C($);
     }, 200);
-  }, [I, S]);
-  return /* @__PURE__ */ $(
+  }, [C, $]);
+  return /* @__PURE__ */ R(
     "div",
     {
       className: "wx-1j11Jk wx-combo",
-      onClick: () => m.current(b()),
-      onKeyDown: (C) => p.current(C, b()),
-      title: o,
+      onClick: () => x.current(F()),
+      onKeyDown: (I) => w.current(I, F()),
+      title: i,
       children: [
         /* @__PURE__ */ l(
           "input",
           {
             className: "wx-1j11Jk wx-input " + (a ? "wx-error" : ""),
-            id: x,
-            ref: T,
-            value: S,
-            disabled: s,
-            placeholder: i,
-            onFocus: Y,
-            onBlur: _,
+            id: v,
+            ref: k,
+            value: $,
+            disabled: c,
+            placeholder: u,
+            onFocus: U,
+            onBlur: Y,
             onInput: O
           }
         ),
-        u && !s && d ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: L }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
-        !s && /* @__PURE__ */ l(we, { items: D, onReady: k, onSelect: A, children: ({ option: C }) => /* @__PURE__ */ l(J, { children: w ? w({ option: C }) : C[r] }) })
+        o && !c && h ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: P }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
+        !c && /* @__PURE__ */ l(ge, { items: V, onReady: j, onSelect: L, ...p, children: ({ option: I }) => /* @__PURE__ */ l(_, { children: f ? f({ option: I }) : I[r] }) })
       ]
     }
   );
 }
-function fe({
+function Ne({
   value: e = "",
   id: n,
   readonly: t = !1,
-  focus: c = !1,
+  focus: s = !1,
   select: r = !1,
-  type: i = "text",
-  placeholder: o = "",
-  disabled: s = !1,
+  type: u = "text",
+  placeholder: i = "",
+  disabled: c = !1,
   error: a = !1,
-  inputStyle: u = {},
-  title: w = "",
-  css: f = "",
-  icon: x = "",
-  clear: m = !1,
-  onChange: p
+  inputStyle: o = {},
+  title: f = "",
+  css: d = "",
+  icon: p = "",
+  clear: v = !1,
+  onChange: x
 }) {
-  const d = z(n), [h, v] = W(e), N = H(null), R = E(
-    () => x && f.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + f : f,
-    [x, f]
-  ), g = E(
-    () => x && f.indexOf("wx-icon-left") !== -1,
-    [x, f]
+  const w = z(n), [h, m] = J(e), g = S(null), T = 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]
   );
-  B(() => {
-    const b = setTimeout(() => {
-      c && N.current && N.current.focus(), r && N.current && N.current.select();
+  W(() => {
+    const V = setTimeout(() => {
+      s && g.current && g.current.focus(), r && g.current && g.current.select();
     }, 1);
-    return () => clearTimeout(b);
-  }, [c, r]);
-  const T = y(
-    (b) => {
-      const k = b.target.value;
-      v(k), p && p({ value: k, input: !0 });
+    return () => clearTimeout(V);
+  }, [s, r]);
+  const N = D(
+    (V) => {
+      const F = V.target.value;
+      m(F), x && x({ value: F, input: !0 });
     },
-    [p]
-  ), M = y(
-    (b) => p && p({ value: b.target.value }),
-    [p]
+    [x]
+  ), k = D(
+    (V) => x && x({ value: V.target.value }),
+    [x]
   );
-  function S(b) {
-    b.stopPropagation(), v(""), p && p({ value: "" });
+  function M(V) {
+    V.stopPropagation(), m(""), x && x({ value: "" });
   }
-  let D = i;
-  return i !== "password" && i !== "number" && (D = "text"), B(() => {
-    const b = M, k = N.current;
-    return k.addEventListener("change", b), () => {
-      k && k.removeEventListener("change", b);
+  let $ = u;
+  return u !== "password" && u !== "number" && ($ = "text"), W(() => {
+    const V = k, F = g.current;
+    return F.addEventListener("change", V), () => {
+      F && F.removeEventListener("change", V);
     };
-  }, [M]), /* @__PURE__ */ $(
+  }, [k]), /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-hQ64J4 wx-text ${R} ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
+      className: `wx-hQ64J4 wx-text ${T} ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${v ? "wx-clear" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "input",
           {
             className: "wx-hQ64J4 wx-input",
-            ref: N,
-            id: d,
+            ref: g,
+            id: w,
             readOnly: t,
-            disabled: s,
-            placeholder: o,
-            type: D,
-            style: u,
-            title: w,
+            disabled: c,
+            placeholder: i,
+            type: $,
+            style: o,
+            title: f,
             value: h,
-            onInput: T
+            onInput: N
           }
         ),
-        m && !s && h ? /* @__PURE__ */ $(J, { children: [
-          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: S }),
-          g && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` })
-        ] }) : x ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` }) : null
+        v && !c && h ? /* @__PURE__ */ R(_, { 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
       ]
     }
   );
 }
-function Je({ date: e, type: n, part: t, onShift: c }) {
-  const { calendar: r, formats: i } = Q(G).getRaw(), o = e.getFullYear(), s = E(() => {
+function dt({ date: e, type: n, part: t, onShift: s }) {
+  const { calendar: r, formats: u } = K(q).getRaw(), i = e.getFullYear(), c = A(() => {
     switch (n) {
       case "month":
-        return X(i.monthYearFormat, r)(e);
+        return ne(u.monthYearFormat, r)(e);
       case "year":
-        return X(i.yearFormat, r)(e);
+        return ne(u.yearFormat, r)(e);
       case "duodecade": {
-        const { start: u, end: w } = Ve(o), f = X(i.yearFormat, r);
-        return `${f(new Date(u, 0, 1))} - ${f(new Date(w, 11, 31))}`;
+        const { start: o, end: f } = Be(i), d = ne(u.yearFormat, r);
+        return `${d(new Date(o, 0, 1))} - ${d(new Date(f, 11, 31))}`;
       }
       default:
         return "";
     }
-  }, [e, n, o, r, i]);
+  }, [e, n, i, r, u]);
   function a() {
-    c && c({ diff: 0, type: n });
+    s && s({ diff: 0, type: n });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-8HQVQV wx-header", children: [
+  return /* @__PURE__ */ R("div", { className: "wx-8HQVQV wx-header", children: [
     t !== "right" ? /* @__PURE__ */ l(
       "i",
       {
         className: "wx-8HQVQV wx-pager wxi-angle-left",
-        onClick: () => c && c({ diff: -1, type: n })
+        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: s }),
+    /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-label", onClick: a, children: c }),
     t !== "left" ? /* @__PURE__ */ l(
       "i",
       {
         className: "wx-8HQVQV wx-pager wxi-angle-right",
-        onClick: () => c && c({ diff: 1, type: n })
+        onClick: () => s && s({ diff: 1, type: n })
       }
     ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" })
   ] });
 }
-function xe({ onClick: e, children: n }) {
+function ke({ onClick: e, children: n }) {
   return /* @__PURE__ */ l("button", { className: "wx-3s8W4d wx-button", onClick: e, children: n });
 }
-function Ge({
+function ft({
   value: e,
   current: n,
   part: t = "",
-  markers: c = null,
+  markers: s = null,
   onCancel: r,
-  onChange: i
+  onChange: u
 }) {
-  const o = (Q(G) || Z()).getRaw().calendar, s = (o.weekStart || 7) % 7, a = o.dayShort.slice(s).concat(o.dayShort.slice(0, s)), u = (g, T, M) => new Date(
-    g.getFullYear(),
-    g.getMonth() + (T || 0),
-    g.getDate() + (M || 0)
+  const i = (K(q) || X()).getRaw().calendar, c = (i.weekStart || 7) % 7, a = i.dayShort.slice(c).concat(i.dayShort.slice(0, c)), o = (b, N, k) => new Date(
+    b.getFullYear(),
+    b.getMonth() + (N || 0),
+    b.getDate() + (k || 0)
   );
-  let w = t !== "normal";
-  function f(g) {
-    const T = g.getDay();
-    return T === 0 || T === 6;
+  let f = t !== "normal";
+  function d(b) {
+    const N = b.getDay();
+    return N === 0 || N === 6;
   }
-  function x() {
-    const g = u(n, 0, 1 - n.getDate());
-    return g.setDate(g.getDate() - (g.getDay() - (s - 7)) % 7), g;
+  function p() {
+    const b = o(n, 0, 1 - n.getDate());
+    return b.setDate(b.getDate() - (b.getDay() - (c - 7)) % 7), b;
   }
-  function m() {
-    const g = u(n, 1, -n.getDate());
-    return g.setDate(g.getDate() + (6 - g.getDay() + s) % 7), g;
+  function v() {
+    const b = o(n, 1, -n.getDate());
+    return b.setDate(b.getDate() + (6 - b.getDay() + c) % 7), b;
   }
-  const p = H(0);
-  function d(g, T) {
-    T.timeStamp !== p.current && (p.current = T.timeStamp, T.stopPropagation(), i && i(new Date(new Date(g))), r && r());
+  const x = S(0);
+  function w(b, N) {
+    N.timeStamp !== x.current && (x.current = N.timeStamp, N.stopPropagation(), u && u(new Date(b)), r && r());
   }
-  const h = E(() => t == "normal" ? [e ? u(e).valueOf() : 0] : e ? [
-    e.start ? u(e.start).valueOf() : 0,
-    e.end ? u(e.end).valueOf() : 0
-  ] : [0, 0], [t, e]), v = E(() => {
-    const g = x(), T = m(), M = n.getMonth();
-    let S = [];
-    for (let D = g; D <= T; D.setDate(D.getDate() + 1)) {
-      const b = {
-        day: D.getDate(),
-        in: D.getMonth() === M,
-        date: D.valueOf()
+  const h = A(() => t == "normal" ? [e ? o(e).valueOf() : 0] : e ? [
+    e.start ? o(e.start).valueOf() : 0,
+    e.end ? o(e.end).valueOf() : 0
+  ] : [0, 0], [t, e]), m = A(() => {
+    const b = p(), N = v(), k = n.getMonth();
+    let M = [];
+    for (let $ = b; $ <= N; $.setDate($.getDate() + 1)) {
+      const V = {
+        day: $.getDate(),
+        in: $.getMonth() === k,
+        date: $.valueOf()
       };
-      let k = "";
-      if (k += b.in ? "" : " wx-inactive", k += h.indexOf(b.date) > -1 ? " wx-selected" : "", w) {
-        const F = b.date == h[0], A = b.date == h[1];
-        F && !A ? k += " wx-left" : A && !F && (k += " wx-right"), b.date > h[0] && b.date < h[1] && (k += " wx-inrange");
+      let F = "";
+      if (F += V.in ? "" : " wx-inactive", F += h.indexOf(V.date) > -1 ? " wx-selected" : "", f) {
+        const j = V.date == h[0], H = V.date == h[1];
+        j && !H ? F += " wx-left" : H && !j && (F += " wx-right"), V.date > h[0] && V.date < h[1] && (F += " wx-inrange");
       }
-      if (k += f(D) ? " wx-weekend" : "", c) {
-        const F = c(D);
-        F && (k += " " + F);
+      if (F += d($) ? " wx-weekend" : "", s) {
+        const j = s($);
+        j && (F += " " + j);
       }
-      S.push({ ...b, css: k });
+      M.push({ ...V, css: F });
     }
-    return S;
-  }, [n, h, w, c]), N = H(null);
-  let R = H({});
-  return R.current.click = d, B(() => {
-    $e(N.current, R.current);
-  }, []), /* @__PURE__ */ $("div", { children: [
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((g) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: g }, g)) }),
-    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: N, children: v.map((g) => /* @__PURE__ */ l(
+    return M;
+  }, [n, h, f, s]), g = S(null);
+  let T = S({});
+  return T.current.click = w, W(() => {
+    Ee(g.current, T.current);
+  }, []), /* @__PURE__ */ R("div", { children: [
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: a.map((b) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: b }, b)) }),
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: g, children: m.map((b) => /* @__PURE__ */ l(
       "div",
       {
-        className: `wx-398RBS wx-day ${g.css} ${g.in ? "" : "wx-out"}`,
-        "data-id": g.date,
-        children: g.day
+        className: `wx-398RBS wx-day ${b.css} ${b.in ? "" : "wx-out"}`,
+        "data-id": b.date,
+        children: b.day
       },
-      g.date
+      b.date
     )) })
   ] });
 }
-function Qe({
+function wt({
   value: e,
   current: n,
   part: t,
-  onCancel: c,
+  onCancel: s,
   onChange: r,
-  onShift: i
+  onShift: u
 }) {
-  const [o, s] = W(e || /* @__PURE__ */ new Date()), [a, u] = W(n || /* @__PURE__ */ new Date()), w = Q(G).getRaw().calendar, f = w.monthShort || [], x = E(() => a.getMonth(), [a]), m = y(
-    (h, v) => {
-      if (h != null) {
-        v.stopPropagation();
-        const N = new Date(a);
-        N.setMonth(h), u(N), i && i({ current: N });
+  const i = S(/* @__PURE__ */ new Date()), [c, a] = J(e || i.current), [o, f] = J(n || i.current), d = K(q).getRaw().calendar, p = d.monthShort || [], v = A(() => o.getMonth(), [o]), x = D(
+    (m, g) => {
+      if (m != null) {
+        g.stopPropagation();
+        const T = new Date(o);
+        T.setMonth(m), f(T), u && u({ current: T });
       }
-      t === "normal" && s(new Date(a)), c && c();
+      t === "normal" && a(new Date(o)), s && s();
     },
-    [a, t, i, c]
-  ), p = y(() => {
-    const h = new Date(Re(o, t) || a);
-    h.setMonth(a.getMonth()), h.setFullYear(a.getFullYear()), r && r(h);
-  }, [o, a, t, r]), d = y(
-    (h) => {
-      const v = h.target.closest("[data-id]");
-      if (v) {
-        const N = parseInt(v.getAttribute("data-id"), 10);
-        m(N, h);
+    [o, t, u, s]
+  ), w = D(() => {
+    const m = new Date(je(c, t) || o);
+    m.setMonth(o.getMonth()), m.setFullYear(o.getFullYear()), r && r(m);
+  }, [c, o, t, r]), h = D(
+    (m) => {
+      const g = m.target.closest("[data-id]");
+      if (g) {
+        const T = parseInt(g.getAttribute("data-id"), 10);
+        x(T, m);
       }
     },
-    [m]
+    [x]
   );
-  return /* @__PURE__ */ $(J, { children: [
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: d, children: f.map((h, v) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ R(_, { children: [
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: h, children: p.map((m, g) => /* @__PURE__ */ l(
       "div",
       {
-        className: "wx-34U8T8 wx-month" + (x === v ? " wx-current" : ""),
-        "data-id": v,
-        children: h
+        className: "wx-34U8T8 wx-month" + (v === g ? " wx-current" : ""),
+        "data-id": g,
+        children: m
       },
-      v
+      g
     )) }),
-    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(xe, { onClick: p, children: w.done }) })
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: w, children: d.done }) })
   ] });
 }
-const ie = "wx-1XEF33", _e = ({ value: e, current: n, onCancel: t, onChange: c, onShift: r, part: i }) => {
-  const o = Q(G).getRaw().calendar, [s, a] = W(n), [u, w] = W(e), f = E(() => s.getFullYear(), [s]), x = E(() => {
-    const { start: v, end: N } = Ve(f), R = [];
-    for (let g = v; g <= N; ++g)
-      R.push(g);
-    return R;
-  }, [f]), m = {
-    click: p
+const xe = "wx-1XEF33", xt = ({ value: e, current: n, onCancel: t, onChange: s, onShift: r, part: u }) => {
+  const i = K(q).getRaw().calendar, [c, a] = J(n), [o, f] = J(e), d = A(() => c.getFullYear(), [c]), p = A(() => {
+    const { start: m, end: g } = Be(d), T = [];
+    for (let b = m; b <= g; ++b)
+      T.push(b);
+    return T;
+  }, [d]), v = {
+    click: x
   };
-  function p(v, N) {
-    if (v) {
-      N.stopPropagation();
-      const R = new Date(s);
-      R.setFullYear(v), a(R), r && r({ current: R });
+  function x(m, g) {
+    if (m) {
+      g.stopPropagation();
+      const T = new Date(c);
+      T.setFullYear(m), a(T), r && r({ current: T });
     }
-    i === "normal" && w(new Date(s)), t && t();
+    u === "normal" && f(new Date(c)), t && t();
   }
-  function d() {
-    const v = new Date(Re(u, i) || s);
-    v.setFullYear(s.getFullYear()), c && c(v);
+  function w() {
+    const m = new Date(je(o, u) || c);
+    m.setFullYear(c.getFullYear()), s && s(m);
   }
-  const h = H(null);
-  return B(() => {
-    h.current && $e(h.current, m);
-  }, []), /* @__PURE__ */ $(J, { children: [
-    /* @__PURE__ */ l("div", { className: ie + " wx-years", ref: h, children: x.map((v, N) => /* @__PURE__ */ l(
+  const h = S(null);
+  return W(() => {
+    h.current && Ee(h.current, v);
+  }, []), /* @__PURE__ */ R(_, { children: [
+    /* @__PURE__ */ l("div", { className: xe + " wx-years", ref: h, children: p.map((m, g) => /* @__PURE__ */ l(
       "div",
       {
-        className: ie + ` wx-year ${f == v ? "wx-current" : ""} ${N === 0 ? "wx-prev-decade" : ""} ${N === 11 ? "wx-next-decade" : ""}`,
-        "data-id": v,
-        children: v
+        className: xe + ` wx-year ${d == m ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
+        "data-id": m,
+        children: m
       },
-      N
+      g
     )) }),
-    /* @__PURE__ */ l("div", { className: ie + " wx-buttons", children: /* @__PURE__ */ l(xe, { onClick: d, children: o.done }) })
+    /* @__PURE__ */ l("div", { className: xe + " wx-buttons", children: /* @__PURE__ */ l(ke, { onClick: w, children: i.done }) })
   ] });
-}, ge = {
+}, Me = {
   month: {
-    component: Ge,
-    next: ze,
-    prev: Ue
+    component: ft,
+    next: ht,
+    prev: mt
   },
   year: {
-    component: Qe,
-    next: Ze,
-    prev: Ke
+    component: wt,
+    next: vt,
+    prev: pt
   },
   duodecade: {
-    component: _e,
-    next: Xe,
-    prev: qe
+    component: xt,
+    next: Nt,
+    prev: gt
   }
 };
-function Ue(e) {
+function mt(e) {
   return e = new Date(e), e.setMonth(e.getMonth() - 1), e;
 }
-function ze(e) {
+function ht(e) {
   return e = new Date(e), e.setMonth(e.getMonth() + 1), e;
 }
-function Ke(e) {
+function pt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() - 1), e;
 }
-function Ze(e) {
+function vt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() + 1), e;
 }
-function qe(e) {
+function gt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() - 10), e;
 }
-function Xe(e) {
+function Nt(e) {
   return e = new Date(e), e.setFullYear(e.getFullYear() + 10), e;
 }
-function Re(e, n) {
+function je(e, n) {
   let t;
   if (n === "normal") t = e;
   else {
-    const { start: c, end: r } = e;
-    n === "left" ? t = c : n == "right" ? t = r : t = c && r;
+    const { start: s, end: r } = e;
+    n === "left" ? t = s : n == "right" ? t = r : t = s && r;
   }
   return t;
 }
-const et = ["clear", "today"];
-function tt(e) {
+const kt = ["clear", "today"];
+function yt(e) {
   if (e === "done") return -1;
   if (e === "clear") return null;
   if (e === "today") return /* @__PURE__ */ new Date();
 }
-function ce({
+function de({
   value: e,
   current: n,
   onCurrentChange: t,
-  part: c = "normal",
+  part: s = "normal",
   markers: r = null,
-  buttons: i,
-  onShift: o,
-  onChange: s
+  buttons: u,
+  onShift: i,
+  onChange: c
 }) {
-  const a = Q(G).getGroup("calendar"), [u, w] = P("month"), f = Array.isArray(i) ? i : i ? et : [], x = (v, N) => {
-    v.preventDefault(), s && s({ value: N });
-  }, m = () => {
-    u === "duodecade" ? w("year") : u === "year" && w("month");
-  }, p = (v) => {
-    const { diff: N, current: R } = v;
-    if (N === 0) {
-      u === "month" ? w("year") : u === "year" && w("duodecade");
+  const a = K(q).getGroup("calendar"), [o, f] = B("month"), d = Array.isArray(u) ? u : u ? kt : [], p = (m, g) => {
+    m.preventDefault(), c && c({ value: g });
+  }, v = () => {
+    o === "duodecade" ? f("year") : o === "year" && f("month");
+  }, x = (m) => {
+    const { diff: g, current: T } = m;
+    if (g === 0) {
+      o === "month" ? f("year") : o === "year" && f("duodecade");
       return;
     }
-    if (N) {
-      const g = ge[u];
-      t(N > 0 ? g.next(n) : g.prev(n));
-    } else R && t(R);
-    o && o();
-  }, d = (v) => {
-    w("month"), s && s({ select: !0, value: v });
-  }, h = E(() => ge[u].component, [u]);
+    if (g) {
+      const b = Me[o];
+      t(g > 0 ? b.next(n) : b.prev(n));
+    } else T && t(T);
+    i && i();
+  }, w = (m) => {
+    f("month"), c && c({ select: !0, value: m });
+  }, h = A(() => Me[o].component, [o]);
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `wx-2Gr4AS wx-calendar ${c !== "normal" && c !== "both" ? "wx-part" : ""}`,
-      children: /* @__PURE__ */ $("div", { className: "wx-2Gr4AS wx-wrap", children: [
-        /* @__PURE__ */ l(Je, { date: n, part: c, type: u, onShift: p }),
-        /* @__PURE__ */ $("div", { children: [
+      className: `wx-2Gr4AS wx-calendar ${s !== "normal" && s !== "both" ? "wx-part" : ""}`,
+      children: /* @__PURE__ */ R("div", { className: "wx-2Gr4AS wx-wrap", children: [
+        /* @__PURE__ */ l(dt, { date: n, part: s, type: o, onShift: x }),
+        /* @__PURE__ */ R("div", { children: [
           /* @__PURE__ */ l(
             h,
             {
               value: e,
               current: n,
               onCurrentChange: t,
-              part: c,
+              part: s,
               markers: r,
-              onCancel: m,
-              onChange: d,
-              onShift: p
+              onCancel: v,
+              onChange: w,
+              onShift: x
             }
           ),
-          u === "month" && f.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: f.map((v) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
-            xe,
+          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,
             {
-              onClick: (N) => x(N, tt(v)),
-              children: a(v)
+              onClick: (g) => p(g, yt(m)),
+              children: a(m)
             }
-          ) }, v)) })
+          ) }, m)) })
         ] })
       ] })
     }
   );
 }
-function ue(e) {
-  let { words: n = null, optional: t = !1, children: c } = e, r = Q(G);
-  const i = E(() => {
-    let o = r;
-    return (!o || !o.extend) && (o = De(Te)), n !== null && (o = o.extend(n, t)), o;
+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(G.Provider, { value: i, children: c });
+  return /* @__PURE__ */ l(q.Provider, { value: u, children: s });
 }
-function Ne(e, n, t, c) {
-  if (!e || c) {
+function Ie(e, n, t, s) {
+  if (!e || s) {
     const r = n ? new Date(n) : /* @__PURE__ */ new Date();
     r.setDate(1), t(r);
   } else if (e.getDate() !== 1) {
@@ -1143,283 +1422,280 @@ function Ne(e, n, t, c) {
     r.setDate(1), t(r);
   }
 }
-const nt = ["clear", "today"];
-function lt({
+const bt = ["clear", "today"];
+function Dt({
   value: e,
   current: n,
   markers: t = null,
-  buttons: c = nt,
+  buttons: s = bt,
   onChange: r
 }) {
-  const [i, o] = W(e), [s, a] = W(n);
-  B(() => {
-    Ne(s, i, a, !1);
-  }, [i, s]);
-  const u = y(
-    (f) => {
-      const x = f.value;
-      x ? (o(new Date(x)), Ne(s, new Date(x), a, !0)) : o(null), r && r({ value: x ? new Date(x) : null });
+  const [u, i] = J(e), [c, a] = J(n);
+  W(() => {
+    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 });
     },
-    [r, s]
-  ), w = y(
-    (f) => {
-      a(f);
+    [r, c]
+  ), f = D(
+    (d) => {
+      a(d);
     },
     [a]
   );
-  return s ? /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ l(
-    ce,
+  return c ? /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(
+    de,
     {
-      value: i,
-      current: s,
+      value: u,
+      current: c,
       markers: t,
-      buttons: c,
-      onChange: u,
-      onCurrentChange: w
+      buttons: s,
+      onChange: o,
+      onCurrentChange: f
     }
   ) }) : null;
 }
-const rt = ["clear", "today"];
-function Rt({
+function ye(e) {
+  return e || (e = {}), e.width || (e.width = "unset"), e;
+}
+const Vt = ["clear", "today"];
+function zt({
   value: e,
   id: n,
   disabled: t = !1,
-  error: c = !1,
-  width: r = "unset",
-  align: i = "start",
-  placeholder: o = "",
-  format: s = "",
-  buttons: a = rt,
-  css: u = "",
-  title: w = "",
-  editable: f = !1,
-  clear: x = !1,
-  onChange: m
+  error: s = !1,
+  placeholder: r = "",
+  format: u = "",
+  buttons: i = Vt,
+  css: c = "",
+  title: a = "",
+  editable: o = !1,
+  clear: f = !1,
+  onChange: d,
+  dropdown: p = {}
 }) {
-  const { calendar: p, formats: d } = (Q(G) || Z()).getRaw(), h = s || d?.dateFormat;
-  let v = typeof h == "function" ? h : X(h, p);
-  const [N, R] = P(e), [g, T] = P(!1);
-  B(() => {
-    R(e);
+  const { calendar: v, formats: x } = (K(q) || X()).getRaw(), w = u || x?.dateFormat;
+  let h = typeof w == "function" ? w : ne(w, v);
+  const [m, g] = B(e), [T, b] = B(!1);
+  W(() => {
+    g(e);
   }, [e]);
-  function M() {
-    T(!1);
+  function N() {
+    b(!1);
   }
-  function S(k) {
-    const F = k === N || k && N && k.valueOf() === N.valueOf() || !k && !N;
-    R(k), F || m && m({ value: k }), setTimeout(M, 1);
+  function k(V) {
+    const F = V === m || V && m && V.valueOf() === m.valueOf() || !V && !m;
+    g(V), F || d && d({ value: V }), setTimeout(N, 1);
   }
-  const D = E(
-    () => N ? v(N) : "",
-    [N, v]
+  const M = A(
+    () => m ? h(m) : "",
+    [m, h]
   );
-  function b({ value: k, input: F }) {
-    if (!f && !x || F) return;
-    let A = typeof f == "function" ? f(k) : k ? new Date(k) : null;
-    A = isNaN(A) ? N || null : A || null, S(A);
+  function $({ value: V, input: F }) {
+    if (!o && !f || F) return;
+    let j = typeof o == "function" ? o(V) : V ? new Date(V) : null;
+    j = isNaN(j) ? m || null : j || null, k(j);
   }
-  return B(() => {
-    const k = M;
-    return window.addEventListener("scroll", k), () => window.removeEventListener("scroll", k);
-  }, []), /* @__PURE__ */ $("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => T(!0), children: [
+  return W(() => {
+    const V = N;
+    return window.addEventListener("scroll", V), () => window.removeEventListener("scroll", V);
+  }, []), /* @__PURE__ */ R("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => b(!0), children: [
     /* @__PURE__ */ l(
-      fe,
+      Ne,
       {
-        css: u,
-        title: w,
-        value: D,
+        css: c,
+        title: a,
+        value: M,
         id: n,
-        readonly: !f,
+        readonly: !o,
         disabled: t,
-        error: c,
-        placeholder: o,
-        onInput: M,
-        onChange: b,
+        error: s,
+        placeholder: r,
+        onInput: N,
+        onChange: $,
         icon: "wxi-calendar",
         inputStyle: {
           cursor: "pointer",
           width: "100%",
           paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
         },
-        clear: x
+        clear: f
       }
     ),
-    g && !t && /* @__PURE__ */ l(
-      te,
+    T && !t && /* @__PURE__ */ l(
+      le,
       {
-        onCancel: M,
-        width: r,
-        align: i,
-        autoFit: !!i,
+        onCancel: N,
+        ...ye(p),
         children: /* @__PURE__ */ l(
-          lt,
+          Dt,
           {
-            buttons: a,
-            value: N,
-            onChange: (k) => S(k.value)
+            buttons: i,
+            value: m,
+            onChange: (V) => k(V.value)
           }
         )
       }
     )
   ] });
 }
-const st = ["clear", "today"], ct = ({
+const Tt = ["clear", "today"], Rt = ({
   start: e,
   end: n,
   current: t,
-  months: c = 2,
+  months: s = 2,
   markers: r = null,
-  buttons: i = st,
-  onChange: o
+  buttons: u = Tt,
+  onChange: i
 }) => {
-  const [s, a] = W(e), [u, w] = W(n), [f, x] = P(), [m, p] = P(), d = y((T, M, S) => {
-    const D = new Date(T);
-    return D.setMonth(D.getMonth() + M), S && D.valueOf() === S.valueOf() ? S : D;
-  }, []), h = y(
-    (T) => {
-      x(() => {
-        const M = new Date(T);
-        return M.setDate(1), p(d(M, 1)), M;
+  const [c, a] = J(e), [o, f] = J(n), [d, p] = B(), [v, x] = B(), w = D((N, k, M) => {
+    const $ = new Date(N);
+    return $.setMonth($.getMonth() + k), M && $.valueOf() === M.valueOf() ? M : $;
+  }, []), h = D(
+    (N) => {
+      p(() => {
+        const k = new Date(N);
+        return k.setDate(1), x(w(k, 1)), k;
       });
     },
-    [d]
-  ), v = y(
-    (T) => {
-      p(() => {
-        const M = new Date(T);
-        return M.setDate(1), x(d(M, -1)), M;
+    [w]
+  ), m = D(
+    (N) => {
+      x(() => {
+        const k = new Date(N);
+        return k.setDate(1), p(w(k, -1)), k;
       });
     },
-    [d]
+    [w]
   );
-  B(() => {
-    const T = s;
-    f || h(T ? new Date(T) : t || /* @__PURE__ */ new Date());
-  }, [s, t, f, h]);
-  const N = y(
-    (T) => {
-      const M = T.value;
-      let S = s, D = u;
-      const b = M === -1;
-      return b || (T.select ? !s || u ? (a(S = M), w(D = null)) : s > M ? (w(D = s), a(S = M)) : w(D = M) : M ? (a(S = new Date(M)), w(D = new Date(M))) : (a(S = null), w(D = null))), (b || !i.includes("done")) && o && o({ start: S, end: D }), [S, D];
+  W(() => {
+    const N = c;
+    d || h(N ? new Date(N) : t || /* @__PURE__ */ new Date());
+  }, [c, t, d, h]);
+  const g = D(
+    (N) => {
+      const k = N.value;
+      let M = c, $ = o;
+      const V = k === -1;
+      return V || (N.select ? !c || o ? (a(M = k), f($ = null)) : c > k ? (f($ = c), a(M = k)) : f($ = k) : k ? (a(M = new Date(k)), f($ = new Date(k))) : (a(M = null), f($ = null))), (V || !u.includes("done")) && i && i({ start: M, end: $ }), [M, $];
     },
-    [s, u, i, o]
-  ), R = y(
-    (T) => {
-      const [M] = N(T);
-      M && h(new Date(M));
+    [c, o, u, i]
+  ), T = D(
+    (N) => {
+      const [k] = g(N);
+      k && h(new Date(k));
     },
-    [h, s, u]
-  ), g = y(
-    (T) => {
-      const [, M] = N(T);
-      M && v(new Date(M));
+    [h, c, o]
+  ), b = D(
+    (N) => {
+      const [, k] = g(N);
+      k && m(new Date(k));
     },
-    [v, s, u]
+    [m, c, o]
   );
-  return !f || !m ? null : c === 1 ? /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ l(
-    ce,
+  return !d || !v ? null : s === 1 ? /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(
+    de,
     {
-      value: { start: s, end: u },
-      current: f,
-      setCurrent: h,
+      value: { start: c, end: o },
+      current: d,
       markers: r,
-      buttons: i,
+      buttons: u,
       part: "both",
-      onChange: R
+      onChange: T,
+      onCurrentChange: h
     }
-  ) }) : /* @__PURE__ */ l(ue, { children: /* @__PURE__ */ $("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
+  ) }) : /* @__PURE__ */ l(he, { children: /* @__PURE__ */ R("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
-      ce,
+      de,
       {
-        value: { start: s, end: u },
-        current: f,
-        setCurrent: h,
+        value: { start: c, end: o },
+        current: d,
         markers: r,
         buttons: !1,
         part: "left",
-        onChange: R,
-        onCurrentChange: (T) => h(T)
+        onChange: T,
+        onCurrentChange: h
       }
     ) }),
     /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
-      ce,
+      de,
       {
-        value: { start: s, end: u },
-        current: m,
-        setCurrent: v,
+        value: { start: c, end: o },
+        current: v,
         markers: r,
-        buttons: i,
+        buttons: u,
         part: "right",
-        onChange: g,
-        onCurrentChange: (T) => v(T)
+        onChange: b,
+        onCurrentChange: m
       }
     ) })
   ] }) });
-}, at = ["clear", "today"], St = ({
+}, $t = ["clear", "today"], Xt = ({
   value: e,
   onChange: n,
   id: t,
-  disabled: c = !1,
+  disabled: s = !1,
   error: r = !1,
-  width: i = "unset",
-  align: o = "start",
-  placeholder: s = "",
-  css: a = "",
-  title: u = "",
-  format: w = "",
-  months: f = 2,
-  buttons: x = at,
-  editable: m = !1,
-  clear: p = !1
+  placeholder: u = "",
+  css: i = "",
+  title: c = "",
+  format: a = "",
+  months: o = 2,
+  buttons: f = $t,
+  editable: d = !1,
+  clear: p = !1,
+  dropdown: v
 }) => {
-  const [d, h] = W(e), { calendar: v, formats: N } = (Q(G) || Z()).getRaw(), R = w || N?.dateFormat, g = typeof R == "function" ? R : X(R, v), [T, M] = P(!1), S = y(() => {
-    M(!1);
-  }, []), D = E(() => d ? d.start ? g(d.start) + (d.end ? ` - ${g(d.end)}` : "") : g(d) : "", [d, g]), b = E(() => d && d.start || null, [d]), k = E(() => d && d.end || null, [d]), F = y(
-    (L) => {
-      const I = L.start || L.end ? { start: L.start, end: L.end } : null;
-      h && h(I), (L.start && L.end || !L.start && !L.end) && (n && n({ value: I }), setTimeout(S, 1));
+  const [x, w] = J(e), { calendar: h, formats: m } = (K(q) || X()).getRaw(), g = a || m?.dateFormat, T = typeof g == "function" ? g : ne(g, h), [b, N] = B(!1), k = D(() => {
+    N(!1);
+  }, []), M = A(() => x ? x.start ? T(x.start) + (x.end ? ` - ${T(x.end)}` : "") : T(x) : "", [x, T]), $ = A(() => x && x.start || null, [x]), V = A(() => x && x.end || null, [x]), F = D(
+    (H) => {
+      const L = H.start || H.end ? { start: H.start, end: H.end } : null;
+      w && w(L), (H.start && H.end || !H.start && !H.end) && (n && n({ value: L }), setTimeout(k, 1));
     },
-    [n, S, h]
-  ), A = y(
-    (L) => {
-      if (!m && !p) return;
-      const { value: I, input: O } = L;
-      if (O) return;
-      const [Y, _] = I.split(" -").map((C, U) => {
-        const K = C.trim();
-        let V = typeof m == "function" ? m(K) : K ? new Date(K) : null, j = U === 0 ? b : k;
-        return isNaN(V) ? j || null : V || null;
+    [n, k, w]
+  ), j = D(
+    (H) => {
+      if (!d && !p) return;
+      const { value: L, input: P } = H;
+      if (P) return;
+      const [C, O] = L.split(" -").map((U, Y) => {
+        const I = U.trim();
+        let G = typeof d == "function" ? d(I) : I ? new Date(I) : null, Q = Y === 0 ? $ : V;
+        return isNaN(G) ? Q || null : G || null;
       });
-      F({ start: Y, end: _ });
+      F({ start: C, end: O });
     },
-    [m, p, b, k, F]
+    [d, p, $, V, F]
   );
-  return B(() => {
-    const L = () => {
-      S();
+  return W(() => {
+    const H = () => {
+      k();
     };
-    return window.addEventListener("scroll", L), () => {
-      window.removeEventListener("scroll", L);
+    return window.addEventListener("scroll", H), () => {
+      window.removeEventListener("scroll", H);
     };
-  }, [S]), /* @__PURE__ */ $(
+  }, [k]), /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-1b0WDQ wx-daterangepicker ${c ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
-      onClick: () => M(!0),
+      className: `wx-1b0WDQ wx-daterangepicker ${s ? "wx-disabled" : ""} ${r ? "wx-error" : ""}`,
+      onClick: () => N(!0),
       children: [
         /* @__PURE__ */ l(
-          fe,
+          Ne,
           {
-            css: a,
-            title: u,
-            value: D,
+            css: i,
+            title: c,
+            value: M,
             id: t,
-            readonly: !m,
-            disabled: c,
-            placeholder: s,
+            readonly: !d,
+            disabled: s,
+            placeholder: u,
             error: r,
-            onChange: A,
+            onChange: j,
             icon: "wxi-calendar",
             inputStyle: {
               cursor: "pointer",
@@ -1429,21 +1705,19 @@ const st = ["clear", "today"], ct = ({
             clear: p
           }
         ),
-        T && !c && /* @__PURE__ */ l(
-          te,
+        b && !s && /* @__PURE__ */ l(
+          le,
           {
-            onCancel: S,
-            width: i,
-            align: o,
-            autoFit: !!o,
+            onCancel: k,
+            ...ye(v),
             children: /* @__PURE__ */ l(
-              ct,
+              Rt,
               {
-                onCancel: S,
-                buttons: x,
-                start: b,
-                end: k,
-                months: f,
+                onCancel: k,
+                buttons: f,
+                start: $,
+                end: V,
+                months: o,
                 onChange: F
               }
             )
@@ -1453,38 +1727,38 @@ const st = ["clear", "today"], ct = ({
     }
   );
 };
-function Ft({
+function en({
   hotkey: e = null,
   toggleButton: n,
   children: t
 }) {
-  const c = H(null), [r, i] = P(!1), o = E(
+  const s = S(null), [r, u] = B(!1), i = A(
     () => `wxi-${r ? "collapse" : "expand"}`,
     [r]
-  ), s = H(null);
-  return s.current = () => {
-    const a = c.current;
-    !r && a ? a.requestFullscreen() : r && document.exitFullscreen(), i((u) => !u);
-  }, Pe({ [e]: () => s.current() }, c), B(() => {
+  ), c = S(null);
+  return c.current = () => {
+    const a = s.current;
+    !r && a ? a.requestFullscreen() : r && document.exitFullscreen(), u((o) => !o);
+  }, Ke({ [e]: () => c.current() }, s), W(() => {
     const a = () => {
-      i(document.fullscreenElement === c.current);
+      u(document.fullscreenElement === s.current);
     };
     return document.addEventListener("fullscreenchange", a), () => {
       document.removeEventListener("fullscreenchange", a);
     };
-  }, []), /* @__PURE__ */ $("div", { className: "wx-13aa5W wx-fullscreen", ref: c, tabIndex: -1, children: [
+  }, []), /* @__PURE__ */ R("div", { className: "wx-13aa5W wx-fullscreen", ref: s, tabIndex: -1, children: [
     t,
-    n ? n(s.current, r) : /* @__PURE__ */ l(ee, { css: "wx-13aa5W wx-fullscreen-button", onClick: s.current, children: /* @__PURE__ */ l("i", { className: `wx-13aa5W ${o} wx-fullscreen-icon`, children: " " }) })
+    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: " " }) })
   ] });
 }
-function Lt({ css: e = "", title: n = "", children: t, onClick: c }) {
+function tn({ css: e = "", title: n = "", children: t, onClick: s }) {
   return t ? /* @__PURE__ */ l(
     "i",
     {
       title: n,
       role: "img",
       className: `wx-mdnST1 wx-icon ${e}`,
-      onClick: c,
+      onClick: s,
       children: t
     }
   ) : /* @__PURE__ */ l(
@@ -1492,186 +1766,147 @@ function Lt({ css: e = "", title: n = "", children: t, onClick: c }) {
     {
       title: n,
       className: `wx-mdnST1 wx-icon ${e}`,
-      onClick: c
+      onClick: s
     }
   );
 }
-const ot = [];
-function Ct({
+const Mt = [];
+function nn({
   id: e,
-  value: n = ot,
+  value: n = Mt,
   options: t = [],
-  textOptions: c = null,
+  textOptions: s = null,
   textField: r = "label",
-  placeholder: i = "",
-  title: o = "",
-  disabled: s = !1,
+  placeholder: u = "",
+  title: i = "",
+  disabled: c = !1,
   error: a = !1,
-  checkboxes: u = !1,
-  onChange: w,
-  children: f
+  checkboxes: o = !1,
+  onChange: f,
+  children: d,
+  dropdown: p = {}
 }) {
-  const x = z(e), m = H(null), p = H(null), [d, h] = W(n), [v, N] = P(""), [R, g] = P(!1), T = H(null), M = E(() => d ? (c || t).filter((I) => d.includes(I.id)) : [], [d, c, t]), S = E(() => {
-    const I = t;
-    return v ? I.filter((O) => O[r].toLowerCase().includes(v.toLowerCase())) : I;
-  }, [v, t, r]), D = y((I) => {
-    m.current = I.navigate, p.current = I.keydown;
-  }, []), b = y(() => {
-    S.length ? m.current(0) : m.current(null);
-  }, [S]), k = y(
-    (I) => {
-      const { id: O } = I;
-      if (O) {
-        let Y;
-        d ? d.includes(O) ? Y = d.filter((_) => _ !== O) : Y = [...d, O] : Y = [O], h(Y), w && w({ value: Y }), T.current.focus();
-      }
+  const v = z(e), x = S(null), w = S(null), [h, m] = J(n), [g, T] = B(""), [b, N] = B(!1), k = S(null), M = A(() => h ? (s || t).filter((C) => h.includes(C.id)) : [], [h, s, t]), $ = A(() => {
+    const C = t;
+    return g ? C.filter((O) => O[r].toLowerCase().includes(g.toLowerCase())) : C;
+  }, [g, t, r]), V = D((C) => {
+    x.current = C.navigate, w.current = C.keydown;
+  }, []), F = D(() => {
+    $.length ? x.current(0) : x.current(null);
+  }, [$]), j = D(
+    (C) => {
+      const { id: O } = C;
+      O && (m(O), f && f({ value: O }), k.current.focus());
     },
-    [d, w]
-  ), F = y(
-    (I, O) => {
+    [f]
+  ), H = D(
+    (C, O) => {
       O && O.stopPropagation();
-      const Y = d.filter((_) => _ !== I);
-      h(Y), w && w({ value: Y });
+      const U = h.filter((Y) => Y !== C);
+      m(U), f && f({ value: U });
     },
-    [d, w]
-  ), A = y(
-    () => d && d.length ? S.findIndex((I) => I.id === d[0]) : 0,
-    [d, S]
-  ), L = y(() => {
-    s || (T.current.focus(), m.current(A()));
-  }, [s, A]);
-  return /* @__PURE__ */ $(
+    [h, f]
+  ), L = D(
+    () => h && h.length ? $.findIndex((C) => C.id === h[0]) : 0,
+    [h, $]
+  ), P = D(() => {
+    c || (k.current.focus(), x.current(L()));
+  }, [c, L]);
+  return /* @__PURE__ */ R(
     "div",
     {
-      title: o,
-      className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${s ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${R && !s ? "wx-focus" : ""}`,
-      onClick: L,
-      onKeyDown: (I) => p.current(I, A()),
+      title: i,
+      className: `wx-12Wj21 wx-multicombo ${a ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${M.length ? "wx-not-empty" : ""} ${b && !c ? "wx-focus" : ""}`,
+      onClick: P,
+      onKeyDown: (C) => w.current(C, L()),
       children: [
-        /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-wrapper", children: [
-          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((I) => /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-tag", children: [
-            f ? ne(f, { option: I }) : I[r],
-            !s && /* @__PURE__ */ l(
+        /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-wrapper", children: [
+          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: M.map((C) => /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-tag", children: [
+            d ? ae(d, { option: C }) : C[r],
+            !c && /* @__PURE__ */ l(
               "i",
               {
                 className: "wx-12Wj21 wx-icon wxi-close",
-                onClick: (O) => F(I.id, O)
+                onClick: (O) => H(C.id, O)
               }
             )
-          ] }, I.id)) }),
-          /* @__PURE__ */ $("div", { className: "wx-12Wj21 wx-select", children: [
+          ] }, C.id)) }),
+          /* @__PURE__ */ R("div", { className: "wx-12Wj21 wx-select", children: [
             /* @__PURE__ */ l(
               "input",
               {
                 className: "wx-12Wj21 wx-input",
-                id: x,
+                id: v,
                 type: "text",
-                value: v,
-                onChange: (I) => N(I.target.value),
-                onInput: b,
-                placeholder: i,
-                disabled: s,
-                onFocus: () => g(!0),
-                onBlur: () => g(!1),
-                ref: T
+                value: g,
+                onChange: (C) => T(C.target.value),
+                onInput: F,
+                placeholder: u,
+                disabled: c,
+                onFocus: () => N(!0),
+                onBlur: () => N(!1),
+                ref: k
               }
             ),
             /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
           ] })
         ] }),
-        !s && /* @__PURE__ */ l(we, { items: S, onReady: D, onSelect: k, children: ({ option: I }) => /* @__PURE__ */ $(J, { children: [
-          u && /* @__PURE__ */ l(
-            Ie,
-            {
-              style: { marginRight: "8px", pointerEvents: "none" },
-              name: I.id,
-              value: d && d.includes(I.id)
-            }
-          ),
-          f ? ne(f, { option: I }) : I[r]
-        ] }) })
+        !c && /* @__PURE__ */ l(
+          ge,
+          {
+            items: $,
+            multiselect: !0,
+            onReady: V,
+            onSelect: j,
+            checkboxes: o,
+            value: h,
+            ...p,
+            children: ({ option: C }) => /* @__PURE__ */ l(_, { children: d ? ae(d, { option: C }) : C[r] })
+          }
+        )
       ]
     }
   );
 }
-function Pt({
-  left: e = 0,
-  top: n = 0,
-  at: t = "bottom",
-  parent: c = null,
-  onCancel: r,
-  children: i
-}) {
-  const [o, s] = P(0), [a, u] = P(0), [w, f] = P("auto"), [x, m] = P(!1), p = H(null), d = y(() => {
-    if (!p.current) return;
-    const h = Be(p.current, c, t, e, n);
-    h && (s(h.x), u(h.y), f(h.width), m(!0));
-  }, [p, c, t, e, n]);
-  return B(() => {
-    requestAnimationFrame(d);
-  }, []), B(() => {
-    d(c);
-  }, [c, t, e, n]), B(() => {
-    const h = (v) => {
-      r && r(v);
-    };
-    if (p.current)
-      return de(p.current, h).destroy;
-  }, [r]), /* @__PURE__ */ l(
-    "div",
-    {
-      ref: p,
-      className: "wx-37M6Fj wx-popup",
-      style: {
-        position: "absolute",
-        visibility: x ? "visible" : "hidden",
-        top: a + "px",
-        left: o + "px",
-        width: w
-      },
-      children: i
-    }
-  );
-}
-const Ht = ({
+const rn = ({
   total: e = 0,
   pageSize: n = 20,
   value: t = 1,
-  onChange: c
+  onChange: s
 }) => {
-  const [r, i] = W(n), [o, s] = W(t), a = (Q(G) || Z()).getGroup("core"), u = Math.ceil(e / r), w = (o - 1) * r, f = Math.min(o * r, e), x = (d, h) => {
-    Number.isNaN(d) || (h || s(d), d = Math.max(1, Math.min(d, u)), h && s(d), d !== o && setTimeout(() => {
-      c && c({
-        value: d,
-        from: (d - 1) * r,
-        to: Math.min(d * r, e),
+  const [r, u] = J(n), [i, c] = J(t), a = (K(q) || X()).getGroup("core"), o = Math.ceil(e / r), f = (i - 1) * r, d = Math.min(i * r, e), p = (w, h) => {
+    Number.isNaN(w) || (h || c(w), w = Math.max(1, Math.min(w, o)), h && c(w), w !== i && setTimeout(() => {
+      s && s({
+        value: w,
+        from: (w - 1) * r,
+        to: Math.min(w * r, e),
         pageSize: r
       });
     }));
   };
-  function m(d) {
-    switch (d) {
+  function v(w) {
+    switch (w) {
       case "first":
-        x(1);
+        p(1);
         break;
       case "prev":
-        x(o - 1);
+        p(i - 1);
         break;
       case "next":
-        x(o + 1);
+        p(i + 1);
         break;
       case "last":
-        x(u);
+        p(o);
         break;
     }
   }
-  const p = (d) => {
-    const h = d.target.value * 1;
-    Number.isNaN(h) || (i(h), c && c({ value: o, from: w, to: f, pageSize: h }));
+  const x = (w) => {
+    const h = w.target.value * 1;
+    Number.isNaN(h) || (u(h), s && s({ value: i, from: f, to: d, pageSize: h }));
   };
-  return /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-pager", children: [
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-left", children: [
-      /* @__PURE__ */ $("span", { children: [
+  return /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-pager", children: [
+    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-left", children: [
+      /* @__PURE__ */ R("span", { children: [
         a("Rows per page"),
         ": "
       ] }),
@@ -1682,180 +1917,181 @@ const Ht = ({
           min: 1,
           className: "wx-35Np0p wx-input",
           value: r,
-          onChange: p
+          onChange: x
         }
       )
     ] }),
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-center", children: [
+    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-center", children: [
       /* @__PURE__ */ l(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-dbl-left" + (o === 1 ? " wx-disabled" : ""),
-          onClick: () => m("first")
+          className: "wx-35Np0p wx-icon wxi-angle-dbl-left" + (i === 1 ? " wx-disabled" : ""),
+          onClick: () => v("first")
         }
       ),
       /* @__PURE__ */ l(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-left" + (o === 1 ? " wx-disabled" : ""),
-          onClick: () => m("prev")
+          className: "wx-35Np0p wx-icon wxi-angle-left" + (i === 1 ? " wx-disabled" : ""),
+          onClick: () => v("prev")
         }
       ),
       /* @__PURE__ */ l(
         "input",
         {
           type: "text",
-          value: o,
+          value: i,
           className: "wx-35Np0p wx-input",
-          onChange: (d) => x(d.target.value * 1),
-          onBlur: (d) => x(d.target.value * 1, !0)
+          onChange: (w) => p(w.target.value * 1),
+          onBlur: (w) => p(w.target.value * 1, !0)
         }
       ),
       /* @__PURE__ */ l(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-right" + (o === u ? " wx-disabled" : ""),
-          onClick: () => m("next")
+          className: "wx-35Np0p wx-icon wxi-angle-right" + (i === o ? " wx-disabled" : ""),
+          onClick: () => v("next")
         }
       ),
       /* @__PURE__ */ l(
         "i",
         {
-          className: "wx-35Np0p wx-icon wxi-angle-dbl-right" + (o === u ? " wx-disabled" : ""),
-          onClick: () => m("last")
+          className: "wx-35Np0p wx-icon wxi-angle-dbl-right" + (i === o ? " wx-disabled" : ""),
+          onClick: () => v("last")
         }
       )
     ] }),
-    /* @__PURE__ */ $("div", { className: "wx-35Np0p wx-right", children: [
+    /* @__PURE__ */ R("div", { className: "wx-35Np0p wx-right", children: [
       a("Total pages"),
       ": ",
-      u
+      o
     ] })
   ] });
 };
-function it({
+function It({
   id: e,
   label: n = "",
   value: t,
-  name: c = "",
+  name: s = "",
   inputValue: r = "",
-  disabled: i = !1,
-  onChange: o
+  disabled: u = !1,
+  onChange: i
 }) {
-  const s = Fe(), a = z(e) || s, [u, w] = P(!1), f = t !== void 0, x = f ? t : u;
-  function m(p) {
-    const d = p.target.checked;
-    f || w(d), d && o && o({ value: !0, inputValue: r });
+  const c = _e(), a = z(e) || c, [o, f] = B(!1), d = t !== void 0, p = d ? t : o;
+  function v(x) {
+    const w = x.target.checked;
+    d || f(w), w && i && i({ value: !0, inputValue: r });
   }
-  return /* @__PURE__ */ $("div", { className: "wx-3lDF1s wx-radio", children: [
+  return /* @__PURE__ */ R("div", { className: "wx-3lDF1s wx-radio", children: [
     /* @__PURE__ */ l(
       "input",
       {
         type: "radio",
         className: "wx-3lDF1s wx-input",
         id: a,
-        disabled: i,
-        name: c,
+        disabled: u,
+        name: s,
         value: r,
-        checked: x,
-        onChange: m
+        checked: p,
+        onChange: v
       }
     ),
-    /* @__PURE__ */ $("label", { htmlFor: a, className: "wx-3lDF1s wx-label", children: [
+    /* @__PURE__ */ R("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 })
     ] })
   ] });
 }
-function Bt({
+function ln({
   options: e = [{}],
   value: n = "",
   onChange: t,
-  type: c = ""
+  type: s = ""
 }) {
-  const r = le(), [i, o] = P(n);
-  B(() => {
-    o(n);
+  const r = oe(), [u, i] = B(n);
+  W(() => {
+    i(n);
   }, [n]);
-  function s(a) {
-    const u = a.inputValue;
-    o(u), t && t({ value: u });
+  function c(a) {
+    const o = a.inputValue;
+    i(o), t && t({ value: o });
   }
-  return /* @__PURE__ */ l(se.Provider, { value: null, children: /* @__PURE__ */ l("div", { className: `wx-38w70j wx-radiogroup ${c && `wx-${c}`}`, children: e.map((a) => /* @__PURE__ */ l("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ l(
-    it,
+  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,
     {
       label: a.label,
       inputValue: a.id,
-      value: i === a.id,
+      value: u === a.id,
       name: r,
-      onChange: s
+      onChange: c
     }
   ) }, a.id)) }) });
 }
-function Et({
+function cn({
   value: e = "",
   options: n = [],
   textOptions: t = null,
-  placeholder: c = "",
+  placeholder: s = "",
   disabled: r = !1,
-  error: i = !1,
-  title: o = "",
-  textField: s = "label",
+  error: u = !1,
+  title: i = "",
+  textField: c = "label",
   clear: a = !1,
-  children: u,
-  onChange: w
+  children: o,
+  onChange: f,
+  dropdown: d = {}
 }) {
-  const f = H(null), x = H(null);
-  let [m, p] = W(e);
-  function d(g) {
-    f.current = g.navigate, x.current = g.keydown;
+  const p = S(null), v = S(null);
+  let [x, w] = J(e);
+  function h(N) {
+    p.current = N.navigate, v.current = N.keydown;
   }
-  const h = E(() => m || m === 0 ? (t || n).find((g) => g.id === m) : null, [m, t, n]), v = y(
-    ({ id: g }) => {
-      (g || g === 0) && (p(g), f.current(null), w && w({ value: g }));
+  const m = A(() => x || x === 0 ? (t || n).find((N) => N.id === x) : null, [x, t, n]), g = D(
+    ({ id: N }) => {
+      (N || N === 0) && (w(N), p.current(null), f && f({ value: N }));
     },
-    [p, w]
-  ), N = y(
-    (g) => {
-      g.stopPropagation(), p(""), w && w({ value: "" });
+    [w, f]
+  ), T = D(
+    (N) => {
+      N.stopPropagation(), w(""), f && f({ value: "" });
     },
-    [p, w]
-  ), R = y(() => n.findIndex((g) => g.id === m), [n, m]);
-  return /* @__PURE__ */ $(
+    [w, f]
+  ), b = D(() => n.findIndex((N) => N.id === x), [n, x]);
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-2YgblL wx-richselect ${i ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${u ? "" : "wx-2YgblL wx-nowrap"}`,
-      title: o,
-      onClick: () => f.current(R()),
-      onKeyDown: (g) => x.current(g, R()),
+      className: `wx-2YgblL wx-richselect ${u ? "wx-2YgblL wx-error" : ""} ${r ? "wx-2YgblL wx-disabled" : ""} ${o ? "" : "wx-2YgblL wx-nowrap"}`,
+      title: i,
+      onClick: () => p.current(b()),
+      onKeyDown: (N) => v.current(N, b()),
       tabIndex: 0,
       children: [
-        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: h ? u ? u(h) : h[s] : c ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: c }) : " " }),
-        a && !r && m ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: N }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
-        !r && /* @__PURE__ */ l(we, { items: n, onReady: d, onSelect: v, children: ({ option: g }) => u ? u(g) : g[s] })
+        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: m ? o ? o(m) : m[c] : s ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: s }) : " " }),
+        a && !r && x ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: T }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
+        !r && /* @__PURE__ */ l(ge, { items: n, onReady: h, onSelect: g, ...d, children: ({ option: N }) => o ? o(N) : N[c] })
       ]
     }
   );
 }
-const At = ({
+const sn = ({
   options: e = [],
   value: n = "",
   css: t = "",
-  children: c,
+  children: s,
   onChange: r
 }) => {
-  const [i, o] = P(n), s = (a) => {
-    o(a), r && r({ value: a });
+  const [u, i] = B(n), c = (a) => {
+    i(a), r && r({ value: a });
   };
-  return B(() => {
-    o(n);
+  return W(() => {
+    i(n);
   }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((a) => /* @__PURE__ */ l(
     "button",
     {
-      className: `wx-0hMO7P wx-segment ${a.css} ${a.id === i ? "wx-selected" : ""}`,
+      className: `wx-0hMO7P wx-segment ${a.css} ${a.id === u ? "wx-selected" : ""}`,
       title: a.title,
-      onClick: () => s(a.id),
-      children: c ? ne(c, { option: a }) : /* @__PURE__ */ $(J, { children: [
+      onClick: () => c(a.id),
+      children: s ? ae(s, { option: a }) : /* @__PURE__ */ R(_, { children: [
         a.icon && /* @__PURE__ */ l(
           "i",
           {
@@ -1868,124 +2104,127 @@ const At = ({
     a.id
   )) });
 };
-function Ot({
+function an({
   value: e,
   options: n = [],
   placeholder: t = "",
-  title: c = "",
+  title: s = "",
   disabled: r = !1,
-  error: i = !1,
-  textField: o = "label",
-  clear: s = !1,
+  error: u = !1,
+  textField: i = "label",
+  clear: c = !1,
   id: a,
-  onChange: u
+  onChange: o
 }) {
-  const w = z(a), [f, x] = P(e || ""), m = y(
-    (d) => {
-      const h = d.target.value;
-      x(h), u && u({ value: h });
+  const f = z(a), [d, p] = B(e || ""), v = D(
+    (w) => {
+      const h = w.target.value;
+      p(h), o && o({ value: h });
     },
-    [u]
-  ), p = y(() => {
-    x(""), u && u({ value: "" });
-  }, [u]);
-  return /* @__PURE__ */ $("div", { className: "wx-2yx1Fo wx-select-box", children: [
-    /* @__PURE__ */ $(
+    [o]
+  ), x = D(() => {
+    p(""), o && o({ value: "" });
+  }, [o]);
+  return /* @__PURE__ */ R("div", { className: "wx-2yx1Fo wx-select-box", children: [
+    /* @__PURE__ */ R(
       "select",
       {
-        id: w,
-        value: f,
+        id: f,
+        value: d,
         disabled: r,
-        className: `wx-2yx1Fo wx-select ${i ? "wx-2yx1Fo wx-error" : ""}`,
-        title: c,
-        onChange: m,
+        className: `wx-2yx1Fo wx-select ${u ? "wx-2yx1Fo wx-error" : ""}`,
+        title: s,
+        onChange: v,
         children: [
           /* @__PURE__ */ l("option", { value: "", children: t }),
-          n.map((d) => /* @__PURE__ */ l("option", { value: d.id, children: d[o] }, d.id))
+          n.map((w) => /* @__PURE__ */ l("option", { value: w.id, children: w[i] }, w.id))
         ]
       }
     ),
-    s && !r && f ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: p }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
+    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" })
   ] });
 }
-function ke({
+function Ce({
   id: e,
   label: n = "",
   css: t = "",
-  min: c = 0,
+  min: s = 0,
   max: r = 100,
-  value: i = 0,
-  step: o = 1,
-  title: s = "",
+  value: u = 0,
+  step: i = 1,
+  title: c = "",
   disabled: a = !1,
-  onChange: u
+  onChange: o,
+  width: f = ""
 }) {
-  const w = z(e), [f, x] = W(i), m = H({ value: f, input: f }), p = E(
-    () => (f - c) / (r - c) * 100 + "%",
-    [f, c, r]
-  ), d = E(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${p}, var(--wx-slider-background) ${p} 100%)`, [a, p]);
-  function h({ target: R }) {
-    const g = R.value * 1;
-    x(g), u && u({
-      value: g,
-      previous: m.current.input,
+  const d = z(e), [p, v] = J(u), x = S({ value: p, input: p }), w = A(
+    () => (p - s) / (r - s) * 100 + "%",
+    [p, s, r]
+  ), h = A(() => a ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${w}, var(--wx-slider-background) ${w} 100%)`, [a, w]);
+  function m({ target: N }) {
+    const k = N.value * 1;
+    v(k), o && o({
+      value: k,
+      previous: x.current.input,
       input: !0
-    }), m.current.input = g;
+    }), x.current.input = k;
   }
-  function v({ target: R }) {
-    const g = R.value * 1;
-    x(g), u && u({ value: g, previous: m.current.value }), m.current.value = g;
+  function g({ target: N }) {
+    const k = N.value * 1;
+    v(k), o && o({ value: k, previous: x.current.value }), x.current.value = k;
   }
-  B(() => {
-    x(i);
-  }, [i]);
-  const N = H(null);
-  return B(() => {
-    if (N.current)
-      return N.current.addEventListener("change", v), () => {
-        N.current && N.current.removeEventListener("change", v);
+  W(() => {
+    v(u);
+  }, [u]);
+  const T = S(null);
+  W(() => {
+    if (T.current)
+      return T.current.addEventListener("change", g), () => {
+        T.current && T.current.removeEventListener("change", g);
       };
-  }, [N, v]), /* @__PURE__ */ $("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: s, children: [
-    n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: w, children: n }),
+  }, [T, g]);
+  const b = { ...f && { width: f } };
+  return /* @__PURE__ */ R("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: w,
+        id: d,
         className: "wx-2EDJ8G wx-input",
         type: "range",
-        min: c,
+        min: s,
         max: r,
-        step: o,
+        step: i,
         disabled: a,
-        value: f,
-        onInput: h,
-        style: { background: d },
-        ref: N
+        value: p,
+        onInput: m,
+        style: { background: h },
+        ref: T
       }
     ) })
   ] });
 }
-function Wt({
+function on({
   id: e,
   value: n = !1,
   disabled: t = !1,
-  onChange: c
+  onChange: s
 }) {
-  const r = z(e), [i, o] = W(n), s = y(
+  const r = z(e), [u, i] = J(n), c = D(
     (a) => {
-      const u = a.target.checked;
-      o(u), c && c({ value: u });
+      const o = a.target.checked;
+      i(o), s && s({ value: o });
     },
-    [c]
+    [s]
   );
-  return /* @__PURE__ */ $("label", { className: "wx-2dAR5c wx-switch", children: [
+  return /* @__PURE__ */ R("label", { className: "wx-2dAR5c wx-switch", children: [
     /* @__PURE__ */ l(
       "input",
       {
         className: "wx-2dAR5c wx-input",
         type: "checkbox",
-        checked: i,
-        onChange: s,
+        checked: u,
+        onChange: c,
         disabled: t,
         id: r
       }
@@ -1993,22 +2232,22 @@ function Wt({
     /* @__PURE__ */ l("span", { className: "wx-2dAR5c wx-box" })
   ] });
 }
-const Yt = ({
+const un = ({
   options: e = [],
   value: n = "",
   type: t = "top",
-  css: c = "",
+  css: s = "",
   onChange: r
 }) => {
-  const [i, o] = W(n), s = (a) => {
-    o(a), r && r({ value: a });
+  const [u, i] = J(n), c = (a) => {
+    i(a), r && r({ value: a });
   };
-  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${c}`, children: e.map((a) => /* @__PURE__ */ $(
+  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${s}`, children: e.map((a) => /* @__PURE__ */ R(
     "button",
     {
-      className: `wx-138fWJ wx-tab ${a.css} ${a.id === i ? "wx-active" : ""}`,
+      className: `wx-138fWJ wx-tab ${a.css} ${a.id === u ? "wx-active" : ""}`,
       title: a.title,
-      onClick: () => s(a.id),
+      onClick: () => c(a.id),
       children: [
         a.icon && /* @__PURE__ */ l(
           "i",
@@ -2021,49 +2260,49 @@ const Yt = ({
     },
     a.id
   )) });
-}, jt = ({
+}, dn = ({
   id: e,
   value: n = 0,
   step: t = 1,
-  min: c = 0,
+  min: s = 0,
   max: r = 1 / 0,
-  error: i = !1,
-  disabled: o = !1,
-  readonly: s = !1,
+  error: u = !1,
+  disabled: i = !1,
+  readonly: c = !1,
   onChange: a
 }) => {
-  const u = z(e), [w, f] = W(n), x = y(() => {
-    if (s || w <= c) return;
-    const h = w - t;
-    f(h), a && a({ value: h });
-  }, [w, s, c, t, a]), m = y(() => {
-    if (s || w >= r) return;
-    const h = w + t;
-    f(h), a && a({ value: h });
-  }, [w, s, r, t, a]), p = y(() => {
-    if (!s) {
-      const h = Math.round(Math.min(r, Math.max(w, c)) / t) * t, v = isNaN(h) ? Math.max(c, 0) : h;
-      f(v), a && a({ value: v });
+  const o = z(e), [f, d] = J(n), p = D(() => {
+    if (c || f <= s) return;
+    const h = f - t;
+    d(h), a && a({ value: h });
+  }, [f, c, s, t, a]), v = D(() => {
+    if (c || f >= r) return;
+    const h = f + t;
+    d(h), a && a({ value: h });
+  }, [f, c, r, t, a]), x = D(() => {
+    if (!c) {
+      const h = Math.round(Math.min(r, Math.max(f, s)) / t) * t, m = isNaN(h) ? Math.max(s, 0) : h;
+      d(m), a && a({ value: m });
     }
-  }, [s, w, r, c, t, a]), d = y(
+  }, [c, f, r, s, t, a]), w = D(
     (h) => {
-      const v = h.target.value * 1;
-      f(v), a && a({ value: v, input: !0 });
+      const m = h.target.value * 1;
+      d(m), a && a({ value: m, input: !0 });
     },
     [a]
   );
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-22t21n wx-counter ${o ? "wx-disabled" : ""} ${s ? "wx-readonly" : ""} ${i ? "wx-error" : ""}`,
+      className: `wx-22t21n wx-counter ${i ? "wx-disabled" : ""} ${c ? "wx-readonly" : ""} ${u ? "wx-error" : ""}`,
       children: [
         /* @__PURE__ */ l(
           "button",
           {
             "aria-label": "-",
             className: "wx-22t21n wx-btn wx-btn-dec",
-            disabled: o,
-            onClick: x,
+            disabled: i,
+            onClick: p,
             children: /* @__PURE__ */ l(
               "svg",
               {
@@ -2081,15 +2320,15 @@ const Yt = ({
         /* @__PURE__ */ l(
           "input",
           {
-            id: u,
+            id: o,
             type: "text",
             className: "wx-22t21n wx-input",
-            disabled: o,
-            readOnly: s,
+            disabled: i,
+            readOnly: c,
             required: !0,
-            value: w,
-            onBlur: p,
-            onInput: d
+            value: f,
+            onBlur: x,
+            onInput: w
           }
         ),
         /* @__PURE__ */ l(
@@ -2097,8 +2336,8 @@ const Yt = ({
           {
             "aria-label": "-",
             className: "wx-22t21n wx-btn wx-btn-inc",
-            disabled: o,
-            onClick: m,
+            disabled: i,
+            onClick: v,
             children: /* @__PURE__ */ l(
               "svg",
               {
@@ -2123,11 +2362,11 @@ const Yt = ({
     }
   );
 };
-function ut({ notice: e = {} }) {
+function Ct({ notice: e = {} }) {
   function n() {
     e.remove && e.remove();
   }
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "div",
     {
       className: `wx-11sNg5 wx-notice wx-${e.type ? e.type : ""}`,
@@ -2140,38 +2379,38 @@ function ut({ notice: e = {} }) {
     }
   );
 }
-function dt({ data: e = [] }) {
-  return /* @__PURE__ */ l("div", { className: "wx-3nwoO9 wx-notices", children: e.map((n) => /* @__PURE__ */ l(ut, { notice: n }, n.id)) });
+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 wt({
+function Lt({
   title: e = "",
   buttons: n = ["cancel", "ok"],
   header: t,
-  children: c,
+  children: s,
   footer: r,
-  onConfirm: i,
-  onCancel: o
+  onConfirm: u,
+  onCancel: i
 }) {
-  const s = (Q(G) || Z()).getGroup("core"), a = H(null);
-  B(() => {
+  const c = (K(q) || X()).getGroup("core"), a = S(null);
+  W(() => {
     a.current?.focus();
   }, []);
-  function u(f) {
-    switch (f.code) {
+  function o(d) {
+    switch (d.code) {
       case "Enter": {
-        const x = f.target.tagName;
-        if (x === "TEXTAREA" || x === "BUTTON") return;
-        i && i({ event: f });
+        const p = d.target.tagName;
+        if (p === "TEXTAREA" || p === "BUTTON") return;
+        u && u({ event: d });
         break;
       }
       case "Escape":
-        o && o({ event: f });
+        i && i({ event: d });
         break;
     }
   }
-  function w(f, x) {
-    const m = { event: f, button: x };
-    x === "cancel" ? o && o(m) : i && i(m);
+  function f(d, p) {
+    const v = { event: d, button: p };
+    p === "cancel" ? i && i(v) : u && u(v);
   }
   return /* @__PURE__ */ l(
     "div",
@@ -2179,46 +2418,46 @@ function wt({
       className: "wx-1FxkZa wx-modal",
       ref: a,
       tabIndex: 0,
-      onKeyDown: u,
-      children: /* @__PURE__ */ $("div", { className: "wx-1FxkZa wx-window", children: [
+      onKeyDown: o,
+      children: /* @__PURE__ */ R("div", { className: "wx-1FxkZa wx-window", children: [
         t || (e ? /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-header", children: e }) : null),
-        /* @__PURE__ */ l("div", { children: c }),
-        r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((f) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
-          ee,
+        /* @__PURE__ */ l("div", { children: s }),
+        r || n && /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((d) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
+          re,
           {
-            type: `block ${f === "ok" ? "primary" : "secondary"}`,
-            onClick: (x) => w(x, f),
-            children: s(f)
+            type: `block ${d === "ok" ? "primary" : "secondary"}`,
+            onClick: (p) => f(p, d),
+            children: c(d)
           }
-        ) }, f)) })
+        ) }, d)) })
       ] })
     }
   );
 }
-function ft({ children: e }, n) {
-  const [t, c] = P(null), [r, i] = P([]);
-  return Ce(
+function Ft({ children: e }, n) {
+  const [t, s] = B(null), [r, u] = B([]);
+  return qe(
     n,
     () => ({
-      showModal: (o) => {
-        const s = { ...o };
-        return c(s), new Promise((a, u) => {
-          s.resolve = (w) => {
-            c(null), a(w);
-          }, s.reject = (w) => {
-            c(null), u(w);
+      showModal: (i) => {
+        const c = { ...i };
+        return s(c), new Promise((a, o) => {
+          c.resolve = (f) => {
+            s(null), a(f);
+          }, c.reject = (f) => {
+            s(null), o(f);
           };
         });
       },
-      showNotice: (o) => {
-        o = { ...o }, o.id = o.id || le(), o.remove = () => i((s) => s.filter((a) => a.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((s) => [...s, o]);
+      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]);
       }
     }),
     []
-  ), /* @__PURE__ */ $(J, { children: [
+  ), /* @__PURE__ */ R(_, { children: [
     e,
     t && /* @__PURE__ */ l(
-      wt,
+      Lt,
       {
         title: t.title,
         buttons: t.buttons,
@@ -2227,161 +2466,160 @@ function ft({ children: e }, n) {
         children: t.message
       }
     ),
-    /* @__PURE__ */ l(dt, { data: r })
+    /* @__PURE__ */ l(St, { data: r })
   ] });
 }
-const xt = Le(ft);
-function Jt(e) {
-  let { children: n } = e, t = H();
-  const c = E(() => ({
+const Ht = Qe(Ft);
+function fn(e) {
+  let { children: n } = e, t = S();
+  const s = A(() => ({
     showNotice: (r) => t.current.showNotice(r),
     showModal: (r) => t.current.showModal(r)
   }), []);
-  return /* @__PURE__ */ l(Me.Provider, { value: c, children: /* @__PURE__ */ l(xt, { ref: t, children: n }) });
+  return /* @__PURE__ */ l(Oe.Provider, { value: s, children: /* @__PURE__ */ l(Ht, { ref: t, children: n }) });
 }
-function ye({
+function Se({
   label: e = "",
   position: n = "",
-  css: t = "",
-  error: c = !1,
-  type: r = "",
-  required: i = !1,
-  children: o
+  error: t = !1,
+  type: s = "",
+  required: r = !1,
+  id: u,
+  children: i,
+  width: c = ""
 }) {
-  const s = H(null), a = y(() => {
-    if (s.current) return s.current;
-    const u = le();
-    return s.current = u, u;
-  }, []);
-  return /* @__PURE__ */ l(se.Provider, { value: a, children: /* @__PURE__ */ $(
+  const a = A(() => u === void 0 ? oe() : u, [u]), o = { ...c && { width: c } };
+  return /* @__PURE__ */ l(ue.Provider, { value: a, children: /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-2oVUvC wx-field wx-${n} ${t} ${c ? "wx-error" : ""} ${i ? "wx-required" : ""}`.trim(),
+      style: o,
+      className: `wx-2oVUvC wx-field wx-${n} ${t ? "wx-error" : ""} ${r ? "wx-required" : ""}`.trim(),
       children: [
-        e && /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: s.current, children: e }),
-        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${r}`, children: o })
+        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 })
       ]
     }
   ) });
 }
-const mt = ({
+const Pt = ({
   value: e = !1,
   type: n = "",
   icon: t = "",
-  disabled: c = !1,
+  disabled: s = !1,
   iconActive: r = "",
-  onClick: i,
-  title: o = "",
-  css: s = "",
+  onClick: u,
+  title: i = "",
+  css: c = "",
   text: a = "",
-  textActive: u = "",
-  children: w,
-  active: f,
-  onChange: x
+  textActive: o = "",
+  children: f,
+  active: d,
+  onChange: p
 }) => {
-  const [m, p] = W(e), d = E(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
-    (v) => {
-      let N = !m;
-      i && i(v), v.defaultPrevented || (p(N), x && x({ value: N }));
+  const [v, x] = J(e), w = A(() => (v ? "pressed" : "") + (n ? " " + n : ""), [v, n]), h = D(
+    (m) => {
+      let g = !v;
+      u && u(m), m.defaultPrevented || (x(g), p && p({ value: g }));
     },
-    [m, i, x]
+    [v, u, p]
   );
-  return m && f ? /* @__PURE__ */ l(
-    ee,
+  return v && d ? /* @__PURE__ */ l(
+    re,
     {
-      title: o,
-      text: m && u || a,
-      css: s,
-      type: d,
-      icon: m && r || t,
+      title: i,
+      text: v && o || a,
+      css: c,
+      type: w,
+      icon: v && r || t,
       onClick: h,
-      disabled: c,
-      children: ne(f, { value: m })
+      disabled: s,
+      children: ae(d, { value: v })
     }
-  ) : w ? /* @__PURE__ */ l(
-    ee,
+  ) : f ? /* @__PURE__ */ l(
+    re,
     {
-      title: o,
-      text: m && u || a,
-      css: s,
-      type: d,
-      icon: m && r || t,
+      title: i,
+      text: v && o || a,
+      css: c,
+      type: w,
+      icon: v && r || t,
       onClick: h,
-      disabled: c,
-      children: w
+      disabled: s,
+      children: f
     }
   ) : /* @__PURE__ */ l(
-    ee,
+    re,
     {
-      title: o,
-      text: m && u || a,
-      css: s,
-      type: d,
-      icon: m && r || t,
+      title: i,
+      text: v && o || a,
+      css: c,
+      type: w,
+      icon: v && r || t,
       onClick: h,
-      disabled: c
+      disabled: s
     }
   );
-}, be = new Date(0, 0, 0, 0, 0);
-function Gt({
-  value: e = be,
+}, Le = new Date(0, 0, 0, 0, 0);
+function wn({
+  value: e = Le,
   id: n,
   title: t = "",
-  css: c = "",
+  css: s = "",
   disabled: r = !1,
-  error: i = !1,
-  format: o = "",
-  onChange: s
+  error: u = !1,
+  format: i = "",
+  onChange: c,
+  dropdown: a
 }) {
-  let [a, u] = W(e);
-  const { calendar: w, formats: f } = (Q(G) || Z()).getRaw(), x = w.clockFormat == 12, m = 23, p = 59, d = E(() => {
-    const V = o || f?.timeFormat;
-    return typeof V == "function" ? V : X(V, w);
-  }, [o, f, w]), h = E(() => d(new Date(0, 0, 0, 1)).indexOf("01") != -1, [d]), v = (V, j) => (V < 10 && j ? `0${V}` : `${V}`).slice(-2), N = (V) => v(V, !0), R = (V) => `${V}`.replace(/[^\d]/g, "") || 0, g = (V) => x && (V = V % 12, V === 0) ? "12" : v(V, h), T = y((V, j) => (V = R(V), Math.min(V, j)), []), [M, S] = P(null), D = a || be, b = T(D.getHours(), m), k = T(D.getMinutes(), p), F = b > 12, A = g(b), L = N(k), I = E(
-    () => d(new Date(0, 0, 0, b, k)),
-    [b, k, d]
-  ), O = y(() => {
-    S(!0);
-  }, []), Y = y(() => {
-    const V = new Date(D);
-    V.setHours(V.getHours() + (F ? -12 : 12)), u(V), s && s({ value: V });
-  }, [D, F, s]), _ = y(
-    ({ value: V }) => {
-      if (D.getHours() === V) return;
-      const j = new Date(D);
-      j.setHours(V), u(j), s && s({ value: j });
+  let [o, f] = J(e);
+  const { calendar: d, formats: p } = (K(q) || X()).getRaw(), v = d.clockFormat == 12, x = 23, w = 59, h = A(() => {
+    const y = i || p?.timeFormat;
+    return typeof y == "function" ? y : ne(y, d);
+  }, [i, p, d]), m = A(() => h(new Date(0, 0, 0, 1)).indexOf("01") != -1, [h]), g = (y, E) => (y < 10 && E ? `0${y}` : `${y}`).slice(-2), T = (y) => g(y, !0), b = (y) => `${y}`.replace(/[^\d]/g, "") || 0, N = (y) => v && (y = y % 12, y === 0) ? "12" : g(y, m), k = D((y, E) => (y = b(y), Math.min(y, E)), []), [M, $] = B(null), V = o || Le, F = k(V.getHours(), x), j = k(V.getMinutes(), w), H = F > 12, L = N(F), P = T(j), C = A(
+    () => h(new Date(0, 0, 0, F, j)),
+    [F, j, h]
+  ), O = D(() => {
+    $(!0);
+  }, []), U = D(() => {
+    const y = new Date(V);
+    y.setHours(y.getHours() + (H ? -12 : 12)), f(y), c && c({ value: y });
+  }, [V, H, c]), Y = D(
+    ({ value: y }) => {
+      if (V.getHours() === y) return;
+      const E = new Date(V);
+      E.setHours(y), f(E), c && c({ value: E });
     },
-    [D, s]
-  ), C = y(
-    ({ value: V }) => {
-      if (D.getMinutes() === V) return;
-      const j = new Date(D);
-      j.setMinutes(V), u(j), s && s({ value: j });
+    [V, c]
+  ), I = D(
+    ({ value: y }) => {
+      if (V.getMinutes() === y) return;
+      const E = new Date(V);
+      E.setMinutes(y), f(E), c && c({ value: E });
     },
-    [D, s]
-  ), U = y(
-    (V) => (V = T(V, m), x && (V = V * 1, V === 12 && (V = 0), F && (V += 12)), V),
-    [T, x, F]
-  ), K = y(() => {
-    S(null);
+    [V, c]
+  ), G = D(
+    (y) => (y = k(y, x), v && (y = y * 1, y === 12 && (y = 0), H && (y += 12)), y),
+    [k, v, H]
+  ), Q = D(() => {
+    $(null);
   }, []);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ R(
     "div",
     {
-      className: `wx-7f497i wx-timepicker ${i ? "wx-7f497i wx-error" : ""} ${r ? "wx-7f497i wx-disabled" : ""}`,
+      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" },
       children: [
         /* @__PURE__ */ l(
-          fe,
+          Ne,
           {
             id: n,
-            css: c,
+            css: s,
             title: t,
-            value: I,
+            value: C,
             readonly: !0,
             disabled: r,
-            error: i,
+            error: u,
             icon: "wxi-clock",
             inputStyle: {
               cursor: "pointer",
@@ -2390,16 +2628,16 @@ function Gt({
             }
           }
         ),
-        M && !r && /* @__PURE__ */ l(te, { onCancel: K, width: "unset", children: /* @__PURE__ */ $("div", { className: "wx-7f497i wx-wrapper", children: [
-          /* @__PURE__ */ $("div", { className: "wx-7f497i wx-timer", children: [
+        M && !r && /* @__PURE__ */ l(le, { onCancel: Q, ...ye(a), children: /* @__PURE__ */ R("div", { className: "wx-7f497i wx-wrapper", children: [
+          /* @__PURE__ */ R("div", { className: "wx-7f497i wx-timer", children: [
             /* @__PURE__ */ l(
               "input",
               {
                 className: "wx-7f497i wx-digit",
-                value: A,
-                onChange: (V) => {
-                  const j = U(V.target.value);
-                  _({ value: j });
+                value: L,
+                onChange: (y) => {
+                  const E = G(y.target.value);
+                  Y({ value: E });
                 }
               }
             ),
@@ -2408,39 +2646,41 @@ function Gt({
               "input",
               {
                 className: "wx-7f497i wx-digit",
-                value: L,
-                onChange: (V) => {
-                  const j = T(V.target.value, p);
-                  C({ value: j });
+                value: P,
+                onChange: (y) => {
+                  const E = k(y.target.value, w);
+                  I({ value: E });
                 }
               }
             ),
-            x && /* @__PURE__ */ l(
-              mt,
+            v && /* @__PURE__ */ l(
+              Pt,
               {
-                value: F,
-                onClick: Y,
+                value: H,
+                onClick: U,
                 active: () => /* @__PURE__ */ l("span", { children: "pm" }),
                 children: /* @__PURE__ */ l("span", { children: "am" })
               }
             )
           ] }),
-          /* @__PURE__ */ l(ye, { width: "unset", children: /* @__PURE__ */ l(
-            ke,
+          /* @__PURE__ */ l(Se, { width: "unset", children: /* @__PURE__ */ l(
+            Ce,
             {
-              label: w.hours,
-              value: b,
-              onChange: _,
-              max: m
+              label: d.hours,
+              value: F,
+              width: "unset",
+              onChange: Y,
+              max: x
             }
           ) }),
-          /* @__PURE__ */ l(ye, { width: "unset", children: /* @__PURE__ */ l(
-            ke,
+          /* @__PURE__ */ l(Se, { width: "unset", children: /* @__PURE__ */ l(
+            Ce,
             {
-              label: w.minutes,
-              value: k,
-              onChange: C,
-              max: p
+              label: d.minutes,
+              value: j,
+              width: "unset",
+              onChange: I,
+              max: w
             }
           ) })
         ] }) })
@@ -2448,49 +2688,84 @@ function Gt({
     }
   );
 }
-function Qt({ children: e }) {
+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 _t({ position: e = "right", children: n, onCancel: t }) {
-  const c = H(null);
-  return B(() => de(c.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: c, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
-}
-function Ut({ theme: e = "", target: n, children: t }) {
-  const c = H(null), r = H(null), [i, o] = P(null);
-  c.current || (c.current = document.createElement("div"));
-  const s = Q(re);
-  return B(() => {
-    o(
-      n || ht(r.current) || oe.getTopNode(r.current)
-    );
-  }, [r.current]), /* @__PURE__ */ $(J, { children: [
-    /* @__PURE__ */ l("span", { ref: r, style: { display: "none" } }),
-    r.current && i ? Ae(
-      /* @__PURE__ */ l(
-        "div",
-        {
-          className: `wx-3ZWsT0 wx-${e || s}-theme`,
-          children: t
-        }
-      ),
-      i
-    ) : null
-  ] });
+function mn({ position: e = "right", children: n, onCancel: t }) {
+  const s = S(null);
+  return W(() => ve(s.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: s, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
 }
-function ht(e) {
-  const n = oe.getTopNode(e);
-  for (; e && e !== n && !e.getAttribute("data-wx-portal-root"); )
-    e = e.parentNode;
-  return e;
+const Fe = "#dfe2e6", He = "#2c2f3c", At = 0.75;
+function Pe(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) {
+  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";
+}
+function hn(e) {
+  const { value: n, size: t = 32, limit: s } = e, r = S(null), [u, i] = B(null), c = A(() => n ? Array.isArray(n) ? n : [n] : [], [n]), a = A(() => {
+    if (u == null || u <= 0)
+      return null;
+    const w = 1 + (u / t - 1) / At;
+    return Math.max(1, Math.floor(w));
+  }, [u, t]), o = A(() => {
+    const w = s != null ? Math.min(c.length, s) : c.length;
+    return a != null ? Math.min(w, a) : w;
+  }, [c, s, a]), f = A(() => c.slice(0, o), [c, o]), d = A(() => Math.max(0, c.length - o), [c, o]);
+  W(() => {
+    const w = r.current;
+    if (!w) return;
+    const h = new ResizeObserver((m) => {
+      const g = m[0];
+      g && i(g.contentRect.width);
+    });
+    return h.observe(w), () => h.disconnect();
+  }, []);
+  const p = Math.round(t * 0.4), v = {
+    width: t + "px",
+    height: t + "px",
+    minWidth: t + "px",
+    minHeight: t + "px",
+    fontSize: p + "px"
+  };
+  function x(w, h) {
+    const m = h === 0 ? "0" : `${t * -0.25}px`, g = w.avatar ? "transparent" : w.color || Fe, T = w.avatar ? "transparent" : Bt(w.color || Fe);
+    return { marginLeft: m, backgroundColor: g, color: T };
+  }
+  return /* @__PURE__ */ l("div", { className: "wx-avatar-root wx-aadkRiRf", ref: r, children: f.length > 0 && /* @__PURE__ */ l("div", { className: "wx-avatar-stack wx-aadkRiRf", children: f.map((w, h) => /* @__PURE__ */ R(
+    "div",
+    {
+      className: [
+        "wx-avatar",
+        "wx-avatar-item",
+        h === f.length - 1 && d > 0 ? "wx-avatar-overflow" : "",
+        "wx-aadkRiRf"
+      ].filter(Boolean).join(" "),
+      style: { ...v, ...x(w, h) },
+      children: [
+        w.avatar ? /* @__PURE__ */ l("img", { src: w.avatar, alt: "", loading: "lazy" }) : Pe(w.name) ? /* @__PURE__ */ l("span", { className: "wx-aadkRiRf", children: Pe(w.name) }) : null,
+        h === f.length - 1 && d > 0 && /* @__PURE__ */ R("span", { className: "wx-avatar-overflow-badge wx-aadkRiRf", children: [
+          "+",
+          d
+        ] })
+      ]
+    },
+    w.id
+  )) }) });
 }
-function pt() {
-  return /* @__PURE__ */ l(J, {});
+function Et() {
+  return /* @__PURE__ */ l(_, {});
 }
-function zt(e) {
+function pn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(re.Provider, { value: "material", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "material", children: /* @__PURE__ */ R(_, { children: [
     t && /* @__PURE__ */ l("div", { className: "wx-theme wx-material-theme", children: t }),
-    n && /* @__PURE__ */ $(J, { children: [
+    n && /* @__PURE__ */ R(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2499,7 +2774,7 @@ function zt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(pt, {}),
+      /* @__PURE__ */ l(Et, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2510,14 +2785,14 @@ function zt(e) {
     ] })
   ] }) });
 }
-function Se() {
-  return /* @__PURE__ */ l(J, {});
+function Je() {
+  return /* @__PURE__ */ l(_, {});
 }
-function Kt(e) {
+function vn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(re.Provider, { value: "willow", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "willow", children: /* @__PURE__ */ R(_, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-theme", children: t }),
-    n && /* @__PURE__ */ $(J, { children: [
+    n && /* @__PURE__ */ R(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2526,7 +2801,7 @@ function Kt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Se, {}),
+      /* @__PURE__ */ l(Je, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2537,11 +2812,11 @@ function Kt(e) {
     ] })
   ] }) });
 }
-function Zt(e) {
+function gn(e) {
   const { fonts: n = !0, children: t } = e;
-  return /* @__PURE__ */ l(re.Provider, { value: "willow-dark", children: /* @__PURE__ */ $(J, { children: [
+  return /* @__PURE__ */ l(ie.Provider, { value: "willow-dark", children: /* @__PURE__ */ R(_, { children: [
     t && t && /* @__PURE__ */ l("div", { className: "wx-theme wx-willow-dark-theme", children: t }),
-    n && /* @__PURE__ */ $(J, { children: [
+    n && /* @__PURE__ */ R(_, { children: [
       /* @__PURE__ */ l(
         "link",
         {
@@ -2550,7 +2825,7 @@ function Zt(e) {
           crossOrigin: "true"
         }
       ),
-      /* @__PURE__ */ l(Se, {}),
+      /* @__PURE__ */ l(Je, {}),
       /* @__PURE__ */ l(
         "link",
         {
@@ -2561,57 +2836,58 @@ function Zt(e) {
     ] })
   ] }) });
 }
-function qt(e) {
-  const n = le();
+function Nn(e) {
+  const n = oe();
   e.setAttribute("data-wx-portal-root", n);
 }
-Ee(oe);
+et(pe);
 export {
-  ee as Button,
-  lt as Calendar,
-  Ie as Checkbox,
-  $t as CheckboxGroup,
-  Ye as ColorBoard,
-  Mt as ColorPicker,
-  Tt as ColorSelect,
-  It as Combo,
-  jt as Counter,
-  Rt as DatePicker,
-  St as DateRangePicker,
-  te as Dropdown,
-  ye as Field,
-  Ft as Fullscreen,
-  Jt as Globals,
-  Lt as Icon,
-  ue as Locale,
-  zt as Material,
-  wt as Modal,
-  Qt as ModalArea,
-  Ge as Month,
-  Ct as MultiCombo,
-  Ht as Pager,
-  Pt as Popup,
-  Ut as Portal,
-  it as RadioButton,
-  Bt as RadioButtonGroup,
-  ct as RangeCalendar,
-  Et as RichSelect,
-  At as Segmented,
-  Ot as Select,
-  _t as SideArea,
-  ke as Slider,
-  we as SuggestDropdown,
-  Wt as Switch,
-  Yt as Tabs,
-  fe as Text,
-  Vt as TextArea,
-  Gt as TimePicker,
-  mt as TwoState,
-  Kt as Willow,
-  Zt as WillowDark,
-  Dt as context,
-  ln as en,
-  tn as locale,
-  qt as popupContainer
+  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,
+  Rt 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
 };
 //# sourceMappingURL=index.es.js.map