@svar-ui/react-core 2.2.0

package/dist/index.es.js

@@ -0,0 +1,2569 @@
+import { jsx as l, jsxs as V, Fragment as G } from "react/jsx-runtime";
+import { useCallback as y, useRef as Y, useEffect as I, useMemo as A, useState as F, createContext as ce, useContext as U, forwardRef as Re, useImperativeHandle as Se } from "react";
+import { useWritableProp as j, snippet as ee } from "@svar-ui/lib-react";
+import { uid as J, clickOutside as oe, locale as ke, locateID as Le, getDuodecade as be, dateToString as X, delegateClick as ye, calculatePosition as Fe, setEnv as Pe, env as He } from "@svar-ui/lib-dom";
+import { locale as Kt } from "@svar-ui/lib-dom";
+import { en as De } from "@svar-ui/core-locales";
+import { en as qt } from "@svar-ui/core-locales";
+import { createPortal as Ce } from "react-dom";
+function gt({
+  value: e = "",
+  id: n = J(),
+  placeholder: t = "",
+  title: a = "",
+  disabled: s = !1,
+  error: i = !1,
+  readonly: o = !1,
+  onChange: r
+}) {
+  const [c, u] = j(e), f = y(
+    (m) => {
+      const p = m.target.value;
+      u(p), r && r({ value: p, input: !0 });
+    },
+    [r]
+  ), d = y(
+    (m) => {
+      const p = m.target.value;
+      u(p), r && r({ value: p });
+    },
+    [r]
+  ), x = Y(null);
+  return I(() => {
+    const m = d, p = x.current;
+    return p.addEventListener("change", m), () => {
+      p && p.removeEventListener("change", m);
+    };
+  }, [d]), /* @__PURE__ */ l(
+    "textarea",
+    {
+      className: `wx-3yFVAC wx-textarea ${i ? "wx-error" : ""}`,
+      id: n,
+      disabled: s,
+      placeholder: t,
+      readOnly: o,
+      title: a,
+      value: c,
+      onInput: f,
+      ref: x
+    }
+  );
+}
+function ne({
+  type: e = "",
+  css: n = "",
+  icon: t = "",
+  disabled: a = !1,
+  title: s = "",
+  text: i = "",
+  children: o,
+  onClick: r
+}) {
+  const c = A(() => {
+    let f = e ? e.split(" ").filter((d) => d !== "").map((d) => "wx-" + d).join(" ") : "";
+    return n + (n ? " " : "") + f;
+  }, [e, n]), u = (f) => {
+    r && r(f);
+  };
+  return /* @__PURE__ */ V(
+    "button",
+    {
+      title: s,
+      className: `wx-2ZWgb4 wx-button ${c} ${t && !o ? "wx-icon" : ""}`,
+      disabled: a,
+      onClick: u,
+      children: [
+        t && /* @__PURE__ */ l("i", { className: "wx-2ZWgb4 " + t }),
+        o || i || " "
+      ]
+    }
+  );
+}
+function Ve({
+  id: e = J(),
+  label: n = "",
+  inputValue: t = "",
+  value: a = !1,
+  onChange: s,
+  disabled: i = !1
+}) {
+  const [o, r] = j(a);
+  return /* @__PURE__ */ V("div", { className: "wx-2IvefP wx-checkbox", children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        type: "checkbox",
+        id: e,
+        disabled: i,
+        className: "wx-2IvefP wx-check",
+        checked: o,
+        value: t,
+        onChange: ({ target: u }) => {
+          const f = u.checked;
+          r(f), s && s({ value: f, inputValue: t });
+        }
+      }
+    ),
+    /* @__PURE__ */ V("label", { htmlFor: e, className: "wx-2IvefP wx-label", children: [
+      /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-before" }),
+      n && /* @__PURE__ */ l("span", { className: "wx-2IvefP wx-after", children: n })
+    ] })
+  ] });
+}
+function kt({
+  options: e = [],
+  value: n = [],
+  type: t = "",
+  onChange: a
+}) {
+  const s = y(
+    (i) => {
+      let o;
+      i.value ? o = [...n, i.inputValue] : o = n.filter((r) => r !== i.inputValue), a && a({ value: o });
+    },
+    [n, a]
+  );
+  return /* @__PURE__ */ l("div", { className: `wx-q8xwRD wx-checkboxgroup ${t && `wx-${t}`}`, children: e.map((i) => /* @__PURE__ */ l("div", { className: "wx-q8xwRD wx-item", children: /* @__PURE__ */ l(
+    Ve,
+    {
+      label: i.label,
+      inputValue: i.id,
+      value: n.includes(i.id),
+      onChange: s
+    }
+  ) }, i.id)) });
+}
+function te({
+  position: e = "bottom",
+  align: n = "start",
+  autoFit: t = !0,
+  onCancel: a = null,
+  width: s = "100%",
+  children: i
+}) {
+  const o = Y(null), [r, c] = F(e), [u, f] = F(n);
+  return I(() => {
+    c(e);
+  }, [e]), I(() => {
+    f(n);
+  }, [n]), I(() => {
+    if (t) {
+      const d = o.current;
+      if (d) {
+        const x = d.getBoundingClientRect(), m = document.body.getBoundingClientRect();
+        x.right >= m.right && f("end"), x.bottom >= m.bottom && c("top");
+      }
+    }
+  }, [t, u, r]), I(() => {
+    const d = (x) => {
+      a && a(x);
+    };
+    if (o.current)
+      return oe(o.current, d).destroy;
+  }, [a]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: o,
+      className: `wx-32GZ52 wx-dropdown wx-${r}-${u}`,
+      style: { width: s },
+      children: i
+    }
+  );
+}
+const Be = [
+  "#00a037",
+  "#37a9ef",
+  "#f5a623",
+  "#ff4c3b",
+  "#a0a0a0",
+  "#000000",
+  "#ffffff"
+];
+function bt({
+  colors: e = Be,
+  value: n = "",
+  onChange: t,
+  id: a = J(),
+  clear: s = !1,
+  placeholder: i = "",
+  title: o = "",
+  disabled: r = !1,
+  error: c = !1
+}) {
+  const [u, f] = F(n), [d, x] = F(!1), m = y(
+    (h, v) => {
+      h.stopPropagation(), f(v), x(!1), t && t({ value: v });
+    },
+    [t]
+  ), p = y(
+    (h) => {
+      h.stopPropagation(), f(""), t && t({ value: "" });
+    },
+    [t]
+  ), w = y(() => {
+    if (r) return !1;
+    x(!0);
+  }, [r]);
+  return /* @__PURE__ */ V("div", { className: "wx-121TgJ wx-colorselect", onClick: w, children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        className: "wx-121TgJ wx-input" + (c ? " wx-error" : "") + (d ? " wx-focus" : ""),
+        title: o,
+        value: u,
+        readOnly: !0,
+        id: a,
+        placeholder: i,
+        disabled: r
+      }
+    ),
+    s && u && !r && /* @__PURE__ */ l("i", { className: "wx-121TgJ wx-clear wxi-close", onClick: p }),
+    u ? /* @__PURE__ */ l(
+      "div",
+      {
+        className: "wx-121TgJ wx-color wx-selected",
+        style: { backgroundColor: u || "#00a037" }
+      }
+    ) : /* @__PURE__ */ l("div", { className: "wx-121TgJ wx-empty wx-selected" }),
+    d && /* @__PURE__ */ l(te, { onCancel: () => x(!1), children: /* @__PURE__ */ V("div", { className: "wx-121TgJ wx-colors", children: [
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: "wx-121TgJ wx-empty",
+          onClick: (h) => m(h, "")
+        }
+      ),
+      e.map((h, v) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: "wx-121TgJ wx-color",
+          style: { backgroundColor: h },
+          onClick: (g) => m(g, h)
+        },
+        v
+      ))
+    ] }) })
+  ] });
+}
+function we(e, n) {
+  const t = e.firstChild, { moveBlockSlider: a, moveLineSlider: s } = n || {};
+  function i(c) {
+    o(c), t.focus(), window.addEventListener("mousemove", o), window.addEventListener("mouseup", r);
+  }
+  function o(c) {
+    let u, f, d, x;
+    const m = e.getBoundingClientRect();
+    u = m.left, f = m.top, d = c.clientX - u, x = c.clientY - f, a && n.moveBlockSlider(d, x), s && n.moveLineSlider(d);
+  }
+  function r() {
+    t.blur(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", r);
+  }
+  return e.addEventListener("mousedown", i), {
+    destroy() {
+      e.removeEventListener("mousedown", i);
+    }
+  };
+}
+const q = {
+  _toHex: [
+    "0",
+    "1",
+    "2",
+    "3",
+    "4",
+    "5",
+    "6",
+    "7",
+    "8",
+    "9",
+    "A",
+    "B",
+    "C",
+    "D",
+    "E",
+    "F"
+  ],
+  toHex(e, n) {
+    e = parseInt(e, 10);
+    let t = "";
+    for (; e > 0; )
+      t = this._toHex[e % 16] + t, e = Math.floor(e / 16);
+    for (; t.length < n; ) t = `0${t}`;
+    return t;
+  },
+  rgbToHex(e) {
+    let n = [];
+    return typeof e == "string" ? e.replace(/[\d+.]+/g, (t) => n.push(parseFloat(t))) : Array.isArray(e) && (n = e), n[3] === 0 ? "" : n.slice(0, 3).map((t) => this.toHex(Math.floor(t), 2)).join("");
+  },
+  hexToDec(e) {
+    return parseInt(e, 16);
+  },
+  // only handles the six-digit hex color format
+  hexToRgb(e) {
+    e = e.charAt(0) === "#" ? e.slice(1) : e;
+    const n = e.match(/.{1,2}/g);
+    let [t, a, s] = n;
+    return t = this.hexToDec(t), a = this.hexToDec(a), s = this.hexToDec(s), [t, a, s];
+  },
+  hsvToRgb(e, n, t) {
+    let a, s, i, o, r, c, u, f;
+    switch (a = Math.floor(e / 60) % 6, s = e / 60 - a, i = t * (1 - n), o = t * (1 - s * n), r = t * (1 - (1 - s) * n), c = 0, u = 0, f = 0, a) {
+      case 0:
+        c = t, u = r, f = i;
+        break;
+      case 1:
+        c = o, u = t, f = i;
+        break;
+      case 2:
+        c = i, u = t, f = r;
+        break;
+      case 3:
+        c = i, u = o, f = t;
+        break;
+      case 4:
+        c = r, u = i, f = t;
+        break;
+      case 5:
+        c = t, u = i, f = o;
+        break;
+    }
+    return c = Math.floor(c * 255), u = Math.floor(u * 255), f = Math.floor(f * 255), [c, u, f];
+  },
+  rgbToHsv(e, n, t) {
+    let a, s, i;
+    e /= 255, n /= 255, t /= 255;
+    let o = Math.min(e, n, t), r = Math.max(e, n, t);
+    return s = 0, a = r === 0 ? 0 : 1 - o / r, i = r, r === o ? s = 0 : r === e && n >= t ? s = 60 * (n - t) / (r - o) + 0 : r === e && n < t ? s = 60 * (n - t) / (r - o) + 360 : r === n ? s = 60 * (t - e) / (r - o) + 120 : r === t && (s = 60 * (e - n) / (r - o) + 240), [s, a, i];
+  },
+  hexToHvs(e) {
+    const n = this.hexToRgb(e);
+    return this.rgbToHsv(...n);
+  },
+  hvsToHex(e, n, t) {
+    const a = this.hsvToRgb(e, n, t);
+    return "#" + this.rgbToHex(a).toUpperCase();
+  }
+}, Ie = (e) => /^([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
+function fe(e) {
+  return e ? (e = e.toString(16), e.charAt(0) === "#" && (e = e.slice(1)), Ie(e) ? (e.length === 3 && (e = e.slice(0, 3).split("").reduce((n, t) => n + t + t, "")), `#${e.toUpperCase()}`) : null) : null;
+}
+const le = ce("willow"), $e = ce({}), _ = ce(null), yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  helpers: $e,
+  i18n: _,
+  theme: le
+}, Symbol.toStringTag, { value: "Module" }));
+function K() {
+  return ke(De);
+}
+const xe = "Block", me = "Line";
+function Ae({
+  value: e = "#65D3B3",
+  button: n = !1,
+  onChange: t
+}) {
+  const a = (U(_) || K()).getGroup("core"), s = Y(null), i = Y(null), [o, r] = F(), [c, u] = F(), [f, d] = F(), [x, m] = F(), [p, w] = j(e), h = A(() => fe(p) || "#65D3B3", [p]), v = A(
+    () => q.hvsToHex(f || 0, 1, 1),
+    [f]
+  ), g = y(
+    (b, D) => {
+      const { width: P, height: H } = s.current.getBoundingClientRect();
+      D < 0 ? D = 0 : D > H && (D = H), b < 0 ? b = 0 : b > P && (b = P), r(D), u(b);
+      let B, R;
+      q.hexToHvs(h);
+      const E = P / 100, W = H / 100;
+      B = Math.ceil(b / E) / 100, R = Math.ceil(Math.abs(D / W - 100)) / 100;
+      const z = q.hvsToHex(
+        f || 0,
+        B,
+        R
+      );
+      w(z), t && t({ value: z, input: !0 });
+    },
+    [h, f, t]
+  ), S = y(
+    (b) => {
+      const D = i.current.getBoundingClientRect().width;
+      b < 0 ? b = 0 : b > D && (b = D);
+      const P = Math.round(b * 359 / D), H = Math.max(Math.min(P, 359), 0);
+      d(H), m(b);
+      let B, R;
+      [, B, R] = q.hexToHvs(h);
+      const E = q.hvsToHex(H, B, R);
+      w(E), t && t({ value: E, input: !0 });
+    },
+    [h, t]
+  ), N = y(() => {
+    const [b, D, P] = q.hexToHvs(h);
+    if (d(b), s.current) {
+      const { width: H, height: B } = s.current.getBoundingClientRect();
+      i.current && m(
+        b * i.current.getBoundingClientRect().width / 359
+      ), u(D * H), r(Math.abs(B * (P - 1)));
+    }
+  }, [h]), $ = y(
+    ({ target: b }) => {
+      const D = fe(b.value);
+      w(D), t && t({ value: D, input: !0 }), D && N();
+    },
+    [t, N]
+  ), T = y(
+    (b) => {
+      b.stopPropagation(), t && t({ value: h });
+    },
+    [h, t]
+  ), L = y(
+    (b) => {
+      const D = b.target, P = D.getAttribute("data-slider") === xe, H = D.getAttribute("data-slider") === me;
+      let B = window.getComputedStyle(D), R = parseFloat(B.left), E = parseFloat(B.top);
+      const W = b.code;
+      if (P) {
+        switch (W) {
+          case "ArrowLeft": {
+            R--;
+            break;
+          }
+          case "ArrowRight": {
+            R++;
+            break;
+          }
+          case "ArrowDown": {
+            E++;
+            break;
+          }
+          case "ArrowUp": {
+            E--;
+            break;
+          }
+          default:
+            return;
+        }
+        g(R, E);
+      }
+      if (H) {
+        if (W === "ArrowLeft" || W === "ArrowDown") R--;
+        else if (W === "ArrowRight" || W === "ArrowUp") R++;
+        else return;
+        S(R);
+      }
+      b.preventDefault();
+    },
+    [g, S]
+  );
+  I(() => {
+    N();
+  }, [N]), I(() => {
+    p !== p && (w(p), N());
+  }, [p, p, N]), I(() => {
+    s.current && we(s.current, { moveBlockSlider: g }), i.current && we(i.current, { moveLineSlider: S });
+  }, [g, S]), I(() => {
+    p !== p && t && t({ value: p, input: !0 });
+  }, [p, t]), I(() => {
+    h && s.current && N();
+  }, [h, N]);
+  const k = "wx-1yoKzq";
+  return /* @__PURE__ */ V("div", { className: k + " wx-colorboard", children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: k + " wx-color-block",
+        style: { background: v },
+        ref: s,
+        children: /* @__PURE__ */ l(
+          "div",
+          {
+            className: k + " wx-color-block-slider wx-slider",
+            style: {
+              background: h,
+              top: o + "px",
+              left: c + "px"
+            },
+            tabIndex: 0,
+            "data-slider": xe,
+            onKeyDown: L
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: k + " wx-color-line", ref: i, children: /* @__PURE__ */ l(
+      "div",
+      {
+        className: k + " wx-color-line-slider wx-slider",
+        style: { background: v, left: x + "px" },
+        tabIndex: 0,
+        "data-slider": me,
+        onKeyDown: L
+      }
+    ) }),
+    /* @__PURE__ */ V("div", { className: k + " wx-color-controls", children: [
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: k + " wx-color",
+          style: { background: h }
+        }
+      ),
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "text",
+          className: k + " wx-text",
+          value: p,
+          onChange: $
+        }
+      )
+    ] }),
+    n && /* @__PURE__ */ l(ne, { onClick: T, type: "secondary", children: a("select") })
+  ] });
+}
+function Dt({
+  value: e = "",
+  id: n = void 0,
+  placeholder: t = "",
+  title: a = "",
+  disabled: s = !1,
+  error: i = !1,
+  clear: o = !1,
+  onChange: r
+}) {
+  let [c, u] = j(e);
+  const [f, d] = F(!1), x = n || J();
+  function m() {
+    if (s) return !1;
+    d(!0);
+  }
+  function p(h) {
+    if (h.input) return;
+    d(!1);
+    const v = h.value;
+    u(v), r && r({ value: v });
+  }
+  function w(h) {
+    h.stopPropagation(), u(""), r && r({ value: "" });
+  }
+  return /* @__PURE__ */ V("div", { className: "wx-mmT8WH wx-colorpicker", onClick: m, children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        className: "wx-mmT8WH wx-input" + (i ? " wx-error" : "") + (f ? " wx-focus" : ""),
+        title: a,
+        value: c,
+        readOnly: !0,
+        id: x,
+        placeholder: t,
+        disabled: s
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "wx-mmT8WH wx-color", style: { background: c } }),
+    o && !s && c && /* @__PURE__ */ l("i", { className: "wx-mmT8WH wxi-close", onClick: w }),
+    f && /* @__PURE__ */ l(te, { onCancel: () => d(!1), children: /* @__PURE__ */ l(Ae, { value: c, button: "true", onChange: p }) })
+  ] });
+}
+function Ee() {
+  let e = null, n = !1, t, a, s, i;
+  const o = (x, m, p, w) => {
+    t = x, a = m, s = p, i = w;
+  }, r = (x) => {
+    e = x, n = e !== null, s(e);
+  }, c = (x, m) => {
+    if (x !== null && t) {
+      const p = t.querySelectorAll(".wx-list > .wx-item")[x];
+      p && (p.scrollIntoView({ block: "nearest" }), m && m.preventDefault());
+    }
+  }, u = (x, m) => {
+    const p = x === null ? null : Math.max(0, Math.min(e + x, a.length - 1));
+    p !== e && (r(p), t ? c(p, m) : requestAnimationFrame(() => c(p, m)));
+  };
+  return { move: (x) => {
+    const m = Le(x), p = a.findIndex((w) => w.id == m);
+    p !== e && r(p);
+  }, keydown: (x, m) => {
+    switch (x.code) {
+      case "Enter":
+        n ? i() : r(0);
+        break;
+      case "Space":
+        n || r(0);
+        break;
+      case "Escape":
+        s(e = null);
+        break;
+      case "Tab":
+        s(e = null);
+        break;
+      case "ArrowDown":
+        u(n ? 1 : m || 0, x);
+        break;
+      case "ArrowUp":
+        u(n ? -1 : m || 0, x);
+        break;
+    }
+  }, init: o, navigate: u };
+}
+function ie({
+  items: e = [],
+  children: n,
+  onSelect: t,
+  onReady: a
+}) {
+  const s = Y(), i = Y(Ee()), [o, r] = F(null), c = Y(o), u = (U(_) || K()).getGroup("core"), f = (d) => {
+    d && d.stopPropagation(), t && t({ id: e[c.current]?.id });
+  };
+  return I(() => {
+    i.current.init(
+      s.current,
+      e,
+      (d) => {
+        r(d), c.current = d;
+      },
+      f
+    );
+  }, [e, !!s.current]), I(() => {
+    a && a(i.current);
+  }, []), o === null ? null : /* @__PURE__ */ l(te, { onCancel: () => i.current.navigate(null), children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "wx-233fr7 wx-list",
+      ref: s,
+      onClick: f,
+      onMouseMove: i.current.move,
+      children: e.length ? e.map((d, x) => /* @__PURE__ */ l(
+        "div",
+        {
+          className: `wx-233fr7 wx-item ${x === o ? "wx-focus" : ""}`,
+          "data-id": d.id,
+          children: n ? ee(n, { option: d }) : d.label
+        },
+        d.id
+      )) : /* @__PURE__ */ l("div", { className: "wx-233fr7 wx-no-data", children: u("No data") })
+    }
+  ) });
+}
+function Vt({
+  value: e = "",
+  onValueChange: n,
+  id: t = J(),
+  options: a = [],
+  textOptions: s = null,
+  textField: i = "label",
+  placeholder: o = "",
+  title: r = "",
+  disabled: c = !1,
+  error: u = !1,
+  clear: f = !1,
+  children: d,
+  onChange: x
+}) {
+  const m = Y(null), p = Y(null), [w, h] = j(e), [v, g] = F(!1), [S, N] = F(""), $ = Y(null), [T, L] = F(!1), k = A(() => {
+    if (v) return S;
+    if (w || w === 0) {
+      const C = (s || a).find((Q) => Q.id === w);
+      if (C) return C[i];
+    }
+    return "";
+  }, [v, S, w, s, a, i]), b = A(() => !k || !v ? a : a.filter(
+    (C) => C[i].toLowerCase().includes(k.toLowerCase())
+  ), [k, v, a, i]), D = y(
+    () => b.findIndex((C) => C.id === w),
+    [b, w]
+  ), P = y((C) => {
+    m.current = C.navigate, p.current = C.keydown;
+  }, []), H = y(
+    (C, Q) => {
+      if (C || C === 0) {
+        let M = a.find((O) => O.id === C);
+        if (g(!1), Q && m.current(null), M && w !== M.id) {
+          const O = M.id;
+          h(O), n && n(O), x && x({ value: O });
+        }
+      }
+      !T && Q && $.current.focus();
+    },
+    [a, w, T, n, x]
+  ), B = y(
+    ({ id: C }) => {
+      H(C, !0);
+    },
+    [H]
+  ), R = y(
+    (C) => {
+      C && C.stopPropagation(), h(""), g(!1), n && n(""), x && x({ value: "" });
+    },
+    [n, x]
+  ), E = y(
+    (C) => {
+      if (!a.length) return;
+      if (C === "" && f) {
+        R();
+        return;
+      }
+      let Q = a.find((O) => O[i] === C);
+      Q || (Q = a.find(
+        (O) => O[i].toLowerCase().includes(C.toLowerCase())
+      ));
+      const M = Q ? Q.id : w || a[0].id;
+      H(M, !1);
+    },
+    [a, i, f, w, H, R]
+  ), W = y(() => {
+    N($.current.value), g(!0), b.length ? m.current(0) : m.current(null);
+  }, [b.length, m]), z = y(() => {
+    L(!0);
+  }, []), Z = y(() => {
+    L(!1), setTimeout(() => {
+      T || E(k);
+    }, 200);
+  }, [T, E, k]);
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: "wx-1j11Jk wx-combo",
+      onClick: () => m.current(D()),
+      onKeyDown: (C) => p.current(C, D()),
+      title: r,
+      children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            className: "wx-1j11Jk wx-input " + (u ? "wx-error" : ""),
+            id: t,
+            ref: $,
+            value: k,
+            disabled: c,
+            placeholder: o,
+            onFocus: z,
+            onBlur: Z,
+            onInput: W
+          }
+        ),
+        f && !c && w ? /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-close", onClick: R }) : /* @__PURE__ */ l("i", { className: "wx-1j11Jk wx-icon wxi-angle-down" }),
+        !c && /* @__PURE__ */ l(ie, { items: b, onReady: P, onSelect: B, children: ({ option: C }) => /* @__PURE__ */ l(G, { children: d ? d({ option: C }) : C[i] }) })
+      ]
+    }
+  );
+}
+function ue({
+  value: e = "",
+  id: n = J(),
+  readonly: t = !1,
+  focus: a = !1,
+  select: s = !1,
+  type: i = "text",
+  placeholder: o = "",
+  disabled: r = !1,
+  error: c = !1,
+  inputStyle: u = {},
+  title: f = "",
+  css: d = "",
+  icon: x,
+  clear: m = !1,
+  onChange: p
+}) {
+  const [w, h] = j(e), v = Y(null), g = A(
+    () => x && d.indexOf("wx-icon-left") === -1 ? "wx-icon-right " + d : d,
+    [x, d]
+  ), S = A(
+    () => x && d.indexOf("wx-icon-left") !== -1,
+    [x, d]
+  );
+  I(() => {
+    const k = setTimeout(() => {
+      a && v.current && v.current.focus(), s && v.current && v.current.select();
+    }, 1);
+    return () => clearTimeout(k);
+  }, [a, s]);
+  const N = y(
+    (k) => {
+      const b = k.target.value;
+      h(b), p && p({ value: b, input: !0 });
+    },
+    [p]
+  ), $ = y(
+    (k) => p && p({ value: k.target.value }),
+    [p]
+  );
+  function T(k) {
+    k.stopPropagation(), h(""), p && p({ value: "" });
+  }
+  let L = i;
+  return i !== "password" && i !== "number" && (L = "text"), I(() => {
+    const k = $, b = v.current;
+    return b.addEventListener("change", k), () => {
+      b && b.removeEventListener("change", k);
+    };
+  }, [$]), /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-hQ64J4 wx-text ${g} ${c ? "wx-error" : ""} ${r ? "wx-disabled" : ""} ${m ? "wx-clear" : ""}`,
+      children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            className: "wx-hQ64J4 wx-input",
+            ref: v,
+            id: n,
+            readOnly: t,
+            disabled: r,
+            placeholder: o,
+            type: L,
+            style: u,
+            title: f,
+            value: w,
+            onInput: N
+          }
+        ),
+        m && !r && w ? /* @__PURE__ */ V(G, { children: [
+          /* @__PURE__ */ l("i", { className: "wx-hQ64J4 wx-icon wxi-close", onClick: T }),
+          S && /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` })
+        ] }) : x ? /* @__PURE__ */ l("i", { className: `wx-hQ64J4 wx-icon ${x}` }) : null
+      ]
+    }
+  );
+}
+function Oe({ date: e, type: n, part: t, onShift: a }) {
+  const { calendar: s, formats: i } = U(_).getRaw(), o = e.getFullYear(), r = A(() => {
+    switch (n) {
+      case "month":
+        return X(i.monthYearFormat, s)(e);
+      case "year":
+        return X(i.yearFormat, s)(e);
+      case "duodecade": {
+        const { start: u, end: f } = be(o), d = X(i.yearFormat, s);
+        return `${d(new Date(u, 0, 1))} - ${d(new Date(f, 11, 31))}`;
+      }
+      default:
+        return "";
+    }
+  }, [e, n, o, s, i]);
+  function c() {
+    a && a({ diff: 0, type: n });
+  }
+  return /* @__PURE__ */ V("div", { className: "wx-8HQVQV wx-header", children: [
+    t !== "right" ? /* @__PURE__ */ l(
+      "i",
+      {
+        className: "wx-8HQVQV wx-pager wxi-angle-left",
+        onClick: () => a && a({ diff: -1, type: n })
+      }
+    ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" }),
+    /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-label", onClick: c, children: r }),
+    t !== "left" ? /* @__PURE__ */ l(
+      "i",
+      {
+        className: "wx-8HQVQV wx-pager wxi-angle-right",
+        onClick: () => a && a({ diff: 1, type: n })
+      }
+    ) : /* @__PURE__ */ l("span", { className: "wx-8HQVQV wx-spacer" })
+  ] });
+}
+function de({ onClick: e, children: n }) {
+  return /* @__PURE__ */ l("button", { className: "wx-3s8W4d wx-button", onClick: e, children: n });
+}
+function Ye({
+  value: e,
+  current: n,
+  part: t = "",
+  markers: a = null,
+  onCancel: s,
+  onChange: i
+}) {
+  const o = (U(_) || K()).getRaw().calendar, r = (o.weekStart || 7) % 7, c = o.dayShort.slice(r).concat(o.dayShort.slice(0, r)), u = (N, $, T) => new Date(
+    N.getFullYear(),
+    N.getMonth() + ($ || 0),
+    N.getDate() + (T || 0)
+  );
+  let f = t !== "normal";
+  function d(N) {
+    const $ = N.getDay();
+    return $ === 0 || $ === 6;
+  }
+  function x() {
+    const N = u(n, 0, 1 - n.getDate());
+    return N.setDate(N.getDate() - (N.getDay() - (r - 7)) % 7), N;
+  }
+  function m() {
+    const N = u(n, 1, -n.getDate());
+    return N.setDate(N.getDate() + (6 - N.getDay() + r) % 7), N;
+  }
+  const p = Y(0);
+  function w(N, $) {
+    $.timeStamp !== p.current && (p.current = $.timeStamp, $.stopPropagation(), i && i(new Date(new Date(N))), s && s());
+  }
+  const h = A(() => t == "normal" ? [e ? u(e).valueOf() : 0] : e ? [
+    e.start ? u(e.start).valueOf() : 0,
+    e.end ? u(e.end).valueOf() : 0
+  ] : [0, 0], [t, e]), v = A(() => {
+    const N = x(), $ = m(), T = n.getMonth();
+    let L = [];
+    for (let k = N; k <= $; k.setDate(k.getDate() + 1)) {
+      const b = {
+        day: k.getDate(),
+        in: k.getMonth() === T,
+        date: k.valueOf()
+      };
+      let D = "";
+      if (D += b.in ? "" : " wx-inactive", D += h.indexOf(b.date) > -1 ? " wx-selected" : "", f) {
+        const P = b.date == h[0], H = b.date == h[1];
+        P && !H ? D += " wx-left" : H && !P && (D += " wx-right"), b.date > h[0] && b.date < h[1] && (D += " wx-inrange");
+      }
+      if (D += d(k) ? " wx-weekend" : "", a) {
+        const P = a(k);
+        P && (D += " " + P);
+      }
+      L.push({ ...b, css: D });
+    }
+    return L;
+  }, [n, h, f, a]), g = Y(null);
+  let S = Y({});
+  return S.current.click = w, I(() => {
+    ye(g.current, S.current);
+  }, []), /* @__PURE__ */ V("div", { children: [
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekdays", children: c.map((N) => /* @__PURE__ */ l("div", { className: "wx-398RBS wx-weekday", children: N }, N)) }),
+    /* @__PURE__ */ l("div", { className: "wx-398RBS wx-days", ref: g, children: v.map((N) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: `wx-398RBS wx-day ${N.css} ${N.in ? "" : "wx-out"}`,
+        "data-id": N.date,
+        children: N.day
+      },
+      N.date
+    )) })
+  ] });
+}
+function We({
+  value: e,
+  current: n,
+  part: t,
+  onCancel: a,
+  onChange: s,
+  onShift: i
+}) {
+  const [o, r] = j(e || /* @__PURE__ */ new Date()), [c, u] = j(n || /* @__PURE__ */ new Date()), f = U(_).getRaw().calendar, d = f.monthShort || [], x = A(() => c.getMonth(), [c]), m = y(
+    (h, v) => {
+      if (h != null) {
+        v.stopPropagation();
+        const g = new Date(c);
+        g.setMonth(h), u(g), i && i({ current: g });
+      }
+      t === "normal" && r(new Date(c)), a && a();
+    },
+    [c, t, i, a]
+  ), p = y(() => {
+    const h = new Date(Me(o, t) || c);
+    h.setMonth(c.getMonth()), h.setFullYear(c.getFullYear()), s && s(h);
+  }, [o, c, t, s]), w = y(
+    (h) => {
+      const v = h.target.closest("[data-id]");
+      if (v) {
+        const g = parseInt(v.getAttribute("data-id"), 10);
+        m(g, h);
+      }
+    },
+    [m]
+  );
+  return /* @__PURE__ */ V(G, { children: [
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-months", onClick: w, children: d.map((h, v) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: "wx-34U8T8 wx-month" + (x === v ? " wx-current" : ""),
+        "data-id": v,
+        children: h
+      },
+      v
+    )) }),
+    /* @__PURE__ */ l("div", { className: "wx-34U8T8 wx-buttons", children: /* @__PURE__ */ l(de, { onClick: p, children: f.done }) })
+  ] });
+}
+const se = "wx-1XEF33", je = ({ value: e, current: n, onCancel: t, onChange: a, onShift: s, part: i }) => {
+  const o = U(_).getRaw().calendar, [r, c] = j(n), [u, f] = j(e), d = A(() => r.getFullYear(), [r]), x = A(() => {
+    const { start: v, end: g } = be(d), S = [];
+    for (let N = v; N <= g; ++N)
+      S.push(N);
+    return S;
+  }, [d]), m = {
+    click: p
+  };
+  function p(v, g) {
+    if (v) {
+      g.stopPropagation();
+      const S = new Date(r);
+      S.setFullYear(v), c(S), s && s({ current: S });
+    }
+    i === "normal" && f(new Date(r)), t && t();
+  }
+  function w() {
+    const v = new Date(Me(u, i) || r);
+    v.setFullYear(r.getFullYear()), a && a(v);
+  }
+  const h = Y(null);
+  return I(() => {
+    h.current && ye(h.current, m);
+  }, []), /* @__PURE__ */ V(G, { children: [
+    /* @__PURE__ */ l("div", { className: se + " wx-years", ref: h, children: x.map((v, g) => /* @__PURE__ */ l(
+      "div",
+      {
+        className: se + ` wx-year ${d == v ? "wx-current" : ""} ${g === 0 ? "wx-prev-decade" : ""} ${g === 11 ? "wx-next-decade" : ""}`,
+        "data-id": v,
+        children: v
+      },
+      g
+    )) }),
+    /* @__PURE__ */ l("div", { className: se + " wx-buttons", children: /* @__PURE__ */ l(de, { onClick: w, children: o.done }) })
+  ] });
+}, he = {
+  month: {
+    component: Ye,
+    next: Ge,
+    prev: Je
+  },
+  year: {
+    component: We,
+    next: _e,
+    prev: Qe
+  },
+  duodecade: {
+    component: je,
+    next: ze,
+    prev: Ue
+  }
+};
+function Je(e) {
+  return e = new Date(e), e.setMonth(e.getMonth() - 1), e;
+}
+function Ge(e) {
+  return e = new Date(e), e.setMonth(e.getMonth() + 1), e;
+}
+function Qe(e) {
+  return e = new Date(e), e.setFullYear(e.getFullYear() - 1), e;
+}
+function _e(e) {
+  return e = new Date(e), e.setFullYear(e.getFullYear() + 1), e;
+}
+function Ue(e) {
+  return e = new Date(e), e.setFullYear(e.getFullYear() - 10), e;
+}
+function ze(e) {
+  return e = new Date(e), e.setFullYear(e.getFullYear() + 10), e;
+}
+function Me(e, n) {
+  let t;
+  if (n === "normal") t = e;
+  else {
+    const { start: a, end: s } = e;
+    n === "left" ? t = a : n == "right" ? t = s : t = a && s;
+  }
+  return t;
+}
+const Ke = ["clear", "today"];
+function Ze(e) {
+  if (e === "done") return -1;
+  if (e === "clear") return null;
+  if (e === "today") return /* @__PURE__ */ new Date();
+}
+function re({
+  value: e,
+  current: n,
+  onCurrentChange: t,
+  part: a = "normal",
+  markers: s = null,
+  buttons: i,
+  onShift: o,
+  onChange: r
+}) {
+  const c = U(_).getGroup("calendar"), [u, f] = F("month"), d = Array.isArray(i) ? i : i ? Ke : [], x = (v, g) => {
+    v.preventDefault(), r && r({ value: g });
+  }, m = () => {
+    u === "duodecade" ? f("year") : u === "year" && f("month");
+  }, p = (v) => {
+    const { diff: g, current: S } = v;
+    if (g === 0) {
+      u === "month" ? f("year") : u === "year" && f("duodecade");
+      return;
+    }
+    if (g) {
+      const N = he[u];
+      t(g > 0 ? N.next(n) : N.prev(n));
+    } else S && t(S);
+    o && o();
+  }, w = (v) => {
+    f("month"), r && r({ select: !0, value: v });
+  }, h = A(() => he[u].component, [u]);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: `wx-2Gr4AS wx-calendar ${a !== "normal" && a !== "both" ? "wx-part" : ""}`,
+      children: /* @__PURE__ */ V("div", { className: "wx-2Gr4AS wx-wrap", children: [
+        /* @__PURE__ */ l(Oe, { date: n, part: a, type: u, onShift: p }),
+        /* @__PURE__ */ V("div", { children: [
+          /* @__PURE__ */ l(
+            h,
+            {
+              value: e,
+              current: n,
+              onCurrentChange: t,
+              part: a,
+              markers: s,
+              onCancel: m,
+              onChange: w,
+              onShift: p
+            }
+          ),
+          u === "month" && d.length > 0 && /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-buttons", children: d.map((v) => /* @__PURE__ */ l("div", { className: "wx-2Gr4AS wx-button-item", children: /* @__PURE__ */ l(
+            de,
+            {
+              onClick: (g) => x(g, Ze(v)),
+              children: c(v)
+            }
+          ) }, v)) })
+        ] })
+      ] })
+    }
+  );
+}
+function ae(e) {
+  let { words: n = null, optional: t = !1, children: a } = e, s = U(_);
+  const i = A(() => {
+    let o = s;
+    return (!o || !o.extend) && (o = ke(De)), o = o.extend(n, t), o;
+  }, [n, t, s]);
+  return /* @__PURE__ */ l(_.Provider, { value: i, children: a });
+}
+function pe(e, n, t, a) {
+  if (!e || a) {
+    const s = n ? new Date(n) : /* @__PURE__ */ new Date();
+    s.setDate(1), t(s);
+  } else if (e.getDate() !== 1) {
+    const s = new Date(e);
+    s.setDate(1), t(s);
+  }
+}
+const qe = ["clear", "today"];
+function Xe({
+  value: e,
+  current: n,
+  markers: t = null,
+  buttons: a = qe,
+  onChange: s
+}) {
+  const [i, o] = j(e), [r, c] = j(n);
+  I(() => {
+    pe(r, i, c, !1);
+  }, [i, r]);
+  const u = y(
+    (d) => {
+      const x = d.value;
+      x ? (o(new Date(x)), pe(r, new Date(x), c, !0)) : o(null), s && s({ value: x ? new Date(x) : null });
+    },
+    [s, r]
+  ), f = y(
+    (d) => {
+      c(d);
+    },
+    [c]
+  );
+  return r ? /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ l(
+    re,
+    {
+      value: i,
+      current: r,
+      markers: t,
+      buttons: a,
+      onChange: u,
+      onCurrentChange: f
+    }
+  ) }) : null;
+}
+const et = ["clear", "today"];
+function $t({
+  value: e,
+  id: n = J(),
+  disabled: t = !1,
+  error: a = !1,
+  width: s = "unset",
+  align: i = "start",
+  placeholder: o = "",
+  format: r = "",
+  buttons: c = et,
+  css: u = "",
+  title: f = "",
+  editable: d = !1,
+  clear: x = !1,
+  onChange: m
+}) {
+  const { calendar: p, formats: w } = (U(_) || K()).getRaw(), h = r || w?.dateFormat;
+  let v = typeof h == "function" ? h : X(h, p);
+  const [g, S] = F(e), [N, $] = F(!1);
+  I(() => {
+    S(e);
+  }, [e]);
+  function T() {
+    $(!1);
+  }
+  function L(D) {
+    const P = D === g || D && g && D.valueOf() === g.valueOf() || !D && !g;
+    S(D), P || m && m({ value: D }), setTimeout(T, 1);
+  }
+  const k = A(
+    () => g ? v(g) : "",
+    [g, v]
+  );
+  function b({ value: D, input: P }) {
+    if (!d && !x || P) return;
+    let H = typeof d == "function" ? d(D) : D ? new Date(D) : null;
+    H = isNaN(H) ? g || null : H || null, L(H);
+  }
+  return I(() => {
+    const D = T;
+    return window.addEventListener("scroll", D), () => window.removeEventListener("scroll", D);
+  }, []), /* @__PURE__ */ V("div", { className: "wx-1lKOFG wx-datepicker", onClick: () => $(!0), children: [
+    /* @__PURE__ */ l(
+      ue,
+      {
+        css: u,
+        title: f,
+        value: k,
+        id: n,
+        readonly: !d,
+        disabled: t,
+        error: a,
+        placeholder: o,
+        onInput: T,
+        onChange: b,
+        icon: "wxi-calendar",
+        inputStyle: {
+          cursor: "pointer",
+          width: "100%",
+          paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
+        },
+        clear: x
+      }
+    ),
+    N && !t && /* @__PURE__ */ l(
+      te,
+      {
+        onCancel: T,
+        width: s,
+        align: i,
+        autoFit: !!i,
+        children: /* @__PURE__ */ l(
+          Xe,
+          {
+            buttons: c,
+            value: g,
+            onChange: (D) => L(D.value)
+          }
+        )
+      }
+    )
+  ] });
+}
+const tt = ["clear", "today"], nt = ({
+  start: e,
+  end: n,
+  current: t,
+  months: a = 2,
+  markers: s = null,
+  buttons: i = tt,
+  onChange: o
+}) => {
+  const [r, c] = j(e), [u, f] = j(n), [d, x] = F(), [m, p] = F(), w = y(($, T, L) => {
+    const k = new Date($);
+    return k.setMonth(k.getMonth() + T), L && k.valueOf() === L.valueOf() ? L : k;
+  }, []), h = y(
+    ($) => {
+      x(() => {
+        const T = new Date($);
+        return T.setDate(1), p(w(T, 1)), T;
+      });
+    },
+    [w]
+  ), v = y(
+    ($) => {
+      p(() => {
+        const T = new Date($);
+        return T.setDate(1), x(w(T, -1)), T;
+      });
+    },
+    [w]
+  );
+  I(() => {
+    const $ = r;
+    d || h($ ? new Date($) : t || /* @__PURE__ */ new Date());
+  }, [r, t, d, h]);
+  const g = y(
+    ($) => {
+      const T = $.value;
+      let L = r, k = u;
+      const b = T === -1;
+      return b || ($.select ? !r || u ? (c(L = T), f(k = null)) : r > T ? (f(k = r), c(L = T)) : f(k = T) : T ? (c(L = new Date(T)), f(k = new Date(T))) : (c(L = null), f(k = null))), (b || !i.includes("done")) && o && o({ start: L, end: k }), [L, k];
+    },
+    [r, u, i, o]
+  ), S = y(
+    ($) => {
+      const [T] = g($);
+      T && h(new Date(T));
+    },
+    [h, r, u]
+  ), N = y(
+    ($) => {
+      const [, T] = g($);
+      T && v(new Date(T));
+    },
+    [v, r, u]
+  );
+  return !d || !m ? null : a === 1 ? /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ l(
+    re,
+    {
+      value: { start: r, end: u },
+      current: d,
+      setCurrent: h,
+      markers: s,
+      buttons: i,
+      part: "both",
+      onChange: S
+    }
+  ) }) : /* @__PURE__ */ l(ae, { children: /* @__PURE__ */ V("div", { className: "wx-p2jCaW wx-rangecalendar", children: [
+    /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
+      re,
+      {
+        value: { start: r, end: u },
+        current: d,
+        setCurrent: h,
+        markers: s,
+        buttons: !1,
+        part: "left",
+        onChange: S,
+        onCurrentChange: ($) => h($)
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: "wx-p2jCaW wx-half", children: /* @__PURE__ */ l(
+      re,
+      {
+        value: { start: r, end: u },
+        current: m,
+        setCurrent: v,
+        markers: s,
+        buttons: i,
+        part: "right",
+        onChange: N,
+        onCurrentChange: ($) => v($)
+      }
+    ) })
+  ] }) });
+}, lt = ["clear", "today"], Mt = ({
+  value: e,
+  onChange: n,
+  id: t,
+  disabled: a = !1,
+  error: s = !1,
+  width: i = "unset",
+  align: o = "start",
+  placeholder: r = "",
+  css: c = "",
+  title: u = "",
+  format: f = "",
+  months: d = 2,
+  buttons: x = lt,
+  editable: m = !1,
+  clear: p = !1
+}) => {
+  const [w, h] = j(e), { calendar: v, formats: g } = (U(_) || K()).getRaw(), S = f || g?.dateFormat, N = typeof S == "function" ? S : X(S, v), [$, T] = F(!1), L = y(() => {
+    T(!1);
+  }, []), k = A(() => w ? w.start ? N(w.start) + (w.end ? ` - ${N(w.end)}` : "") : N(w) : "", [w, N]), b = A(() => w && w.start || null, [w]), D = A(() => w && w.end || null, [w]), P = y(
+    (B) => {
+      const R = B.start || B.end ? { start: B.start, end: B.end } : null;
+      h && h(R), (B.start && B.end || !B.start && !B.end) && (n && n({ value: R }), setTimeout(L, 1));
+    },
+    [n, L, h]
+  ), H = y(
+    (B) => {
+      if (!m && !p) return;
+      const { value: R, input: E } = B;
+      if (E) return;
+      const [W, z] = R.split(" -").map((Z, C) => {
+        const Q = Z.trim();
+        let M = typeof m == "function" ? m(Q) : Q ? new Date(Q) : null, O = C === 0 ? b : D;
+        return isNaN(M) ? O || null : M || null;
+      });
+      P({ start: W, end: z });
+    },
+    [m, p, b, D, P]
+  );
+  return I(() => {
+    const B = () => {
+      L();
+    };
+    return window.addEventListener("scroll", B), () => {
+      window.removeEventListener("scroll", B);
+    };
+  }, [L]), /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-1b0WDQ wx-daterangepicker ${a ? "wx-disabled" : ""} ${s ? "wx-error" : ""}`,
+      onClick: () => T(!0),
+      children: [
+        /* @__PURE__ */ l(
+          ue,
+          {
+            css: c,
+            title: u,
+            value: k,
+            id: t,
+            readonly: !m,
+            disabled: a,
+            placeholder: r,
+            error: s,
+            onChange: H,
+            icon: "wxi-calendar",
+            inputStyle: {
+              cursor: "pointer",
+              width: "100%",
+              paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
+            },
+            clear: p
+          }
+        ),
+        $ && !a && /* @__PURE__ */ l(
+          te,
+          {
+            onCancel: L,
+            width: i,
+            align: o,
+            autoFit: !!o,
+            children: /* @__PURE__ */ l(
+              nt,
+              {
+                onCancel: L,
+                buttons: x,
+                start: b,
+                end: D,
+                months: d,
+                onChange: P
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+function Tt({ css: e = "", title: n = "", children: t, onClick: a }) {
+  return t ? /* @__PURE__ */ l(
+    "i",
+    {
+      title: n,
+      role: "img",
+      className: `wx-mdnST1 wx-icon ${e}`,
+      onClick: a,
+      children: t
+    }
+  ) : /* @__PURE__ */ l(
+    "i",
+    {
+      title: n,
+      className: `wx-mdnST1 wx-icon ${e}`,
+      onClick: a
+    }
+  );
+}
+const rt = [];
+function Rt({
+  id: e = J(),
+  value: n = rt,
+  onValueChange: t,
+  options: a = [],
+  textOptions: s = null,
+  textField: i = "label",
+  placeholder: o = "",
+  title: r = "",
+  disabled: c = !1,
+  error: u = !1,
+  checkboxes: f = !1,
+  onChange: d,
+  children: x
+}) {
+  const m = Y(null), p = Y(null), [w, h] = j(n), [v, g] = F(""), [S, N] = F(!1), $ = Y(null), T = A(() => w ? (s || a).filter((R) => w.includes(R.id)) : [], [w, s, a]), L = A(() => {
+    const R = a;
+    return v ? R.filter((E) => E[i].toLowerCase().includes(v.toLowerCase())) : R;
+  }, [v, a, i]), k = y((R) => {
+    m.current = R.navigate, p.current = R.keydown;
+  }, []), b = y(() => {
+    L.length ? m.current(0) : m.current(null);
+  }, [L]), D = y(
+    (R) => {
+      const { id: E } = R;
+      if (E) {
+        let W;
+        w ? w.includes(E) ? W = w.filter((z) => z !== E) : W = [...w, E] : W = [E], h(W), t && t(W), d && d({ value: W });
+      }
+    },
+    [w, t, d]
+  ), P = y(
+    (R, E) => {
+      E && E.stopPropagation();
+      const W = w.filter((z) => z !== R);
+      h(W), t && t(W), d && d({ value: W }), N(!0);
+    },
+    [w, t, d]
+  ), H = y(
+    () => w && w.length ? L.findIndex((R) => R.id === w[0]) : 0,
+    [w, L]
+  ), B = y(() => {
+    c || ($.current.focus(), m.current(H()));
+  }, [c, H]);
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      title: r,
+      className: `wx-12Wj21 wx-multicombo ${u ? "wx-error" : ""} ${c ? "wx-disabled" : ""} ${T.length ? "wx-not-empty" : ""} ${S && !c ? "wx-focus" : ""}`,
+      onClick: B,
+      onKeyDown: (R) => p.current(R, H()),
+      children: [
+        /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-wrapper", children: [
+          /* @__PURE__ */ l("div", { className: "wx-12Wj21 wx-tags", children: T.map((R) => /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-tag", children: [
+            x ? ee(x, { option: R }) : R[i],
+            !c && /* @__PURE__ */ l(
+              "i",
+              {
+                className: "wx-12Wj21 wx-icon wxi-close",
+                onClick: (E) => P(R.id, E)
+              }
+            )
+          ] }, R.id)) }),
+          /* @__PURE__ */ V("div", { className: "wx-12Wj21 wx-select", children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                className: "wx-12Wj21 wx-input",
+                id: e,
+                type: "text",
+                value: v,
+                onChange: (R) => g(R.target.value),
+                onInput: b,
+                placeholder: o,
+                disabled: c,
+                onFocus: () => N(!0),
+                onBlur: () => N(!1),
+                ref: $
+              }
+            ),
+            /* @__PURE__ */ l("i", { className: "wx-12Wj21 wx-icon wxi-angle-down" })
+          ] })
+        ] }),
+        !c && /* @__PURE__ */ l(ie, { items: L, onReady: k, onSelect: D, children: ({ option: R }) => /* @__PURE__ */ V(G, { children: [
+          f && /* @__PURE__ */ l(
+            Ve,
+            {
+              style: { marginRight: "8px", pointerEvents: "none" },
+              name: R.id,
+              value: w && w.includes(R.id)
+            }
+          ),
+          x ? ee(x, { option: R }) : R[i]
+        ] }) })
+      ]
+    }
+  );
+}
+function St({
+  left: e = 0,
+  top: n = 0,
+  at: t = "bottom",
+  parent: a = null,
+  onCancel: s,
+  children: i
+}) {
+  const [o, r] = F(0), [c, u] = F(0), [f, d] = F("auto"), [x, m] = F(!1), p = Y(null), w = y(() => {
+    if (!p.current) return;
+    const h = Fe(p.current, a, t, e, n);
+    h && (r(h.x), u(h.y), d(h.width), m(!0));
+  }, [p, a, t, e, n]);
+  return I(() => {
+    requestAnimationFrame(w);
+  }, []), I(() => {
+    w(a);
+  }, [a, t, e, n]), I(() => {
+    const h = (v) => {
+      s && s(v);
+    };
+    if (p.current)
+      return oe(p.current, h).destroy;
+  }, [s]), /* @__PURE__ */ l(
+    "div",
+    {
+      ref: p,
+      className: "wx-37M6Fj wx-popup",
+      style: {
+        position: "absolute",
+        visibility: x ? "visible" : "hidden",
+        top: c + "px",
+        left: o + "px",
+        width: f
+      },
+      children: i
+    }
+  );
+}
+const Lt = ({
+  total: e = 0,
+  pageSize: n = 20,
+  value: t = 1,
+  onChange: a
+}) => {
+  const [s, i] = j(n), [o, r] = j(t), c = (U(_) || K()).getGroup("core"), u = Math.ceil(e / s), f = (o - 1) * s, d = Math.min(o * s, e), x = (w, h) => {
+    Number.isNaN(w) || (h || r(w), w = Math.max(1, Math.min(w, u)), h && r(w), w !== o && setTimeout(() => {
+      a && a({
+        value: w,
+        from: (w - 1) * s,
+        to: Math.min(w * s, e),
+        pageSize: s
+      });
+    }));
+  };
+  function m(w) {
+    switch (w) {
+      case "first":
+        x(1);
+        break;
+      case "prev":
+        x(o - 1);
+        break;
+      case "next":
+        x(o + 1);
+        break;
+      case "last":
+        x(u);
+        break;
+    }
+  }
+  const p = (w) => {
+    const h = w.target.value * 1;
+    Number.isNaN(h) || (i(h), a && a({ value: o, from: f, to: d, pageSize: h }));
+  };
+  return /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-pager", children: [
+    /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-left", children: [
+      /* @__PURE__ */ V("span", { children: [
+        c("Rows per page"),
+        ": "
+      ] }),
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "number",
+          min: 1,
+          className: "wx-35Np0p wx-input",
+          value: s,
+          onChange: p
+        }
+      )
+    ] }),
+    /* @__PURE__ */ V("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")
+        }
+      ),
+      /* @__PURE__ */ l(
+        "i",
+        {
+          className: "wx-35Np0p wx-icon wxi-angle-left" + (o === 1 ? " wx-disabled" : ""),
+          onClick: () => m("prev")
+        }
+      ),
+      /* @__PURE__ */ l(
+        "input",
+        {
+          type: "text",
+          value: o,
+          className: "wx-35Np0p wx-input",
+          onChange: (w) => x(w.target.value * 1),
+          onBlur: (w) => x(w.target.value * 1, !0)
+        }
+      ),
+      /* @__PURE__ */ l(
+        "i",
+        {
+          className: "wx-35Np0p wx-icon wxi-angle-right" + (o === u ? " wx-disabled" : ""),
+          onClick: () => m("next")
+        }
+      ),
+      /* @__PURE__ */ l(
+        "i",
+        {
+          className: "wx-35Np0p wx-icon wxi-angle-dbl-right" + (o === u ? " wx-disabled" : ""),
+          onClick: () => m("last")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ V("div", { className: "wx-35Np0p wx-right", children: [
+      c("Total pages"),
+      ": ",
+      u
+    ] })
+  ] });
+};
+function st({
+  id: e = J(),
+  label: n = "",
+  value: t,
+  name: a = "",
+  inputValue: s = "",
+  disabled: i = !1,
+  onChange: o
+}) {
+  const [r, c] = F(!1), u = t !== void 0, f = u ? t : r;
+  function d(x) {
+    const m = x.target.checked;
+    u || c(m), m && o && o({ value: !0, inputValue: s });
+  }
+  return /* @__PURE__ */ V("div", { className: "wx-3lDF1s wx-radio", children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        type: "radio",
+        className: "wx-3lDF1s wx-input",
+        id: e,
+        disabled: i,
+        name: a,
+        value: s,
+        checked: f,
+        onChange: d
+      }
+    ),
+    /* @__PURE__ */ V("label", { htmlFor: e, className: "wx-3lDF1s wx-label", children: [
+      /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-circle" }),
+      n && /* @__PURE__ */ l("span", { className: "wx-3lDF1s wx-radio-text", children: n })
+    ] })
+  ] });
+}
+function Ft({
+  options: e = [{}],
+  value: n = "",
+  onChange: t,
+  type: a = ""
+}) {
+  const s = J(), [i, o] = F(n);
+  I(() => {
+    o(n);
+  }, [n]);
+  function r(c) {
+    const u = c.inputValue;
+    o(u), t && t({ value: u });
+  }
+  return /* @__PURE__ */ l("div", { className: `wx-38w70j wx-radiogroup ${a && `wx-${a}`}`, children: e.map((c) => /* @__PURE__ */ l("div", { className: "wx-38w70j wx-item", children: /* @__PURE__ */ l(
+    st,
+    {
+      label: c.label,
+      inputValue: c.id,
+      value: i === c.id,
+      name: s,
+      onChange: r
+    }
+  ) }, c.id)) });
+}
+function Pt({
+  value: e = "",
+  options: n = [],
+  textOptions: t = null,
+  placeholder: a = "",
+  disabled: s = !1,
+  error: i = !1,
+  title: o = "",
+  textField: r = "label",
+  clear: c = !1,
+  children: u,
+  onChange: f
+}) {
+  const d = Y(null), x = Y(null);
+  let [m, p] = j(e);
+  function w(N) {
+    d.current = N.navigate, x.current = N.keydown;
+  }
+  const h = A(() => m || m === 0 ? (t || n).find((N) => N.id === m) : null, [m, t, n]), v = y(
+    ({ id: N }) => {
+      (N || N === 0) && (p(N), d.current(null), f && f({ value: N }));
+    },
+    [p, f]
+  ), g = y(
+    (N) => {
+      N.stopPropagation(), p(""), f && f({ value: "" });
+    },
+    [p, f]
+  ), S = y(() => n.findIndex((N) => N.id === m), [n, m]);
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-2YgblL wx-richselect ${i ? "wx-2YgblL wx-error" : ""} ${s ? "wx-2YgblL wx-disabled" : ""} ${u ? "" : "wx-2YgblL wx-nowrap"}`,
+      title: o,
+      onClick: () => d.current(S()),
+      onKeyDown: (N) => x.current(N, S()),
+      tabIndex: 0,
+      children: [
+        /* @__PURE__ */ l("div", { className: "wx-2YgblL wx-label", children: h ? u ? u(h) : h[r] : a ? /* @__PURE__ */ l("span", { className: "wx-2YgblL wx-placeholder", children: a }) : " " }),
+        c && !s && m ? /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-close", onClick: g }) : /* @__PURE__ */ l("i", { className: "wx-2YgblL wx-icon wxi-angle-down" }),
+        !s && /* @__PURE__ */ l(ie, { items: n, onReady: w, onSelect: v, children: ({ option: N }) => u ? u(N) : N[r] })
+      ]
+    }
+  );
+}
+const Ht = ({
+  options: e = [],
+  value: n = "",
+  css: t = "",
+  children: a,
+  onChange: s
+}) => {
+  const [i, o] = F(n), r = (c) => {
+    o(c), s && s({ value: c });
+  };
+  return I(() => {
+    o(n);
+  }, [n]), /* @__PURE__ */ l("div", { className: `wx-0hMO7P wx-segmented ${t}`, children: e.map((c) => /* @__PURE__ */ l(
+    "button",
+    {
+      className: `wx-0hMO7P wx-segment ${c.css} ${c.id === i ? "wx-selected" : ""}`,
+      title: c.title || c.label,
+      onClick: () => r(c.id),
+      children: a ? ee(a, { option: c }) : /* @__PURE__ */ V(G, { children: [
+        c.icon && /* @__PURE__ */ l(
+          "i",
+          {
+            className: `wx-0hMO7P wx-icon ${c.icon} ${c.label ? "" : "wx-only"}`
+          }
+        ),
+        c.label && /* @__PURE__ */ l("span", { className: "wx-0hMO7P wx-label", children: c.label })
+      ] })
+    },
+    c.id
+  )) });
+};
+function Ct({
+  value: e,
+  options: n = [],
+  placeholder: t = "",
+  title: a = "",
+  disabled: s = !1,
+  error: i = !1,
+  textField: o = "label",
+  clear: r = !1,
+  id: c = J(),
+  onChange: u
+}) {
+  const [f, d] = F(e || ""), x = y(
+    (p) => {
+      const w = p.target.value;
+      d(w), u && u({ value: w });
+    },
+    [u]
+  ), m = y(() => {
+    d(""), u && u({ value: "" });
+  }, [u]);
+  return /* @__PURE__ */ V("div", { className: "wx-2yx1Fo wx-select-box", children: [
+    /* @__PURE__ */ V(
+      "select",
+      {
+        id: c,
+        value: f,
+        disabled: s,
+        className: `wx-2yx1Fo wx-select ${i ? "wx-2yx1Fo wx-error" : ""}`,
+        title: a,
+        onChange: x,
+        children: [
+          /* @__PURE__ */ l("option", { value: "", children: t }),
+          n.map((p) => /* @__PURE__ */ l("option", { value: p.id, children: p[o] }, p.id))
+        ]
+      }
+    ),
+    r && !s && f ? /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-close", onClick: m }) : /* @__PURE__ */ l("i", { className: "wx-2yx1Fo wx-icon wxi-angle-down" })
+  ] });
+}
+function ve({
+  id: e = J(),
+  label: n = "",
+  css: t = "",
+  min: a = 0,
+  max: s = 100,
+  value: i = 0,
+  step: o = 1,
+  title: r = "",
+  disabled: c = !1,
+  onChange: u
+}) {
+  const [f, d] = F(i), [x, m] = F(f), p = A(
+    () => (f - a) / (s - a) * 100 + "%",
+    [f, a, s]
+  ), w = A(() => c ? "" : `linear-gradient(90deg, var(--wx-slider-primary) 0% ${p}, var(--wx-slider-background) ${p} 100%)`, [c, p]);
+  function h({ target: g }) {
+    const S = g.value || 0;
+    d(S), x !== S && (u && u({ value: S, previous: x, input: !0 }), m(S));
+  }
+  function v({ target: g }) {
+    const S = g.value * 1;
+    d(S), u && u({ value: S });
+  }
+  return I(() => {
+    d(i);
+  }, [i]), /* @__PURE__ */ V("div", { className: `wx-2EDJ8G wx-slider ${t}`, title: r, children: [
+    n && /* @__PURE__ */ l("label", { className: "wx-2EDJ8G wx-label", htmlFor: e, children: n }),
+    /* @__PURE__ */ l("div", { className: "wx-2EDJ8G wx-inner", children: /* @__PURE__ */ l(
+      "input",
+      {
+        id: e,
+        className: "wx-2EDJ8G wx-input",
+        type: "range",
+        min: a,
+        max: s,
+        step: o,
+        disabled: c,
+        value: f,
+        onInput: h,
+        onChange: v,
+        style: { background: w }
+      }
+    ) })
+  ] });
+}
+function Bt({
+  id: e = J(),
+  value: n = !1,
+  disabled: t = !1,
+  onChange: a
+}) {
+  const [s, i] = F(n), o = y(
+    (r) => {
+      const c = r.target.checked;
+      i(c), a && a({ value: c });
+    },
+    [a]
+  );
+  return /* @__PURE__ */ V("label", { className: "wx-2dAR5c wx-switch", children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        className: "wx-2dAR5c wx-input",
+        type: "checkbox",
+        checked: s,
+        onChange: o,
+        disabled: t,
+        id: e
+      }
+    ),
+    /* @__PURE__ */ l("span", { className: "wx-2dAR5c wx-box" })
+  ] });
+}
+const It = ({
+  options: e = [],
+  value: n = "",
+  type: t = "top",
+  css: a = "",
+  onChange: s
+}) => {
+  const [i, o] = j(n), r = (c) => {
+    o(c), s && s({ value: c });
+  };
+  return /* @__PURE__ */ l("div", { className: `wx-138fWJ wx-tabs wx-${t} ${a}`, children: e.map((c) => /* @__PURE__ */ V(
+    "button",
+    {
+      className: `wx-138fWJ wx-tab ${c.css} ${c.id === i ? "wx-active" : ""}`,
+      onClick: () => r(c.id),
+      children: [
+        c.icon && /* @__PURE__ */ l(
+          "i",
+          {
+            className: `wx-138fWJ wx-icon ${c.icon} ${c.label ? "" : "wx-only"}`
+          }
+        ),
+        c.label && /* @__PURE__ */ l("span", { className: "wx-138fWJ wx-label", children: c.label })
+      ]
+    },
+    c.id
+  )) });
+}, At = ({
+  id: e = J(),
+  value: n = 0,
+  step: t = 1,
+  min: a = 0,
+  max: s = 1 / 0,
+  error: i = !1,
+  disabled: o = !1,
+  readonly: r = !1,
+  onChange: c
+}) => {
+  const [u, f] = F(n), d = y(() => {
+    if (r || u <= a) return;
+    const w = u - t;
+    f(w), c && c({ value: w });
+  }, [u, r, a, t, c]), x = y(() => {
+    if (r || u >= s) return;
+    const w = u + t;
+    f(w), c && c({ value: w });
+  }, [u, r, s, t, c]), m = y(() => {
+    if (!r) {
+      const w = Math.round(Math.min(s, Math.max(u, a)) / t) * t, h = isNaN(w) ? Math.max(a, 0) : w;
+      f(h), c && c({ value: h });
+    }
+  }, [r, u, s, a, t, c]), p = y(
+    (w) => {
+      const h = w.target.value * 1;
+      f(h), c && c({ value: h, input: !0 });
+    },
+    [c]
+  );
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-22t21n wx-counter ${o ? "wx-disabled" : ""} ${r ? "wx-readonly" : ""} ${i ? "wx-error" : ""}`,
+      children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            "aria-label": "-",
+            className: "wx-22t21n wx-btn wx-btn-dec",
+            disabled: o,
+            onClick: d,
+            children: /* @__PURE__ */ l(
+              "svg",
+              {
+                className: "wx-22t21n wx-dec",
+                width: "12",
+                height: "2",
+                viewBox: "0 0 12 2",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ l("path", { d: "M11.2501 1.74994H0.750092V0.249939H11.2501V1.74994Z" })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            id: e,
+            type: "text",
+            className: "wx-22t21n wx-input",
+            disabled: o,
+            readOnly: r,
+            required: !0,
+            value: u,
+            onBlur: m,
+            onInput: p
+          }
+        ),
+        /* @__PURE__ */ l(
+          "button",
+          {
+            "aria-label": "-",
+            className: "wx-22t21n wx-btn wx-btn-inc",
+            disabled: o,
+            onClick: x,
+            children: /* @__PURE__ */ l(
+              "svg",
+              {
+                className: "wx-22t21n wx-inc",
+                width: "12",
+                height: "12",
+                viewBox: "0 0 12 12",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /* @__PURE__ */ l(
+                  "path",
+                  {
+                    d: `M11.2501
+								6.74994H6.75009V11.2499H5.25009V6.74994H0.750092V5.24994H5.25009V0.749939H6.75009V5.24994H11.2501V6.74994Z`
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+function at({ notice: e = {} }) {
+  function n() {
+    e.remove && e.remove();
+  }
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-11sNg5 wx-notice wx-${e.type ? e.type : ""}`,
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ l("div", { className: "wx-11sNg5 wx-text", children: e.text }),
+        /* @__PURE__ */ l("div", { className: "wx-11sNg5 wx-button", children: /* @__PURE__ */ l("i", { className: "wx-11sNg5 wxi-close", onClick: n }) })
+      ]
+    }
+  );
+}
+function ct({ data: e = [] }) {
+  return /* @__PURE__ */ l("div", { className: "wx-3nwoO9 wx-notices", children: e.map((n) => /* @__PURE__ */ l(at, { notice: n }, n.id)) });
+}
+function ot({
+  title: e = "",
+  buttons: n = ["cancel", "ok"],
+  header: t,
+  children: a,
+  footer: s,
+  onConfirm: i,
+  onCancel: o
+}) {
+  const r = (U(_) || K()).getGroup("core"), c = Y(null);
+  I(() => {
+    c.current?.focus();
+  }, []);
+  function u(d) {
+    switch (d.code) {
+      case "Enter": {
+        const x = d.target.tagName;
+        if (x === "TEXTAREA" || x === "BUTTON") return;
+        i && i({ ev: d });
+        break;
+      }
+      case "Escape":
+        o && o({ ev: d });
+        break;
+    }
+  }
+  function f(d, x) {
+    const m = { ev: d, button: x };
+    x === "cancel" ? o && o(m) : i && i(m);
+  }
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "wx-1FxkZa wx-modal",
+      ref: c,
+      tabIndex: 0,
+      onKeyDown: u,
+      children: /* @__PURE__ */ V("div", { className: "wx-1FxkZa wx-window", children: [
+        t || (e ? /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-header", children: e }) : null),
+        /* @__PURE__ */ l("div", { children: a }),
+        s || /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-buttons", children: n.map((d) => /* @__PURE__ */ l("div", { className: "wx-1FxkZa wx-button", children: /* @__PURE__ */ l(
+          ne,
+          {
+            type: `block ${d === "ok" ? "primary" : "secondary"}`,
+            onClick: (x) => f(x, d),
+            children: r(d)
+          }
+        ) }, d)) })
+      ] })
+    }
+  );
+}
+function it({ children: e }, n) {
+  const [t, a] = F(null), [s, i] = F([]);
+  return Se(
+    n,
+    () => ({
+      showModal: (o) => {
+        const r = { ...o };
+        return a(r), new Promise((c, u) => {
+          r.resolve = (f) => {
+            a(null), c(f);
+          }, r.reject = (f) => {
+            a(null), u(f);
+          };
+        });
+      },
+      showNotice: (o) => {
+        o = { ...o }, o.id = o.id || J(), o.remove = () => i((r) => r.filter((c) => c.id !== o.id)), o.expire != -1 && setTimeout(o.remove, o.expire || 5100), i((r) => [...r, o]);
+      }
+    }),
+    []
+  ), /* @__PURE__ */ V(G, { children: [
+    e,
+    t && /* @__PURE__ */ l(
+      ot,
+      {
+        title: t.title,
+        buttons: t.buttons,
+        onConfirm: t.resolve,
+        onCancel: t.reject,
+        children: t.message
+      }
+    ),
+    /* @__PURE__ */ l(ct, { data: s })
+  ] });
+}
+const ut = Re(it);
+function Et(e) {
+  let { children: n } = e, t = Y();
+  const a = A(() => ({
+    showNotice: (s) => t.current.showNotice(s),
+    showModal: (s) => t.current.showModal(s)
+  }), []);
+  return /* @__PURE__ */ l($e.Provider, { value: a, children: /* @__PURE__ */ l(ut, { ref: t, children: n }) });
+}
+function Ne({
+  label: e = "",
+  position: n = "",
+  css: t = "",
+  error: a = !1,
+  type: s = "",
+  required: i = !1,
+  children: o
+}) {
+  const r = A(() => J(), []);
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-2oVUvC wx-field wx-${n} ${t} ${a ? "wx-error" : ""} ${i ? "wx-required" : ""}`.trim(),
+      children: [
+        e && /* @__PURE__ */ l("label", { className: "wx-2oVUvC wx-label", htmlFor: r, children: e }),
+        /* @__PURE__ */ l("div", { className: `wx-2oVUvC wx-field-control wx-${s}`, children: ee(o, { id: r }) })
+      ]
+    }
+  );
+}
+const dt = ({
+  value: e = !1,
+  type: n = "",
+  icon: t = null,
+  disabled: a = null,
+  iconActive: s = null,
+  onClick: i,
+  title: o = "",
+  css: r = "",
+  text: c = "",
+  textActive: u = "",
+  children: f,
+  active: d,
+  onChange: x
+}) => {
+  const [m, p] = j(e), w = A(() => (m ? "pressed" : "") + (n ? " " + n : ""), [m, n]), h = y(
+    (v) => {
+      let g = !m;
+      i && i(v), v.defaultPrevented || (p(g), x && x({ value: g }));
+    },
+    [m, i, x]
+  );
+  return m && d ? /* @__PURE__ */ l(
+    ne,
+    {
+      title: o,
+      text: m && u || c,
+      css: r,
+      type: w,
+      icon: m && s || t,
+      onClick: h,
+      disabled: a,
+      children: ee(d, { value: m })
+    }
+  ) : f ? /* @__PURE__ */ l(
+    ne,
+    {
+      title: o,
+      text: m && u || c,
+      css: r,
+      type: w,
+      icon: m && s || t,
+      onClick: h,
+      disabled: a,
+      children: f
+    }
+  ) : /* @__PURE__ */ l(
+    ne,
+    {
+      title: o,
+      text: m && u || c,
+      css: r,
+      type: w,
+      icon: m && s || t,
+      onClick: h,
+      disabled: a
+    }
+  );
+}, ge = new Date(0, 0, 0, 0, 0);
+function Ot({
+  value: e = ge,
+  id: n,
+  title: t = "",
+  css: a = "",
+  disabled: s = !1,
+  error: i = !1,
+  format: o = "",
+  onChange: r
+}) {
+  let [c, u] = j(e);
+  const { calendar: f, formats: d } = (U(_) || K()).getRaw(), x = f.clockFormat == 12, m = 23, p = 59, w = A(() => {
+    const M = o || d?.timeFormat;
+    return typeof M == "function" ? M : X(M, f);
+  }, [o, d, f]), h = A(() => w(new Date(0, 0, 0, 1)).indexOf("01") != -1, [w]), v = (M, O) => (M < 10 && O ? `0${M}` : `${M}`).slice(-2), g = (M) => v(M, !0), S = (M) => `${M}`.replace(/[^\d]/g, "") || 0, N = (M) => x && (M = M % 12, M === 0) ? "12" : v(M, h), $ = y((M, O) => (M = S(M), Math.min(M, O)), []), [T, L] = F(null), k = c || ge, b = $(k.getHours(), m), D = $(k.getMinutes(), p), P = b > 12, H = N(b), B = g(D), R = A(
+    () => w(new Date(0, 0, 0, b, D)),
+    [b, D, w]
+  ), E = y(() => {
+    L(!0);
+  }, []), W = y(() => {
+    const M = new Date(k);
+    M.setHours(M.getHours() + (P ? -12 : 12)), u(M), r && r({ value: M });
+  }, [k, P, r]), z = y(
+    ({ value: M }) => {
+      if (k.getHours() === M) return;
+      const O = new Date(k);
+      O.setHours(M), u(O), r && r({ value: O });
+    },
+    [k, r]
+  ), Z = y(
+    ({ value: M }) => {
+      if (k.getMinutes() === M) return;
+      const O = new Date(k);
+      O.setMinutes(M), u(O), r && r({ value: O });
+    },
+    [k, r]
+  ), C = y(
+    (M) => (M = $(M, m), x && (M = M * 1, M === 12 && (M = 0), P && (M += 12)), M),
+    [$, x, P]
+  ), Q = y(() => {
+    L(null);
+  }, []);
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `wx-7f497i wx-timepicker ${i ? "wx-7f497i wx-error" : ""} ${s ? "wx-7f497i wx-disabled" : ""}`,
+      onClick: s ? void 0 : E,
+      style: { cursor: s ? "default" : "pointer" },
+      children: [
+        /* @__PURE__ */ l(
+          ue,
+          {
+            id: n,
+            css: a,
+            title: t,
+            value: R,
+            readonly: !0,
+            disabled: s,
+            error: i,
+            icon: "wxi-clock",
+            inputStyle: {
+              cursor: "pointer",
+              width: "100%",
+              paddingRight: "calc(var(--wx-input-icon-size) + var(--wx-input-icon-indent) * 2)"
+            }
+          }
+        ),
+        T && !s && /* @__PURE__ */ l(te, { onCancel: Q, width: "unset", children: /* @__PURE__ */ V("div", { className: "wx-7f497i wx-wrapper", children: [
+          /* @__PURE__ */ V("div", { className: "wx-7f497i wx-timer", children: [
+            /* @__PURE__ */ l(
+              "input",
+              {
+                className: "wx-7f497i wx-digit",
+                value: H,
+                onChange: (M) => {
+                  const O = C(M.target.value);
+                  z({ value: O });
+                }
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: "wx-7f497i wx-separator", children: ":" }),
+            /* @__PURE__ */ l(
+              "input",
+              {
+                className: "wx-7f497i wx-digit",
+                value: B,
+                onChange: (M) => {
+                  const O = $(M.target.value, p);
+                  Z({ value: O });
+                }
+              }
+            ),
+            x && /* @__PURE__ */ l(
+              dt,
+              {
+                value: P,
+                onClick: W,
+                active: () => /* @__PURE__ */ l("span", { children: "pm" }),
+                children: /* @__PURE__ */ l("span", { children: "am" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l(Ne, { width: "unset", children: /* @__PURE__ */ l(
+            ve,
+            {
+              label: f.hours,
+              value: b,
+              onChange: z,
+              max: m
+            }
+          ) }),
+          /* @__PURE__ */ l(Ne, { width: "unset", children: /* @__PURE__ */ l(
+            ve,
+            {
+              label: f.minutes,
+              value: D,
+              onChange: Z,
+              max: p
+            }
+          ) })
+        ] }) })
+      ]
+    }
+  );
+}
+function Yt({ children: e }) {
+  return /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-modal", children: /* @__PURE__ */ l("div", { className: "wx-KgpO9N wx-window", children: e }) });
+}
+function Wt({ position: e = "right", children: n, onCancel: t }) {
+  const a = Y(null);
+  return I(() => oe(a.current, t).destroy, []), /* @__PURE__ */ l("div", { ref: a, className: `wx-2L733M wx-sidearea wx-pos-${e}`, children: n });
+}
+function jt({ theme: e = "", target: n, children: t }) {
+  const a = Y(null), s = Y(null), [i, o] = F(null);
+  a.current || (a.current = document.createElement("div"));
+  const r = U(le);
+  return I(() => {
+    o(
+      n || wt(s.current) || document.body
+    );
+  }, [s.current]), /* @__PURE__ */ V(G, { children: [
+    /* @__PURE__ */ l("span", { ref: s, style: { display: "none" } }),
+    s.current && i ? Ce(
+      /* @__PURE__ */ l(
+        "div",
+        {
+          className: `wx-3ZWsT0 wx-${e || r}-theme`,
+          children: t
+        }
+      ),
+      i
+    ) : null
+  ] });
+}
+function wt(e) {
+  for (; e && e !== document.body && !e.getAttribute("data-wx-portal-root"); )
+    e = e.parentNode;
+  return e;
+}
+function ft() {
+  return /* @__PURE__ */ l(G, {});
+}
+function Jt(e) {
+  const { fonts: n = !0, children: t } = e;
+  return /* @__PURE__ */ l(le.Provider, { value: "material", children: /* @__PURE__ */ V(G, { children: [
+    t && /* @__PURE__ */ l("div", { className: "wx-material-theme", children: t }),
+    n && /* @__PURE__ */ V(G, { children: [
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "preconnect",
+          href: "https://cdn.webix.com",
+          crossOrigin: "true"
+        }
+      ),
+      /* @__PURE__ */ l(ft, {}),
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "stylesheet",
+          href: "https://webix.io/dev/fonts/wxi/wx-icons.css"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Te() {
+  return /* @__PURE__ */ l(G, {});
+}
+function Gt(e) {
+  const { fonts: n = !0, children: t } = e;
+  return /* @__PURE__ */ l(le.Provider, { value: "willow", children: /* @__PURE__ */ V(G, { children: [
+    t && t && /* @__PURE__ */ l("div", { className: "wx-willow-theme", children: t }),
+    n && /* @__PURE__ */ V(G, { children: [
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "preconnect",
+          href: "https://cdn.webix.com",
+          crossOrigin: "true"
+        }
+      ),
+      /* @__PURE__ */ l(Te, {}),
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "stylesheet",
+          href: "https://webix.io/dev/fonts/wxi/wx-icons.css"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Qt(e) {
+  const { fonts: n = !0, children: t } = e;
+  return /* @__PURE__ */ l(le.Provider, { value: "willow-dark", children: /* @__PURE__ */ V(G, { children: [
+    t && t && /* @__PURE__ */ l("div", { className: "wx-willow-dark-theme", children: t }),
+    n && /* @__PURE__ */ V(G, { children: [
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "preconnect",
+          href: "https://cdn.webix.com",
+          crossOrigin: "true"
+        }
+      ),
+      /* @__PURE__ */ l(Te, {}),
+      /* @__PURE__ */ l(
+        "link",
+        {
+          rel: "stylesheet",
+          href: "https://webix.io/dev/fonts/wxi/wx-icons.css"
+        }
+      )
+    ] })
+  ] }) });
+}
+function _t(e) {
+  const n = J();
+  e.setAttribute("data-wx-portal-root", n);
+}
+Pe(He);
+export {
+  ne as Button,
+  Xe as Calendar,
+  Ve as Checkbox,
+  kt as CheckboxGroup,
+  Ae as ColorBoard,
+  Dt as ColorPicker,
+  bt as ColorSelect,
+  Vt as Combo,
+  At as Counter,
+  $t as DatePicker,
+  Mt as DateRangePicker,
+  te as Dropdown,
+  Ne as Field,
+  Et as Globals,
+  Tt as Icon,
+  ae as Locale,
+  Jt as Material,
+  ot as Modal,
+  Yt as ModalArea,
+  Ye as Month,
+  Rt as MultiCombo,
+  Lt as Pager,
+  St as Popup,
+  jt as Portal,
+  st as RadioButton,
+  Ft as RadioButtonGroup,
+  nt as RangeCalendar,
+  Pt as RichSelect,
+  Ht as Segmented,
+  Ct as Select,
+  Wt as SideArea,
+  ve as Slider,
+  ie as SuggestDropdown,
+  Bt as Switch,
+  It as Tabs,
+  ue as Text,
+  gt as TextArea,
+  Ot as TimePicker,
+  dt as TwoState,
+  Gt as Willow,
+  Qt as WillowDark,
+  yt as context,
+  qt as en,
+  Kt as locale,
+  _t as popupContainer
+};