@webx-ui/core 0.0.2 → 0.2.0

package/dist/index.js

@@ -1,15 +1,23 @@
-import { defineComponent as _, computed as r, openBlock as n, createBlock as D, resolveDynamicComponent as M, mergeProps as $, withCtx as N, createElementBlock as d, renderSlot as p, createCommentVNode as f, useModel as O, ref as g, normalizeClass as k, createElementVNode as m, toDisplayString as B, mergeModels as w, useSlots as T, createTextVNode as j } from "vue";
-const A = {
+import { defineComponent as J, computed as d, openBlock as l, createBlock as ie, resolveDynamicComponent as Ge, mergeProps as te, withCtx as Y, createElementBlock as u, renderSlot as N, createCommentVNode as C, useSlots as qe, normalizeClass as F, createElementVNode as x, createTextVNode as ae, toDisplayString as D, inject as ce, provide as xe, useModel as G, ref as q, onMounted as Ce, watch as ne, unref as b, mergeModels as R, Fragment as K, renderList as X, createVNode as O, normalizeStyle as ee, withModifiers as de, createSlots as ge, normalizeProps as ke, guardReactiveProps as we, toRef as me, withDirectives as ma, withKeys as pa, vModelText as ha, onBeforeUnmount as ya, nextTick as Ue } from "vue";
+import { VueDatePicker as Ye } from "@vuepic/vue-datepicker";
+import { colorToHex as Ee, getAreaBackgroundStyle as xa, getSliderBackgroundStyle as ga, PopoverRoot as ka, PopoverAnchor as wa, PopoverPortal as $a, PopoverContent as _a, ColorAreaRoot as Ba, ColorAreaArea as Ma, ColorAreaThumb as Ca, ColorSliderRoot as Sa, ColorSliderTrack as Ta, ColorSliderThumb as Ia, convertToHsb as Oe, parseColor as Va, ComboboxRoot as za, ComboboxAnchor as Pa, ComboboxInput as Wa, ComboboxTrigger as Aa, ComboboxPortal as La, ComboboxContent as Ra, ComboboxViewport as Fa, ComboboxEmpty as Ha, ComboboxItem as Da, ComboboxItemIndicator as Na, SliderRoot as Ua, SliderTrack as Ea, SliderRange as Oa, SliderThumb as ja } from "reka-ui";
+import { useEditor as Ka, EditorContent as Ga } from "@tiptap/vue-3";
+import qa from "@tiptap/starter-kit";
+import { TableKit as Ya } from "@tiptap/extension-table";
+import Xa from "@tiptap/extension-image";
+import Ja from "@tiptap/extension-youtube";
+import Za from "@tiptap/extension-file-handler";
+const Qa = {
   key: 0,
   class: "wx-button__spinner",
   "aria-hidden": "true"
-}, P = {
+}, et = {
   key: 1,
   class: "wx-button__icon"
-}, E = {
+}, at = {
   key: 2,
   class: "wx-button__label"
-}, L = /* @__PURE__ */ _({
+}, tt = /* @__PURE__ */ J({
   name: "WxButton",
   inheritAttrs: !1,
   __name: "Button",
@@ -26,77 +34,844 @@ const A = {
     nativeType: { default: "button" }
   },
   emits: ["click"],
-  setup(t, { emit: u }) {
-    const e = t, a = u, o = r(() => e.disabled || e.loading), l = r(() => e.href ? "a" : "button"), c = r(() => [
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = d(() => a.disabled || a.loading), t = d(() => a.href ? "a" : "button"), o = d(() => [
       "wx-button",
-      `wx-button--${e.type}`,
-      `wx-button--${e.variant}`,
-      `wx-button--${e.size}`,
+      `wx-button--${a.type}`,
+      `wx-button--${a.variant}`,
+      `wx-button--${a.size}`,
       {
-        "wx-button--block": e.block,
-        "wx-button--round": e.round,
-        "wx-button--loading": e.loading,
-        "is-disabled": o.value
-      }
-    ]), v = r(
-      () => e.href ? {
-        href: o.value ? void 0 : e.href,
-        target: e.target,
+        "wx-button--block": a.block,
+        "wx-button--round": a.round,
+        "wx-button--loading": a.loading,
+        "is-disabled": s.value
+      }
+    ]), c = d(
+      () => a.href ? {
+        href: s.value ? void 0 : a.href,
+        target: a.target,
         role: "button",
-        "aria-disabled": o.value ? "true" : void 0,
-        tabindex: o.value ? -1 : void 0
+        "aria-disabled": s.value ? "true" : void 0,
+        tabindex: s.value ? -1 : void 0
       } : {
-        type: e.nativeType,
-        disabled: o.value
+        type: a.nativeType,
+        disabled: s.value
       }
     );
-    function x(i) {
-      if (o.value) {
-        i.preventDefault(), i.stopPropagation();
+    function p(h) {
+      if (s.value) {
+        h.preventDefault(), h.stopPropagation();
         return;
       }
-      a("click", i);
+      n("click", h);
     }
-    return (i, b) => (n(), D(M(l.value), $({ ...v.value, ...i.$attrs }, {
-      class: c.value,
-      "aria-busy": t.loading || void 0,
-      onClick: x
+    return (h, f) => (l(), ie(Ge(t.value), te({ ...c.value, ...h.$attrs }, {
+      class: o.value,
+      "aria-busy": e.loading || void 0,
+      onClick: p
     }), {
-      default: N(() => [
-        t.loading ? (n(), d("span", A)) : i.$slots.icon ? (n(), d("span", P, [
-          p(i.$slots, "icon", {}, void 0, !0)
-        ])) : f("", !0),
-        i.$slots.default ? (n(), d("span", E, [
-          p(i.$slots, "default", {}, void 0, !0)
-        ])) : f("", !0)
+      default: Y(() => [
+        e.loading ? (l(), u("span", Qa)) : h.$slots.icon ? (l(), u("span", et, [
+          N(h.$slots, "icon", {}, void 0, !0)
+        ])) : C("", !0),
+        h.$slots.default ? (l(), u("span", at, [
+          N(h.$slots, "default", {}, void 0, !0)
+        ])) : C("", !0)
       ]),
       _: 3
     }, 16, ["class", "aria-busy"]));
   }
-}), y = (t, u) => {
-  const e = t.__vccOpts || t;
-  for (const [a, o] of u)
-    e[a] = o;
-  return e;
-}, R = /* @__PURE__ */ y(L, [["__scopeId", "data-v-ab949d1e"]]), F = {
+}), Q = (e, _) => {
+  const a = e.__vccOpts || e;
+  for (const [n, s] of _)
+    a[n] = s;
+  return a;
+}, lt = /* @__PURE__ */ Q(tt, [["__scopeId", "data-v-11c2b24d"]]), ot = {
+  key: 0,
+  class: "wx-card__header"
+}, it = { class: "wx-card__title" }, nt = {
+  key: 0,
+  class: "wx-card__extra"
+}, st = { class: "wx-card__body" }, ut = {
+  key: 0,
+  class: "wx-card__layout"
+}, dt = { class: "wx-card__sidebar" }, rt = { class: "wx-card__content" }, ct = {
+  key: 1,
+  class: "wx-card__footer"
+}, vt = /* @__PURE__ */ J({
+  name: "WxCard",
+  __name: "Card",
+  props: {
+    title: { default: void 0 },
+    shadow: { default: "always" },
+    padding: { default: "md" },
+    bordered: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const _ = e, a = qe(), n = d(() => !!(_.title || a.header || a.extra)), s = d(() => !!a.sidebar), t = d(() => [
+      "wx-card",
+      `wx-card--shadow-${_.shadow}`,
+      `wx-card--padding-${_.padding}`,
+      {
+        "wx-card--bordered": _.bordered,
+        "wx-card--with-sidebar": s.value
+      }
+    ]);
+    return (o, c) => (l(), u("section", {
+      class: F(t.value)
+    }, [
+      n.value ? (l(), u("header", ot, [
+        x("div", it, [
+          N(o.$slots, "header", {}, () => [
+            ae(D(e.title), 1)
+          ], !0)
+        ]),
+        o.$slots.extra ? (l(), u("div", nt, [
+          N(o.$slots, "extra", {}, void 0, !0)
+        ])) : C("", !0)
+      ])) : C("", !0),
+      x("div", st, [
+        s.value ? (l(), u("div", ut, [
+          x("aside", dt, [
+            N(o.$slots, "sidebar", {}, void 0, !0)
+          ]),
+          x("div", rt, [
+            N(o.$slots, "default", {}, void 0, !0)
+          ])
+        ])) : N(o.$slots, "default", {}, void 0, !0, 1)
+      ]),
+      o.$slots.footer ? (l(), u("footer", ct, [
+        N(o.$slots, "footer", {}, void 0, !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), ft = /* @__PURE__ */ Q(vt, [["__scopeId", "data-v-604cd918"]]), Se = /* @__PURE__ */ Symbol("wx-form"), Xe = /* @__PURE__ */ Symbol("wx-form-item");
+let je = 0;
+function Te(e = "wx") {
+  return je += 1, `${e}-${je}`;
+}
+function le(e) {
+  const _ = ce(Se, null), a = ce(Xe, null), n = Te("wx-control"), s = d(() => e.id ?? a?.id.value ?? n), t = d(
+    () => e.disabled || a?.disabled.value || _?.disabled.value || !1
+  ), o = d(
+    () => e.size ?? a?.size.value ?? _?.size.value ?? "md"
+  ), c = d(() => e.status && e.status !== "default" ? e.status : a?.status.value ?? "default"), p = d(() => a?.describedBy.value);
+  return { id: s, disabled: t, size: o, status: c, describedBy: p, form: _, item: a };
+}
+const Je = /* @__PURE__ */ Symbol("wx-checkbox-group"), Ze = /* @__PURE__ */ Symbol("wx-radio-group");
+function bt(e) {
+  xe(Xe, e);
+}
+const mt = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], pt = {
+  class: "wx-checkbox__box",
+  "aria-hidden": "true"
+}, ht = {
+  class: "wx-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, yt = {
+  key: 0,
+  d: "M4 8h8",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+}, xt = {
+  key: 1,
+  d: "M3.5 8.5l3 3 6-6",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, gt = {
+  key: 0,
+  class: "wx-checkbox__label"
+}, kt = /* @__PURE__ */ J({
+  name: "WxCheckbox",
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ R({
+    value: { type: [String, Number, Boolean, null], default: void 0 },
+    label: { default: void 0 },
+    indeterminate: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = ce(Je, null), o = le(a), c = q(null), p = d(
+      () => t ? t.modelValue.value.includes(a.value ?? null) : s.value === !0
+    ), h = d(() => a.disabled || t?.disabled.value || o.disabled.value), f = d(() => a.size ?? t?.size.value ?? o.size.value), m = d(() => [
+      "wx-checkbox",
+      `wx-checkbox--${f.value}`,
+      {
+        "is-checked": p.value,
+        "is-indeterminate": a.indeterminate && !p.value,
+        "is-disabled": h.value
+      }
+    ]);
+    function g() {
+      c.value && (c.value.indeterminate = a.indeterminate && !p.value);
+    }
+    Ce(g), ne([() => a.indeterminate, p], g);
+    function y(P) {
+      const V = P.target.checked;
+      t ? t.toggle(a.value ?? null, V) : s.value = V, n("change", V);
+    }
+    return (P, V) => (l(), u("label", {
+      class: F(m.value)
+    }, [
+      x("input", te({
+        id: b(o).id.value,
+        ref_key: "inputRef",
+        ref: c
+      }, P.$attrs, {
+        class: "wx-checkbox__native",
+        type: "checkbox",
+        name: e.name ?? b(t)?.name.value,
+        checked: p.value,
+        disabled: h.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(o).describedBy.value,
+        onChange: y
+      }), null, 16, mt),
+      x("span", pt, [
+        (l(), u("svg", ht, [
+          e.indeterminate && !p.value ? (l(), u("path", yt)) : (l(), u("path", xt))
+        ]))
+      ]),
+      e.label || P.$slots.default ? (l(), u("span", gt, [
+        N(P.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
+        ], !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), ye = /* @__PURE__ */ Q(kt, [["__scopeId", "data-v-c35cc837"]]), wt = ["aria-labelledby", "aria-describedby"], $t = /* @__PURE__ */ J({
+  name: "WxCheckboxGroup",
+  __name: "CheckboxGroup",
+  props: /* @__PURE__ */ R({
+    options: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    name: { default: void 0 },
+    inline: { type: Boolean, default: !1 },
+    min: { default: void 0 },
+    max: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a);
+    t.item?.registerLabelTarget(void 0);
+    const o = d(() => a.disabled ?? t.disabled.value), c = d(() => a.size ?? t.size.value);
+    function p(h, f) {
+      const m = s.value ?? [];
+      if (f) {
+        if (m.includes(h) || a.max !== void 0 && m.length >= a.max) return;
+        s.value = [...m, h];
+      } else {
+        if (a.min !== void 0 && m.length <= a.min) return;
+        s.value = m.filter((g) => g !== h);
+      }
+      n("change", s.value);
+    }
+    return xe(Je, {
+      name: d(() => a.name),
+      modelValue: d(() => s.value ?? []),
+      disabled: o,
+      size: c,
+      toggle: p
+    }), (h, f) => (l(), u("div", {
+      class: F(["wx-checkbox-group", { "wx-checkbox-group--inline": e.inline }]),
+      role: "group",
+      "aria-labelledby": b(t).item ? `${b(t).item.id.value}-label` : void 0,
+      "aria-describedby": b(t).describedBy.value
+    }, [
+      N(h.$slots, "default", {}, () => [
+        (l(!0), u(K, null, X(e.options, (m) => (l(), ie(ye, {
+          key: String(m.value),
+          value: m.value,
+          label: m.label,
+          disabled: m.disabled
+        }, null, 8, ["value", "label", "disabled"]))), 128))
+      ], !0)
+    ], 10, wt));
+  }
+}), _t = /* @__PURE__ */ Q($t, [["__scopeId", "data-v-8a0c916b"]]), Bt = ["disabled", "aria-label"], Mt = ["id", "value", "name", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid"], Ct = {
+  key: 0,
+  class: "wx-color-picker__presets"
+}, St = ["aria-label", "aria-pressed", "onClick"], Tt = /* @__PURE__ */ J({
+  name: "WxColorPicker",
+  inheritAttrs: !1,
+  __name: "ColorPicker",
+  props: /* @__PURE__ */ R({
+    presets: { default: () => [] },
+    clearable: { type: Boolean, default: !1 },
+    placeholder: { default: "#000000" },
+    teleport: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, n = e, s = _, t = G(e, "modelValue"), o = le(n), c = q(!1), p = q(t.value ?? "");
+    ne(t, (M) => {
+      p.value = M ?? "";
+    });
+    function h(M) {
+      return Oe(Va(M));
+    }
+    const f = q(
+      h(t.value && a.test(t.value) ? t.value : "#427edd")
+    );
+    ne(t, (M) => {
+      const w = M && a.test(M) ? M : null;
+      !w || w === Ee(f.value).toLowerCase() || (f.value = h(w));
+    });
+    const m = d(
+      () => xa(f.value, "saturation", "brightness", "hsb")
+    ), g = d(() => ga(f.value, "hue", "hsb")), y = d(() => t.value && a.test(t.value) ? t.value : null), P = d(() => [
+      "wx-color-picker",
+      `wx-color-picker--${o.size.value}`,
+      {
+        [`wx-color-picker--${o.status.value}`]: o.status.value !== "default",
+        "is-open": c.value,
+        "is-disabled": o.disabled.value
+      }
+    ]);
+    function V(M) {
+      t.value !== M && (t.value = M, s("change", M));
+    }
+    function B(M) {
+      const w = M.target.value;
+      p.value = w, a.test(w) ? V(w.toLowerCase()) : w === "" && V(null);
+    }
+    function $() {
+      if (p.value === "") {
+        V(null);
+        return;
+      }
+      const M = p.value.startsWith("#") ? p.value : `#${p.value}`;
+      a.test(M) ? (V(M.toLowerCase()), p.value = M.toLowerCase()) : p.value = t.value ?? "";
+    }
+    function r(M) {
+      f.value = Oe(M), V(Ee(M).toLowerCase());
+    }
+    function S(M) {
+      const w = M.toLowerCase();
+      f.value = h(w), V(w);
+    }
+    function z() {
+      V(null), p.value = "";
+    }
+    function H() {
+      !o.disabled.value && !n.readonly && (c.value = !0);
+    }
+    return (M, w) => (l(), ie(b(ka), {
+      open: c.value,
+      "onUpdate:open": w[0] || (w[0] = (E) => c.value = E)
+    }, {
+      default: Y(() => [
+        x("div", {
+          class: F(P.value)
+        }, [
+          O(b(wa), { "as-child": "" }, {
+            default: Y(() => [
+              x("div", {
+                class: "wx-color-picker__field",
+                onClick: H
+              }, [
+                x("button", {
+                  class: F(["wx-color-picker__swatch", { "is-empty": !y.value }]),
+                  type: "button",
+                  disabled: b(o).disabled.value,
+                  "aria-label": e.ariaLabel ?? "Pick a colour",
+                  style: ee(y.value ? { background: y.value } : void 0)
+                }, null, 14, Bt),
+                x("input", te({
+                  id: b(o).id.value
+                }, M.$attrs, {
+                  class: "wx-color-picker__input",
+                  type: "text",
+                  autocomplete: "off",
+                  spellcheck: "false",
+                  value: p.value,
+                  name: e.name,
+                  placeholder: e.placeholder,
+                  disabled: b(o).disabled.value,
+                  readonly: e.readonly,
+                  "aria-label": e.ariaLabel,
+                  "aria-describedby": b(o).describedBy.value,
+                  "aria-invalid": b(o).status.value === "error" || void 0,
+                  onInput: B,
+                  onBlur: $
+                }), null, 16, Mt),
+                e.clearable && y.value && !b(o).disabled.value ? (l(), u("button", {
+                  key: 0,
+                  class: "wx-color-picker__clear",
+                  type: "button",
+                  tabindex: "-1",
+                  "aria-label": "Clear",
+                  onClick: de(z, ["stop"])
+                }, " ✕ ")) : C("", !0)
+              ])
+            ]),
+            _: 1
+          }),
+          O(b($a), {
+            disabled: !e.teleport
+          }, {
+            default: Y(() => [
+              O(b(_a), {
+                class: "wx-color-picker__panel",
+                "side-offset": 4,
+                align: "start"
+              }, {
+                default: Y(() => [
+                  O(b(Ba), {
+                    class: "wx-color-picker__area",
+                    "color-space": "hsb",
+                    "x-channel": "saturation",
+                    "y-channel": "brightness",
+                    "model-value": f.value,
+                    "onUpdate:color": r
+                  }, {
+                    default: Y(() => [
+                      O(b(Ma), {
+                        class: "wx-color-picker__area-surface",
+                        style: ee(m.value)
+                      }, {
+                        default: Y(() => [
+                          O(b(Ca), { class: "wx-color-picker__thumb" })
+                        ]),
+                        _: 1
+                      }, 8, ["style"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]),
+                  O(b(Sa), {
+                    class: "wx-color-picker__hue",
+                    "color-space": "hsb",
+                    channel: "hue",
+                    "model-value": f.value,
+                    "onUpdate:color": r
+                  }, {
+                    default: Y(() => [
+                      O(b(Ta), {
+                        class: "wx-color-picker__hue-track",
+                        style: ee(g.value)
+                      }, {
+                        default: Y(() => [
+                          O(b(Ia), { class: "wx-color-picker__thumb" })
+                        ]),
+                        _: 1
+                      }, 8, ["style"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]),
+                  e.presets.length ? (l(), u("div", Ct, [
+                    (l(!0), u(K, null, X(e.presets, (E) => (l(), u("button", {
+                      key: E,
+                      class: "wx-color-picker__preset",
+                      type: "button",
+                      style: ee({ background: E }),
+                      "aria-label": E,
+                      "aria-pressed": t.value === E,
+                      onClick: (Z) => S(E)
+                    }, null, 12, St))), 128))
+                  ])) : C("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), It = /* @__PURE__ */ Q(Tt, [["__scopeId", "data-v-aab2d65f"]]), Ie = /* @__PURE__ */ J({
+  name: "WxDatePicker",
+  inheritAttrs: !1,
+  __name: "DatePicker",
+  props: /* @__PURE__ */ R({
+    type: { default: "date" },
+    valueFormat: { default: void 0 },
+    format: { default: void 0 },
+    placeholder: { default: void 0 },
+    clearable: { type: Boolean, default: !0 },
+    minDate: { default: void 0 },
+    maxDate: { default: void 0 },
+    seconds: { type: Boolean, default: !1 },
+    minutesIncrement: { default: 1 },
+    is24: { type: Boolean, default: !0 },
+    weekStart: { default: 1 },
+    autoApply: { type: Boolean, default: !0 },
+    textInput: { type: Boolean, default: !1 },
+    teleport: { type: [Boolean, String], default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => a.type !== "date"), c = d(() => {
+      if (a.valueFormat !== "date")
+        return a.valueFormat ? a.valueFormat : a.type === "time" ? a.seconds ? "HH:mm:ss" : "HH:mm" : a.type === "datetime" ? a.seconds ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd HH:mm" : "yyyy-MM-dd";
+    }), p = d(() => {
+      if (a.format) return a.format;
+      const V = a.seconds ? "HH:mm:ss" : "HH:mm";
+      return a.type === "time" ? V : a.type === "datetime" ? `dd.MM.yyyy ${V}` : "dd.MM.yyyy";
+    }), h = d(() => a.type === "time" ? { modeHeight: 125 } : void 0), f = d(() => ({
+      enableTimePicker: o.value,
+      enableSeconds: a.seconds,
+      is24: a.is24,
+      minutesIncrement: a.minutesIncrement
+    })), m = d(() => ({
+      id: t.id.value,
+      name: a.name,
+      clearable: a.clearable,
+      // The library reads `state: false` as invalid; leaving it undefined means neutral.
+      state: t.status.value === "error" ? !1 : void 0,
+      "aria-label": a.ariaLabel,
+      "aria-describedby": t.describedBy.value
+    })), g = d(() => [
+      "wx-datepicker",
+      `wx-datepicker--${t.size.value}`,
+      {
+        [`wx-datepicker--${t.status.value}`]: t.status.value !== "default",
+        "is-disabled": t.disabled.value
+      }
+    ]);
+    function y(V) {
+      s.value = V, n("change", V);
+    }
+    function P() {
+      s.value = null, n("change", null), n("clear");
+    }
+    return (V, B) => (l(), u("div", {
+      class: F(g.value)
+    }, [
+      O(b(Ye), te({
+        "model-value": s.value,
+        "model-type": c.value,
+        formats: { input: p.value },
+        "time-picker": e.type === "time",
+        "time-config": f.value,
+        config: h.value,
+        "input-attrs": m.value,
+        ui: { input: "wx-datepicker__input", menu: "wx-datepicker__menu" },
+        placeholder: e.placeholder,
+        "min-date": e.minDate,
+        "max-date": e.maxDate,
+        "week-start": e.weekStart,
+        "auto-apply": e.autoApply,
+        "text-input": e.textInput,
+        teleport: e.teleport,
+        disabled: b(t).disabled.value,
+        readonly: e.readonly
+      }, V.$attrs, {
+        "onUpdate:modelValue": y,
+        onCleared: P,
+        onOpen: B[0] || (B[0] = ($) => n("open")),
+        onClosed: B[1] || (B[1] = ($) => n("close"))
+      }), ge({ _: 2 }, [
+        X(V.$slots, ($, r) => ({
+          name: r,
+          fn: Y((S) => [
+            N(V.$slots, r, ke(we(S ?? {})))
+          ])
+        }))
+      ]), 1040, ["model-value", "model-type", "formats", "time-picker", "time-config", "config", "input-attrs", "placeholder", "min-date", "max-date", "week-start", "auto-apply", "text-input", "teleport", "disabled", "readonly"])
+    ], 2));
+  }
+}), Vt = /* @__PURE__ */ J({
+  name: "WxDateRangePicker",
+  inheritAttrs: !1,
+  __name: "DateRangePicker",
+  props: /* @__PURE__ */ R({
+    valueFormat: { default: void 0 },
+    format: { default: void 0 },
+    placeholder: { default: void 0 },
+    clearable: { type: Boolean, default: !0 },
+    minDate: { default: void 0 },
+    maxDate: { default: void 0 },
+    months: { default: 2 },
+    weekStart: { default: 1 },
+    autoApply: { type: Boolean, default: !0 },
+    textInput: { type: Boolean, default: !1 },
+    teleport: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(
+      () => a.valueFormat === "date" ? void 0 : a.valueFormat ?? "yyyy-MM-dd"
+    ), c = d(() => a.format ?? "dd.MM.yyyy"), p = d(() => ({
+      id: t.id.value,
+      name: a.name,
+      clearable: a.clearable,
+      state: t.status.value === "error" ? !1 : void 0,
+      "aria-label": a.ariaLabel,
+      "aria-describedby": t.describedBy.value
+    })), h = d(() => [
+      "wx-datepicker",
+      "wx-datepicker--range",
+      `wx-datepicker--${t.size.value}`,
+      {
+        [`wx-datepicker--${t.status.value}`]: t.status.value !== "default",
+        "is-disabled": t.disabled.value
+      }
+    ]);
+    function f(g) {
+      s.value = g, n("change", g);
+    }
+    function m() {
+      s.value = null, n("change", null), n("clear");
+    }
+    return (g, y) => (l(), u("div", {
+      class: F(h.value)
+    }, [
+      O(b(Ye), te({
+        range: "",
+        "model-value": s.value,
+        "model-type": o.value,
+        formats: { input: c.value },
+        "multi-calendars": e.months,
+        "input-attrs": p.value,
+        ui: { input: "wx-datepicker__input", menu: "wx-datepicker__menu" },
+        placeholder: e.placeholder,
+        "min-date": e.minDate,
+        "max-date": e.maxDate,
+        "week-start": e.weekStart,
+        "auto-apply": e.autoApply,
+        "text-input": e.textInput,
+        teleport: e.teleport,
+        disabled: b(t).disabled.value,
+        readonly: e.readonly
+      }, g.$attrs, {
+        "onUpdate:modelValue": f,
+        onCleared: m,
+        onOpen: y[0] || (y[0] = (P) => n("open")),
+        onClosed: y[1] || (y[1] = (P) => n("close"))
+      }), ge({ _: 2 }, [
+        X(g.$slots, (P, V) => ({
+          name: V,
+          fn: Y((B) => [
+            N(g.$slots, V, ke(we(B ?? {})))
+          ])
+        }))
+      ]), 1040, ["model-value", "model-type", "formats", "multi-calendars", "input-attrs", "placeholder", "min-date", "max-date", "week-start", "auto-apply", "text-input", "teleport", "disabled", "readonly"])
+    ], 2));
+  }
+}), zt = /* @__PURE__ */ J({
+  name: "WxDateTimePicker",
+  __name: "DateTimePicker",
+  props: /* @__PURE__ */ R({
+    valueFormat: { default: void 0 },
+    format: { default: void 0 },
+    placeholder: { default: void 0 },
+    clearable: { type: Boolean, default: void 0 },
+    minDate: { default: void 0 },
+    maxDate: { default: void 0 },
+    seconds: { type: Boolean, default: void 0 },
+    minutesIncrement: { default: void 0 },
+    is24: { type: Boolean, default: void 0 },
+    weekStart: { default: void 0 },
+    autoApply: { type: Boolean, default: void 0 },
+    textInput: { type: Boolean, default: void 0 },
+    teleport: { type: [Boolean, String], default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const _ = G(e, "modelValue");
+    return (a, n) => (l(), ie(Ie, te({
+      modelValue: _.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => _.value = s),
+      type: "datetime"
+    }, a.$props), ge({ _: 2 }, [
+      X(a.$slots, (s, t) => ({
+        name: t,
+        fn: Y((o) => [
+          N(a.$slots, t, ke(we(o ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue"]));
+  }
+}), Pt = /* @__PURE__ */ J({
+  name: "WxForm",
+  __name: "Form",
+  props: {
+    errors: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    labelPosition: { default: "top" },
+    labelWidth: { default: void 0 },
+    gap: { default: "md" }
+  },
+  emits: ["submit", "reset"],
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = d(() => a.errors ?? {});
+    xe(Se, {
+      errors: s,
+      disabled: me(a, "disabled"),
+      size: me(a, "size"),
+      labelPosition: me(a, "labelPosition"),
+      labelWidth: me(a, "labelWidth")
+    });
+    function t(c) {
+      c.preventDefault(), n("submit", c);
+    }
+    function o(c) {
+      n("reset", c);
+    }
+    return (c, p) => (l(), u("form", {
+      class: F(["wx-form", `wx-form--gap-${e.gap}`, `wx-form--label-${e.labelPosition}`]),
+      novalidate: "",
+      onSubmit: t,
+      onReset: o
+    }, [
+      N(c.$slots, "default", {}, void 0, !0)
+    ], 34));
+  }
+}), Wt = /* @__PURE__ */ Q(Pt, [["__scopeId", "data-v-bfab857f"]]), At = {
+  key: 0,
+  class: "wx-form-item__required",
+  "aria-hidden": "true"
+}, Lt = { class: "wx-form-item__control" }, Rt = {
+  key: 2,
+  class: "wx-form-item__error",
+  "aria-hidden": "true"
+}, Ft = /* @__PURE__ */ J({
+  name: "WxFormItem",
+  __name: "FormItem",
+  props: {
+    label: { default: void 0 },
+    name: { default: void 0 },
+    required: { type: Boolean, default: !1 },
+    error: { default: void 0 },
+    help: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    labelWidth: { default: void 0 },
+    reserveErrorSpace: { type: Boolean, default: !1 }
+  },
+  setup(e, { expose: _ }) {
+    const a = e, n = ce(Se, null), s = Te("wx-field"), t = `${s}-error`, o = `${s}-help`, c = q("control"), p = q(s);
+    function h(r) {
+      if (r === void 0) {
+        c.value = "group";
+        return;
+      }
+      c.value = "control", p.value = r;
+    }
+    const f = d(() => a.error !== void 0 ? Array.isArray(a.error) ? a.error : [a.error] : a.name && n ? n.errors.value[a.name] ?? [] : []), m = d(() => f.value.length > 0), g = d(() => m.value ? "error" : "default"), y = d(() => m.value ? t : a.help ? o : void 0), P = d(() => a.size), V = d(() => a.disabled), B = d(() => a.labelWidth ?? n?.labelWidth.value), $ = d(() => n?.labelPosition.value === "left");
+    return bt({
+      id: d(() => s),
+      describedBy: y,
+      status: g,
+      disabled: V,
+      size: P,
+      registerLabelTarget: h
+    }), _({ messages: f, hasError: m }), (r, S) => (l(), u("div", {
+      class: F([
+        "wx-form-item",
+        { "wx-form-item--inline": $.value, "is-error": m.value, "is-required": e.required }
+      ]),
+      style: ee($.value && B.value ? { "--wx-form-item-label-width": B.value } : void 0)
+    }, [
+      e.label || r.$slots.label ? (l(), ie(Ge(c.value === "group" ? "span" : "label"), {
+        key: 0,
+        id: `${b(s)}-label`,
+        class: "wx-form-item__label",
+        for: c.value === "group" ? void 0 : p.value
+      }, {
+        default: Y(() => [
+          N(r.$slots, "label", {}, () => [
+            ae(D(e.label), 1)
+          ], !0),
+          e.required ? (l(), u("span", At, "*")) : C("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "for"])) : C("", !0),
+      x("div", Lt, [
+        N(r.$slots, "default", {}, void 0, !0),
+        m.value ? (l(), u("p", {
+          key: 0,
+          id: t,
+          class: "wx-form-item__error",
+          role: "alert"
+        }, D(f.value[0]), 1)) : e.help ? (l(), u("p", {
+          key: 1,
+          id: o,
+          class: "wx-form-item__help"
+        }, D(e.help), 1)) : e.reserveErrorSpace ? (l(), u("p", Rt, " ")) : C("", !0)
+      ])
+    ], 6));
+  }
+}), Ht = /* @__PURE__ */ Q(Ft, [["__scopeId", "data-v-0b8142de"]]), Dt = {
   key: 0,
   class: "wx-input__affix wx-input__affix--prefix"
-}, H = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-invalid"], U = {
+}, Nt = ["id", "type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-describedby", "aria-invalid"], Ut = {
   key: 2,
   class: "wx-input__count"
-}, q = {
+}, Et = {
   key: 3,
   class: "wx-input__affix wx-input__affix--suffix"
-}, G = /* @__PURE__ */ _({
+}, Ot = /* @__PURE__ */ J({
   name: "WxInput",
   inheritAttrs: !1,
   __name: "Input",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ R({
+    id: { default: void 0 },
     type: { default: "text" },
-    size: { default: "md" },
-    status: { default: "default" },
+    size: { default: void 0 },
+    status: { default: void 0 },
     placeholder: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: void 0 },
     readonly: { type: Boolean, default: !1 },
     clearable: { type: Boolean, default: !1 },
     maxlength: { default: void 0 },
@@ -107,147 +882,2282 @@ const A = {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ w(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
-  setup(t, { expose: u, emit: e }) {
-    const a = t, o = e, l = O(t, "modelValue"), c = g(null), v = g(!1), x = r(() => l.value == null ? "" : String(l.value)), i = r(
-      () => a.clearable && !a.disabled && !a.readonly && x.value.length > 0
-    ), b = r(
-      () => a.showCount && a.maxlength ? `${x.value.length}/${a.maxlength}` : null
-    ), C = r(() => [
+  emits: /* @__PURE__ */ R(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => t.value == null ? "" : String(t.value)), f = d(
+      () => n.clearable && !o.disabled.value && !n.readonly && h.value.length > 0
+    ), m = d(
+      () => n.showCount && n.maxlength ? `${h.value.length}/${n.maxlength}` : null
+    ), g = d(() => [
       "wx-input",
-      `wx-input--${a.size}`,
+      `wx-input--${o.size.value}`,
       {
-        [`wx-input--${a.status}`]: a.status !== "default",
-        "is-focused": v.value,
-        "is-disabled": a.disabled,
-        "is-readonly": a.readonly
+        [`wx-input--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": p.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": n.readonly
       }
     ]);
-    function W(s) {
-      const h = s.target.value;
-      l.value = h, o("input", h);
+    function y(r) {
+      const S = r.target.value;
+      t.value = S, s("input", S);
     }
-    function I(s) {
-      o("change", s.target.value);
+    function P(r) {
+      s("change", r.target.value);
     }
-    function V(s) {
-      v.value = !0, o("focus", s);
+    function V(r) {
+      p.value = !0, s("focus", r);
     }
-    function z(s) {
-      v.value = !1, o("blur", s);
+    function B(r) {
+      p.value = !1, s("blur", r);
     }
-    function S() {
-      l.value = "", o("input", ""), o("change", ""), o("clear"), c.value?.focus();
+    function $() {
+      t.value = "", s("input", ""), s("change", ""), s("clear"), c.value?.focus();
     }
-    return u({
+    return _({
       focus: () => c.value?.focus(),
       blur: () => c.value?.blur(),
       select: () => c.value?.select(),
       input: c
-    }), (s, h) => (n(), d("div", {
-      class: k(C.value)
+    }), (r, S) => (l(), u("div", {
+      class: F(g.value)
     }, [
-      s.$slots.prefix ? (n(), d("span", F, [
-        p(s.$slots, "prefix", {}, void 0, !0)
-      ])) : f("", !0),
-      m("input", $({
+      r.$slots.prefix ? (l(), u("span", Dt, [
+        N(r.$slots, "prefix", {}, void 0, !0)
+      ])) : C("", !0),
+      x("input", te({
+        id: b(o).id.value,
         ref_key: "inputRef",
         ref: c
-      }, s.$attrs, {
+      }, r.$attrs, {
         class: "wx-input__inner",
-        type: t.type,
-        value: x.value,
-        placeholder: t.placeholder,
-        disabled: t.disabled,
-        readonly: t.readonly,
-        maxlength: t.maxlength,
-        autocomplete: t.autocomplete,
-        "aria-label": t.ariaLabel,
-        "aria-invalid": t.status === "error" || void 0,
-        onInput: W,
-        onChange: I,
+        type: e.type,
+        value: h.value,
+        placeholder: e.placeholder,
+        disabled: b(o).disabled.value,
+        readonly: e.readonly,
+        maxlength: e.maxlength,
+        autocomplete: e.autocomplete,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
+        onInput: y,
+        onChange: P,
         onFocus: V,
-        onBlur: z
-      }), null, 16, H),
-      i.value ? (n(), d("button", {
+        onBlur: B
+      }), null, 16, Nt),
+      f.value ? (l(), u("button", {
         key: 1,
         class: "wx-input__clear",
         type: "button",
         tabindex: "-1",
         "aria-label": "Clear",
-        onClick: S
-      }, " ✕ ")) : f("", !0),
-      b.value ? (n(), d("span", U, B(b.value), 1)) : f("", !0),
-      s.$slots.suffix ? (n(), d("span", q, [
-        p(s.$slots, "suffix", {}, void 0, !0)
-      ])) : f("", !0)
+        onClick: $
+      }, " ✕ ")) : C("", !0),
+      m.value ? (l(), u("span", Ut, D(m.value), 1)) : C("", !0),
+      r.$slots.suffix ? (l(), u("span", Et, [
+        N(r.$slots, "suffix", {}, void 0, !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), Qe = /* @__PURE__ */ Q(Ot, [["__scopeId", "data-v-82a546ac"]]), jt = ["disabled"], Kt = ["id", "name", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid", "aria-valuenow", "aria-valuemin", "aria-valuemax"], Gt = ["disabled"], qt = /* @__PURE__ */ J({
+  name: "WxInputNumber",
+  inheritAttrs: !1,
+  __name: "InputNumber",
+  props: /* @__PURE__ */ R({
+    min: { default: void 0 },
+    max: { default: void 0 },
+    step: { default: 1 },
+    precision: { default: void 0 },
+    controls: { type: Boolean, default: !0 },
+    controlsPosition: { default: "sides" },
+    wheel: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => {
+      if (n.precision !== void 0) return n.precision;
+      const [, W = ""] = String(n.step).split(".");
+      return W.length;
+    });
+    function f(W) {
+      const U = 10 ** h.value;
+      return Math.round((W + Number.EPSILON) * U) / U;
+    }
+    function m(W) {
+      let U = W;
+      return n.min !== void 0 && (U = Math.max(U, n.min)), n.max !== void 0 && (U = Math.min(U, n.max)), f(U);
+    }
+    const g = d(
+      () => typeof t.value == "number" && Number.isFinite(t.value) ? t.value : null
+    ), y = q(g.value === null ? "" : g.value.toFixed(h.value));
+    ne(g, (W) => {
+      p.value || (y.value = W === null ? "" : W.toFixed(h.value));
+    });
+    const P = d(() => o.disabled.value), V = d(
+      () => !P.value && !n.readonly && (n.min === void 0 || (g.value ?? 0) > n.min)
+    ), B = d(
+      () => !P.value && !n.readonly && (n.max === void 0 || (g.value ?? 0) < n.max)
+    ), $ = d(() => [
+      "wx-input-number",
+      `wx-input-number--${o.size.value}`,
+      `wx-input-number--controls-${n.controls ? n.controlsPosition : "none"}`,
+      {
+        [`wx-input-number--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": p.value,
+        "is-disabled": P.value
+      }
+    ]);
+    function r(W) {
+      t.value !== W && (t.value = W, s("change", W));
+    }
+    function S(W) {
+      if (P.value || n.readonly) return;
+      const U = g.value ?? m(0), T = m(U + W * n.step);
+      r(T), y.value = T.toFixed(h.value);
+    }
+    function z(W) {
+      y.value = W.target.value;
+      const U = Number.parseFloat(y.value);
+      y.value === "" ? r(null) : Number.isFinite(U) && r(f(U));
+    }
+    function H() {
+      if (y.value.trim() === "") {
+        r(null), y.value = "";
+        return;
+      }
+      const W = Number.parseFloat(y.value);
+      if (!Number.isFinite(W)) {
+        y.value = g.value === null ? "" : g.value.toFixed(h.value);
+        return;
+      }
+      const U = m(W);
+      r(U), y.value = U.toFixed(h.value);
+    }
+    function M(W) {
+      p.value = !0, s("focus", W);
+    }
+    function w(W) {
+      p.value = !1, H(), s("blur", W);
+    }
+    function E(W) {
+      !n.wheel || !p.value || P.value || n.readonly || (W.preventDefault(), S(W.deltaY < 0 ? 1 : -1));
+    }
+    function Z(W) {
+      W.key === "ArrowUp" ? (W.preventDefault(), S(1)) : W.key === "ArrowDown" ? (W.preventDefault(), S(-1)) : W.key === "Enter" && H();
+    }
+    return _({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      increase: () => S(1),
+      decrease: () => S(-1),
+      input: c
+    }), (W, U) => (l(), u("div", {
+      class: F($.value)
+    }, [
+      e.controls ? (l(), u("button", {
+        key: 0,
+        class: "wx-input-number__button wx-input-number__button--decrease",
+        type: "button",
+        tabindex: "-1",
+        "aria-label": "Decrease",
+        disabled: !V.value,
+        onClick: U[0] || (U[0] = (T) => S(-1))
+      }, [...U[2] || (U[2] = [
+        x("svg", {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [
+          x("path", {
+            d: "M3.5 8h9",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round"
+          })
+        ], -1)
+      ])], 8, jt)) : C("", !0),
+      x("input", te({
+        id: b(o).id.value,
+        ref_key: "inputRef",
+        ref: c
+      }, W.$attrs, {
+        class: "wx-input-number__inner",
+        type: "text",
+        inputmode: "decimal",
+        autocomplete: "off",
+        name: e.name,
+        value: y.value,
+        placeholder: e.placeholder,
+        disabled: P.value,
+        readonly: e.readonly,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
+        role: "spinbutton",
+        "aria-valuenow": g.value ?? void 0,
+        "aria-valuemin": e.min,
+        "aria-valuemax": e.max,
+        onInput: z,
+        onFocus: M,
+        onBlur: w,
+        onKeydown: Z,
+        onWheel: E
+      }), null, 16, Kt),
+      e.controls ? (l(), u("button", {
+        key: 1,
+        class: "wx-input-number__button wx-input-number__button--increase",
+        type: "button",
+        tabindex: "-1",
+        "aria-label": "Increase",
+        disabled: !B.value,
+        onClick: U[1] || (U[1] = (T) => S(1))
+      }, [...U[3] || (U[3] = [
+        x("svg", {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [
+          x("path", {
+            d: "M8 3.5v9M3.5 8h9",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round"
+          })
+        ], -1)
+      ])], 8, Gt)) : C("", !0)
     ], 2));
   }
-}), J = /* @__PURE__ */ y(G, [["__scopeId", "data-v-962ec44e"]]), K = {
+}), Yt = /* @__PURE__ */ Q(qt, [["__scopeId", "data-v-1dcbf297"]]), Xt = ["aria-label"], Jt = {
   key: 0,
-  class: "wx-card__header"
-}, Q = { class: "wx-card__title" }, X = {
+  class: "wx-pagination__total"
+}, Zt = { class: "wx-pagination__controls" }, Qt = {
   key: 0,
-  class: "wx-card__extra"
-}, Y = { class: "wx-card__body" }, Z = {
+  class: "wx-pagination__per-page"
+}, el = ["value", "disabled"], al = ["value"], tl = { class: "wx-pagination__list" }, ll = ["disabled"], ol = {
+  key: 0,
+  class: "wx-pagination__gap",
+  "aria-hidden": "true"
+}, il = ["disabled", "aria-current", "aria-label", "onClick"], nl = ["disabled"], sl = /* @__PURE__ */ J({
+  name: "WxPagination",
+  __name: "Pagination",
+  props: /* @__PURE__ */ R({
+    paginator: { default: null },
+    total: { default: void 0 },
+    lastPage: { default: void 0 },
+    siblings: { default: 1 },
+    perPageOptions: { default: () => [] },
+    showTotal: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    ariaLabel: { default: "Pagination" }
+  }, {
+    page: { default: void 0 },
+    pageModifiers: {},
+    perPage: { default: void 0 },
+    perPageModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:page", "update:perPage"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "page"), t = G(e, "perPage"), o = d(() => t.value ?? a.paginator?.per_page ?? 15), c = d(() => a.total ?? a.paginator?.total ?? 0), p = d(() => a.lastPage !== void 0 ? Math.max(1, a.lastPage) : a.paginator ? Math.max(1, a.paginator.last_page) : Math.max(1, Math.ceil(c.value / o.value))), h = d(() => {
+      const B = s.value ?? a.paginator?.current_page ?? 1;
+      return Math.min(Math.max(1, B), p.value);
+    }), f = d(() => a.paginator ? a.paginator.from : c.value === 0 ? null : (h.value - 1) * o.value + 1), m = d(() => a.paginator ? a.paginator.to : c.value === 0 ? null : Math.min(c.value, h.value * o.value)), g = d(() => {
+      const B = p.value, $ = h.value, r = a.siblings, S = /* @__PURE__ */ new Set([1, B]);
+      for (let w = $ - r; w <= $ + r; w++)
+        w >= 1 && w <= B && S.add(w);
+      const z = [...S].sort((w, E) => w - E), H = [];
+      let M = 0;
+      for (const w of z) {
+        const E = w - M;
+        M && E === 2 ? H.push({ type: "page", value: w - 1 }) : M && E > 2 && H.push({ type: "gap", value: `gap-${w}` }), H.push({ type: "page", value: w }), M = w;
+      }
+      return H;
+    }), y = d(() => [
+      "wx-pagination",
+      `wx-pagination--${a.size}`,
+      { "is-disabled": a.disabled }
+    ]);
+    function P(B) {
+      const $ = Math.min(Math.max(1, B), p.value);
+      a.disabled || $ === h.value || (s.value = $, n("change", { page: $, perPage: o.value }));
+    }
+    function V(B) {
+      const $ = Number(B.target.value);
+      !Number.isFinite($) || $ === o.value || (t.value = $, s.value = 1, n("change", { page: 1, perPage: $ }));
+    }
+    return (B, $) => (l(), u("nav", {
+      class: F(y.value),
+      "aria-label": e.ariaLabel
+    }, [
+      e.showTotal ? (l(), u("p", Jt, [
+        N(B.$slots, "total", {
+          from: f.value,
+          to: m.value,
+          total: c.value
+        }, () => [
+          f.value === null ? (l(), u(K, { key: 0 }, [
+            ae("Nothing to show")
+          ], 64)) : (l(), u(K, { key: 1 }, [
+            ae(D(f.value) + "–" + D(m.value) + " of " + D(c.value), 1)
+          ], 64))
+        ], !0)
+      ])) : C("", !0),
+      x("div", Zt, [
+        e.perPageOptions.length ? (l(), u("label", Qt, [
+          $[2] || ($[2] = x("span", { class: "wx-pagination__per-page-label" }, "Per page", -1)),
+          x("select", {
+            class: "wx-pagination__select",
+            value: o.value,
+            disabled: e.disabled,
+            onChange: V
+          }, [
+            (l(!0), u(K, null, X(e.perPageOptions, (r) => (l(), u("option", {
+              key: r,
+              value: r
+            }, D(r), 9, al))), 128))
+          ], 40, el)
+        ])) : C("", !0),
+        x("ul", tl, [
+          x("li", null, [
+            x("button", {
+              class: "wx-pagination__button wx-pagination__button--arrow",
+              type: "button",
+              disabled: e.disabled || h.value <= 1,
+              "aria-label": "Previous page",
+              onClick: $[0] || ($[0] = (r) => P(h.value - 1))
+            }, [...$[3] || ($[3] = [
+              x("svg", {
+                viewBox: "0 0 8 12",
+                "aria-hidden": "true"
+              }, [
+                x("path", { d: "M6.5 1 1.5 6l5 5" })
+              ], -1)
+            ])], 8, ll)
+          ]),
+          (l(!0), u(K, null, X(g.value, (r) => (l(), u("li", {
+            key: r.value
+          }, [
+            r.type === "gap" ? (l(), u("span", ol, "…")) : (l(), u("button", {
+              key: 1,
+              class: F(["wx-pagination__button", { "is-current": r.value === h.value }]),
+              type: "button",
+              disabled: e.disabled,
+              "aria-current": r.value === h.value ? "page" : void 0,
+              "aria-label": `Page ${r.value}`,
+              onClick: (S) => P(r.value)
+            }, D(r.value), 11, il))
+          ]))), 128)),
+          x("li", null, [
+            x("button", {
+              class: "wx-pagination__button wx-pagination__button--arrow",
+              type: "button",
+              disabled: e.disabled || h.value >= p.value,
+              "aria-label": "Next page",
+              onClick: $[1] || ($[1] = (r) => P(h.value + 1))
+            }, [...$[4] || ($[4] = [
+              x("svg", {
+                viewBox: "0 0 8 12",
+                "aria-hidden": "true"
+              }, [
+                x("path", { d: "M1.5 1 6.5 6l-5 5" })
+              ], -1)
+            ])], 8, nl)
+          ])
+        ])
+      ])
+    ], 10, Xt));
+  }
+}), ea = /* @__PURE__ */ Q(sl, [["__scopeId", "data-v-5371c9ef"]]), ul = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], dl = {
+  key: 0,
+  class: "wx-radio__label"
+}, rl = /* @__PURE__ */ J({
+  name: "WxRadio",
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: /* @__PURE__ */ R({
+    value: { type: [String, Number, Boolean, null] },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { type: [String, Number, Boolean, null], default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = ce(Ze, null), o = le(a), c = d(
+      () => t ? t.modelValue.value === a.value : s.value === a.value
+    ), p = d(() => a.disabled || t?.disabled.value || o.disabled.value), h = d(() => a.size ?? t?.size.value ?? o.size.value), f = d(() => [
+      "wx-radio",
+      `wx-radio--${h.value}`,
+      { "is-checked": c.value, "is-disabled": p.value }
+    ]);
+    function m() {
+      t ? t.toggle(a.value, !0) : s.value = a.value, n("change", a.value);
+    }
+    return (g, y) => (l(), u("label", {
+      class: F(f.value)
+    }, [
+      x("input", te({
+        id: b(o).id.value
+      }, g.$attrs, {
+        class: "wx-radio__native",
+        type: "radio",
+        name: e.name ?? b(t)?.name.value,
+        checked: c.value,
+        disabled: p.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(o).describedBy.value,
+        onChange: m
+      }), null, 16, ul),
+      y[0] || (y[0] = x("span", {
+        class: "wx-radio__box",
+        "aria-hidden": "true"
+      }, [
+        x("span", { class: "wx-radio__dot" })
+      ], -1)),
+      e.label || g.$slots.default ? (l(), u("span", dl, [
+        N(g.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
+        ], !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), aa = /* @__PURE__ */ Q(rl, [["__scopeId", "data-v-a22bec4a"]]), cl = ["aria-labelledby", "aria-describedby"], vl = /* @__PURE__ */ J({
+  name: "WxRadioGroup",
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ R({
+    options: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    name: { default: void 0 },
+    inline: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: [String, Number, Boolean, null], default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = Te("wx-radio-group");
+    t.item?.registerLabelTarget(void 0);
+    const c = d(() => a.disabled ?? t.disabled.value), p = d(() => a.size ?? t.size.value), h = d(() => a.name ?? o);
+    function f(m) {
+      s.value !== m && (s.value = m, n("change", m));
+    }
+    return xe(Ze, {
+      name: h,
+      modelValue: d(() => s.value),
+      disabled: c,
+      size: p,
+      toggle: f
+    }), (m, g) => (l(), u("div", {
+      class: F(["wx-radio-group", { "wx-radio-group--inline": e.inline }]),
+      role: "radiogroup",
+      "aria-labelledby": b(t).item ? `${b(t).item.id.value}-label` : void 0,
+      "aria-describedby": b(t).describedBy.value
+    }, [
+      N(m.$slots, "default", {}, () => [
+        (l(!0), u(K, null, X(e.options, (y) => (l(), ie(aa, {
+          key: String(y.value),
+          value: y.value,
+          label: y.label,
+          disabled: y.disabled
+        }, null, 8, ["value", "label", "disabled"]))), 128))
+      ], !0)
+    ], 10, cl));
+  }
+}), fl = /* @__PURE__ */ Q(vl, [["__scopeId", "data-v-dcd2686e"]]), bl = ["id", "tabindex", "aria-label", "aria-describedby", "aria-valuemax", "aria-valuenow", "aria-readonly", "aria-disabled"], ml = ["onClick", "onMousemove"], pl = {
+  key: 0,
+  class: "wx-rate__value"
+}, hl = ["name", "value"], yl = /* @__PURE__ */ J({
+  name: "WxRate",
+  inheritAttrs: !1,
+  __name: "Rate",
+  props: /* @__PURE__ */ R({
+    max: { default: 5 },
+    allowHalf: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    showValue: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = q(null), c = d(() => !t.disabled.value && !a.readonly), p = d(() => o.value ?? s.value ?? 0), h = d(
+      () => Array.from({ length: a.max }, (B, $) => {
+        const r = $ + 1, S = Math.min(Math.max(p.value - $, 0), 1);
+        return { position: r, full: S >= 1, half: S > 0 && S < 1 };
+      })
+    ), f = d(() => [
+      "wx-rate",
+      `wx-rate--${t.size.value}`,
+      { "is-disabled": t.disabled.value, "is-readonly": a.readonly }
+    ]);
+    function m(B, $) {
+      if (!a.allowHalf) return B;
+      const r = $.currentTarget, { left: S, width: z } = r.getBoundingClientRect();
+      return $.clientX - S < z / 2 ? B - 0.5 : B;
+    }
+    function g(B, $ = !1) {
+      const r = $ && a.clearable && s.value === B ? 0 : B;
+      r !== s.value && (s.value = r, n("change", r));
+    }
+    function y(B, $) {
+      c.value && g(m(B, $), !0);
+    }
+    function P(B, $) {
+      c.value && (o.value = m(B, $));
+    }
+    function V(B) {
+      if (!c.value) return;
+      const $ = a.allowHalf ? 0.5 : 1, r = s.value ?? 0;
+      B.key === "ArrowRight" || B.key === "ArrowUp" ? (B.preventDefault(), g(Math.min(r + $, a.max))) : B.key === "ArrowLeft" || B.key === "ArrowDown" ? (B.preventDefault(), g(Math.max(r - $, 0))) : B.key === "Home" ? (B.preventDefault(), g(0)) : B.key === "End" && (B.preventDefault(), g(a.max));
+    }
+    return (B, $) => (l(), u("div", te({
+      id: b(t).id.value
+    }, B.$attrs, {
+      class: f.value,
+      role: "slider",
+      tabindex: c.value ? 0 : -1,
+      "aria-label": e.ariaLabel,
+      "aria-describedby": b(t).describedBy.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max,
+      "aria-valuenow": s.value ?? 0,
+      "aria-readonly": e.readonly || void 0,
+      "aria-disabled": b(t).disabled.value || void 0,
+      onKeydown: V,
+      onMouseleave: $[0] || ($[0] = (r) => o.value = null)
+    }), [
+      (l(!0), u(K, null, X(h.value, (r) => (l(), u("span", {
+        key: r.position,
+        class: F(["wx-rate__star", { "is-full": r.full, "is-half": r.half }]),
+        onClick: (S) => y(r.position, S),
+        onMousemove: (S) => P(r.position, S)
+      }, [...$[1] || ($[1] = [
+        x("svg", {
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true"
+        }, [
+          x("path", {
+            class: "wx-rate__outline",
+            d: "M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linejoin": "round"
+          }),
+          x("path", {
+            class: "wx-rate__fill",
+            d: "M12 3.5l2.6 5.3 5.9.9-4.2 4.1 1 5.8-5.3-2.8-5.3 2.8 1-5.8-4.2-4.1 5.9-.9z",
+            fill: "currentColor"
+          })
+        ], -1)
+      ])], 42, ml))), 128)),
+      e.showValue ? (l(), u("span", pl, D(s.value ?? 0), 1)) : C("", !0),
+      e.name ? (l(), u("input", {
+        key: 1,
+        type: "hidden",
+        name: e.name,
+        value: s.value ?? 0
+      }, null, 8, hl)) : C("", !0)
+    ], 16, bl));
+  }
+}), xl = /* @__PURE__ */ Q(yl, [["__scopeId", "data-v-7cbc0034"]]), gl = {
+  bold: "M7 5h6a3.5 3.5 0 0 1 0 7H7zm0 7h7a3.5 3.5 0 0 1 0 7H7z",
+  italic: "M15 5h-5M14 19H9M13.5 5 10.5 19",
+  strike: "M5 12h14M8 8.5A3 3 0 0 1 11 6h2a3 3 0 0 1 3 2.5M16 15.5A3 3 0 0 1 13 18h-2a3 3 0 0 1-3-2.5",
+  code: "m9 8-5 4 5 4M15 8l5 4-5 4",
+  bulletList: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01",
+  orderedList: "M10 6h10M10 12h10M10 18h10M4 6h1v4M4 10h2M4 14h2v2H4v2h2",
+  blockquote: "M7 15V9h4v6H7l-2 3M15 15V9h4v6h-4l-2 3",
+  hr: "M4 12h16",
+  link: "M10 13a4 4 0 0 0 5.7.4l2.6-2.6a4 4 0 0 0-5.7-5.7l-1.5 1.5M14 11a4 4 0 0 0-5.7-.4l-2.6 2.6a4 4 0 0 0 5.7 5.7l1.5-1.5",
+  table: "M4 6h16v12H4zM4 10h16M10 10v8M4 14h16",
+  image: "M4 6h16v12H4zM4 15l4-4 4 4 3-3 5 5M9 9.5h.01",
+  youtube: "M3 8.5A2.5 2.5 0 0 1 5.5 6h13A2.5 2.5 0 0 1 21 8.5v7a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 15.5zM10.5 9.5l4 2.5-4 2.5z",
+  undo: "M4 9h11a4.5 4.5 0 0 1 0 9h-4M4 9l4-4M4 9l4 4",
+  redo: "M20 9H9a4.5 4.5 0 0 0 0 9h4M20 9l-4-4M20 9l-4 4",
+  rowAfter: "M4 5h16M4 11h16M8 15v6M5 18h6",
+  rowBefore: "M4 19h16M4 13h16M8 3v6M5 6h6",
+  columnAfter: "M5 4v16M11 4v16M15 8h6M18 5v6",
+  columnBefore: "M19 4v16M13 4v16M3 8h6M6 5v6",
+  deleteRow: "M4 8h16M4 16h16M9 12h6",
+  deleteColumn: "M8 4v16M16 4v16M12 9v6",
+  deleteTable: "M5 7h14M9 7V5h6v2M7 7l1 12h8l1-12M10 11v4M14 11v4",
+  mergeCells: "M4 6h16v12H4zM12 6v3M12 15v3M9 12h6M9 12l2-2M9 12l2 2",
+  check: "m5 13 4 4L19 7",
+  close: "M6 6l12 12M18 6 6 18"
+}, kl = ["title", "aria-label", "aria-pressed", "disabled"], wl = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, $l = ["d"], _l = {
   key: 1,
-  class: "wx-card__footer"
-}, ee = /* @__PURE__ */ _({
-  name: "WxCard",
-  __name: "Card",
+  class: "wx-rich-text__tool-text"
+}, Bl = /* @__PURE__ */ J({
+  name: "WxRichTextToolbarButton",
+  __name: "ToolbarButton",
   props: {
-    title: { default: void 0 },
-    shadow: { default: "never" },
-    padding: { default: "md" },
-    borderless: { type: Boolean, default: !1 }
+    icon: { default: void 0 },
+    text: { default: void 0 },
+    label: {},
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const u = t, e = T(), a = r(() => !!(u.title || e.header || e.extra)), o = r(() => [
-      "wx-card",
-      `wx-card--shadow-${u.shadow}`,
-      `wx-card--padding-${u.padding}`,
-      { "wx-card--borderless": u.borderless }
+  emits: ["click"],
+  setup(e) {
+    return (_, a) => (l(), u("button", {
+      type: "button",
+      class: F(["wx-rich-text__tool", { "is-active": e.active }]),
+      title: e.label,
+      "aria-label": e.label,
+      "aria-pressed": e.active,
+      disabled: e.disabled,
+      onClick: a[0] || (a[0] = (n) => _.$emit("click"))
+    }, [
+      e.icon ? (l(), u("svg", wl, [
+        x("path", {
+          d: b(gl)[e.icon],
+          stroke: "currentColor",
+          "stroke-width": "1.7",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, $l)
+      ])) : (l(), u("span", _l, D(e.text), 1))
+    ], 10, kl));
+  }
+}), pe = /* @__PURE__ */ Q(Bl, [["__scopeId", "data-v-c8c7e143"]]), Ml = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "divider",
+  "h2",
+  "h3",
+  "h4",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "hr",
+  "divider",
+  "link",
+  "table",
+  "image",
+  "youtube",
+  "divider",
+  "undo",
+  "redo"
+], Cl = [
+  "image/png",
+  "image/jpeg",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml"
+], Me = {
+  bold: { label: "Bold", icon: "bold" },
+  italic: { label: "Italic", icon: "italic" },
+  strike: { label: "Strikethrough", icon: "strike" },
+  code: { label: "Inline code", icon: "code" },
+  h2: { label: "Heading 2", text: "H2" },
+  h3: { label: "Heading 3", text: "H3" },
+  h4: { label: "Heading 4", text: "H4" },
+  bulletList: { label: "Bulleted list", icon: "bulletList" },
+  orderedList: { label: "Numbered list", icon: "orderedList" },
+  blockquote: { label: "Quote", icon: "blockquote" },
+  hr: { label: "Divider", icon: "hr" },
+  link: { label: "Link", icon: "link" },
+  table: { label: "Table", icon: "table" },
+  image: { label: "Image", icon: "image" },
+  youtube: { label: "YouTube video", icon: "youtube" },
+  undo: { label: "Undo", icon: "undo" },
+  redo: { label: "Redo", icon: "redo" }
+}, Sl = [
+  { key: "addRowAfter", label: "Row below", icon: "rowAfter" },
+  { key: "addRowBefore", label: "Row above", icon: "rowBefore" },
+  { key: "addColumnAfter", label: "Column after", icon: "columnAfter" },
+  { key: "addColumnBefore", label: "Column before", icon: "columnBefore" },
+  { key: "deleteRow", label: "Delete row", icon: "deleteRow" },
+  { key: "deleteColumn", label: "Delete column", icon: "deleteColumn" },
+  { key: "mergeOrSplit", label: "Merge or split cells", icon: "mergeCells" },
+  { key: "deleteTable", label: "Delete table", icon: "deleteTable" }
+], Tl = ["aria-label"], Il = {
+  key: 0,
+  class: "wx-rich-text__divider",
+  "aria-hidden": "true"
+}, Vl = {
+  key: 0,
+  class: "wx-rich-text__uploading"
+}, zl = {
+  key: 0,
+  class: "wx-rich-text__toolbar wx-rich-text__toolbar--table"
+}, Pl = ["for"], Wl = ["id", "placeholder"], Al = {
+  key: 0,
+  class: "wx-rich-text__placeholder"
+}, Ll = ["accept"], Rl = /* @__PURE__ */ J({
+  name: "WxRichText",
+  inheritAttrs: !1,
+  __name: "RichText",
+  props: /* @__PURE__ */ R({
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    ariaLabel: { default: void 0 },
+    minHeight: { default: "220px" },
+    tools: { default: () => Ml },
+    upload: { type: Function, default: void 0 },
+    pickImage: { type: Function, default: void 0 },
+    accept: { default: () => Cl }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "focus", "blur", "uploadError"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(!1), p = q(0), h = q(null), f = q(null), m = d(() => !o.disabled.value && !n.readonly);
+    function g() {
+      const T = y.value;
+      return !T || T.isEmpty ? "" : T.getHTML();
+    }
+    const y = Ka({
+      content: t.value ?? "",
+      editable: m.value,
+      extensions: [
+        qa.configure({
+          link: {
+            openOnClick: !1,
+            autolink: !0,
+            HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+          }
+        }),
+        Ya.configure({ table: { resizable: !0 } }),
+        Xa.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
+        Ja.configure({ nocookie: !0, width: 640, height: 360 }),
+        Za.configure({
+          allowedMimeTypes: n.accept,
+          onDrop: (T, A, I) => {
+            r(A, I);
+          },
+          onPaste: (T, A) => {
+            r(A);
+          }
+        })
+      ],
+      onUpdate: () => {
+        const T = g();
+        t.value = T, s("change", T);
+      },
+      onFocus: () => {
+        c.value = !0, s("focus");
+      },
+      onBlur: () => {
+        c.value = !1, s("blur");
+      }
+    });
+    ne(t, (T) => {
+      const A = y.value;
+      A && (T ?? "") !== g() && A.commands.setContent(T ?? "", { emitUpdate: !1 });
+    }), ne(m, (T) => y.value?.setEditable(T));
+    const P = d(() => y.value?.isEmpty ?? !0), V = d(() => y.value?.isActive("table") ?? !1), B = d(() => [
+      "wx-rich-text",
+      `wx-rich-text--${o.size.value}`,
+      {
+        [`wx-rich-text--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": c.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": n.readonly
+      }
     ]);
-    return (l, c) => (n(), d("section", {
-      class: k(o.value)
+    function $(T, A, I) {
+      const oe = y.value;
+      if (!oe) return;
+      const ue = I ?? oe.state.selection.anchor;
+      oe.chain().focus().insertContentAt(ue, { type: "image", attrs: { src: T, alt: A } }).run();
+    }
+    async function r(T, A) {
+      if (n.upload)
+        for (const I of T) {
+          p.value += 1;
+          try {
+            const oe = await n.upload(I);
+            $(oe.url, oe.alt, A);
+          } catch (oe) {
+            s("uploadError", oe, I);
+          } finally {
+            p.value -= 1;
+          }
+        }
+    }
+    async function S() {
+      if (n.pickImage) {
+        const T = await n.pickImage();
+        T && $(T);
+        return;
+      }
+      h.value?.click();
+    }
+    function z(T) {
+      const A = T.target, I = Array.from(A.files ?? []);
+      A.value = "", r(I);
+    }
+    function H(T) {
+      const A = T === "link" ? y.value?.getAttributes("link").href ?? "" : "";
+      f.value = { kind: T, value: String(A) };
+    }
+    function M() {
+      const T = y.value, A = f.value;
+      if (!T || !A) return;
+      const I = A.value.trim();
+      A.kind === "link" ? I ? T.chain().focus().extendMarkRange("link").setLink({ href: I }).run() : T.chain().focus().extendMarkRange("link").unsetLink().run() : I && T.commands.setYoutubeVideo({ src: I }), f.value = null;
+    }
+    function w(T) {
+      return T === "image" ? !!(n.upload || n.pickImage) : !0;
+    }
+    const E = d(() => n.tools.filter(w));
+    function Z(T) {
+      const A = y.value;
+      if (!A) return !1;
+      switch (T) {
+        case "h2":
+          return A.isActive("heading", { level: 2 });
+        case "h3":
+          return A.isActive("heading", { level: 3 });
+        case "h4":
+          return A.isActive("heading", { level: 4 });
+        default:
+          return A.isActive(T);
+      }
+    }
+    function W(T) {
+      const A = y.value;
+      if (!A) return;
+      const I = A.chain().focus();
+      switch (T) {
+        case "bold":
+          I.toggleBold().run();
+          break;
+        case "italic":
+          I.toggleItalic().run();
+          break;
+        case "strike":
+          I.toggleStrike().run();
+          break;
+        case "code":
+          I.toggleCode().run();
+          break;
+        case "h2":
+          I.toggleHeading({ level: 2 }).run();
+          break;
+        case "h3":
+          I.toggleHeading({ level: 3 }).run();
+          break;
+        case "h4":
+          I.toggleHeading({ level: 4 }).run();
+          break;
+        case "bulletList":
+          I.toggleBulletList().run();
+          break;
+        case "orderedList":
+          I.toggleOrderedList().run();
+          break;
+        case "blockquote":
+          I.toggleBlockquote().run();
+          break;
+        case "hr":
+          I.setHorizontalRule().run();
+          break;
+        case "undo":
+          I.undo().run();
+          break;
+        case "redo":
+          I.redo().run();
+          break;
+        case "table":
+          I.insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+          break;
+        case "link":
+          H("link");
+          break;
+        case "youtube":
+          H("youtube");
+          break;
+        case "image":
+          S();
+          break;
+      }
+    }
+    function U(T) {
+      const A = y.value;
+      if (!A) return;
+      A.chain().focus()[T]().run();
+    }
+    return _({
+      editor: y,
+      focus: () => y.value?.commands.focus(),
+      clear: () => y.value?.commands.clearContent(!0)
+    }), (T, A) => (l(), u("div", {
+      class: F(B.value)
     }, [
-      a.value ? (n(), d("header", K, [
-        m("div", Q, [
-          p(l.$slots, "header", {}, () => [
-            j(B(t.title), 1)
+      x("div", {
+        class: "wx-rich-text__toolbar",
+        role: "toolbar",
+        "aria-label": e.ariaLabel ?? "Text formatting"
+      }, [
+        (l(!0), u(K, null, X(E.value, (I, oe) => (l(), u(K, {
+          key: `${I}-${oe}`
+        }, [
+          I === "divider" ? (l(), u("span", Il)) : (l(), ie(pe, {
+            key: 1,
+            icon: b(Me)[I].icon,
+            text: b(Me)[I].text,
+            label: b(Me)[I].label,
+            active: Z(I),
+            disabled: !m.value,
+            onClick: (ue) => W(I)
+          }, null, 8, ["icon", "text", "label", "active", "disabled", "onClick"]))
+        ], 64))), 128)),
+        p.value > 0 ? (l(), u("span", Vl, "Uploading…")) : C("", !0)
+      ], 8, Tl),
+      V.value && m.value ? (l(), u("div", zl, [
+        (l(!0), u(K, null, X(b(Sl), (I) => (l(), ie(pe, {
+          key: I.key,
+          icon: I.icon,
+          label: I.label,
+          onClick: (oe) => U(I.key)
+        }, null, 8, ["icon", "label", "onClick"]))), 128))
+      ])) : C("", !0),
+      f.value ? (l(), u("form", {
+        key: 1,
+        class: "wx-rich-text__prompt",
+        onSubmit: de(M, ["prevent"])
+      }, [
+        x("label", {
+          class: "wx-rich-text__prompt-label",
+          for: `${b(o).id.value}-prompt`
+        }, D(f.value.kind === "link" ? "Link address" : "YouTube URL"), 9, Pl),
+        ma(x("input", {
+          id: `${b(o).id.value}-prompt`,
+          "onUpdate:modelValue": A[0] || (A[0] = (I) => f.value.value = I),
+          class: "wx-rich-text__prompt-input",
+          type: "url",
+          placeholder: f.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
+          onKeydown: A[1] || (A[1] = pa((I) => f.value = null, ["esc"]))
+        }, null, 40, Wl), [
+          [ha, f.value.value]
+        ]),
+        O(pe, {
+          icon: "check",
+          label: "Apply",
+          onClick: M
+        }),
+        O(pe, {
+          icon: "close",
+          label: "Cancel",
+          onClick: A[2] || (A[2] = (I) => f.value = null)
+        })
+      ], 32)) : C("", !0),
+      x("div", {
+        class: "wx-rich-text__body",
+        style: ee({ minHeight: e.minHeight })
+      }, [
+        e.placeholder && P.value ? (l(), u("span", Al, D(e.placeholder), 1)) : C("", !0),
+        O(b(Ga), {
+          editor: b(y),
+          class: "wx-rich-text__content",
+          "aria-describedby": b(o).describedBy.value
+        }, null, 8, ["editor", "aria-describedby"])
+      ], 4),
+      e.upload && !e.pickImage ? (l(), u("input", {
+        key: 2,
+        ref_key: "fileInput",
+        ref: h,
+        class: "wx-rich-text__file",
+        type: "file",
+        accept: e.accept.join(","),
+        multiple: "",
+        onChange: z
+      }, null, 40, Ll)) : C("", !0)
+    ], 2));
+  }
+}), Fl = /* @__PURE__ */ Q(Rl, [["__scopeId", "data-v-80be39db"]]), Hl = { class: "wx-select__value" }, Dl = ["aria-label", "onClick"], Nl = {
+  key: 0,
+  class: "wx-select__single"
+}, Ul = {
+  key: 1,
+  class: "wx-select__placeholder"
+}, El = { class: "wx-select__option-label" }, Ol = /* @__PURE__ */ J({
+  name: "WxSelect",
+  inheritAttrs: !1,
+  __name: "Select",
+  props: /* @__PURE__ */ R({
+    options: { default: () => [] },
+    multiple: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    emptyText: { default: "Nothing found" },
+    teleport: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "clear", "open", "close", "search"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = q(!1), c = q(""), p = d({
+      get: () => a.multiple ? s.value ?? [] : s.value ?? null,
+      set: (z) => {
+        s.value = z, n("change", z);
+      }
+    }), h = (z) => a.options.find((H) => H.value === z)?.label ?? String(z), f = d(() => a.multiple ? (s.value ?? []).map((z) => ({ value: z, label: h(z) })) : []), m = d(() => {
+      if (a.multiple) return "";
+      const z = s.value;
+      return z == null ? "" : h(z);
+    }), g = d(
+      () => a.multiple ? f.value.length > 0 : s.value !== null && s.value !== void 0 && s.value !== ""
+    ), y = d(() => a.clearable && !t.disabled.value && g.value), P = d(() => [
+      "wx-select",
+      `wx-select--${t.size.value}`,
+      {
+        [`wx-select--${t.status.value}`]: t.status.value !== "default",
+        "is-open": o.value,
+        "is-disabled": t.disabled.value,
+        "is-multiple": a.multiple
+      }
+    ]);
+    ne(
+      () => s.value,
+      () => {
+        c.value = a.multiple ? "" : m.value;
+      },
+      { immediate: !0 }
+    ), ne(o, (z) => {
+      if (z) {
+        n("open");
+        return;
+      }
+      c.value = a.multiple ? "" : m.value, n("close");
+    });
+    function V() {
+      t.disabled.value || (o.value = !0);
+    }
+    function B(z) {
+      return z == null ? "" : h(z);
+    }
+    function $(z) {
+      n("search", z.target.value);
+    }
+    function r() {
+      s.value = a.multiple ? [] : null, n("change", s.value), n("clear");
+    }
+    function S(z) {
+      const H = (s.value ?? []).filter((M) => M !== z);
+      s.value = H, n("change", H);
+    }
+    return (z, H) => (l(), ie(b(za), {
+      modelValue: p.value,
+      "onUpdate:modelValue": H[1] || (H[1] = (M) => p.value = M),
+      open: o.value,
+      "onUpdate:open": H[2] || (H[2] = (M) => o.value = M),
+      multiple: e.multiple,
+      disabled: b(t).disabled.value,
+      name: e.name,
+      "ignore-filter": !e.filterable,
+      "open-on-click": !0,
+      class: F(P.value),
+      as: "div"
+    }, {
+      default: Y(() => [
+        O(b(Pa), {
+          class: "wx-select__anchor",
+          as: "div",
+          onClick: V
+        }, {
+          default: Y(() => [
+            x("div", Hl, [
+              e.multiple ? (l(!0), u(K, { key: 0 }, X(f.value, (M) => (l(), u("span", {
+                key: String(M.value),
+                class: "wx-select__tag"
+              }, [
+                ae(D(M.label) + " ", 1),
+                b(t).disabled.value ? C("", !0) : (l(), u("button", {
+                  key: 0,
+                  class: "wx-select__tag-remove",
+                  type: "button",
+                  tabindex: "-1",
+                  "aria-label": `Remove ${M.label}`,
+                  onClick: de((w) => S(M.value), ["stop"])
+                }, " ✕ ", 8, Dl))
+              ]))), 128)) : C("", !0),
+              e.filterable ? (l(), ie(b(Wa), te({
+                key: 1,
+                id: b(t).id.value
+              }, z.$attrs, {
+                modelValue: c.value,
+                "onUpdate:modelValue": H[0] || (H[0] = (M) => c.value = M),
+                class: "wx-select__input",
+                placeholder: e.placeholder,
+                "aria-label": e.ariaLabel,
+                "aria-describedby": b(t).describedBy.value,
+                "aria-invalid": b(t).status.value === "error" || void 0,
+                "display-value": e.multiple ? void 0 : B,
+                "auto-focus": "",
+                onInput: $
+              }), null, 16, ["id", "modelValue", "placeholder", "aria-label", "aria-describedby", "aria-invalid", "display-value"])) : (l(), u(K, { key: 2 }, [
+                !e.multiple && g.value ? (l(), u("span", Nl, D(m.value), 1)) : g.value ? C("", !0) : (l(), u("span", Ul, D(e.placeholder), 1))
+              ], 64))
+            ]),
+            y.value ? (l(), u("button", {
+              key: 0,
+              class: "wx-select__clear",
+              type: "button",
+              tabindex: "-1",
+              "aria-label": "Clear",
+              onClick: de(r, ["stop"])
+            }, " ✕ ")) : C("", !0),
+            O(b(Aa), {
+              id: e.filterable ? void 0 : b(t).id.value,
+              class: "wx-select__toggle",
+              "aria-label": e.ariaLabel,
+              "aria-describedby": b(t).describedBy.value
+            }, {
+              default: Y(() => [...H[3] || (H[3] = [
+                x("svg", {
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  x("path", {
+                    d: "m4 6 4 4 4-4",
+                    stroke: "currentColor",
+                    "stroke-width": "1.6",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1)
+              ])]),
+              _: 1
+            }, 8, ["id", "aria-label", "aria-describedby"])
+          ]),
+          _: 1
+        }),
+        O(b(La), {
+          disabled: !e.teleport
+        }, {
+          default: Y(() => [
+            O(b(Ra), {
+              class: "wx-select__content",
+              position: "popper",
+              "side-offset": 4
+            }, {
+              default: Y(() => [
+                O(b(Fa), { class: "wx-select__viewport" }, {
+                  default: Y(() => [
+                    O(b(Ha), { class: "wx-select__empty" }, {
+                      default: Y(() => [
+                        ae(D(e.emptyText), 1)
+                      ]),
+                      _: 1
+                    }),
+                    N(z.$slots, "default", {}, () => [
+                      (l(!0), u(K, null, X(e.options, (M) => (l(), ie(b(Da), {
+                        key: String(M.value),
+                        class: "wx-select__option",
+                        value: M.value,
+                        disabled: M.disabled
+                      }, {
+                        default: Y(() => [
+                          x("span", El, D(M.label), 1),
+                          O(b(Na), { class: "wx-select__check" }, {
+                            default: Y(() => [...H[4] || (H[4] = [
+                              x("svg", {
+                                viewBox: "0 0 16 16",
+                                fill: "none",
+                                "aria-hidden": "true"
+                              }, [
+                                x("path", {
+                                  d: "m3.5 8.5 3 3 6-6",
+                                  stroke: "currentColor",
+                                  "stroke-width": "2",
+                                  "stroke-linecap": "round",
+                                  "stroke-linejoin": "round"
+                                })
+                              ], -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "disabled"]))), 128))
+                    ], !0)
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["disabled"])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "open", "multiple", "disabled", "name", "ignore-filter", "class"]));
+  }
+}), jl = /* @__PURE__ */ Q(Ol, [["__scopeId", "data-v-c4893d5b"]]), Kl = { class: "wx-slider__row" }, Gl = {
+  key: 0,
+  class: "wx-slider__value"
+}, ql = {
+  key: 0,
+  class: "wx-slider__marks",
+  "aria-hidden": "true"
+}, Yl = /* @__PURE__ */ J({
+  name: "WxSlider",
+  inheritAttrs: !1,
+  __name: "Slider",
+  props: /* @__PURE__ */ R({
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    range: { type: Boolean, default: !1 },
+    minStepsBetweenThumbs: { default: 0 },
+    showValue: { type: Boolean, default: !1 },
+    marks: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => {
+      if (a.range) {
+        const m = Array.isArray(s.value) ? s.value : [];
+        return [m[0] ?? a.min, m[1] ?? a.max];
+      }
+      return [(Array.isArray(s.value) ? s.value[0] : s.value) ?? a.min];
+    });
+    function c(f) {
+      if (!f) return;
+      const m = a.range ? [...f] : f[0];
+      s.value = m, n("change", m);
+    }
+    const p = d(
+      () => Object.entries(a.marks ?? {}).map(([f, m]) => ({
+        value: Number(f),
+        label: m,
+        offset: (Number(f) - a.min) / (a.max - a.min) * 100
+      }))
+    ), h = d(() => [
+      "wx-slider",
+      `wx-slider--${t.size.value}`,
+      { "is-disabled": t.disabled.value, "is-range": a.range }
+    ]);
+    return (f, m) => (l(), u("div", {
+      class: F(h.value)
+    }, [
+      x("div", Kl, [
+        O(b(Ua), te({
+          id: b(t).id.value
+        }, f.$attrs, {
+          class: "wx-slider__root",
+          "model-value": o.value,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: b(t).disabled.value,
+          "min-steps-between-thumbs": e.minStepsBetweenThumbs,
+          name: e.name,
+          "onUpdate:modelValue": c
+        }), {
+          default: Y(() => [
+            O(b(Ea), { class: "wx-slider__track" }, {
+              default: Y(() => [
+                O(b(Oa), { class: "wx-slider__range" })
+              ]),
+              _: 1
+            }),
+            (l(!0), u(K, null, X(o.value.length, (g) => (l(), ie(b(ja), {
+              key: g,
+              class: "wx-slider__thumb",
+              "aria-label": e.ariaLabel,
+              "aria-describedby": b(t).describedBy.value
+            }, null, 8, ["aria-label", "aria-describedby"]))), 128))
+          ]),
+          _: 1
+        }, 16, ["id", "model-value", "min", "max", "step", "disabled", "min-steps-between-thumbs", "name"]),
+        e.showValue ? (l(), u("span", Gl, D(e.range ? `${o.value[0]} — ${o.value[1]}` : o.value[0]), 1)) : C("", !0)
+      ]),
+      p.value.length ? (l(), u("div", ql, [
+        (l(!0), u(K, null, X(p.value, (g) => (l(), u("span", {
+          key: g.value,
+          class: "wx-slider__mark",
+          style: ee({ left: `${g.offset}%` })
+        }, D(g.label), 5))), 128))
+      ])) : C("", !0)
+    ], 2));
+  }
+}), Xl = /* @__PURE__ */ Q(Yl, [["__scopeId", "data-v-49653b8d"]]), Jl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Zl = {
+  key: 0,
+  class: "wx-switch__label"
+}, Ql = /* @__PURE__ */ J({
+  name: "WxSwitch",
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ R({
+    activeValue: { type: [String, Number, Boolean, null], default: !0 },
+    inactiveValue: { type: [String, Number, Boolean, null], default: !1 },
+    label: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { type: [String, Number, Boolean, null], default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change"], ["update:modelValue"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "modelValue"), t = le(a), o = d(() => s.value === a.activeValue), c = d(() => a.size ?? t.size.value), p = d(() => [
+      "wx-switch",
+      `wx-switch--${c.value}`,
+      { "is-checked": o.value, "is-disabled": t.disabled.value }
+    ]);
+    function h(f) {
+      const m = f.target.checked ? a.activeValue : a.inactiveValue;
+      s.value = m, n("change", m);
+    }
+    return (f, m) => (l(), u("label", {
+      class: F(p.value)
+    }, [
+      x("input", te({
+        id: b(t).id.value
+      }, f.$attrs, {
+        class: "wx-switch__native",
+        type: "checkbox",
+        role: "switch",
+        name: e.name,
+        checked: o.value,
+        disabled: b(t).disabled.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(t).describedBy.value,
+        onChange: h
+      }), null, 16, Jl),
+      m[0] || (m[0] = x("span", {
+        class: "wx-switch__track",
+        "aria-hidden": "true"
+      }, [
+        x("span", { class: "wx-switch__thumb" })
+      ], -1)),
+      e.label || f.$slots.default ? (l(), u("span", Zl, [
+        N(f.$slots, "default", {}, () => [
+          ae(D(e.label), 1)
+        ], !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), eo = /* @__PURE__ */ Q(Ql, [["__scopeId", "data-v-b9a90e4d"]]), ao = {
+  key: 0,
+  class: "wx-table__header"
+}, to = { class: "wx-table__title" }, lo = { class: "wx-table__tools" }, oo = {
+  key: 0,
+  class: "wx-table__search"
+}, io = ["aria-label", "aria-busy"], no = { class: "wx-table__head" }, so = ["aria-sort"], uo = ["onClick"], ro = { class: "wx-table__body" }, co = ["onClick"], vo = ["aria-expanded", "aria-label", "onClick"], fo = {
+  key: 0,
+  class: "wx-table__row--expansion"
+}, bo = ["colspan"], mo = {
+  key: 0,
+  class: "wx-table__row wx-table__row--empty"
+}, po = ["colspan"], ho = {
+  key: 0,
+  class: "wx-table__foot"
+}, yo = ["colspan"], xo = {
+  key: 0,
+  class: "wx-table__footer-row"
+}, go = ["colspan"], ko = {
+  key: 1,
+  class: "wx-table__loading"
+}, he = 44, Ke = "wx-table:", wo = /* @__PURE__ */ J({
+  name: "WxTable",
+  __name: "Table",
+  props: /* @__PURE__ */ R({
+    data: { default: null },
+    columns: {},
+    rowKey: { type: [String, Function], default: "id" },
+    title: { default: void 0 },
+    searchable: { type: Boolean, default: !1 },
+    searchPlaceholder: { default: "Search" },
+    searchDebounce: { default: 300 },
+    loading: { type: Boolean, default: !1 },
+    emptyText: { default: "Nothing to show" },
+    stripe: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
+    hover: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    selectable: { type: Boolean, default: !1 },
+    selectableIf: { type: Function, default: void 0 },
+    expandable: { type: Boolean, default: !1 },
+    expandableIf: { type: Function, default: void 0 },
+    summary: { default: () => [] },
+    pagination: { type: Boolean, default: void 0 },
+    perPageOptions: { default: () => [] },
+    persist: { default: void 0 },
+    maxHeight: { default: void 0 },
+    rowClass: { type: Function, default: void 0 },
+    layout: { default: "auto" },
+    ariaLabel: { default: void 0 }
+  }, {
+    selected: { default: () => [] },
+    selectedModifiers: {},
+    expanded: { default: () => [] },
+    expandedModifiers: {},
+    sort: { default: null },
+    sortModifiers: {},
+    search: { default: "" },
+    searchModifiers: {},
+    page: { default: 1 },
+    pageModifiers: {},
+    perPage: { default: 15 },
+    perPageModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["row-click", "sort-change", "selection-change", "expand-change", "search", "state-change"], ["update:selected", "update:expanded", "update:sort", "update:search", "update:page", "update:perPage"]),
+  setup(e, { emit: _ }) {
+    const a = e, n = _, s = G(e, "selected"), t = G(e, "expanded"), o = G(e, "sort"), c = G(e, "search"), p = G(e, "page"), h = G(e, "perPage"), f = d(() => {
+      const i = a.data;
+      return i ? Array.isArray(i) ? i : i.data ?? [] : [];
+    }), m = d(() => a.data && !Array.isArray(a.data) ? a.data : null), g = d(() => a.pagination ?? !!m.value), y = d(() => a.columns.filter((i) => !i.hidden)), P = d(() => (a.expandable ? 1 : 0) + (a.selectable ? 1 : 0)), V = d(() => y.value.length + P.value), B = qe(), $ = d(
+      () => !!(a.title || a.searchable || B.title || B.actions)
+    ), r = d(() => [
+      "wx-table",
+      `wx-table--${a.size}`,
+      {
+        "wx-table--stripe": a.stripe,
+        "wx-table--bordered": a.bordered,
+        "wx-table--hover": a.hover,
+        "wx-table--sticky": a.maxHeight !== void 0,
+        "is-loading": a.loading
+      }
+    ]), S = d(
+      () => a.maxHeight === void 0 ? void 0 : { maxHeight: z(a.maxHeight) }
+    );
+    function z(i) {
+      return typeof i == "number" ? `${i}px` : i;
+    }
+    function H(i) {
+      if (typeof i.width == "number") return i.width;
+      if (typeof i.width == "string") {
+        const k = Number.parseFloat(i.width);
+        return Number.isFinite(k) ? k : 0;
+      }
+      return 0;
+    }
+    function M(i) {
+      return {
+        width: i.width === void 0 ? void 0 : z(i.width),
+        minWidth: i.minWidth === void 0 ? void 0 : z(i.minWidth)
+      };
+    }
+    const w = d(() => {
+      const i = /* @__PURE__ */ new Map();
+      let k = P.value * he;
+      const v = y.value.filter((se) => se.fixed === "left");
+      v.forEach((se, be) => {
+        i.set(se.key, { side: "left", offset: k, edge: be === v.length - 1 }), k += H(se);
+      });
+      let L = 0;
+      const j = y.value.filter((se) => se.fixed === "right");
+      for (let se = j.length - 1; se >= 0; se--) {
+        const be = j[se];
+        i.set(be.key, { side: "right", offset: L, edge: se === 0 }), L += H(be);
+      }
+      return i;
+    }), E = d(() => y.value.some((i) => i.fixed === "left")), Z = d(() => w.value.size > 0);
+    function W(i) {
+      const k = w.value.get(i.key);
+      if (k)
+        return { [`--wx-pin-${k.side}`]: `${k.offset}px` };
+    }
+    function U(i) {
+      const k = w.value.get(i.key);
+      if (k)
+        return [`is-fixed-${k.side}`, { "is-fixed-edge": k.edge }];
+    }
+    function T(i) {
+      return Z.value ? { "--wx-pin-left": `${i === "select" && a.expandable ? he : 0}px` } : void 0;
+    }
+    const A = d(
+      () => Z.value ? ["is-fixed-left", { "is-fixed-edge": !E.value }] : void 0
+    );
+    function I(i, k) {
+      return k.includes(".") ? k.split(".").reduce((v, L) => {
+        if (!(v === null || typeof v != "object"))
+          return v[L];
+      }, i) : i[k];
+    }
+    function oe(i, k, v) {
+      const L = I(k, i.key);
+      return i.formatter ? i.formatter(L, k, v) : L == null ? "" : String(L);
+    }
+    function ue(i, k) {
+      if (typeof a.rowKey == "function") return a.rowKey(i, k);
+      const v = I(i, a.rowKey);
+      return typeof v == "string" || typeof v == "number" ? v : k;
+    }
+    function Ve(i) {
+      return a.selectableIf ? a.selectableIf(i) : !0;
+    }
+    function ze(i) {
+      return a.expandableIf ? a.expandableIf(i) : !0;
+    }
+    const ta = d(() => f.value.filter(Ve)), re = d(
+      () => ta.value.map((i) => ue(i, f.value.indexOf(i)))
+    ), Pe = d(
+      () => re.value.filter((i) => s.value.includes(i)).length
+    ), We = d(
+      () => re.value.length > 0 && Pe.value === re.value.length
+    ), la = d(() => Pe.value > 0 && !We.value);
+    function Ae(i) {
+      return f.value.filter((k, v) => i.includes(ue(k, v)));
+    }
+    function ve(i) {
+      s.value = i, n("selection-change", i, Ae(i));
+    }
+    function oa(i) {
+      const k = re.value;
+      ve(i ? [...s.value, ...k.filter((v) => !s.value.includes(v))] : s.value.filter((v) => !k.includes(v)));
+    }
+    function ia(i, k, v) {
+      const L = ue(i, k);
+      v ? s.value.includes(L) || ve([...s.value, L]) : ve(s.value.filter((j) => j !== L));
+    }
+    function Le(i, k) {
+      return s.value.includes(ue(i, k));
+    }
+    function fe(i, k) {
+      return t.value.includes(ue(i, k));
+    }
+    function na(i, k) {
+      if (!ze(i)) return;
+      const v = ue(i, k), L = t.value.includes(v) ? t.value.filter((j) => j !== v) : [...t.value, v];
+      t.value = L, n("expand-change", L, Ae(L));
+    }
+    function sa(i) {
+      if (!i.sortable) return;
+      const k = o.value;
+      let v;
+      k?.key !== i.key ? v = { key: i.key, order: "asc" } : k.order === "asc" ? v = { key: i.key, order: "desc" } : v = null, o.value = v, p.value = 1, n("sort-change", v);
+    }
+    function ua(i) {
+      if (i.sortable)
+        return o.value?.key !== i.key ? "none" : o.value.order === "asc" ? "ascending" : "descending";
+    }
+    function Re(i) {
+      return o.value?.key === i.key ? o.value.order : null;
+    }
+    function $e(i) {
+      return i.align && i.align !== "left" ? `wx-table__cell--${i.align}` : void 0;
+    }
+    let _e;
+    const Be = q(c.value);
+    function da(i) {
+      c.value = i === void 0 ? "" : String(i);
+    }
+    function ra(i) {
+      clearTimeout(_e);
+      const k = () => {
+        Be.value = i, p.value = 1, n("search", i);
+      };
+      a.searchDebounce ? _e = setTimeout(k, a.searchDebounce) : k();
+    }
+    ya(() => clearTimeout(_e));
+    const Fe = d(() => ({
+      page: p.value,
+      perPage: h.value,
+      sort: o.value,
+      search: Be.value
+    }));
+    function ca() {
+      if (!a.persist) return;
+      let i = null;
+      try {
+        const k = window.localStorage.getItem(Ke + a.persist);
+        i = k ? JSON.parse(k) : null;
+      } catch {
+        return;
+      }
+      i && (typeof i.page == "number" && i.page > 0 && (p.value = i.page), typeof i.perPage == "number" && i.perPage > 0 && (h.value = i.perPage), typeof i.search == "string" && (c.value = i.search), i.sort === null ? o.value = null : i.sort && typeof i.sort.key == "string" && (o.value = { key: i.sort.key, order: i.sort.order === "desc" ? "desc" : "asc" }));
+    }
+    function va(i) {
+      if (a.persist)
+        try {
+          window.localStorage.setItem(Ke + a.persist, JSON.stringify(i));
+        } catch {
+        }
+    }
+    Ce(() => {
+      ca(), Be.value = c.value, n("state-change", Fe.value), ne(c, ra), ne(Fe, (i) => {
+        va(i), n("state-change", i);
+      });
+    });
+    function He(i) {
+      const k = i.cells ?? {}, v = y.value.findIndex((L) => L.key in k);
+      return v === -1 ? y.value.length : v;
+    }
+    function De(i) {
+      return P.value + He(i);
+    }
+    function fa(i) {
+      return y.value.slice(He(i));
+    }
+    function Ne(i, k) {
+      return i.cells?.[k.key];
+    }
+    function ba(i, k) {
+      const v = Ne(i, k);
+      return v == null ? "" : String(v);
+    }
+    return (i, k) => (l(), u("div", {
+      class: F(r.value)
+    }, [
+      $.value ? (l(), u("header", ao, [
+        x("div", to, [
+          N(i.$slots, "title", {}, () => [
+            ae(D(e.title), 1)
           ], !0)
         ]),
-        l.$slots.extra ? (n(), d("div", X, [
-          p(l.$slots, "extra", {}, void 0, !0)
-        ])) : f("", !0)
-      ])) : f("", !0),
-      m("div", Y, [
-        p(l.$slots, "default", {}, void 0, !0)
+        x("div", lo, [
+          N(i.$slots, "actions", {}, void 0, !0),
+          e.searchable ? (l(), u("div", oo, [
+            O(Qe, {
+              type: "search",
+              "model-value": c.value,
+              placeholder: e.searchPlaceholder,
+              size: e.size,
+              clearable: "",
+              "aria-label": e.searchPlaceholder,
+              "onUpdate:modelValue": da
+            }, null, 8, ["model-value", "placeholder", "size", "aria-label"])
+          ])) : C("", !0)
+        ])
+      ])) : C("", !0),
+      x("div", {
+        class: "wx-table__scroll",
+        style: ee(S.value)
+      }, [
+        x("table", {
+          class: F(["wx-table__table", { "wx-table__table--fixed": e.layout === "fixed" }]),
+          "aria-label": e.ariaLabel,
+          "aria-busy": e.loading || void 0
+        }, [
+          x("colgroup", null, [
+            e.expandable ? (l(), u("col", {
+              key: 0,
+              style: ee({ width: `${he}px` })
+            }, null, 4)) : C("", !0),
+            e.selectable ? (l(), u("col", {
+              key: 1,
+              style: ee({ width: `${he}px` })
+            }, null, 4)) : C("", !0),
+            (l(!0), u(K, null, X(y.value, (v) => (l(), u("col", {
+              key: v.key,
+              style: ee(M(v))
+            }, null, 4))), 128))
+          ]),
+          x("thead", no, [
+            x("tr", null, [
+              e.expandable ? (l(), u("th", {
+                key: 0,
+                scope: "col",
+                class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                style: ee(T("expand"))
+              }, [...k[4] || (k[4] = [
+                x("span", { class: "wx-table__sr-only" }, "Expand", -1)
+              ])], 6)) : C("", !0),
+              e.selectable ? (l(), u("th", {
+                key: 1,
+                scope: "col",
+                class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                style: ee(T("select"))
+              }, [
+                O(ye, {
+                  "model-value": We.value,
+                  indeterminate: la.value,
+                  disabled: !re.value.length,
+                  "aria-label": "Select every row on this page",
+                  "onUpdate:modelValue": oa
+                }, null, 8, ["model-value", "indeterminate", "disabled"])
+              ], 6)) : C("", !0),
+              (l(!0), u(K, null, X(y.value, (v) => (l(), u("th", {
+                key: v.key,
+                scope: "col",
+                class: F(["wx-table__cell", [$e(v), U(v), v.headerClass]]),
+                style: ee(W(v)),
+                "aria-sort": ua(v)
+              }, [
+                v.sortable ? (l(), u("button", {
+                  key: 0,
+                  class: "wx-table__sort",
+                  type: "button",
+                  onClick: (L) => sa(v)
+                }, [
+                  N(i.$slots, `header-${v.key}`, { column: v }, () => [
+                    ae(D(v.label ?? v.key), 1)
+                  ], !0),
+                  (l(), u("svg", {
+                    class: F(["wx-table__sort-icon", Re(v) ? `is-${Re(v)}` : void 0]),
+                    viewBox: "0 0 8 12",
+                    "aria-hidden": "true"
+                  }, [...k[5] || (k[5] = [
+                    x("path", {
+                      class: "wx-table__sort-up",
+                      d: "M4 1 7 5 1 5Z"
+                    }, null, -1),
+                    x("path", {
+                      class: "wx-table__sort-down",
+                      d: "M4 11 1 7 7 7Z"
+                    }, null, -1)
+                  ])], 2))
+                ], 8, uo)) : N(i.$slots, `header-${v.key}`, { column: v }, () => [
+                  ae(D(v.label ?? v.key), 1)
+                ], !0, 1)
+              ], 14, so))), 128))
+            ])
+          ]),
+          x("tbody", ro, [
+            (l(!0), u(K, null, X(f.value, (v, L) => (l(), u(K, {
+              key: ue(v, L)
+            }, [
+              x("tr", {
+                class: F(["wx-table__row", [
+                  e.rowClass?.(v, L),
+                  {
+                    "is-striped": L % 2 === 1,
+                    "is-selected": e.selectable && Le(v, L),
+                    "is-expanded": e.expandable && fe(v, L)
+                  }
+                ]]),
+                onClick: (j) => n("row-click", v, L, j)
+              }, [
+                e.expandable ? (l(), u("td", {
+                  key: 0,
+                  class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                  style: ee(T("expand")),
+                  onClick: k[0] || (k[0] = de(() => {
+                  }, ["stop"]))
+                }, [
+                  ze(v) ? (l(), u("button", {
+                    key: 0,
+                    class: "wx-table__expander",
+                    type: "button",
+                    "aria-expanded": fe(v, L),
+                    "aria-label": fe(v, L) ? "Collapse row" : "Expand row",
+                    onClick: (j) => na(v, L)
+                  }, [...k[6] || (k[6] = [
+                    x("svg", {
+                      viewBox: "0 0 12 12",
+                      "aria-hidden": "true"
+                    }, [
+                      x("path", { d: "M4.5 2 8.5 6l-4 4" })
+                    ], -1)
+                  ])], 8, vo)) : C("", !0)
+                ], 6)) : C("", !0),
+                e.selectable ? (l(), u("td", {
+                  key: 1,
+                  class: F(["wx-table__cell wx-table__cell--utility", A.value]),
+                  style: ee(T("select")),
+                  onClick: k[1] || (k[1] = de(() => {
+                  }, ["stop"]))
+                }, [
+                  O(ye, {
+                    "model-value": Le(v, L),
+                    disabled: !Ve(v),
+                    "aria-label": "Select row",
+                    "onUpdate:modelValue": (j) => ia(v, L, j)
+                  }, null, 8, ["model-value", "disabled", "onUpdate:modelValue"])
+                ], 6)) : C("", !0),
+                (l(!0), u(K, null, X(y.value, (j) => (l(), u("td", {
+                  key: j.key,
+                  class: F(["wx-table__cell", [$e(j), U(j), j.cellClass]]),
+                  style: ee(W(j))
+                }, [
+                  N(i.$slots, `cell-${j.key}`, {
+                    row: v,
+                    value: I(v, j.key),
+                    index: L,
+                    column: j
+                  }, () => [
+                    ae(D(oe(j, v, L)), 1)
+                  ], !0)
+                ], 6))), 128))
+              ], 10, co),
+              e.expandable && fe(v, L) ? (l(), u("tr", fo, [
+                x("td", {
+                  class: "wx-table__cell wx-table__expansion",
+                  colspan: V.value
+                }, [
+                  N(i.$slots, "expanded", {
+                    row: v,
+                    index: L
+                  }, void 0, !0)
+                ], 8, bo)
+              ])) : C("", !0)
+            ], 64))), 128)),
+            !f.value.length && !e.loading ? (l(), u("tr", mo, [
+              x("td", {
+                class: "wx-table__cell wx-table__empty",
+                colspan: V.value
+              }, [
+                N(i.$slots, "empty", {}, () => [
+                  ae(D(e.emptyText), 1)
+                ], !0)
+              ], 8, po)
+            ])) : C("", !0)
+          ]),
+          e.summary.length || i.$slots.footer || g.value ? (l(), u("tfoot", ho, [
+            (l(!0), u(K, null, X(e.summary, (v, L) => (l(), u("tr", {
+              key: L,
+              class: F(["wx-table__summary", [v.class, { "is-strong": v.strong }]])
+            }, [
+              De(v) > 0 ? (l(), u("td", {
+                key: 0,
+                class: "wx-table__cell wx-table__summary-label",
+                colspan: De(v)
+              }, D(v.label), 9, yo)) : C("", !0),
+              (l(!0), u(K, null, X(fa(v), (j) => (l(), u("td", {
+                key: j.key,
+                class: F(["wx-table__cell", $e(j)])
+              }, [
+                N(i.$slots, `summary-${j.key}`, {
+                  row: v,
+                  value: Ne(v, j)
+                }, () => [
+                  ae(D(ba(v, j)), 1)
+                ], !0)
+              ], 2))), 128))
+            ], 2))), 128)),
+            i.$slots.footer || g.value ? (l(), u("tr", xo, [
+              x("td", {
+                class: "wx-table__cell",
+                colspan: V.value
+              }, [
+                N(i.$slots, "footer", {}, () => [
+                  O(ea, {
+                    page: p.value,
+                    "onUpdate:page": k[2] || (k[2] = (v) => p.value = v),
+                    "per-page": h.value,
+                    "onUpdate:perPage": k[3] || (k[3] = (v) => h.value = v),
+                    paginator: m.value,
+                    "per-page-options": e.perPageOptions,
+                    size: e.size,
+                    disabled: e.loading
+                  }, null, 8, ["page", "per-page", "paginator", "per-page-options", "size", "disabled"])
+                ], !0)
+              ], 8, go)
+            ])) : C("", !0)
+          ])) : C("", !0)
+        ], 10, io)
+      ], 4),
+      e.loading ? (l(), u("div", ko, [
+        N(i.$slots, "loading", {}, () => [
+          k[7] || (k[7] = x("span", {
+            class: "wx-table__spinner",
+            "aria-hidden": "true"
+          }, null, -1)),
+          k[8] || (k[8] = x("span", { class: "wx-table__loading-text" }, "Loading", -1))
+        ], !0)
+      ])) : C("", !0)
+    ], 2));
+  }
+}), $o = /* @__PURE__ */ Q(wo, [["__scopeId", "data-v-8fdfcfc9"]]), _o = ["aria-label", "onClick"], Bo = ["id", "value", "placeholder", "disabled", "aria-label", "aria-describedby", "aria-invalid", "aria-expanded"], Mo = {
+  key: 0,
+  class: "wx-tags-input__list",
+  role: "listbox"
+}, Co = ["aria-selected", "onMousedown", "onMousemove"], So = ["name"], To = ["value"], Io = /* @__PURE__ */ J({
+  name: "WxTagsInput",
+  inheritAttrs: !1,
+  __name: "TagsInput",
+  props: /* @__PURE__ */ R({
+    suggestions: { default: () => [] },
+    placeholder: { default: void 0 },
+    emptyText: { default: "Nothing found" },
+    max: { default: void 0 },
+    duplicates: { type: Boolean, default: !1 },
+    allowCreate: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["change", "search"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(""), h = q(!1), f = q(-1), m = q(-1), g = d(() => t.value ?? []), y = d(
+      () => n.suggestions.filter((w) => !g.value.includes(w))
+    ), P = d(() => h.value && y.value.length > 0), V = d(() => n.max !== void 0 && g.value.length >= n.max), B = d(() => [
+      "wx-tags-input",
+      `wx-tags-input--${o.size.value}`,
+      {
+        [`wx-tags-input--${o.status.value}`]: o.status.value !== "default",
+        "is-open": P.value,
+        "is-disabled": o.disabled.value
+      }
+    ]);
+    ne(y, () => {
+      f.value = -1;
+    });
+    function $(w) {
+      t.value = w, s("change", w);
+    }
+    function r(w) {
+      const E = w.trim();
+      if (!(!E || V.value)) {
+        if (!n.duplicates && g.value.includes(E)) {
+          p.value = "";
+          return;
+        }
+        $([...g.value, E]), p.value = "", h.value = !1, m.value = -1;
+      }
+    }
+    function S(w) {
+      $(g.value.filter((E, Z) => Z !== w)), m.value = -1;
+    }
+    function z(w) {
+      const E = w.target.value;
+      p.value = E, m.value = -1, f.value = -1, E && (h.value = !0), s("search", E);
+    }
+    function H(w) {
+      if (w.key === "Escape") {
+        h.value = !1, m.value = -1;
+        return;
+      }
+      if (w.key === "Backspace" && p.value === "" && g.value.length > 0) {
+        w.preventDefault(), m.value === g.value.length - 1 ? S(m.value) : m.value = g.value.length - 1;
+        return;
+      }
+      if (w.key === "ArrowDown" && P.value) {
+        w.preventDefault(), f.value = (f.value + 1) % y.value.length;
+        return;
+      }
+      if (w.key === "ArrowUp" && P.value) {
+        w.preventDefault(), f.value = f.value <= 0 ? y.value.length - 1 : f.value - 1;
+        return;
+      }
+      w.key === "Enter" && (w.preventDefault(), P.value && f.value >= 0 ? r(y.value[f.value]) : n.allowCreate && r(p.value));
+    }
+    function M() {
+      m.value = -1, window.setTimeout(() => {
+        h.value = !1;
+      }, 120);
+    }
+    return _({ focus: () => c.value?.focus() }), (w, E) => (l(), u("div", {
+      class: F(B.value)
+    }, [
+      x("div", {
+        class: "wx-tags-input__anchor",
+        onClick: E[1] || (E[1] = (Z) => c.value?.focus())
+      }, [
+        (l(!0), u(K, null, X(g.value, (Z, W) => (l(), u("span", {
+          key: Z,
+          class: F(["wx-tags-input__tag", { "is-armed": W === m.value }])
+        }, [
+          ae(D(Z) + " ", 1),
+          b(o).disabled.value ? C("", !0) : (l(), u("button", {
+            key: 0,
+            class: "wx-tags-input__remove",
+            type: "button",
+            tabindex: "-1",
+            "aria-label": `Remove ${Z}`,
+            onClick: de((U) => S(W), ["stop"])
+          }, " ✕ ", 8, _o))
+        ], 2))), 128)),
+        x("input", te({
+          id: b(o).id.value,
+          ref_key: "inputRef",
+          ref: c
+        }, w.$attrs, {
+          class: "wx-tags-input__field",
+          type: "text",
+          role: "combobox",
+          autocomplete: "off",
+          value: p.value,
+          placeholder: e.placeholder,
+          disabled: b(o).disabled.value,
+          "aria-label": e.ariaLabel,
+          "aria-describedby": b(o).describedBy.value,
+          "aria-invalid": b(o).status.value === "error" || void 0,
+          "aria-expanded": P.value,
+          onInput: z,
+          onKeydown: H,
+          onFocus: E[0] || (E[0] = (Z) => h.value = !0),
+          onBlur: M
+        }), null, 16, Bo),
+        P.value ? (l(), u("ul", Mo, [
+          (l(!0), u(K, null, X(y.value, (Z, W) => (l(), u("li", {
+            key: Z,
+            class: F(["wx-tags-input__option", { "is-highlighted": W === f.value }]),
+            role: "option",
+            "aria-selected": W === f.value,
+            onMousedown: de((U) => r(Z), ["prevent"]),
+            onMousemove: (U) => f.value = W
+          }, D(Z), 43, Co))), 128))
+        ])) : C("", !0)
       ]),
-      l.$slots.footer ? (n(), d("footer", Z, [
-        p(l.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      e.name ? (l(), u("select", {
+        key: 0,
+        class: "wx-sr-only",
+        name: e.name,
+        multiple: "",
+        tabindex: "-1",
+        "aria-hidden": "true"
+      }, [
+        (l(!0), u(K, null, X(g.value, (Z) => (l(), u("option", {
+          key: Z,
+          value: Z,
+          selected: ""
+        }, D(Z), 9, To))), 128))
+      ], 8, So)) : C("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-5d02af6e"]]), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Vo = /* @__PURE__ */ Q(Io, [["__scopeId", "data-v-fcf7fe37"]]), zo = ["id", "value", "rows", "placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], Po = {
+  key: 0,
+  class: "wx-textarea__count"
+}, Wo = /* @__PURE__ */ J({
+  name: "WxTextarea",
+  inheritAttrs: !1,
+  __name: "Textarea",
+  props: /* @__PURE__ */ R({
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    placeholder: { default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: !1 },
+    rows: { default: 3 },
+    autosize: { type: [Boolean, Object], default: !1 },
+    maxlength: { default: void 0 },
+    showCount: { type: Boolean, default: !1 },
+    resize: { default: "vertical" },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ R(["input", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: _, emit: a }) {
+    const n = e, s = a, t = G(e, "modelValue"), o = le(n), c = q(null), p = q(!1), h = d(() => t.value ?? ""), f = d(
+      () => n.showCount && n.maxlength ? `${h.value.length}/${n.maxlength}` : null
+    ), m = d(
+      () => n.autosize === !0 ? {} : n.autosize === !1 ? null : n.autosize
+    ), g = d(() => [
+      "wx-textarea",
+      `wx-textarea--${o.size.value}`,
+      {
+        [`wx-textarea--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": p.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": n.readonly,
+        "is-autosize": !!m.value
+      }
+    ]);
+    function y() {
+      const r = m.value, S = c.value;
+      if (!r || !S) return;
+      S.style.height = "auto";
+      const z = getComputedStyle(S), H = Number.parseFloat(z.lineHeight) || 20, M = Number.parseFloat(z.paddingTop) + Number.parseFloat(z.paddingBottom) + Number.parseFloat(z.borderTopWidth) + Number.parseFloat(z.borderBottomWidth);
+      let w = S.scrollHeight;
+      r.minRows && (w = Math.max(w, r.minRows * H + M)), r.maxRows && (w = Math.min(w, r.maxRows * H + M)), S.style.height = `${w}px`, S.style.overflowY = r.maxRows && S.scrollHeight > w ? "auto" : "hidden";
+    }
+    Ce(() => Ue(y)), ne([h, m], () => Ue(y));
+    function P(r) {
+      const S = r.target.value;
+      t.value = S, s("input", S);
+    }
+    function V(r) {
+      s("change", r.target.value);
+    }
+    function B(r) {
+      p.value = !0, s("focus", r);
+    }
+    function $(r) {
+      p.value = !1, s("blur", r);
+    }
+    return _({
+      focus: () => c.value?.focus(),
+      blur: () => c.value?.blur(),
+      select: () => c.value?.select(),
+      textarea: c
+    }), (r, S) => (l(), u("div", {
+      class: F(g.value)
+    }, [
+      x("textarea", te({
+        id: b(o).id.value,
+        ref_key: "textareaRef",
+        ref: c
+      }, r.$attrs, {
+        class: "wx-textarea__inner",
+        value: h.value,
+        rows: e.rows,
+        placeholder: e.placeholder,
+        disabled: b(o).disabled.value,
+        readonly: e.readonly,
+        maxlength: e.maxlength,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": b(o).describedBy.value,
+        "aria-invalid": b(o).status.value === "error" || void 0,
+        style: { resize: e.resize },
+        onInput: P,
+        onChange: V,
+        onFocus: B,
+        onBlur: $
+      }), null, 16, zo),
+      f.value ? (l(), u("span", Po, D(f.value), 1)) : C("", !0)
+    ], 2));
+  }
+}), Ao = /* @__PURE__ */ Q(Wo, [["__scopeId", "data-v-bbca9693"]]), Lo = /* @__PURE__ */ J({
+  name: "WxTimePicker",
+  __name: "TimePicker",
+  props: /* @__PURE__ */ R({
+    valueFormat: { default: void 0 },
+    format: { default: void 0 },
+    placeholder: { default: void 0 },
+    clearable: { type: Boolean, default: void 0 },
+    minDate: { default: void 0 },
+    maxDate: { default: void 0 },
+    seconds: { type: Boolean, default: void 0 },
+    minutesIncrement: { default: void 0 },
+    is24: { type: Boolean, default: void 0 },
+    weekStart: { default: void 0 },
+    autoApply: { type: Boolean, default: void 0 },
+    textInput: { type: Boolean, default: void 0 },
+    teleport: { type: [Boolean, String], default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
+    size: { default: void 0 },
+    status: { default: void 0 },
+    id: { default: void 0 },
+    name: { default: void 0 },
+    ariaLabel: { default: void 0 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const _ = G(e, "modelValue");
+    return (a, n) => (l(), ie(Ie, te({
+      modelValue: _.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => _.value = s),
+      type: "time"
+    }, a.$props), ge({ _: 2 }, [
+      X(a.$slots, (s, t) => ({
+        name: t,
+        fn: Y((o) => [
+          N(a.$slots, t, ke(we(o ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue"]));
+  }
+}), Ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  WxButton: R,
-  WxCard: te,
-  WxInput: J
-}, Symbol.toStringTag, { value: "Module" })), le = {
-  install(t, u = {}) {
-    const { prefix: e = "Wx" } = u;
-    for (const [a, o] of Object.entries(ae)) {
-      if (!a.startsWith("Wx")) continue;
-      const l = e === "Wx" ? a : `${e}${a.slice(2)}`;
-      t.component(l, o);
+  WxButton: lt,
+  WxCard: ft,
+  WxCheckbox: ye,
+  WxCheckboxGroup: _t,
+  WxColorPicker: It,
+  WxDatePicker: Ie,
+  WxDateRangePicker: Vt,
+  WxDateTimePicker: zt,
+  WxForm: Wt,
+  WxFormItem: Ht,
+  WxInput: Qe,
+  WxInputNumber: Yt,
+  WxPagination: ea,
+  WxRadio: aa,
+  WxRadioGroup: fl,
+  WxRate: xl,
+  WxRichText: Fl,
+  WxSelect: jl,
+  WxSlider: Xl,
+  WxSwitch: eo,
+  WxTable: $o,
+  WxTagsInput: Vo,
+  WxTextarea: Ao,
+  WxTimePicker: Lo
+}, Symbol.toStringTag, { value: "Module" })), Go = {
+  install(e, _ = {}) {
+    const { prefix: a = "Wx" } = _;
+    for (const [n, s] of Object.entries(Ro)) {
+      if (!n.startsWith("Wx")) continue;
+      const t = a === "Wx" ? n : `${a}${n.slice(2)}`;
+      e.component(t, s);
     }
   }
 };
 export {
-  le as WebxUI,
-  R as WxButton,
-  te as WxCard,
-  J as WxInput
+  Go as WebxUI,
+  lt as WxButton,
+  ft as WxCard,
+  ye as WxCheckbox,
+  _t as WxCheckboxGroup,
+  It as WxColorPicker,
+  Ie as WxDatePicker,
+  Vt as WxDateRangePicker,
+  zt as WxDateTimePicker,
+  Wt as WxForm,
+  Ht as WxFormItem,
+  Qe as WxInput,
+  Yt as WxInputNumber,
+  ea as WxPagination,
+  aa as WxRadio,
+  fl as WxRadioGroup,
+  xl as WxRate,
+  Fl as WxRichText,
+  jl as WxSelect,
+  Xl as WxSlider,
+  eo as WxSwitch,
+  $o as WxTable,
+  Vo as WxTagsInput,
+  Ao as WxTextarea,
+  Lo as WxTimePicker
 };
 //# sourceMappingURL=index.js.map