@webx-ui/core 0.0.1 → 0.1.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 E, computed as u, openBlock as n, createBlock as Q, resolveDynamicComponent as xe, mergeProps as K, withCtx as H, createElementBlock as d, renderSlot as P, createCommentVNode as W, useSlots as Ce, normalizeClass as U, createElementVNode as I, createTextVNode as ee, toDisplayString as N, inject as te, provide as ne, useModel as G, ref as D, onMounted as ke, watch as Z, unref as s, mergeModels as S, Fragment as X, renderList as q, createVNode as F, normalizeStyle as ae, withModifiers as le, createSlots as ue, normalizeProps as se, guardReactiveProps as de, toRef as oe, withDirectives as Ve, withKeys as Ie, vModelText as Te, nextTick as be } from "vue";
+import { VueDatePicker as ge } from "@vuepic/vue-datepicker";
+import { colorToHex as pe, getAreaBackgroundStyle as ze, getSliderBackgroundStyle as We, PopoverRoot as Se, PopoverAnchor as Ae, PopoverPortal as Le, PopoverContent as Re, ColorAreaRoot as He, ColorAreaArea as De, ColorAreaThumb as Fe, ColorSliderRoot as Pe, ColorSliderTrack as Ne, ColorSliderThumb as Ue, convertToHsb as he, parseColor as Ee, ComboboxRoot as Oe, ComboboxAnchor as je, ComboboxInput as Ge, ComboboxTrigger as qe, ComboboxPortal as Ke, ComboboxContent as Ye, ComboboxViewport as Xe, ComboboxEmpty as Qe, ComboboxItem as Je, ComboboxItemIndicator as Ze, SliderRoot as ea, SliderTrack as aa, SliderRange as la, SliderThumb as ta } from "reka-ui";
+import { useEditor as oa, EditorContent as ia } from "@tiptap/vue-3";
+import na from "@tiptap/starter-kit";
+import { TableKit as ua } from "@tiptap/extension-table";
+import sa from "@tiptap/extension-image";
+import da from "@tiptap/extension-youtube";
+import ra from "@tiptap/extension-file-handler";
+const ca = {
   key: 0,
   class: "wx-button__spinner",
   "aria-hidden": "true"
-}, P = {
+}, va = {
   key: 1,
   class: "wx-button__icon"
-}, E = {
+}, fa = {
   key: 2,
   class: "wx-button__label"
-}, L = /* @__PURE__ */ _({
+}, ma = /* @__PURE__ */ E({
   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: y }) {
+    const a = e, t = y, i = u(() => a.disabled || a.loading), l = u(() => a.href ? "a" : "button"), o = u(() => [
       "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": i.value
+      }
+    ]), v = u(
+      () => a.href ? {
+        href: i.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": i.value ? "true" : void 0,
+        tabindex: i.value ? -1 : void 0
       } : {
-        type: e.nativeType,
-        disabled: o.value
+        type: a.nativeType,
+        disabled: i.value
       }
     );
-    function x(i) {
-      if (o.value) {
-        i.preventDefault(), i.stopPropagation();
+    function m(b) {
+      if (i.value) {
+        b.preventDefault(), b.stopPropagation();
         return;
       }
-      a("click", i);
+      t("click", b);
     }
-    return (i, b) => (n(), D(M(l.value), $({ ...v.value, ...i.$attrs }, {
-      class: c.value,
-      "aria-busy": t.loading || void 0,
-      onClick: x
+    return (b, c) => (n(), Q(xe(l.value), K({ ...v.value, ...b.$attrs }, {
+      class: o.value,
+      "aria-busy": e.loading || void 0,
+      onClick: m
     }), {
-      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: H(() => [
+        e.loading ? (n(), d("span", ca)) : b.$slots.icon ? (n(), d("span", va, [
+          P(b.$slots, "icon", {}, void 0, !0)
+        ])) : W("", !0),
+        b.$slots.default ? (n(), d("span", fa, [
+          P(b.$slots, "default", {}, void 0, !0)
+        ])) : W("", !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 = {
+}), j = (e, y) => {
+  const a = e.__vccOpts || e;
+  for (const [t, i] of y)
+    a[t] = i;
+  return a;
+}, ba = /* @__PURE__ */ j(ma, [["__scopeId", "data-v-11c2b24d"]]), pa = {
+  key: 0,
+  class: "wx-card__header"
+}, ha = { class: "wx-card__title" }, ya = {
+  key: 0,
+  class: "wx-card__extra"
+}, xa = { class: "wx-card__body" }, ka = {
+  key: 0,
+  class: "wx-card__layout"
+}, ga = { class: "wx-card__sidebar" }, wa = { class: "wx-card__content" }, $a = {
+  key: 1,
+  class: "wx-card__footer"
+}, _a = /* @__PURE__ */ E({
+  name: "WxCard",
+  __name: "Card",
+  props: {
+    title: { default: void 0 },
+    shadow: { default: "always" },
+    padding: { default: "md" },
+    bordered: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const y = e, a = Ce(), t = u(() => !!(y.title || a.header || a.extra)), i = u(() => !!a.sidebar), l = u(() => [
+      "wx-card",
+      `wx-card--shadow-${y.shadow}`,
+      `wx-card--padding-${y.padding}`,
+      {
+        "wx-card--bordered": y.bordered,
+        "wx-card--with-sidebar": i.value
+      }
+    ]);
+    return (o, v) => (n(), d("section", {
+      class: U(l.value)
+    }, [
+      t.value ? (n(), d("header", pa, [
+        I("div", ha, [
+          P(o.$slots, "header", {}, () => [
+            ee(N(e.title), 1)
+          ], !0)
+        ]),
+        o.$slots.extra ? (n(), d("div", ya, [
+          P(o.$slots, "extra", {}, void 0, !0)
+        ])) : W("", !0)
+      ])) : W("", !0),
+      I("div", xa, [
+        i.value ? (n(), d("div", ka, [
+          I("aside", ga, [
+            P(o.$slots, "sidebar", {}, void 0, !0)
+          ]),
+          I("div", wa, [
+            P(o.$slots, "default", {}, void 0, !0)
+          ])
+        ])) : P(o.$slots, "default", {}, void 0, !0, 1)
+      ]),
+      o.$slots.footer ? (n(), d("footer", $a, [
+        P(o.$slots, "footer", {}, void 0, !0)
+      ])) : W("", !0)
+    ], 2));
+  }
+}), Ba = /* @__PURE__ */ j(_a, [["__scopeId", "data-v-604cd918"]]), ce = /* @__PURE__ */ Symbol("wx-form"), we = /* @__PURE__ */ Symbol("wx-form-item");
+let ye = 0;
+function ve(e = "wx") {
+  return ye += 1, `${e}-${ye}`;
+}
+function Y(e) {
+  const y = te(ce, null), a = te(we, null), t = ve("wx-control"), i = u(() => e.id ?? a?.id.value ?? t), l = u(
+    () => e.disabled || a?.disabled.value || y?.disabled.value || !1
+  ), o = u(
+    () => e.size ?? a?.size.value ?? y?.size.value ?? "md"
+  ), v = u(() => e.status && e.status !== "default" ? e.status : a?.status.value ?? "default"), m = u(() => a?.describedBy.value);
+  return { id: i, disabled: l, size: o, status: v, describedBy: m, form: y, item: a };
+}
+const $e = /* @__PURE__ */ Symbol("wx-checkbox-group"), _e = /* @__PURE__ */ Symbol("wx-radio-group");
+function Ma(e) {
+  ne(we, e);
+}
+const Ca = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Va = {
+  class: "wx-checkbox__box",
+  "aria-hidden": "true"
+}, Ia = {
+  class: "wx-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, Ta = {
+  key: 0,
+  d: "M4 8h8",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round"
+}, za = {
+  key: 1,
+  d: "M3.5 8.5l3 3 6-6",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, Wa = {
+  key: 0,
+  class: "wx-checkbox__label"
+}, Sa = /* @__PURE__ */ E({
+  name: "WxCheckbox",
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = te($e, null), o = Y(a), v = D(null), m = u(
+      () => l ? l.modelValue.value.includes(a.value ?? null) : i.value === !0
+    ), b = u(() => a.disabled || l?.disabled.value || o.disabled.value), c = u(() => a.size ?? l?.size.value ?? o.size.value), r = u(() => [
+      "wx-checkbox",
+      `wx-checkbox--${c.value}`,
+      {
+        "is-checked": m.value,
+        "is-indeterminate": a.indeterminate && !m.value,
+        "is-disabled": b.value
+      }
+    ]);
+    function h() {
+      v.value && (v.value.indeterminate = a.indeterminate && !m.value);
+    }
+    ke(h), Z([() => a.indeterminate, m], h);
+    function p(T) {
+      const M = T.target.checked;
+      l ? l.toggle(a.value ?? null, M) : i.value = M, t("change", M);
+    }
+    return (T, M) => (n(), d("label", {
+      class: U(r.value)
+    }, [
+      I("input", K({
+        id: s(o).id.value,
+        ref_key: "inputRef",
+        ref: v
+      }, T.$attrs, {
+        class: "wx-checkbox__native",
+        type: "checkbox",
+        name: e.name ?? s(l)?.name.value,
+        checked: m.value,
+        disabled: b.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(o).describedBy.value,
+        onChange: p
+      }), null, 16, Ca),
+      I("span", Va, [
+        (n(), d("svg", Ia, [
+          e.indeterminate && !m.value ? (n(), d("path", Ta)) : (n(), d("path", za))
+        ]))
+      ]),
+      e.label || T.$slots.default ? (n(), d("span", Wa, [
+        P(T.$slots, "default", {}, () => [
+          ee(N(e.label), 1)
+        ], !0)
+      ])) : W("", !0)
+    ], 2));
+  }
+}), Be = /* @__PURE__ */ j(Sa, [["__scopeId", "data-v-c35cc837"]]), Aa = ["aria-labelledby", "aria-describedby"], La = /* @__PURE__ */ E({
+  name: "WxCheckboxGroup",
+  __name: "CheckboxGroup",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a);
+    l.item?.registerLabelTarget(void 0);
+    const o = u(() => a.disabled ?? l.disabled.value), v = u(() => a.size ?? l.size.value);
+    function m(b, c) {
+      const r = i.value ?? [];
+      if (c) {
+        if (r.includes(b) || a.max !== void 0 && r.length >= a.max) return;
+        i.value = [...r, b];
+      } else {
+        if (a.min !== void 0 && r.length <= a.min) return;
+        i.value = r.filter((h) => h !== b);
+      }
+      t("change", i.value);
+    }
+    return ne($e, {
+      name: u(() => a.name),
+      modelValue: u(() => i.value ?? []),
+      disabled: o,
+      size: v,
+      toggle: m
+    }), (b, c) => (n(), d("div", {
+      class: U(["wx-checkbox-group", { "wx-checkbox-group--inline": e.inline }]),
+      role: "group",
+      "aria-labelledby": s(l).item ? `${s(l).item.id.value}-label` : void 0,
+      "aria-describedby": s(l).describedBy.value
+    }, [
+      P(b.$slots, "default", {}, () => [
+        (n(!0), d(X, null, q(e.options, (r) => (n(), Q(Be, {
+          key: String(r.value),
+          value: r.value,
+          label: r.label,
+          disabled: r.disabled
+        }, null, 8, ["value", "label", "disabled"]))), 128))
+      ], !0)
+    ], 10, Aa));
+  }
+}), Ra = /* @__PURE__ */ j(La, [["__scopeId", "data-v-8a0c916b"]]), Ha = ["disabled", "aria-label"], Da = ["id", "value", "name", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid"], Fa = {
+  key: 0,
+  class: "wx-color-picker__presets"
+}, Pa = ["aria-label", "aria-pressed", "onClick"], Na = /* @__PURE__ */ E({
+  name: "WxColorPicker",
+  inheritAttrs: !1,
+  __name: "ColorPicker",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i, t = e, i = y, l = G(e, "modelValue"), o = Y(t), v = D(!1), m = D(l.value ?? "");
+    Z(l, (x) => {
+      m.value = x ?? "";
+    });
+    function b(x) {
+      return he(Ee(x));
+    }
+    const c = D(
+      b(l.value && a.test(l.value) ? l.value : "#427edd")
+    );
+    Z(l, (x) => {
+      const k = x && a.test(x) ? x : null;
+      !k || k === pe(c.value).toLowerCase() || (c.value = b(k));
+    });
+    const r = u(
+      () => ze(c.value, "saturation", "brightness", "hsb")
+    ), h = u(() => We(c.value, "hue", "hsb")), p = u(() => l.value && a.test(l.value) ? l.value : null), T = u(() => [
+      "wx-color-picker",
+      `wx-color-picker--${o.size.value}`,
+      {
+        [`wx-color-picker--${o.status.value}`]: o.status.value !== "default",
+        "is-open": v.value,
+        "is-disabled": o.disabled.value
+      }
+    ]);
+    function M(x) {
+      l.value !== x && (l.value = x, i("change", x));
+    }
+    function g(x) {
+      const k = x.target.value;
+      m.value = k, a.test(k) ? M(k.toLowerCase()) : k === "" && M(null);
+    }
+    function C() {
+      if (m.value === "") {
+        M(null);
+        return;
+      }
+      const x = m.value.startsWith("#") ? m.value : `#${m.value}`;
+      a.test(x) ? (M(x.toLowerCase()), m.value = x.toLowerCase()) : m.value = l.value ?? "";
+    }
+    function f(x) {
+      c.value = he(x), M(pe(x).toLowerCase());
+    }
+    function $(x) {
+      const k = x.toLowerCase();
+      c.value = b(k), M(k);
+    }
+    function V() {
+      M(null), m.value = "";
+    }
+    function L() {
+      !o.disabled.value && !t.readonly && (v.value = !0);
+    }
+    return (x, k) => (n(), Q(s(Se), {
+      open: v.value,
+      "onUpdate:open": k[0] || (k[0] = (R) => v.value = R)
+    }, {
+      default: H(() => [
+        I("div", {
+          class: U(T.value)
+        }, [
+          F(s(Ae), { "as-child": "" }, {
+            default: H(() => [
+              I("div", {
+                class: "wx-color-picker__field",
+                onClick: L
+              }, [
+                I("button", {
+                  class: U(["wx-color-picker__swatch", { "is-empty": !p.value }]),
+                  type: "button",
+                  disabled: s(o).disabled.value,
+                  "aria-label": e.ariaLabel ?? "Pick a colour",
+                  style: ae(p.value ? { background: p.value } : void 0)
+                }, null, 14, Ha),
+                I("input", K({
+                  id: s(o).id.value
+                }, x.$attrs, {
+                  class: "wx-color-picker__input",
+                  type: "text",
+                  autocomplete: "off",
+                  spellcheck: "false",
+                  value: m.value,
+                  name: e.name,
+                  placeholder: e.placeholder,
+                  disabled: s(o).disabled.value,
+                  readonly: e.readonly,
+                  "aria-label": e.ariaLabel,
+                  "aria-describedby": s(o).describedBy.value,
+                  "aria-invalid": s(o).status.value === "error" || void 0,
+                  onInput: g,
+                  onBlur: C
+                }), null, 16, Da),
+                e.clearable && p.value && !s(o).disabled.value ? (n(), d("button", {
+                  key: 0,
+                  class: "wx-color-picker__clear",
+                  type: "button",
+                  tabindex: "-1",
+                  "aria-label": "Clear",
+                  onClick: le(V, ["stop"])
+                }, " ✕ ")) : W("", !0)
+              ])
+            ]),
+            _: 1
+          }),
+          F(s(Le), {
+            disabled: !e.teleport
+          }, {
+            default: H(() => [
+              F(s(Re), {
+                class: "wx-color-picker__panel",
+                "side-offset": 4,
+                align: "start"
+              }, {
+                default: H(() => [
+                  F(s(He), {
+                    class: "wx-color-picker__area",
+                    "color-space": "hsb",
+                    "x-channel": "saturation",
+                    "y-channel": "brightness",
+                    "model-value": c.value,
+                    "onUpdate:color": f
+                  }, {
+                    default: H(() => [
+                      F(s(De), {
+                        class: "wx-color-picker__area-surface",
+                        style: ae(r.value)
+                      }, {
+                        default: H(() => [
+                          F(s(Fe), { class: "wx-color-picker__thumb" })
+                        ]),
+                        _: 1
+                      }, 8, ["style"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]),
+                  F(s(Pe), {
+                    class: "wx-color-picker__hue",
+                    "color-space": "hsb",
+                    channel: "hue",
+                    "model-value": c.value,
+                    "onUpdate:color": f
+                  }, {
+                    default: H(() => [
+                      F(s(Ne), {
+                        class: "wx-color-picker__hue-track",
+                        style: ae(h.value)
+                      }, {
+                        default: H(() => [
+                          F(s(Ue), { class: "wx-color-picker__thumb" })
+                        ]),
+                        _: 1
+                      }, 8, ["style"])
+                    ]),
+                    _: 1
+                  }, 8, ["model-value"]),
+                  e.presets.length ? (n(), d("div", Fa, [
+                    (n(!0), d(X, null, q(e.presets, (R) => (n(), d("button", {
+                      key: R,
+                      class: "wx-color-picker__preset",
+                      type: "button",
+                      style: ae({ background: R }),
+                      "aria-label": R,
+                      "aria-pressed": l.value === R,
+                      onClick: (O) => $(R)
+                    }, null, 12, Pa))), 128))
+                  ])) : W("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), Ua = /* @__PURE__ */ j(Na, [["__scopeId", "data-v-aab2d65f"]]), fe = /* @__PURE__ */ E({
+  name: "WxDatePicker",
+  inheritAttrs: !1,
+  __name: "DatePicker",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => a.type !== "date"), v = u(() => {
+      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";
+    }), m = u(() => {
+      if (a.format) return a.format;
+      const M = a.seconds ? "HH:mm:ss" : "HH:mm";
+      return a.type === "time" ? M : a.type === "datetime" ? `dd.MM.yyyy ${M}` : "dd.MM.yyyy";
+    }), b = u(() => a.type === "time" ? { modeHeight: 125 } : void 0), c = u(() => ({
+      enableTimePicker: o.value,
+      enableSeconds: a.seconds,
+      is24: a.is24,
+      minutesIncrement: a.minutesIncrement
+    })), r = u(() => ({
+      id: l.id.value,
+      name: a.name,
+      clearable: a.clearable,
+      // The library reads `state: false` as invalid; leaving it undefined means neutral.
+      state: l.status.value === "error" ? !1 : void 0,
+      "aria-label": a.ariaLabel,
+      "aria-describedby": l.describedBy.value
+    })), h = u(() => [
+      "wx-datepicker",
+      `wx-datepicker--${l.size.value}`,
+      {
+        [`wx-datepicker--${l.status.value}`]: l.status.value !== "default",
+        "is-disabled": l.disabled.value
+      }
+    ]);
+    function p(M) {
+      i.value = M, t("change", M);
+    }
+    function T() {
+      i.value = null, t("change", null), t("clear");
+    }
+    return (M, g) => (n(), d("div", {
+      class: U(h.value)
+    }, [
+      F(s(ge), K({
+        "model-value": i.value,
+        "model-type": v.value,
+        formats: { input: m.value },
+        "time-picker": e.type === "time",
+        "time-config": c.value,
+        config: b.value,
+        "input-attrs": r.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: s(l).disabled.value,
+        readonly: e.readonly
+      }, M.$attrs, {
+        "onUpdate:modelValue": p,
+        onCleared: T,
+        onOpen: g[0] || (g[0] = (C) => t("open")),
+        onClosed: g[1] || (g[1] = (C) => t("close"))
+      }), ue({ _: 2 }, [
+        q(M.$slots, (C, f) => ({
+          name: f,
+          fn: H(($) => [
+            P(M.$slots, f, se(de($ ?? {})))
+          ])
+        }))
+      ]), 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));
+  }
+}), Ea = /* @__PURE__ */ E({
+  name: "WxDateRangePicker",
+  inheritAttrs: !1,
+  __name: "DateRangePicker",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change", "clear", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(
+      () => a.valueFormat === "date" ? void 0 : a.valueFormat ?? "yyyy-MM-dd"
+    ), v = u(() => a.format ?? "dd.MM.yyyy"), m = u(() => ({
+      id: l.id.value,
+      name: a.name,
+      clearable: a.clearable,
+      state: l.status.value === "error" ? !1 : void 0,
+      "aria-label": a.ariaLabel,
+      "aria-describedby": l.describedBy.value
+    })), b = u(() => [
+      "wx-datepicker",
+      "wx-datepicker--range",
+      `wx-datepicker--${l.size.value}`,
+      {
+        [`wx-datepicker--${l.status.value}`]: l.status.value !== "default",
+        "is-disabled": l.disabled.value
+      }
+    ]);
+    function c(h) {
+      i.value = h, t("change", h);
+    }
+    function r() {
+      i.value = null, t("change", null), t("clear");
+    }
+    return (h, p) => (n(), d("div", {
+      class: U(b.value)
+    }, [
+      F(s(ge), K({
+        range: "",
+        "model-value": i.value,
+        "model-type": o.value,
+        formats: { input: v.value },
+        "multi-calendars": e.months,
+        "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: s(l).disabled.value,
+        readonly: e.readonly
+      }, h.$attrs, {
+        "onUpdate:modelValue": c,
+        onCleared: r,
+        onOpen: p[0] || (p[0] = (T) => t("open")),
+        onClosed: p[1] || (p[1] = (T) => t("close"))
+      }), ue({ _: 2 }, [
+        q(h.$slots, (T, M) => ({
+          name: M,
+          fn: H((g) => [
+            P(h.$slots, M, se(de(g ?? {})))
+          ])
+        }))
+      ]), 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));
+  }
+}), Oa = /* @__PURE__ */ E({
+  name: "WxDateTimePicker",
+  __name: "DateTimePicker",
+  props: /* @__PURE__ */ S({
+    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 y = G(e, "modelValue");
+    return (a, t) => (n(), Q(fe, K({
+      modelValue: y.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (i) => y.value = i),
+      type: "datetime"
+    }, a.$props), ue({ _: 2 }, [
+      q(a.$slots, (i, l) => ({
+        name: l,
+        fn: H((o) => [
+          P(a.$slots, l, se(de(o ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue"]));
+  }
+}), ja = /* @__PURE__ */ E({
+  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: y }) {
+    const a = e, t = y, i = u(() => a.errors ?? {});
+    ne(ce, {
+      errors: i,
+      disabled: oe(a, "disabled"),
+      size: oe(a, "size"),
+      labelPosition: oe(a, "labelPosition"),
+      labelWidth: oe(a, "labelWidth")
+    });
+    function l(v) {
+      v.preventDefault(), t("submit", v);
+    }
+    function o(v) {
+      t("reset", v);
+    }
+    return (v, m) => (n(), d("form", {
+      class: U(["wx-form", `wx-form--gap-${e.gap}`, `wx-form--label-${e.labelPosition}`]),
+      novalidate: "",
+      onSubmit: l,
+      onReset: o
+    }, [
+      P(v.$slots, "default", {}, void 0, !0)
+    ], 34));
+  }
+}), Ga = /* @__PURE__ */ j(ja, [["__scopeId", "data-v-bfab857f"]]), qa = {
+  key: 0,
+  class: "wx-form-item__required",
+  "aria-hidden": "true"
+}, Ka = { class: "wx-form-item__control" }, Ya = {
+  key: 2,
+  class: "wx-form-item__error",
+  "aria-hidden": "true"
+}, Xa = /* @__PURE__ */ E({
+  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: y }) {
+    const a = e, t = te(ce, null), i = ve("wx-field"), l = `${i}-error`, o = `${i}-help`, v = D("control"), m = D(i);
+    function b(f) {
+      if (f === void 0) {
+        v.value = "group";
+        return;
+      }
+      v.value = "control", m.value = f;
+    }
+    const c = u(() => a.error !== void 0 ? Array.isArray(a.error) ? a.error : [a.error] : a.name && t ? t.errors.value[a.name] ?? [] : []), r = u(() => c.value.length > 0), h = u(() => r.value ? "error" : "default"), p = u(() => r.value ? l : a.help ? o : void 0), T = u(() => a.size), M = u(() => a.disabled), g = u(() => a.labelWidth ?? t?.labelWidth.value), C = u(() => t?.labelPosition.value === "left");
+    return Ma({
+      id: u(() => i),
+      describedBy: p,
+      status: h,
+      disabled: M,
+      size: T,
+      registerLabelTarget: b
+    }), y({ messages: c, hasError: r }), (f, $) => (n(), d("div", {
+      class: U([
+        "wx-form-item",
+        { "wx-form-item--inline": C.value, "is-error": r.value, "is-required": e.required }
+      ]),
+      style: ae(C.value && g.value ? { "--wx-form-item-label-width": g.value } : void 0)
+    }, [
+      e.label || f.$slots.label ? (n(), Q(xe(v.value === "group" ? "span" : "label"), {
+        key: 0,
+        id: `${s(i)}-label`,
+        class: "wx-form-item__label",
+        for: v.value === "group" ? void 0 : m.value
+      }, {
+        default: H(() => [
+          P(f.$slots, "label", {}, () => [
+            ee(N(e.label), 1)
+          ], !0),
+          e.required ? (n(), d("span", qa, "*")) : W("", !0)
+        ]),
+        _: 3
+      }, 8, ["id", "for"])) : W("", !0),
+      I("div", Ka, [
+        P(f.$slots, "default", {}, void 0, !0),
+        r.value ? (n(), d("p", {
+          key: 0,
+          id: l,
+          class: "wx-form-item__error",
+          role: "alert"
+        }, N(c.value[0]), 1)) : e.help ? (n(), d("p", {
+          key: 1,
+          id: o,
+          class: "wx-form-item__help"
+        }, N(e.help), 1)) : e.reserveErrorSpace ? (n(), d("p", Ya, " ")) : W("", !0)
+      ])
+    ], 6));
+  }
+}), Qa = /* @__PURE__ */ j(Xa, [["__scopeId", "data-v-0b8142de"]]), Ja = {
   key: 0,
   class: "wx-input__affix wx-input__affix--prefix"
-}, H = ["type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-invalid"], U = {
+}, Za = ["id", "type", "value", "placeholder", "disabled", "readonly", "maxlength", "autocomplete", "aria-label", "aria-describedby", "aria-invalid"], el = {
   key: 2,
   class: "wx-input__count"
-}, q = {
+}, al = {
   key: 3,
   class: "wx-input__affix wx-input__affix--suffix"
-}, G = /* @__PURE__ */ _({
+}, ll = /* @__PURE__ */ E({
   name: "WxInput",
   inheritAttrs: !1,
   __name: "Input",
-  props: /* @__PURE__ */ w({
+  props: /* @__PURE__ */ S({
+    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,1626 @@ 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__ */ S(["input", "change", "focus", "blur", "clear"], ["update:modelValue"]),
+  setup(e, { expose: y, emit: a }) {
+    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => l.value == null ? "" : String(l.value)), c = u(
+      () => t.clearable && !o.disabled.value && !t.readonly && b.value.length > 0
+    ), r = u(
+      () => t.showCount && t.maxlength ? `${b.value.length}/${t.maxlength}` : null
+    ), h = u(() => [
       "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": m.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": t.readonly
       }
     ]);
-    function W(s) {
-      const h = s.target.value;
-      l.value = h, o("input", h);
-    }
-    function I(s) {
-      o("change", s.target.value);
-    }
-    function V(s) {
-      v.value = !0, o("focus", s);
-    }
-    function z(s) {
-      v.value = !1, o("blur", s);
-    }
-    function S() {
-      l.value = "", o("input", ""), o("change", ""), o("clear"), c.value?.focus();
-    }
-    return u({
-      focus: () => c.value?.focus(),
-      blur: () => c.value?.blur(),
-      select: () => c.value?.select(),
-      input: c
-    }), (s, h) => (n(), d("div", {
-      class: k(C.value)
-    }, [
-      s.$slots.prefix ? (n(), d("span", F, [
-        p(s.$slots, "prefix", {}, void 0, !0)
-      ])) : f("", !0),
-      m("input", $({
+    function p(f) {
+      const $ = f.target.value;
+      l.value = $, i("input", $);
+    }
+    function T(f) {
+      i("change", f.target.value);
+    }
+    function M(f) {
+      m.value = !0, i("focus", f);
+    }
+    function g(f) {
+      m.value = !1, i("blur", f);
+    }
+    function C() {
+      l.value = "", i("input", ""), i("change", ""), i("clear"), v.value?.focus();
+    }
+    return y({
+      focus: () => v.value?.focus(),
+      blur: () => v.value?.blur(),
+      select: () => v.value?.select(),
+      input: v
+    }), (f, $) => (n(), d("div", {
+      class: U(h.value)
+    }, [
+      f.$slots.prefix ? (n(), d("span", Ja, [
+        P(f.$slots, "prefix", {}, void 0, !0)
+      ])) : W("", !0),
+      I("input", K({
+        id: s(o).id.value,
         ref_key: "inputRef",
-        ref: c
-      }, s.$attrs, {
+        ref: v
+      }, f.$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,
-        onFocus: V,
-        onBlur: z
-      }), null, 16, H),
-      i.value ? (n(), d("button", {
+        type: e.type,
+        value: b.value,
+        placeholder: e.placeholder,
+        disabled: s(o).disabled.value,
+        readonly: e.readonly,
+        maxlength: e.maxlength,
+        autocomplete: e.autocomplete,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(o).describedBy.value,
+        "aria-invalid": s(o).status.value === "error" || void 0,
+        onInput: p,
+        onChange: T,
+        onFocus: M,
+        onBlur: g
+      }), null, 16, Za),
+      c.value ? (n(), d("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
+      }, " ✕ ")) : W("", !0),
+      r.value ? (n(), d("span", el, N(r.value), 1)) : W("", !0),
+      f.$slots.suffix ? (n(), d("span", al, [
+        P(f.$slots, "suffix", {}, void 0, !0)
+      ])) : W("", !0)
+    ], 2));
+  }
+}), tl = /* @__PURE__ */ j(ll, [["__scopeId", "data-v-82a546ac"]]), ol = ["disabled"], il = ["id", "name", "value", "placeholder", "disabled", "readonly", "aria-label", "aria-describedby", "aria-invalid", "aria-valuenow", "aria-valuemin", "aria-valuemax"], nl = ["disabled"], ul = /* @__PURE__ */ E({
+  name: "WxInputNumber",
+  inheritAttrs: !1,
+  __name: "InputNumber",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: y, emit: a }) {
+    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => {
+      if (t.precision !== void 0) return t.precision;
+      const [, B = ""] = String(t.step).split(".");
+      return B.length;
+    });
+    function c(B) {
+      const A = 10 ** b.value;
+      return Math.round((B + Number.EPSILON) * A) / A;
+    }
+    function r(B) {
+      let A = B;
+      return t.min !== void 0 && (A = Math.max(A, t.min)), t.max !== void 0 && (A = Math.min(A, t.max)), c(A);
+    }
+    const h = u(
+      () => typeof l.value == "number" && Number.isFinite(l.value) ? l.value : null
+    ), p = D(h.value === null ? "" : h.value.toFixed(b.value));
+    Z(h, (B) => {
+      m.value || (p.value = B === null ? "" : B.toFixed(b.value));
+    });
+    const T = u(() => o.disabled.value), M = u(
+      () => !T.value && !t.readonly && (t.min === void 0 || (h.value ?? 0) > t.min)
+    ), g = u(
+      () => !T.value && !t.readonly && (t.max === void 0 || (h.value ?? 0) < t.max)
+    ), C = u(() => [
+      "wx-input-number",
+      `wx-input-number--${o.size.value}`,
+      `wx-input-number--controls-${t.controls ? t.controlsPosition : "none"}`,
+      {
+        [`wx-input-number--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": m.value,
+        "is-disabled": T.value
+      }
+    ]);
+    function f(B) {
+      l.value !== B && (l.value = B, i("change", B));
+    }
+    function $(B) {
+      if (T.value || t.readonly) return;
+      const A = h.value ?? r(0), _ = r(A + B * t.step);
+      f(_), p.value = _.toFixed(b.value);
+    }
+    function V(B) {
+      p.value = B.target.value;
+      const A = Number.parseFloat(p.value);
+      p.value === "" ? f(null) : Number.isFinite(A) && f(c(A));
+    }
+    function L() {
+      if (p.value.trim() === "") {
+        f(null), p.value = "";
+        return;
+      }
+      const B = Number.parseFloat(p.value);
+      if (!Number.isFinite(B)) {
+        p.value = h.value === null ? "" : h.value.toFixed(b.value);
+        return;
+      }
+      const A = r(B);
+      f(A), p.value = A.toFixed(b.value);
+    }
+    function x(B) {
+      m.value = !0, i("focus", B);
+    }
+    function k(B) {
+      m.value = !1, L(), i("blur", B);
+    }
+    function R(B) {
+      !t.wheel || !m.value || T.value || t.readonly || (B.preventDefault(), $(B.deltaY < 0 ? 1 : -1));
+    }
+    function O(B) {
+      B.key === "ArrowUp" ? (B.preventDefault(), $(1)) : B.key === "ArrowDown" ? (B.preventDefault(), $(-1)) : B.key === "Enter" && L();
+    }
+    return y({
+      focus: () => v.value?.focus(),
+      blur: () => v.value?.blur(),
+      increase: () => $(1),
+      decrease: () => $(-1),
+      input: v
+    }), (B, A) => (n(), d("div", {
+      class: U(C.value)
+    }, [
+      e.controls ? (n(), d("button", {
+        key: 0,
+        class: "wx-input-number__button wx-input-number__button--decrease",
+        type: "button",
+        tabindex: "-1",
+        "aria-label": "Decrease",
+        disabled: !M.value,
+        onClick: A[0] || (A[0] = (_) => $(-1))
+      }, [...A[2] || (A[2] = [
+        I("svg", {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [
+          I("path", {
+            d: "M3.5 8h9",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round"
+          })
+        ], -1)
+      ])], 8, ol)) : W("", !0),
+      I("input", K({
+        id: s(o).id.value,
+        ref_key: "inputRef",
+        ref: v
+      }, B.$attrs, {
+        class: "wx-input-number__inner",
+        type: "text",
+        inputmode: "decimal",
+        autocomplete: "off",
+        name: e.name,
+        value: p.value,
+        placeholder: e.placeholder,
+        disabled: T.value,
+        readonly: e.readonly,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(o).describedBy.value,
+        "aria-invalid": s(o).status.value === "error" || void 0,
+        role: "spinbutton",
+        "aria-valuenow": h.value ?? void 0,
+        "aria-valuemin": e.min,
+        "aria-valuemax": e.max,
+        onInput: V,
+        onFocus: x,
+        onBlur: k,
+        onKeydown: O,
+        onWheel: R
+      }), null, 16, il),
+      e.controls ? (n(), d("button", {
+        key: 1,
+        class: "wx-input-number__button wx-input-number__button--increase",
+        type: "button",
+        tabindex: "-1",
+        "aria-label": "Increase",
+        disabled: !g.value,
+        onClick: A[1] || (A[1] = (_) => $(1))
+      }, [...A[3] || (A[3] = [
+        I("svg", {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          "aria-hidden": "true"
+        }, [
+          I("path", {
+            d: "M8 3.5v9M3.5 8h9",
+            stroke: "currentColor",
+            "stroke-width": "1.5",
+            "stroke-linecap": "round"
+          })
+        ], -1)
+      ])], 8, nl)) : W("", !0)
     ], 2));
   }
-}), J = /* @__PURE__ */ y(G, [["__scopeId", "data-v-962ec44e"]]), K = {
+}), sl = /* @__PURE__ */ j(ul, [["__scopeId", "data-v-1dcbf297"]]), dl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], rl = {
   key: 0,
-  class: "wx-card__header"
-}, Q = { class: "wx-card__title" }, X = {
+  class: "wx-radio__label"
+}, cl = /* @__PURE__ */ E({
+  name: "WxRadio",
+  inheritAttrs: !1,
+  __name: "Radio",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = te(_e, null), o = Y(a), v = u(
+      () => l ? l.modelValue.value === a.value : i.value === a.value
+    ), m = u(() => a.disabled || l?.disabled.value || o.disabled.value), b = u(() => a.size ?? l?.size.value ?? o.size.value), c = u(() => [
+      "wx-radio",
+      `wx-radio--${b.value}`,
+      { "is-checked": v.value, "is-disabled": m.value }
+    ]);
+    function r() {
+      l ? l.toggle(a.value, !0) : i.value = a.value, t("change", a.value);
+    }
+    return (h, p) => (n(), d("label", {
+      class: U(c.value)
+    }, [
+      I("input", K({
+        id: s(o).id.value
+      }, h.$attrs, {
+        class: "wx-radio__native",
+        type: "radio",
+        name: e.name ?? s(l)?.name.value,
+        checked: v.value,
+        disabled: m.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(o).describedBy.value,
+        onChange: r
+      }), null, 16, dl),
+      p[0] || (p[0] = I("span", {
+        class: "wx-radio__box",
+        "aria-hidden": "true"
+      }, [
+        I("span", { class: "wx-radio__dot" })
+      ], -1)),
+      e.label || h.$slots.default ? (n(), d("span", rl, [
+        P(h.$slots, "default", {}, () => [
+          ee(N(e.label), 1)
+        ], !0)
+      ])) : W("", !0)
+    ], 2));
+  }
+}), Me = /* @__PURE__ */ j(cl, [["__scopeId", "data-v-a22bec4a"]]), vl = ["aria-labelledby", "aria-describedby"], fl = /* @__PURE__ */ E({
+  name: "WxRadioGroup",
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = ve("wx-radio-group");
+    l.item?.registerLabelTarget(void 0);
+    const v = u(() => a.disabled ?? l.disabled.value), m = u(() => a.size ?? l.size.value), b = u(() => a.name ?? o);
+    function c(r) {
+      i.value !== r && (i.value = r, t("change", r));
+    }
+    return ne(_e, {
+      name: b,
+      modelValue: u(() => i.value),
+      disabled: v,
+      size: m,
+      toggle: c
+    }), (r, h) => (n(), d("div", {
+      class: U(["wx-radio-group", { "wx-radio-group--inline": e.inline }]),
+      role: "radiogroup",
+      "aria-labelledby": s(l).item ? `${s(l).item.id.value}-label` : void 0,
+      "aria-describedby": s(l).describedBy.value
+    }, [
+      P(r.$slots, "default", {}, () => [
+        (n(!0), d(X, null, q(e.options, (p) => (n(), Q(Me, {
+          key: String(p.value),
+          value: p.value,
+          label: p.label,
+          disabled: p.disabled
+        }, null, 8, ["value", "label", "disabled"]))), 128))
+      ], !0)
+    ], 10, vl));
+  }
+}), ml = /* @__PURE__ */ j(fl, [["__scopeId", "data-v-dcd2686e"]]), bl = ["id", "tabindex", "aria-label", "aria-describedby", "aria-valuemax", "aria-valuenow", "aria-readonly", "aria-disabled"], pl = ["onClick", "onMousemove"], hl = {
   key: 0,
-  class: "wx-card__extra"
-}, Y = { class: "wx-card__body" }, Z = {
+  class: "wx-rate__value"
+}, yl = ["name", "value"], xl = /* @__PURE__ */ E({
+  name: "WxRate",
+  inheritAttrs: !1,
+  __name: "Rate",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = D(null), v = u(() => !l.disabled.value && !a.readonly), m = u(() => o.value ?? i.value ?? 0), b = u(
+      () => Array.from({ length: a.max }, (g, C) => {
+        const f = C + 1, $ = Math.min(Math.max(m.value - C, 0), 1);
+        return { position: f, full: $ >= 1, half: $ > 0 && $ < 1 };
+      })
+    ), c = u(() => [
+      "wx-rate",
+      `wx-rate--${l.size.value}`,
+      { "is-disabled": l.disabled.value, "is-readonly": a.readonly }
+    ]);
+    function r(g, C) {
+      if (!a.allowHalf) return g;
+      const f = C.currentTarget, { left: $, width: V } = f.getBoundingClientRect();
+      return C.clientX - $ < V / 2 ? g - 0.5 : g;
+    }
+    function h(g, C = !1) {
+      const f = C && a.clearable && i.value === g ? 0 : g;
+      f !== i.value && (i.value = f, t("change", f));
+    }
+    function p(g, C) {
+      v.value && h(r(g, C), !0);
+    }
+    function T(g, C) {
+      v.value && (o.value = r(g, C));
+    }
+    function M(g) {
+      if (!v.value) return;
+      const C = a.allowHalf ? 0.5 : 1, f = i.value ?? 0;
+      g.key === "ArrowRight" || g.key === "ArrowUp" ? (g.preventDefault(), h(Math.min(f + C, a.max))) : g.key === "ArrowLeft" || g.key === "ArrowDown" ? (g.preventDefault(), h(Math.max(f - C, 0))) : g.key === "Home" ? (g.preventDefault(), h(0)) : g.key === "End" && (g.preventDefault(), h(a.max));
+    }
+    return (g, C) => (n(), d("div", K({
+      id: s(l).id.value
+    }, g.$attrs, {
+      class: c.value,
+      role: "slider",
+      tabindex: v.value ? 0 : -1,
+      "aria-label": e.ariaLabel,
+      "aria-describedby": s(l).describedBy.value,
+      "aria-valuemin": 0,
+      "aria-valuemax": e.max,
+      "aria-valuenow": i.value ?? 0,
+      "aria-readonly": e.readonly || void 0,
+      "aria-disabled": s(l).disabled.value || void 0,
+      onKeydown: M,
+      onMouseleave: C[0] || (C[0] = (f) => o.value = null)
+    }), [
+      (n(!0), d(X, null, q(b.value, (f) => (n(), d("span", {
+        key: f.position,
+        class: U(["wx-rate__star", { "is-full": f.full, "is-half": f.half }]),
+        onClick: ($) => p(f.position, $),
+        onMousemove: ($) => T(f.position, $)
+      }, [...C[1] || (C[1] = [
+        I("svg", {
+          viewBox: "0 0 24 24",
+          "aria-hidden": "true"
+        }, [
+          I("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"
+          }),
+          I("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, pl))), 128)),
+      e.showValue ? (n(), d("span", hl, N(i.value ?? 0), 1)) : W("", !0),
+      e.name ? (n(), d("input", {
+        key: 1,
+        type: "hidden",
+        name: e.name,
+        value: i.value ?? 0
+      }, null, 8, yl)) : W("", !0)
+    ], 16, bl));
+  }
+}), kl = /* @__PURE__ */ j(xl, [["__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"
+}, wl = ["title", "aria-label", "aria-pressed", "disabled"], $l = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  "aria-hidden": "true"
+}, _l = ["d"], Bl = {
   key: 1,
-  class: "wx-card__footer"
-}, ee = /* @__PURE__ */ _({
-  name: "WxCard",
-  __name: "Card",
+  class: "wx-rich-text__tool-text"
+}, Ml = /* @__PURE__ */ E({
+  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 (y, a) => (n(), d("button", {
+      type: "button",
+      class: U(["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] = (t) => y.$emit("click"))
+    }, [
+      e.icon ? (n(), d("svg", $l, [
+        I("path", {
+          d: s(gl)[e.icon],
+          stroke: "currentColor",
+          "stroke-width": "1.7",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, _l)
+      ])) : (n(), d("span", Bl, N(e.text), 1))
+    ], 10, wl));
+  }
+}), ie = /* @__PURE__ */ j(Ml, [["__scopeId", "data-v-c8c7e143"]]), Cl = [
+  "bold",
+  "italic",
+  "strike",
+  "code",
+  "divider",
+  "h2",
+  "h3",
+  "h4",
+  "divider",
+  "bulletList",
+  "orderedList",
+  "blockquote",
+  "hr",
+  "divider",
+  "link",
+  "table",
+  "image",
+  "youtube",
+  "divider",
+  "undo",
+  "redo"
+], Vl = [
+  "image/png",
+  "image/jpeg",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml"
+], re = {
+  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" }
+}, Il = [
+  { 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"], zl = {
+  key: 0,
+  class: "wx-rich-text__divider",
+  "aria-hidden": "true"
+}, Wl = {
+  key: 0,
+  class: "wx-rich-text__uploading"
+}, Sl = {
+  key: 0,
+  class: "wx-rich-text__toolbar wx-rich-text__toolbar--table"
+}, Al = ["for"], Ll = ["id", "placeholder"], Rl = {
+  key: 0,
+  class: "wx-rich-text__placeholder"
+}, Hl = ["accept"], Dl = /* @__PURE__ */ E({
+  name: "WxRichText",
+  inheritAttrs: !1,
+  __name: "RichText",
+  props: /* @__PURE__ */ S({
+    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: () => Cl },
+    upload: { type: Function, default: void 0 },
+    pickImage: { type: Function, default: void 0 },
+    accept: { default: () => Vl }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["change", "focus", "blur", "uploadError"], ["update:modelValue"]),
+  setup(e, { expose: y, emit: a }) {
+    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(!1), m = D(0), b = D(null), c = D(null), r = u(() => !o.disabled.value && !t.readonly);
+    function h() {
+      const _ = p.value;
+      return !_ || _.isEmpty ? "" : _.getHTML();
+    }
+    const p = oa({
+      content: l.value ?? "",
+      editable: r.value,
+      extensions: [
+        na.configure({
+          link: {
+            openOnClick: !1,
+            autolink: !0,
+            HTMLAttributes: { rel: "noopener noreferrer nofollow", target: "_blank" }
+          }
+        }),
+        ua.configure({ table: { resizable: !0 } }),
+        sa.configure({ HTMLAttributes: { class: "wx-rich-text__image" } }),
+        da.configure({ nocookie: !0, width: 640, height: 360 }),
+        ra.configure({
+          allowedMimeTypes: t.accept,
+          onDrop: (_, z, w) => {
+            f(z, w);
+          },
+          onPaste: (_, z) => {
+            f(z);
+          }
+        })
+      ],
+      onUpdate: () => {
+        const _ = h();
+        l.value = _, i("change", _);
+      },
+      onFocus: () => {
+        v.value = !0, i("focus");
+      },
+      onBlur: () => {
+        v.value = !1, i("blur");
+      }
+    });
+    Z(l, (_) => {
+      const z = p.value;
+      z && (_ ?? "") !== h() && z.commands.setContent(_ ?? "", { emitUpdate: !1 });
+    }), Z(r, (_) => p.value?.setEditable(_));
+    const T = u(() => p.value?.isEmpty ?? !0), M = u(() => p.value?.isActive("table") ?? !1), g = u(() => [
+      "wx-rich-text",
+      `wx-rich-text--${o.size.value}`,
+      {
+        [`wx-rich-text--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": v.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": t.readonly
+      }
     ]);
-    return (l, c) => (n(), d("section", {
-      class: k(o.value)
+    function C(_, z, w) {
+      const J = p.value;
+      if (!J) return;
+      const me = w ?? J.state.selection.anchor;
+      J.chain().focus().insertContentAt(me, { type: "image", attrs: { src: _, alt: z } }).run();
+    }
+    async function f(_, z) {
+      if (t.upload)
+        for (const w of _) {
+          m.value += 1;
+          try {
+            const J = await t.upload(w);
+            C(J.url, J.alt, z);
+          } catch (J) {
+            i("uploadError", J, w);
+          } finally {
+            m.value -= 1;
+          }
+        }
+    }
+    async function $() {
+      if (t.pickImage) {
+        const _ = await t.pickImage();
+        _ && C(_);
+        return;
+      }
+      b.value?.click();
+    }
+    function V(_) {
+      const z = _.target, w = Array.from(z.files ?? []);
+      z.value = "", f(w);
+    }
+    function L(_) {
+      const z = _ === "link" ? p.value?.getAttributes("link").href ?? "" : "";
+      c.value = { kind: _, value: String(z) };
+    }
+    function x() {
+      const _ = p.value, z = c.value;
+      if (!_ || !z) return;
+      const w = z.value.trim();
+      z.kind === "link" ? w ? _.chain().focus().extendMarkRange("link").setLink({ href: w }).run() : _.chain().focus().extendMarkRange("link").unsetLink().run() : w && _.commands.setYoutubeVideo({ src: w }), c.value = null;
+    }
+    function k(_) {
+      return _ === "image" ? !!(t.upload || t.pickImage) : !0;
+    }
+    const R = u(() => t.tools.filter(k));
+    function O(_) {
+      const z = p.value;
+      if (!z) return !1;
+      switch (_) {
+        case "h2":
+          return z.isActive("heading", { level: 2 });
+        case "h3":
+          return z.isActive("heading", { level: 3 });
+        case "h4":
+          return z.isActive("heading", { level: 4 });
+        default:
+          return z.isActive(_);
+      }
+    }
+    function B(_) {
+      const z = p.value;
+      if (!z) return;
+      const w = z.chain().focus();
+      switch (_) {
+        case "bold":
+          w.toggleBold().run();
+          break;
+        case "italic":
+          w.toggleItalic().run();
+          break;
+        case "strike":
+          w.toggleStrike().run();
+          break;
+        case "code":
+          w.toggleCode().run();
+          break;
+        case "h2":
+          w.toggleHeading({ level: 2 }).run();
+          break;
+        case "h3":
+          w.toggleHeading({ level: 3 }).run();
+          break;
+        case "h4":
+          w.toggleHeading({ level: 4 }).run();
+          break;
+        case "bulletList":
+          w.toggleBulletList().run();
+          break;
+        case "orderedList":
+          w.toggleOrderedList().run();
+          break;
+        case "blockquote":
+          w.toggleBlockquote().run();
+          break;
+        case "hr":
+          w.setHorizontalRule().run();
+          break;
+        case "undo":
+          w.undo().run();
+          break;
+        case "redo":
+          w.redo().run();
+          break;
+        case "table":
+          w.insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run();
+          break;
+        case "link":
+          L("link");
+          break;
+        case "youtube":
+          L("youtube");
+          break;
+        case "image":
+          $();
+          break;
+      }
+    }
+    function A(_) {
+      const z = p.value;
+      if (!z) return;
+      z.chain().focus()[_]().run();
+    }
+    return y({
+      editor: p,
+      focus: () => p.value?.commands.focus(),
+      clear: () => p.value?.commands.clearContent(!0)
+    }), (_, z) => (n(), d("div", {
+      class: U(g.value)
     }, [
-      a.value ? (n(), d("header", K, [
-        m("div", Q, [
-          p(l.$slots, "header", {}, () => [
-            j(B(t.title), 1)
-          ], !0)
+      I("div", {
+        class: "wx-rich-text__toolbar",
+        role: "toolbar",
+        "aria-label": e.ariaLabel ?? "Text formatting"
+      }, [
+        (n(!0), d(X, null, q(R.value, (w, J) => (n(), d(X, {
+          key: `${w}-${J}`
+        }, [
+          w === "divider" ? (n(), d("span", zl)) : (n(), Q(ie, {
+            key: 1,
+            icon: s(re)[w].icon,
+            text: s(re)[w].text,
+            label: s(re)[w].label,
+            active: O(w),
+            disabled: !r.value,
+            onClick: (me) => B(w)
+          }, null, 8, ["icon", "text", "label", "active", "disabled", "onClick"]))
+        ], 64))), 128)),
+        m.value > 0 ? (n(), d("span", Wl, "Uploading…")) : W("", !0)
+      ], 8, Tl),
+      M.value && r.value ? (n(), d("div", Sl, [
+        (n(!0), d(X, null, q(s(Il), (w) => (n(), Q(ie, {
+          key: w.key,
+          icon: w.icon,
+          label: w.label,
+          onClick: (J) => A(w.key)
+        }, null, 8, ["icon", "label", "onClick"]))), 128))
+      ])) : W("", !0),
+      c.value ? (n(), d("form", {
+        key: 1,
+        class: "wx-rich-text__prompt",
+        onSubmit: le(x, ["prevent"])
+      }, [
+        I("label", {
+          class: "wx-rich-text__prompt-label",
+          for: `${s(o).id.value}-prompt`
+        }, N(c.value.kind === "link" ? "Link address" : "YouTube URL"), 9, Al),
+        Ve(I("input", {
+          id: `${s(o).id.value}-prompt`,
+          "onUpdate:modelValue": z[0] || (z[0] = (w) => c.value.value = w),
+          class: "wx-rich-text__prompt-input",
+          type: "url",
+          placeholder: c.value.kind === "link" ? "https://example.com" : "https://youtu.be/…",
+          onKeydown: z[1] || (z[1] = Ie((w) => c.value = null, ["esc"]))
+        }, null, 40, Ll), [
+          [Te, c.value.value]
         ]),
-        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)
+        F(ie, {
+          icon: "check",
+          label: "Apply",
+          onClick: x
+        }),
+        F(ie, {
+          icon: "close",
+          label: "Cancel",
+          onClick: z[2] || (z[2] = (w) => c.value = null)
+        })
+      ], 32)) : W("", !0),
+      I("div", {
+        class: "wx-rich-text__body",
+        style: ae({ minHeight: e.minHeight })
+      }, [
+        e.placeholder && T.value ? (n(), d("span", Rl, N(e.placeholder), 1)) : W("", !0),
+        F(s(ia), {
+          editor: s(p),
+          class: "wx-rich-text__content",
+          "aria-describedby": s(o).describedBy.value
+        }, null, 8, ["editor", "aria-describedby"])
+      ], 4),
+      e.upload && !e.pickImage ? (n(), d("input", {
+        key: 2,
+        ref_key: "fileInput",
+        ref: b,
+        class: "wx-rich-text__file",
+        type: "file",
+        accept: e.accept.join(","),
+        multiple: "",
+        onChange: V
+      }, null, 40, Hl)) : W("", !0)
+    ], 2));
+  }
+}), Fl = /* @__PURE__ */ j(Dl, [["__scopeId", "data-v-80be39db"]]), Pl = { class: "wx-select__value" }, Nl = ["aria-label", "onClick"], Ul = {
+  key: 0,
+  class: "wx-select__single"
+}, El = {
+  key: 1,
+  class: "wx-select__placeholder"
+}, Ol = { class: "wx-select__option-label" }, jl = /* @__PURE__ */ E({
+  name: "WxSelect",
+  inheritAttrs: !1,
+  __name: "Select",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change", "clear", "open", "close", "search"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = D(!1), v = D(""), m = u({
+      get: () => a.multiple ? i.value ?? [] : i.value ?? null,
+      set: (V) => {
+        i.value = V, t("change", V);
+      }
+    }), b = (V) => a.options.find((L) => L.value === V)?.label ?? String(V), c = u(() => a.multiple ? (i.value ?? []).map((V) => ({ value: V, label: b(V) })) : []), r = u(() => {
+      if (a.multiple) return "";
+      const V = i.value;
+      return V == null ? "" : b(V);
+    }), h = u(
+      () => a.multiple ? c.value.length > 0 : i.value !== null && i.value !== void 0 && i.value !== ""
+    ), p = u(() => a.clearable && !l.disabled.value && h.value), T = u(() => [
+      "wx-select",
+      `wx-select--${l.size.value}`,
+      {
+        [`wx-select--${l.status.value}`]: l.status.value !== "default",
+        "is-open": o.value,
+        "is-disabled": l.disabled.value,
+        "is-multiple": a.multiple
+      }
+    ]);
+    Z(
+      () => i.value,
+      () => {
+        v.value = a.multiple ? "" : r.value;
+      },
+      { immediate: !0 }
+    ), Z(o, (V) => {
+      if (V) {
+        t("open");
+        return;
+      }
+      v.value = a.multiple ? "" : r.value, t("close");
+    });
+    function M() {
+      l.disabled.value || (o.value = !0);
+    }
+    function g(V) {
+      return V == null ? "" : b(V);
+    }
+    function C(V) {
+      t("search", V.target.value);
+    }
+    function f() {
+      i.value = a.multiple ? [] : null, t("change", i.value), t("clear");
+    }
+    function $(V) {
+      const L = (i.value ?? []).filter((x) => x !== V);
+      i.value = L, t("change", L);
+    }
+    return (V, L) => (n(), Q(s(Oe), {
+      modelValue: m.value,
+      "onUpdate:modelValue": L[1] || (L[1] = (x) => m.value = x),
+      open: o.value,
+      "onUpdate:open": L[2] || (L[2] = (x) => o.value = x),
+      multiple: e.multiple,
+      disabled: s(l).disabled.value,
+      name: e.name,
+      "ignore-filter": !e.filterable,
+      "open-on-click": !0,
+      class: U(T.value),
+      as: "div"
+    }, {
+      default: H(() => [
+        F(s(je), {
+          class: "wx-select__anchor",
+          as: "div",
+          onClick: M
+        }, {
+          default: H(() => [
+            I("div", Pl, [
+              e.multiple ? (n(!0), d(X, { key: 0 }, q(c.value, (x) => (n(), d("span", {
+                key: String(x.value),
+                class: "wx-select__tag"
+              }, [
+                ee(N(x.label) + " ", 1),
+                s(l).disabled.value ? W("", !0) : (n(), d("button", {
+                  key: 0,
+                  class: "wx-select__tag-remove",
+                  type: "button",
+                  tabindex: "-1",
+                  "aria-label": `Remove ${x.label}`,
+                  onClick: le((k) => $(x.value), ["stop"])
+                }, " ✕ ", 8, Nl))
+              ]))), 128)) : W("", !0),
+              e.filterable ? (n(), Q(s(Ge), K({
+                key: 1,
+                id: s(l).id.value
+              }, V.$attrs, {
+                modelValue: v.value,
+                "onUpdate:modelValue": L[0] || (L[0] = (x) => v.value = x),
+                class: "wx-select__input",
+                placeholder: e.placeholder,
+                "aria-label": e.ariaLabel,
+                "aria-describedby": s(l).describedBy.value,
+                "aria-invalid": s(l).status.value === "error" || void 0,
+                "display-value": e.multiple ? void 0 : g,
+                "auto-focus": "",
+                onInput: C
+              }), null, 16, ["id", "modelValue", "placeholder", "aria-label", "aria-describedby", "aria-invalid", "display-value"])) : (n(), d(X, { key: 2 }, [
+                !e.multiple && h.value ? (n(), d("span", Ul, N(r.value), 1)) : h.value ? W("", !0) : (n(), d("span", El, N(e.placeholder), 1))
+              ], 64))
+            ]),
+            p.value ? (n(), d("button", {
+              key: 0,
+              class: "wx-select__clear",
+              type: "button",
+              tabindex: "-1",
+              "aria-label": "Clear",
+              onClick: le(f, ["stop"])
+            }, " ✕ ")) : W("", !0),
+            F(s(qe), {
+              id: e.filterable ? void 0 : s(l).id.value,
+              class: "wx-select__toggle",
+              "aria-label": e.ariaLabel,
+              "aria-describedby": s(l).describedBy.value
+            }, {
+              default: H(() => [...L[3] || (L[3] = [
+                I("svg", {
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  I("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
+        }),
+        F(s(Ke), {
+          disabled: !e.teleport
+        }, {
+          default: H(() => [
+            F(s(Ye), {
+              class: "wx-select__content",
+              position: "popper",
+              "side-offset": 4
+            }, {
+              default: H(() => [
+                F(s(Xe), { class: "wx-select__viewport" }, {
+                  default: H(() => [
+                    F(s(Qe), { class: "wx-select__empty" }, {
+                      default: H(() => [
+                        ee(N(e.emptyText), 1)
+                      ]),
+                      _: 1
+                    }),
+                    P(V.$slots, "default", {}, () => [
+                      (n(!0), d(X, null, q(e.options, (x) => (n(), Q(s(Je), {
+                        key: String(x.value),
+                        class: "wx-select__option",
+                        value: x.value,
+                        disabled: x.disabled
+                      }, {
+                        default: H(() => [
+                          I("span", Ol, N(x.label), 1),
+                          F(s(Ze), { class: "wx-select__check" }, {
+                            default: H(() => [...L[4] || (L[4] = [
+                              I("svg", {
+                                viewBox: "0 0 16 16",
+                                fill: "none",
+                                "aria-hidden": "true"
+                              }, [
+                                I("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"])
       ]),
-      l.$slots.footer ? (n(), d("footer", Z, [
-        p(l.$slots, "footer", {}, void 0, !0)
-      ])) : f("", !0)
+      _: 3
+    }, 8, ["modelValue", "open", "multiple", "disabled", "name", "ignore-filter", "class"]));
+  }
+}), Gl = /* @__PURE__ */ j(jl, [["__scopeId", "data-v-c4893d5b"]]), ql = { class: "wx-slider__row" }, Kl = {
+  key: 0,
+  class: "wx-slider__value"
+}, Yl = {
+  key: 0,
+  class: "wx-slider__marks",
+  "aria-hidden": "true"
+}, Xl = /* @__PURE__ */ E({
+  name: "WxSlider",
+  inheritAttrs: !1,
+  __name: "Slider",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => {
+      if (a.range) {
+        const r = Array.isArray(i.value) ? i.value : [];
+        return [r[0] ?? a.min, r[1] ?? a.max];
+      }
+      return [(Array.isArray(i.value) ? i.value[0] : i.value) ?? a.min];
+    });
+    function v(c) {
+      if (!c) return;
+      const r = a.range ? [...c] : c[0];
+      i.value = r, t("change", r);
+    }
+    const m = u(
+      () => Object.entries(a.marks ?? {}).map(([c, r]) => ({
+        value: Number(c),
+        label: r,
+        offset: (Number(c) - a.min) / (a.max - a.min) * 100
+      }))
+    ), b = u(() => [
+      "wx-slider",
+      `wx-slider--${l.size.value}`,
+      { "is-disabled": l.disabled.value, "is-range": a.range }
+    ]);
+    return (c, r) => (n(), d("div", {
+      class: U(b.value)
+    }, [
+      I("div", ql, [
+        F(s(ea), K({
+          id: s(l).id.value
+        }, c.$attrs, {
+          class: "wx-slider__root",
+          "model-value": o.value,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          disabled: s(l).disabled.value,
+          "min-steps-between-thumbs": e.minStepsBetweenThumbs,
+          name: e.name,
+          "onUpdate:modelValue": v
+        }), {
+          default: H(() => [
+            F(s(aa), { class: "wx-slider__track" }, {
+              default: H(() => [
+                F(s(la), { class: "wx-slider__range" })
+              ]),
+              _: 1
+            }),
+            (n(!0), d(X, null, q(o.value.length, (h) => (n(), Q(s(ta), {
+              key: h,
+              class: "wx-slider__thumb",
+              "aria-label": e.ariaLabel,
+              "aria-describedby": s(l).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 ? (n(), d("span", Kl, N(e.range ? `${o.value[0]} — ${o.value[1]}` : o.value[0]), 1)) : W("", !0)
+      ]),
+      m.value.length ? (n(), d("div", Yl, [
+        (n(!0), d(X, null, q(m.value, (h) => (n(), d("span", {
+          key: h.value,
+          class: "wx-slider__mark",
+          style: ae({ left: `${h.offset}%` })
+        }, N(h.label), 5))), 128))
+      ])) : W("", !0)
     ], 2));
   }
-}), te = /* @__PURE__ */ y(ee, [["__scopeId", "data-v-5d02af6e"]]), ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ql = /* @__PURE__ */ j(Xl, [["__scopeId", "data-v-49653b8d"]]), Jl = ["id", "name", "checked", "disabled", "aria-label", "aria-describedby"], Zl = {
+  key: 0,
+  class: "wx-switch__label"
+}, et = /* @__PURE__ */ E({
+  name: "WxSwitch",
+  inheritAttrs: !1,
+  __name: "Switch",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change"], ["update:modelValue"]),
+  setup(e, { emit: y }) {
+    const a = e, t = y, i = G(e, "modelValue"), l = Y(a), o = u(() => i.value === a.activeValue), v = u(() => a.size ?? l.size.value), m = u(() => [
+      "wx-switch",
+      `wx-switch--${v.value}`,
+      { "is-checked": o.value, "is-disabled": l.disabled.value }
+    ]);
+    function b(c) {
+      const r = c.target.checked ? a.activeValue : a.inactiveValue;
+      i.value = r, t("change", r);
+    }
+    return (c, r) => (n(), d("label", {
+      class: U(m.value)
+    }, [
+      I("input", K({
+        id: s(l).id.value
+      }, c.$attrs, {
+        class: "wx-switch__native",
+        type: "checkbox",
+        role: "switch",
+        name: e.name,
+        checked: o.value,
+        disabled: s(l).disabled.value,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(l).describedBy.value,
+        onChange: b
+      }), null, 16, Jl),
+      r[0] || (r[0] = I("span", {
+        class: "wx-switch__track",
+        "aria-hidden": "true"
+      }, [
+        I("span", { class: "wx-switch__thumb" })
+      ], -1)),
+      e.label || c.$slots.default ? (n(), d("span", Zl, [
+        P(c.$slots, "default", {}, () => [
+          ee(N(e.label), 1)
+        ], !0)
+      ])) : W("", !0)
+    ], 2));
+  }
+}), at = /* @__PURE__ */ j(et, [["__scopeId", "data-v-b9a90e4d"]]), lt = ["aria-label", "onClick"], tt = ["id", "value", "placeholder", "disabled", "aria-label", "aria-describedby", "aria-invalid", "aria-expanded"], ot = {
+  key: 0,
+  class: "wx-tags-input__list",
+  role: "listbox"
+}, it = ["aria-selected", "onMousedown", "onMousemove"], nt = ["name"], ut = ["value"], st = /* @__PURE__ */ E({
+  name: "WxTagsInput",
+  inheritAttrs: !1,
+  __name: "TagsInput",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["change", "search"], ["update:modelValue"]),
+  setup(e, { expose: y, emit: a }) {
+    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(""), b = D(!1), c = D(-1), r = D(-1), h = u(() => l.value ?? []), p = u(
+      () => t.suggestions.filter((k) => !h.value.includes(k))
+    ), T = u(() => b.value && p.value.length > 0), M = u(() => t.max !== void 0 && h.value.length >= t.max), g = u(() => [
+      "wx-tags-input",
+      `wx-tags-input--${o.size.value}`,
+      {
+        [`wx-tags-input--${o.status.value}`]: o.status.value !== "default",
+        "is-open": T.value,
+        "is-disabled": o.disabled.value
+      }
+    ]);
+    Z(p, () => {
+      c.value = -1;
+    });
+    function C(k) {
+      l.value = k, i("change", k);
+    }
+    function f(k) {
+      const R = k.trim();
+      if (!(!R || M.value)) {
+        if (!t.duplicates && h.value.includes(R)) {
+          m.value = "";
+          return;
+        }
+        C([...h.value, R]), m.value = "", b.value = !1, r.value = -1;
+      }
+    }
+    function $(k) {
+      C(h.value.filter((R, O) => O !== k)), r.value = -1;
+    }
+    function V(k) {
+      const R = k.target.value;
+      m.value = R, r.value = -1, c.value = -1, R && (b.value = !0), i("search", R);
+    }
+    function L(k) {
+      if (k.key === "Escape") {
+        b.value = !1, r.value = -1;
+        return;
+      }
+      if (k.key === "Backspace" && m.value === "" && h.value.length > 0) {
+        k.preventDefault(), r.value === h.value.length - 1 ? $(r.value) : r.value = h.value.length - 1;
+        return;
+      }
+      if (k.key === "ArrowDown" && T.value) {
+        k.preventDefault(), c.value = (c.value + 1) % p.value.length;
+        return;
+      }
+      if (k.key === "ArrowUp" && T.value) {
+        k.preventDefault(), c.value = c.value <= 0 ? p.value.length - 1 : c.value - 1;
+        return;
+      }
+      k.key === "Enter" && (k.preventDefault(), T.value && c.value >= 0 ? f(p.value[c.value]) : t.allowCreate && f(m.value));
+    }
+    function x() {
+      r.value = -1, window.setTimeout(() => {
+        b.value = !1;
+      }, 120);
+    }
+    return y({ focus: () => v.value?.focus() }), (k, R) => (n(), d("div", {
+      class: U(g.value)
+    }, [
+      I("div", {
+        class: "wx-tags-input__anchor",
+        onClick: R[1] || (R[1] = (O) => v.value?.focus())
+      }, [
+        (n(!0), d(X, null, q(h.value, (O, B) => (n(), d("span", {
+          key: O,
+          class: U(["wx-tags-input__tag", { "is-armed": B === r.value }])
+        }, [
+          ee(N(O) + " ", 1),
+          s(o).disabled.value ? W("", !0) : (n(), d("button", {
+            key: 0,
+            class: "wx-tags-input__remove",
+            type: "button",
+            tabindex: "-1",
+            "aria-label": `Remove ${O}`,
+            onClick: le((A) => $(B), ["stop"])
+          }, " ✕ ", 8, lt))
+        ], 2))), 128)),
+        I("input", K({
+          id: s(o).id.value,
+          ref_key: "inputRef",
+          ref: v
+        }, k.$attrs, {
+          class: "wx-tags-input__field",
+          type: "text",
+          role: "combobox",
+          autocomplete: "off",
+          value: m.value,
+          placeholder: e.placeholder,
+          disabled: s(o).disabled.value,
+          "aria-label": e.ariaLabel,
+          "aria-describedby": s(o).describedBy.value,
+          "aria-invalid": s(o).status.value === "error" || void 0,
+          "aria-expanded": T.value,
+          onInput: V,
+          onKeydown: L,
+          onFocus: R[0] || (R[0] = (O) => b.value = !0),
+          onBlur: x
+        }), null, 16, tt),
+        T.value ? (n(), d("ul", ot, [
+          (n(!0), d(X, null, q(p.value, (O, B) => (n(), d("li", {
+            key: O,
+            class: U(["wx-tags-input__option", { "is-highlighted": B === c.value }]),
+            role: "option",
+            "aria-selected": B === c.value,
+            onMousedown: le((A) => f(O), ["prevent"]),
+            onMousemove: (A) => c.value = B
+          }, N(O), 43, it))), 128))
+        ])) : W("", !0)
+      ]),
+      e.name ? (n(), d("select", {
+        key: 0,
+        class: "wx-sr-only",
+        name: e.name,
+        multiple: "",
+        tabindex: "-1",
+        "aria-hidden": "true"
+      }, [
+        (n(!0), d(X, null, q(h.value, (O) => (n(), d("option", {
+          key: O,
+          value: O,
+          selected: ""
+        }, N(O), 9, ut))), 128))
+      ], 8, nt)) : W("", !0)
+    ], 2));
+  }
+}), dt = /* @__PURE__ */ j(st, [["__scopeId", "data-v-fcf7fe37"]]), rt = ["id", "value", "rows", "placeholder", "disabled", "readonly", "maxlength", "aria-label", "aria-describedby", "aria-invalid"], ct = {
+  key: 0,
+  class: "wx-textarea__count"
+}, vt = /* @__PURE__ */ E({
+  name: "WxTextarea",
+  inheritAttrs: !1,
+  __name: "Textarea",
+  props: /* @__PURE__ */ S({
+    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__ */ S(["input", "change", "focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: y, emit: a }) {
+    const t = e, i = a, l = G(e, "modelValue"), o = Y(t), v = D(null), m = D(!1), b = u(() => l.value ?? ""), c = u(
+      () => t.showCount && t.maxlength ? `${b.value.length}/${t.maxlength}` : null
+    ), r = u(
+      () => t.autosize === !0 ? {} : t.autosize === !1 ? null : t.autosize
+    ), h = u(() => [
+      "wx-textarea",
+      `wx-textarea--${o.size.value}`,
+      {
+        [`wx-textarea--${o.status.value}`]: o.status.value !== "default",
+        "is-focused": m.value,
+        "is-disabled": o.disabled.value,
+        "is-readonly": t.readonly,
+        "is-autosize": !!r.value
+      }
+    ]);
+    function p() {
+      const f = r.value, $ = v.value;
+      if (!f || !$) return;
+      $.style.height = "auto";
+      const V = getComputedStyle($), L = Number.parseFloat(V.lineHeight) || 20, x = Number.parseFloat(V.paddingTop) + Number.parseFloat(V.paddingBottom) + Number.parseFloat(V.borderTopWidth) + Number.parseFloat(V.borderBottomWidth);
+      let k = $.scrollHeight;
+      f.minRows && (k = Math.max(k, f.minRows * L + x)), f.maxRows && (k = Math.min(k, f.maxRows * L + x)), $.style.height = `${k}px`, $.style.overflowY = f.maxRows && $.scrollHeight > k ? "auto" : "hidden";
+    }
+    ke(() => be(p)), Z([b, r], () => be(p));
+    function T(f) {
+      const $ = f.target.value;
+      l.value = $, i("input", $);
+    }
+    function M(f) {
+      i("change", f.target.value);
+    }
+    function g(f) {
+      m.value = !0, i("focus", f);
+    }
+    function C(f) {
+      m.value = !1, i("blur", f);
+    }
+    return y({
+      focus: () => v.value?.focus(),
+      blur: () => v.value?.blur(),
+      select: () => v.value?.select(),
+      textarea: v
+    }), (f, $) => (n(), d("div", {
+      class: U(h.value)
+    }, [
+      I("textarea", K({
+        id: s(o).id.value,
+        ref_key: "textareaRef",
+        ref: v
+      }, f.$attrs, {
+        class: "wx-textarea__inner",
+        value: b.value,
+        rows: e.rows,
+        placeholder: e.placeholder,
+        disabled: s(o).disabled.value,
+        readonly: e.readonly,
+        maxlength: e.maxlength,
+        "aria-label": e.ariaLabel,
+        "aria-describedby": s(o).describedBy.value,
+        "aria-invalid": s(o).status.value === "error" || void 0,
+        style: { resize: e.resize },
+        onInput: T,
+        onChange: M,
+        onFocus: g,
+        onBlur: C
+      }), null, 16, rt),
+      c.value ? (n(), d("span", ct, N(c.value), 1)) : W("", !0)
+    ], 2));
+  }
+}), ft = /* @__PURE__ */ j(vt, [["__scopeId", "data-v-bbca9693"]]), mt = /* @__PURE__ */ E({
+  name: "WxTimePicker",
+  __name: "TimePicker",
+  props: /* @__PURE__ */ S({
+    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 y = G(e, "modelValue");
+    return (a, t) => (n(), Q(fe, K({
+      modelValue: y.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (i) => y.value = i),
+      type: "time"
+    }, a.$props), ue({ _: 2 }, [
+      q(a.$slots, (i, l) => ({
+        name: l,
+        fn: H((o) => [
+          P(a.$slots, l, se(de(o ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue"]));
+  }
+}), bt = /* @__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: ba,
+  WxCard: Ba,
+  WxCheckbox: Be,
+  WxCheckboxGroup: Ra,
+  WxColorPicker: Ua,
+  WxDatePicker: fe,
+  WxDateRangePicker: Ea,
+  WxDateTimePicker: Oa,
+  WxForm: Ga,
+  WxFormItem: Qa,
+  WxInput: tl,
+  WxInputNumber: sl,
+  WxRadio: Me,
+  WxRadioGroup: ml,
+  WxRate: kl,
+  WxRichText: Fl,
+  WxSelect: Gl,
+  WxSlider: Ql,
+  WxSwitch: at,
+  WxTagsInput: dt,
+  WxTextarea: ft,
+  WxTimePicker: mt
+}, Symbol.toStringTag, { value: "Module" })), Bt = {
+  install(e, y = {}) {
+    const { prefix: a = "Wx" } = y;
+    for (const [t, i] of Object.entries(bt)) {
+      if (!t.startsWith("Wx")) continue;
+      const l = a === "Wx" ? t : `${a}${t.slice(2)}`;
+      e.component(l, i);
     }
   }
 };
 export {
-  le as WebxUI,
-  R as WxButton,
-  te as WxCard,
-  J as WxInput
+  Bt as WebxUI,
+  ba as WxButton,
+  Ba as WxCard,
+  Be as WxCheckbox,
+  Ra as WxCheckboxGroup,
+  Ua as WxColorPicker,
+  fe as WxDatePicker,
+  Ea as WxDateRangePicker,
+  Oa as WxDateTimePicker,
+  Ga as WxForm,
+  Qa as WxFormItem,
+  tl as WxInput,
+  sl as WxInputNumber,
+  Me as WxRadio,
+  ml as WxRadioGroup,
+  kl as WxRate,
+  Fl as WxRichText,
+  Gl as WxSelect,
+  Ql as WxSlider,
+  at as WxSwitch,
+  dt as WxTagsInput,
+  ft as WxTextarea,
+  mt as WxTimePicker
 };
 //# sourceMappingURL=index.js.map