@yymojo-tec/mojo-ui 0.1.0

package/dist/mojo-ui.js

@@ -0,0 +1,2270 @@
+import * as tt from "vue";
+import { defineComponent as F, useSlots as Qt, computed as g, openBlock as P, createElementBlock as E, normalizeStyle as Q, normalizeClass as j, renderSlot as B, createCommentVNode as D, withKeys as ce, withModifiers as q, createTextVNode as ke, createElementVNode as O, reactive as Jt, provide as pe, inject as ie, ref as M, onMounted as Z, onBeforeUnmount as st, unref as N, toDisplayString as V, Fragment as te, renderList as ve, nextTick as W, watchEffect as de, cloneVNode as Zt, h as ue, watch as Ne, toRaw as G, onUnmounted as Pe, createBlock as oe, withCtx as K, createVNode as be, withDirectives as el, vModelText as tl } from "vue";
+function J(e) {
+  return Object.assign(e, {
+    install(a) {
+      e.name && a.component(e.name, e);
+    }
+  });
+}
+const ll = ["disabled"], al = {
+  key: 0,
+  class: "mo-button__spinner",
+  "aria-hidden": "true"
+}, nl = {
+  key: 1,
+  class: "mo-button__icon",
+  "aria-hidden": "true"
+}, ol = {
+  key: 2,
+  class: "mo-button__icon",
+  "aria-hidden": "true"
+}, rl = {
+  key: 3,
+  class: "mo-button__content"
+}, ul = {
+  key: 4,
+  class: "mo-button__icon",
+  "aria-hidden": "true"
+}, sl = /* @__PURE__ */ F({
+  name: "MoButton",
+  __name: "button",
+  props: {
+    type: { default: "default" },
+    size: { default: "default" },
+    theme: { default: "light" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    round: { type: Boolean, default: !1 },
+    icon: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    backgroundColor: {},
+    borderColor: {},
+    textColor: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = Qt(), o = g(() => l.icon || !s.default && !!s.icon), t = g(() => [
+      "mo-button",
+      `mo-button--${l.type}`,
+      `mo-button--${l.size}`,
+      `mo-theme--${l.theme}`,
+      {
+        "is-block": l.block,
+        "is-disabled": l.disabled,
+        "is-icon-only": o.value,
+        "is-loading": l.loading,
+        "is-round": l.round
+      }
+    ]), i = g(() => ({
+      "--mo-button-custom-bg": l.backgroundColor,
+      "--mo-button-custom-border": l.borderColor,
+      "--mo-button-custom-color": l.textColor
+    }));
+    function p(v) {
+      l.disabled || l.loading || n("click", v);
+    }
+    return (v, c) => (P(), E("button", {
+      class: j(t.value),
+      disabled: e.disabled || e.loading,
+      style: Q(i.value),
+      type: "button",
+      onClick: p
+    }, [
+      e.loading ? (P(), E("span", al)) : v.$slots.icon ? (P(), E("span", nl, [
+        B(v.$slots, "icon")
+      ])) : D("", !0),
+      v.$slots.prefix && !o.value ? (P(), E("span", ol, [
+        B(v.$slots, "prefix")
+      ])) : D("", !0),
+      v.$slots.default ? (P(), E("span", rl, [
+        B(v.$slots, "default")
+      ])) : D("", !0),
+      v.$slots.suffix && !o.value ? (P(), E("span", ul, [
+        B(v.$slots, "suffix")
+      ])) : D("", !0)
+    ], 14, ll));
+  }
+}), il = J(sl), dl = ["role", "tabindex", "aria-pressed", "onKeydown"], cl = {
+  key: 0,
+  class: "mo-card__selected-mark",
+  "aria-hidden": "true"
+}, pl = {
+  key: 1,
+  class: "mo-card__header"
+}, vl = { class: "mo-card__body" }, fl = {
+  key: 2,
+  class: "mo-card__footer"
+}, ml = /* @__PURE__ */ F({
+  name: "MoCard",
+  __name: "card",
+  props: {
+    theme: { default: "light" },
+    shadow: { default: "hover" },
+    borderStyle: { default: "solid" },
+    hoverable: { type: Boolean, default: !0 },
+    animated: { type: Boolean, default: !0 },
+    selectable: { type: Boolean, default: !1 },
+    selected: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selected", "select"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = g(() => [
+      "mo-card",
+      `mo-theme--${l.theme}`,
+      `mo-card--shadow-${l.shadow}`,
+      `mo-card--border-${l.borderStyle}`,
+      {
+        "is-animated": l.animated,
+        "is-hoverable": l.hoverable,
+        "is-selectable": l.selectable,
+        "is-selected": l.selectable && l.selected
+      }
+    ]);
+    function o() {
+      if (!l.selectable)
+        return;
+      const t = !l.selected;
+      n("update:selected", t), n("select", t);
+    }
+    return (t, i) => (P(), E("section", {
+      class: j(s.value),
+      role: e.selectable ? "button" : void 0,
+      tabindex: e.selectable ? 0 : void 0,
+      "aria-pressed": e.selectable ? e.selected : void 0,
+      onClick: o,
+      onKeydown: [
+        ce(q(o, ["prevent"]), ["enter"]),
+        ce(q(o, ["prevent"]), ["space"])
+      ]
+    }, [
+      e.selectable && e.selected ? (P(), E("div", cl, [
+        B(t.$slots, "selected-icon", {}, () => [
+          i[0] || (i[0] = ke("♛", -1))
+        ])
+      ])) : D("", !0),
+      t.$slots.header ? (P(), E("div", pl, [
+        B(t.$slots, "header")
+      ])) : D("", !0),
+      O("div", vl, [
+        B(t.$slots, "default")
+      ]),
+      t.$slots.footer ? (P(), E("div", fl, [
+        B(t.$slots, "footer")
+      ])) : D("", !0)
+    ], 42, dl));
+  }
+}), hl = J(ml), bl = /* @__PURE__ */ F({
+  name: "MoCol",
+  __name: "col",
+  props: {
+    span: { default: 24 }
+  },
+  setup(e) {
+    const a = e, l = g(() => {
+      const s = Number(a.span);
+      return Number.isFinite(s) ? Math.min(Math.max(s, 1), 24) : 24;
+    }), n = g(() => ({
+      "--mo-col-span": l.value
+    }));
+    return (s, o) => (P(), E("div", {
+      class: "mo-col",
+      style: Q(n.value)
+    }, [
+      B(s.$slots, "default")
+    ], 4));
+  }
+}), gl = J(bl), it = Symbol("MoFormContext"), yl = /* @__PURE__ */ F({
+  name: "MoForm",
+  __name: "form",
+  props: {
+    model: { default: void 0 },
+    rules: { default: void 0 },
+    theme: { default: "light" },
+    labelPosition: { default: "right" },
+    labelWidth: { default: "" },
+    requireAsteriskPosition: { default: "left" },
+    labelSuffix: { default: "" },
+    showMessage: { type: Boolean, default: !0 }
+  },
+  setup(e, { expose: a }) {
+    const l = e, n = Jt([]), s = g(() => [
+      "mo-form",
+      `mo-theme--${l.theme}`,
+      `mo-form--label-${l.labelPosition}`
+    ]), o = g(() => ({
+      "--mo-form-label-width": typeof l.labelWidth == "number" ? `${l.labelWidth}px` : l.labelWidth || void 0
+    }));
+    function t(r) {
+      n.includes(r) || n.push(r);
+    }
+    function i(r) {
+      const u = n.indexOf(r);
+      u >= 0 && n.splice(u, 1);
+    }
+    async function p() {
+      const r = await Promise.all(n.map((h) => h.validate())), u = {};
+      return n.forEach((h, m) => {
+        !r[m] && h.prop && (u[h.prop] = "");
+      }), {
+        valid: r.every(Boolean),
+        errors: u
+      };
+    }
+    function v() {
+      n.forEach((r) => r.resetValidation());
+    }
+    const c = g(() => ({
+      model: l.model,
+      rules: l.rules,
+      theme: l.theme,
+      labelPosition: l.labelPosition,
+      labelWidth: l.labelWidth,
+      requireAsteriskPosition: l.requireAsteriskPosition,
+      labelSuffix: l.labelSuffix,
+      showMessage: l.showMessage,
+      addField: t,
+      removeField: i
+    }));
+    return pe(it, c.value), a({
+      validate: p,
+      resetFields: v
+    }), (r, u) => (P(), E("form", {
+      class: j(s.value),
+      style: Q(o.value)
+    }, [
+      B(r.$slots, "default")
+    ], 6));
+  }
+}), xl = J(yl);
+function Oe(e) {
+  return e == null ? !0 : typeof e == "string" ? e.trim().length === 0 : Array.isArray(e) ? e.length === 0 : !1;
+}
+function bn(e) {
+  return !Oe(e);
+}
+function wl(e) {
+  return Oe(e) ? !0 : /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e));
+}
+function Sl(e) {
+  return Oe(e) ? !0 : /^1[3-9]\d{9}$/.test(String(e));
+}
+function gn(e = "该项为必填项") {
+  return {
+    required: !0,
+    message: e
+  };
+}
+function yn(e = "请输入正确的邮箱地址") {
+  return {
+    message: e,
+    validator: (a) => wl(a) || e
+  };
+}
+function xn(e = "请输入正确的手机号") {
+  return {
+    message: e,
+    validator: (a) => Sl(a) || e
+  };
+}
+const $l = {
+  key: 0,
+  class: "mo-form-item__label"
+}, _l = {
+  key: 0,
+  class: "mo-form-item__asterisk"
+}, Il = {
+  key: 1,
+  class: "mo-form-item__suffix"
+}, kl = {
+  key: 2,
+  class: "mo-form-item__asterisk"
+}, Pl = { class: "mo-form-item__content" }, Ol = {
+  key: 0,
+  class: "mo-form-item__help"
+}, Ml = {
+  key: 1,
+  class: "mo-form-item__error"
+}, Rl = /* @__PURE__ */ F({
+  name: "MoFormItem",
+  __name: "form-item",
+  props: {
+    label: { default: "" },
+    prop: { default: "" },
+    required: { type: Boolean, default: !1 },
+    rules: { default: void 0 },
+    help: { default: "" }
+  },
+  setup(e) {
+    const a = e, l = ie(it), n = M(""), s = g(() => {
+      var r;
+      return a.prop ? (r = l == null ? void 0 : l.model) == null ? void 0 : r[a.prop] : void 0;
+    }), o = g(() => {
+      var h;
+      const r = a.prop ? (h = l == null ? void 0 : l.rules) == null ? void 0 : h[a.prop] : void 0, u = [a.rules, r].flat().filter(Boolean);
+      return a.required && !u.some((m) => m.required) && u.unshift({ required: !0, message: "该项为必填项" }), u;
+    }), t = g(
+      () => a.required || o.value.some((r) => r.required)
+    ), i = g(() => [
+      "mo-form-item",
+      {
+        "is-error": !!n.value,
+        "is-required": t.value
+      }
+    ]);
+    async function p() {
+      n.value = "";
+      for (const r of o.value) {
+        if (r.required && Oe(s.value))
+          return n.value = r.message || "该项为必填项", !1;
+        if (r.validator) {
+          const u = await r.validator(s.value);
+          if (u !== !0)
+            return n.value = typeof u == "string" ? u : r.message || "校验失败", !1;
+        }
+      }
+      return !0;
+    }
+    function v() {
+      n.value = "";
+    }
+    const c = {
+      prop: a.prop,
+      validate: p,
+      resetValidation: v
+    };
+    return Z(() => {
+      l == null || l.addField(c);
+    }), st(() => {
+      l == null || l.removeField(c);
+    }), (r, u) => {
+      var h, m, f, y;
+      return P(), E("div", {
+        class: j(i.value)
+      }, [
+        e.label ? (P(), E("label", $l, [
+          t.value && ((h = N(l)) == null ? void 0 : h.requireAsteriskPosition) === "left" ? (P(), E("span", _l, " * ")) : D("", !0),
+          O("span", null, V(e.label), 1),
+          (m = N(l)) != null && m.labelSuffix ? (P(), E("span", Il, V(N(l).labelSuffix), 1)) : D("", !0),
+          t.value && ((f = N(l)) == null ? void 0 : f.requireAsteriskPosition) === "right" ? (P(), E("span", kl, " * ")) : D("", !0)
+        ])) : D("", !0),
+        O("div", Pl, [
+          B(r.$slots, "default", {
+            error: n.value,
+            validate: p
+          }),
+          e.help && !n.value ? (P(), E("div", Ol, V(e.help), 1)) : D("", !0),
+          (y = N(l)) != null && y.showMessage && n.value ? (P(), E("div", Ml, V(n.value), 1)) : D("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), Tl = J(Rl), El = ["disabled", "maxlength", "placeholder", "readonly", "rows", "value"], Cl = {
+  key: 1,
+  class: "mo-input__tag-wrapper"
+}, Fl = { class: "mo-input__tag-text" }, Ll = ["aria-label", "onClick"], Dl = ["disabled", "maxlength", "placeholder", "readonly", "value"], Al = ["disabled", "maxlength", "placeholder", "readonly", "value"], Bl = {
+  key: 4,
+  class: "mo-input__count"
+}, Nl = /* @__PURE__ */ F({
+  name: "MoInput",
+  __name: "input",
+  props: {
+    modelValue: { default: "" },
+    tags: { default: () => [] },
+    type: { default: "text" },
+    size: { default: "default" },
+    theme: { default: "light" },
+    placeholder: { default: "" },
+    maxlength: { default: void 0 },
+    showWordLimit: { type: Boolean, default: !1 },
+    rows: { default: 3 },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    taggable: { type: Boolean, default: !1 },
+    allowDuplicateTags: { type: Boolean, default: !1 },
+    resize: { default: "vertical" }
+  },
+  emits: ["update:modelValue", "update:tags", "input", "change", "clear", "tagAdd", "tagRemove"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = g(() => String(l.modelValue ?? "")), o = g(() => l.type === "textarea"), t = g(() => l.taggable && !o.value), i = g(() => l.showWordLimit && l.maxlength !== void 0), p = g(() => [
+      "mo-input",
+      `mo-input--${l.size}`,
+      `mo-theme--${l.theme}`,
+      {
+        "is-disabled": l.disabled,
+        "is-taggable": t.value,
+        "is-textarea": o.value
+      }
+    ]), v = g(() => ({
+      "--mo-input-rows": l.rows
+    }));
+    function c(f) {
+      const y = f.target.value;
+      n("update:modelValue", y), n("input", y);
+    }
+    function r(f) {
+      n("change", f.target.value);
+    }
+    function u() {
+      n("update:modelValue", ""), n("input", ""), n("clear");
+    }
+    function h(f) {
+      if (!t.value || l.disabled || l.readonly)
+        return;
+      const y = s.value.trim();
+      if (y) {
+        if (f.preventDefault(), !l.allowDuplicateTags && l.tags.includes(y)) {
+          n("update:modelValue", ""), n("input", "");
+          return;
+        }
+        n("update:tags", [...l.tags, y]), n("update:modelValue", ""), n("input", ""), n("tagAdd", y);
+      }
+    }
+    function m(f, y) {
+      const $ = l.tags.filter((w, b) => b !== y);
+      n("update:tags", $), n("tagRemove", f, y);
+    }
+    return (f, y) => (P(), E("div", {
+      class: j(p.value),
+      style: Q(v.value)
+    }, [
+      o.value ? (P(), E("textarea", {
+        key: 0,
+        class: "mo-input__inner",
+        disabled: e.disabled,
+        maxlength: e.maxlength,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        rows: Number(e.rows),
+        style: Q({ resize: e.resize }),
+        value: s.value,
+        onChange: r,
+        onInput: c
+      }, null, 44, El)) : t.value ? (P(), E("div", Cl, [
+        (P(!0), E(te, null, ve(e.tags, ($, w) => (P(), E("span", {
+          key: `${$}-${w}`,
+          class: "mo-input__tag"
+        }, [
+          O("span", Fl, V($), 1),
+          O("button", {
+            class: "mo-input__tag-close",
+            type: "button",
+            "aria-label": `Remove ${$}`,
+            onClick: (b) => m($, w)
+          }, " × ", 8, Ll)
+        ]))), 128)),
+        O("input", {
+          class: "mo-input__tag-input",
+          disabled: e.disabled,
+          maxlength: e.maxlength,
+          placeholder: e.placeholder,
+          readonly: e.readonly,
+          value: s.value,
+          type: "text",
+          onChange: r,
+          onInput: c,
+          onKeydown: ce(h, ["enter"])
+        }, null, 40, Dl)
+      ])) : (P(), E("input", {
+        key: 2,
+        class: "mo-input__inner",
+        disabled: e.disabled,
+        maxlength: e.maxlength,
+        placeholder: e.placeholder,
+        readonly: e.readonly,
+        value: s.value,
+        type: "text",
+        onChange: r,
+        onInput: c,
+        onKeydown: ce(h, ["enter"])
+      }, null, 40, Al)),
+      e.clearable && s.value && !e.disabled && !e.readonly && !o.value && !t.value ? (P(), E("button", {
+        key: 3,
+        class: "mo-input__clear",
+        type: "button",
+        "aria-label": "Clear",
+        onClick: u
+      }, " × ")) : D("", !0),
+      i.value ? (P(), E("span", Bl, V(s.value.length) + " / " + V(e.maxlength), 1)) : D("", !0)
+    ], 6));
+  }
+}), jl = J(Nl);
+function Vl(e, a, l) {
+  let n = M(l == null ? void 0 : l.value), s = g(() => e.value !== void 0);
+  return [g(() => s.value ? e.value : n.value), function(o) {
+    return s.value || (n.value = o), a == null ? void 0 : a(o);
+  }];
+}
+function zl(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((a) => setTimeout(() => {
+    throw a;
+  }));
+}
+var lt;
+let Ul = Symbol("headlessui.useid"), Wl = 0;
+const ae = (lt = tt.useId) != null ? lt : function() {
+  return tt.inject(Ul, () => `${++Wl}`)();
+};
+function k(e) {
+  var a;
+  if (e == null || e.value == null) return null;
+  let l = (a = e.value.$el) != null ? a : e.value;
+  return l instanceof Node ? l : null;
+}
+function z(e, a, ...l) {
+  if (e in a) {
+    let s = a[e];
+    return typeof s == "function" ? s(...l) : s;
+  }
+  let n = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(a).map((s) => `"${s}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(n, z), n;
+}
+var ql = Object.defineProperty, Hl = (e, a, l) => a in e ? ql(e, a, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[a] = l, at = (e, a, l) => (Hl(e, typeof a != "symbol" ? a + "" : a, l), l);
+let Kl = class {
+  constructor() {
+    at(this, "current", this.detect()), at(this, "currentId", 0);
+  }
+  set(a) {
+    this.current !== a && (this.currentId = 0, this.current = a);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}, je = new Kl();
+function Me(e) {
+  if (je.isServer) return null;
+  if (e instanceof Node) return e.ownerDocument;
+  if (e != null && e.hasOwnProperty("value")) {
+    let a = k(e);
+    if (a) return a.ownerDocument;
+  }
+  return document;
+}
+let Be = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var H = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(H || {}), he = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(he || {}), Xl = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Xl || {});
+function dt(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(Be)).sort((a, l) => Math.sign((a.tabIndex || Number.MAX_SAFE_INTEGER) - (l.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var Re = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(Re || {});
+function Te(e, a = 0) {
+  var l;
+  return e === ((l = Me(e)) == null ? void 0 : l.body) ? !1 : z(a, { 0() {
+    return e.matches(Be);
+  }, 1() {
+    let n = e;
+    for (; n !== null; ) {
+      if (n.matches(Be)) return !0;
+      n = n.parentElement;
+    }
+    return !1;
+  } });
+}
+function ct(e) {
+  let a = Me(e);
+  W(() => {
+    a && !Te(a.activeElement, 0) && Gl(e);
+  });
+}
+var Yl = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Yl || {});
+typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0));
+function Gl(e) {
+  e == null || e.focus({ preventScroll: !0 });
+}
+let Ql = ["textarea", "input"].join(",");
+function Jl(e) {
+  var a, l;
+  return (l = (a = e == null ? void 0 : e.matches) == null ? void 0 : a.call(e, Ql)) != null ? l : !1;
+}
+function ne(e, a = (l) => l) {
+  return e.slice().sort((l, n) => {
+    let s = a(l), o = a(n);
+    if (s === null || o === null) return 0;
+    let t = s.compareDocumentPosition(o);
+    return t & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function Zl(e, a) {
+  return re(dt(), a, { relativeTo: e });
+}
+function re(e, a, { sorted: l = !0, relativeTo: n = null, skipElements: s = [] } = {}) {
+  var o;
+  let t = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, i = Array.isArray(e) ? l ? ne(e) : e : dt(e);
+  s.length > 0 && i.length > 1 && (i = i.filter((m) => !s.includes(m))), n = n ?? t.activeElement;
+  let p = (() => {
+    if (a & 5) return 1;
+    if (a & 10) return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), v = (() => {
+    if (a & 1) return 0;
+    if (a & 2) return Math.max(0, i.indexOf(n)) - 1;
+    if (a & 4) return Math.max(0, i.indexOf(n)) + 1;
+    if (a & 8) return i.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), c = a & 32 ? { preventScroll: !0 } : {}, r = 0, u = i.length, h;
+  do {
+    if (r >= u || r + u <= 0) return 0;
+    let m = v + r;
+    if (a & 16) m = (m + u) % u;
+    else {
+      if (m < 0) return 3;
+      if (m >= u) return 1;
+    }
+    h = i[m], h == null || h.focus(c), r += p;
+  } while (h !== t.activeElement);
+  return a & 6 && Jl(h) && h.select(), 2;
+}
+function ea() {
+  return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
+}
+function ta() {
+  return /Android/gi.test(window.navigator.userAgent);
+}
+function la() {
+  return ea() || ta();
+}
+function Ie(e, a, l) {
+  je.isServer || de((n) => {
+    document.addEventListener(e, a, l), n(() => document.removeEventListener(e, a, l));
+  });
+}
+function aa(e, a, l) {
+  je.isServer || de((n) => {
+    window.addEventListener(e, a, l), n(() => window.removeEventListener(e, a, l));
+  });
+}
+function pt(e, a, l = g(() => !0)) {
+  function n(o, t) {
+    if (!l.value || o.defaultPrevented) return;
+    let i = t(o);
+    if (i === null || !i.getRootNode().contains(i)) return;
+    let p = (function v(c) {
+      return typeof c == "function" ? v(c()) : Array.isArray(c) || c instanceof Set ? c : [c];
+    })(e);
+    for (let v of p) {
+      if (v === null) continue;
+      let c = v instanceof HTMLElement ? v : k(v);
+      if (c != null && c.contains(i) || o.composed && o.composedPath().includes(c)) return;
+    }
+    return !Te(i, Re.Loose) && i.tabIndex !== -1 && o.preventDefault(), a(o, i);
+  }
+  let s = M(null);
+  Ie("pointerdown", (o) => {
+    var t, i;
+    l.value && (s.value = ((i = (t = o.composedPath) == null ? void 0 : t.call(o)) == null ? void 0 : i[0]) || o.target);
+  }, !0), Ie("mousedown", (o) => {
+    var t, i;
+    l.value && (s.value = ((i = (t = o.composedPath) == null ? void 0 : t.call(o)) == null ? void 0 : i[0]) || o.target);
+  }, !0), Ie("click", (o) => {
+    la() || s.value && (n(o, () => s.value), s.value = null);
+  }, !0), Ie("touchend", (o) => n(o, () => o.target instanceof HTMLElement ? o.target : null), !0), aa("blur", (o) => n(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+function nt(e, a) {
+  if (e) return e;
+  let l = a ?? "button";
+  if (typeof l == "string" && l.toLowerCase() === "button") return "button";
+}
+function Ve(e, a) {
+  let l = M(nt(e.value.type, e.value.as));
+  return Z(() => {
+    l.value = nt(e.value.type, e.value.as);
+  }), de(() => {
+    var n;
+    l.value || k(a) && k(a) instanceof HTMLButtonElement && !((n = k(a)) != null && n.hasAttribute("type")) && (l.value = "button");
+  }), l;
+}
+function ot(e) {
+  return [e.screenX, e.screenY];
+}
+function vt() {
+  let e = M([-1, -1]);
+  return { wasMoved(a) {
+    let l = ot(a);
+    return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
+  }, update(a) {
+    e.value = ot(a);
+  } };
+}
+function na({ container: e, accept: a, walk: l, enabled: n }) {
+  de(() => {
+    let s = e.value;
+    if (!s || n !== void 0 && !n.value) return;
+    let o = Me(e);
+    if (!o) return;
+    let t = Object.assign((p) => a(p), { acceptNode: a }), i = o.createTreeWalker(s, NodeFilter.SHOW_ELEMENT, t, !1);
+    for (; i.nextNode(); ) l(i.currentNode);
+  });
+}
+var se = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(se || {}), oa = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(oa || {});
+function U({ visible: e = !0, features: a = 0, ourProps: l, theirProps: n, ...s }) {
+  var o;
+  let t = mt(n, l), i = Object.assign(s, { props: t });
+  if (e || a & 2 && t.static) return Ae(i);
+  if (a & 1) {
+    let p = (o = t.unmount) == null || o ? 0 : 1;
+    return z(p, { 0() {
+      return null;
+    }, 1() {
+      return Ae({ ...s, props: { ...t, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return Ae(i);
+}
+function Ae({ props: e, attrs: a, slots: l, slot: n, name: s }) {
+  var o, t;
+  let { as: i, ...p } = ze(e, ["unmount", "static"]), v = (o = l.default) == null ? void 0 : o.call(l, n), c = {};
+  if (n) {
+    let r = !1, u = [];
+    for (let [h, m] of Object.entries(n)) typeof m == "boolean" && (r = !0), m === !0 && u.push(h);
+    r && (c["data-headlessui-state"] = u.join(" "));
+  }
+  if (i === "template") {
+    if (v = ft(v ?? []), Object.keys(p).length > 0 || Object.keys(a).length > 0) {
+      let [r, ...u] = v ?? [];
+      if (!ua(r) || u.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${s} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(p).concat(Object.keys(a)).map((f) => f.trim()).filter((f, y, $) => $.indexOf(f) === y).sort((f, y) => f.localeCompare(y)).map((f) => `  - ${f}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((f) => `  - ${f}`).join(`
+`)].join(`
+`));
+      let h = mt((t = r.props) != null ? t : {}, p, c), m = Zt(r, h, !0);
+      for (let f in h) f.startsWith("on") && (m.props || (m.props = {}), m.props[f] = h[f]);
+      return m;
+    }
+    return Array.isArray(v) && v.length === 1 ? v[0] : v;
+  }
+  return ue(i, Object.assign({}, p, c), { default: () => v });
+}
+function ft(e) {
+  return e.flatMap((a) => a.type === te ? ft(a.children) : [a]);
+}
+function mt(...e) {
+  if (e.length === 0) return {};
+  if (e.length === 1) return e[0];
+  let a = {}, l = {};
+  for (let n of e) for (let s in n) s.startsWith("on") && typeof n[s] == "function" ? (l[s] != null || (l[s] = []), l[s].push(n[s])) : a[s] = n[s];
+  if (a.disabled || a["aria-disabled"]) return Object.assign(a, Object.fromEntries(Object.keys(l).map((n) => [n, void 0])));
+  for (let n in l) Object.assign(a, { [n](s, ...o) {
+    let t = l[n];
+    for (let i of t) {
+      if (s instanceof Event && s.defaultPrevented) return;
+      i(s, ...o);
+    }
+  } });
+  return a;
+}
+function ra(e) {
+  let a = Object.assign({}, e);
+  for (let l in a) a[l] === void 0 && delete a[l];
+  return a;
+}
+function ze(e, a = []) {
+  let l = Object.assign({}, e);
+  for (let n of a) n in l && delete l[n];
+  return l;
+}
+function ua(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+var Ue = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Ue || {});
+let We = F({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: a, attrs: l }) {
+  return () => {
+    var n;
+    let { features: s, ...o } = e, t = { "aria-hidden": (s & 2) === 2 ? !0 : (n = o["aria-hidden"]) != null ? n : void 0, hidden: (s & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(s & 4) === 4 && (s & 2) !== 2 && { display: "none" } } };
+    return U({ ourProps: t, theirProps: o, slot: {}, attrs: l, slots: a, name: "Hidden" });
+  };
+} }), ht = Symbol("Context");
+var le = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(le || {});
+function bt() {
+  return ie(ht, null);
+}
+function gt(e) {
+  pe(ht, e);
+}
+var R = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(R || {});
+function sa(e) {
+  throw new Error("Unexpected object: " + e);
+}
+var C = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(C || {});
+function yt(e, a) {
+  let l = a.resolveItems();
+  if (l.length <= 0) return null;
+  let n = a.resolveActiveIndex(), s = n ?? -1;
+  switch (e.focus) {
+    case 0: {
+      for (let o = 0; o < l.length; ++o) if (!a.resolveDisabled(l[o], o, l)) return o;
+      return n;
+    }
+    case 1: {
+      s === -1 && (s = l.length);
+      for (let o = s - 1; o >= 0; --o) if (!a.resolveDisabled(l[o], o, l)) return o;
+      return n;
+    }
+    case 2: {
+      for (let o = s + 1; o < l.length; ++o) if (!a.resolveDisabled(l[o], o, l)) return o;
+      return n;
+    }
+    case 3: {
+      for (let o = l.length - 1; o >= 0; --o) if (!a.resolveDisabled(l[o], o, l)) return o;
+      return n;
+    }
+    case 4: {
+      for (let o = 0; o < l.length; ++o) if (a.resolveId(l[o], o, l) === e.id) return o;
+      return n;
+    }
+    case 5:
+      return null;
+    default:
+      sa(e);
+  }
+}
+function xt(e = {}, a = null, l = []) {
+  for (let [n, s] of Object.entries(e)) St(l, wt(a, n), s);
+  return l;
+}
+function wt(e, a) {
+  return e ? e + "[" + a + "]" : a;
+}
+function St(e, a, l) {
+  if (Array.isArray(l)) for (let [n, s] of l.entries()) St(e, wt(a, n.toString()), s);
+  else l instanceof Date ? e.push([a, l.toISOString()]) : typeof l == "boolean" ? e.push([a, l ? "1" : "0"]) : typeof l == "string" ? e.push([a, l]) : typeof l == "number" ? e.push([a, `${l}`]) : l == null ? e.push([a, ""]) : xt(l, a, e);
+}
+let rt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function ut(e) {
+  var a, l;
+  let n = (a = e.innerText) != null ? a : "", s = e.cloneNode(!0);
+  if (!(s instanceof HTMLElement)) return n;
+  let o = !1;
+  for (let i of s.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) i.remove(), o = !0;
+  let t = o ? (l = s.innerText) != null ? l : "" : n;
+  return rt.test(t) && (t = t.replace(rt, "")), t;
+}
+function ia(e) {
+  let a = e.getAttribute("aria-label");
+  if (typeof a == "string") return a.trim();
+  let l = e.getAttribute("aria-labelledby");
+  if (l) {
+    let n = l.split(" ").map((s) => {
+      let o = document.getElementById(s);
+      if (o) {
+        let t = o.getAttribute("aria-label");
+        return typeof t == "string" ? t.trim() : ut(o).trim();
+      }
+      return null;
+    }).filter(Boolean);
+    if (n.length > 0) return n.join(", ");
+  }
+  return ut(e).trim();
+}
+function $t(e) {
+  let a = M(""), l = M("");
+  return () => {
+    let n = k(e);
+    if (!n) return "";
+    let s = n.innerText;
+    if (a.value === s) return l.value;
+    let o = ia(n).trim().toLowerCase();
+    return a.value = s, l.value = o, o;
+  };
+}
+function da(e, a) {
+  return e === a;
+}
+var ca = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ca || {}), pa = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(pa || {}), va = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(va || {});
+function fa(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
+}
+let _t = Symbol("ListboxContext");
+function ge(e) {
+  let a = ie(_t, null);
+  if (a === null) {
+    let l = new Error(`<${e} /> is missing a parent <Listbox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, ge), l;
+  }
+  return a;
+}
+let ma = F({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => da }, horizontal: { type: [Boolean], default: !1 }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: a, attrs: l, emit: n }) {
+  let s = M(1), o = M(null), t = M(null), i = M(null), p = M([]), v = M(""), c = M(null), r = M(1);
+  function u(b = (_) => _) {
+    let _ = c.value !== null ? p.value[c.value] : null, S = ne(b(p.value.slice()), (A) => k(A.dataRef.domRef)), T = _ ? S.indexOf(_) : null;
+    return T === -1 && (T = null), { options: S, activeOptionIndex: T };
+  }
+  let h = g(() => e.multiple ? 1 : 0), [m, f] = Vl(g(() => e.modelValue), (b) => n("update:modelValue", b), g(() => e.defaultValue)), y = g(() => m.value === void 0 ? z(h.value, { 1: [], 0: void 0 }) : m.value), $ = { listboxState: s, value: y, mode: h, compare(b, _) {
+    if (typeof e.by == "string") {
+      let S = e.by;
+      return (b == null ? void 0 : b[S]) === (_ == null ? void 0 : _[S]);
+    }
+    return e.by(b, _);
+  }, orientation: g(() => e.horizontal ? "horizontal" : "vertical"), labelRef: o, buttonRef: t, optionsRef: i, disabled: g(() => e.disabled), options: p, searchQuery: v, activeOptionIndex: c, activationTrigger: r, closeListbox() {
+    e.disabled || s.value !== 1 && (s.value = 1, c.value = null);
+  }, openListbox() {
+    e.disabled || s.value !== 0 && (s.value = 0);
+  }, goToOption(b, _, S) {
+    if (e.disabled || s.value === 1) return;
+    let T = u(), A = yt(b === C.Specific ? { focus: C.Specific, id: _ } : { focus: b }, { resolveItems: () => T.options, resolveActiveIndex: () => T.activeOptionIndex, resolveId: (X) => X.id, resolveDisabled: (X) => X.dataRef.disabled });
+    v.value = "", c.value = A, r.value = S ?? 1, p.value = T.options;
+  }, search(b) {
+    if (e.disabled || s.value === 1) return;
+    let _ = v.value !== "" ? 0 : 1;
+    v.value += b.toLowerCase();
+    let S = (c.value !== null ? p.value.slice(c.value + _).concat(p.value.slice(0, c.value + _)) : p.value).find((A) => A.dataRef.textValue.startsWith(v.value) && !A.dataRef.disabled), T = S ? p.value.indexOf(S) : -1;
+    T === -1 || T === c.value || (c.value = T, r.value = 1);
+  }, clearSearch() {
+    e.disabled || s.value !== 1 && v.value !== "" && (v.value = "");
+  }, registerOption(b, _) {
+    let S = u((T) => [...T, { id: b, dataRef: _ }]);
+    p.value = S.options, c.value = S.activeOptionIndex;
+  }, unregisterOption(b) {
+    let _ = u((S) => {
+      let T = S.findIndex((A) => A.id === b);
+      return T !== -1 && S.splice(T, 1), S;
+    });
+    p.value = _.options, c.value = _.activeOptionIndex, r.value = 1;
+  }, theirOnChange(b) {
+    e.disabled || f(b);
+  }, select(b) {
+    e.disabled || f(z(h.value, { 0: () => b, 1: () => {
+      let _ = G($.value.value).slice(), S = G(b), T = _.findIndex((A) => $.compare(S, G(A)));
+      return T === -1 ? _.push(S) : _.splice(T, 1), _;
+    } }));
+  } };
+  pt([t, i], (b, _) => {
+    var S;
+    $.closeListbox(), Te(_, Re.Loose) || (b.preventDefault(), (S = k(t)) == null || S.focus());
+  }, g(() => s.value === 0)), pe(_t, $), gt(g(() => z(s.value, { 0: le.Open, 1: le.Closed })));
+  let w = g(() => {
+    var b;
+    return (b = k(t)) == null ? void 0 : b.closest("form");
+  });
+  return Z(() => {
+    Ne([w], () => {
+      if (!w.value || e.defaultValue === void 0) return;
+      function b() {
+        $.theirOnChange(e.defaultValue);
+      }
+      return w.value.addEventListener("reset", b), () => {
+        var _;
+        (_ = w.value) == null || _.removeEventListener("reset", b);
+      };
+    }, { immediate: !0 });
+  }), () => {
+    let { name: b, modelValue: _, disabled: S, form: T, ...A } = e, X = { open: s.value === 0, disabled: S, value: y.value };
+    return ue(te, [...b != null && y.value != null ? xt({ [b]: y.value }).map(([xe, Ce]) => ue(We, ra({ features: Ue.Hidden, key: xe, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: T, disabled: S, name: xe, value: Ce }))) : [], U({ ourProps: {}, theirProps: { ...l, ...ze(A, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: X, slots: a, attrs: l, name: "Listbox" })]);
+  };
+} });
+F({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l }) {
+  var n;
+  let s = (n = e.id) != null ? n : `headlessui-listbox-label-${ae()}`, o = ge("ListboxLabel");
+  function t() {
+    var i;
+    (i = k(o.buttonRef)) == null || i.focus({ preventScroll: !0 });
+  }
+  return () => {
+    let i = { open: o.listboxState.value === 0, disabled: o.disabled.value }, { ...p } = e, v = { id: s, ref: o.labelRef, onClick: t };
+    return U({ ourProps: v, theirProps: p, slot: i, attrs: a, slots: l, name: "ListboxLabel" });
+  };
+} });
+let ha = F({ name: "ListboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-listbox-button-${ae()}`, t = ge("ListboxButton");
+  n({ el: t.buttonRef, $el: t.buttonRef });
+  function i(r) {
+    switch (r.key) {
+      case R.Space:
+      case R.Enter:
+      case R.ArrowDown:
+        r.preventDefault(), t.openListbox(), W(() => {
+          var u;
+          (u = k(t.optionsRef)) == null || u.focus({ preventScroll: !0 }), t.value.value || t.goToOption(C.First);
+        });
+        break;
+      case R.ArrowUp:
+        r.preventDefault(), t.openListbox(), W(() => {
+          var u;
+          (u = k(t.optionsRef)) == null || u.focus({ preventScroll: !0 }), t.value.value || t.goToOption(C.Last);
+        });
+        break;
+    }
+  }
+  function p(r) {
+    switch (r.key) {
+      case R.Space:
+        r.preventDefault();
+        break;
+    }
+  }
+  function v(r) {
+    t.disabled.value || (t.listboxState.value === 0 ? (t.closeListbox(), W(() => {
+      var u;
+      return (u = k(t.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+    })) : (r.preventDefault(), t.openListbox(), fa(() => {
+      var u;
+      return (u = k(t.optionsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+    })));
+  }
+  let c = Ve(g(() => ({ as: e.as, type: a.type })), t.buttonRef);
+  return () => {
+    var r, u;
+    let h = { open: t.listboxState.value === 0, disabled: t.disabled.value, value: t.value.value }, { ...m } = e, f = { ref: t.buttonRef, id: o, type: c.value, "aria-haspopup": "listbox", "aria-controls": (r = k(t.optionsRef)) == null ? void 0 : r.id, "aria-expanded": t.listboxState.value === 0, "aria-labelledby": t.labelRef.value ? [(u = k(t.labelRef)) == null ? void 0 : u.id, o].join(" ") : void 0, disabled: t.disabled.value === !0 ? !0 : void 0, onKeydown: i, onKeyup: p, onClick: v };
+    return U({ ourProps: f, theirProps: m, slot: h, attrs: a, slots: l, name: "ListboxButton" });
+  };
+} }), ba = F({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-listbox-options-${ae()}`, t = ge("ListboxOptions"), i = M(null);
+  n({ el: t.optionsRef, $el: t.optionsRef });
+  function p(r) {
+    switch (i.value && clearTimeout(i.value), r.key) {
+      case R.Space:
+        if (t.searchQuery.value !== "") return r.preventDefault(), r.stopPropagation(), t.search(r.key);
+      case R.Enter:
+        if (r.preventDefault(), r.stopPropagation(), t.activeOptionIndex.value !== null) {
+          let u = t.options.value[t.activeOptionIndex.value];
+          t.select(u.dataRef.value);
+        }
+        t.mode.value === 0 && (t.closeListbox(), W(() => {
+          var u;
+          return (u = k(t.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+        }));
+        break;
+      case z(t.orientation.value, { vertical: R.ArrowDown, horizontal: R.ArrowRight }):
+        return r.preventDefault(), r.stopPropagation(), t.goToOption(C.Next);
+      case z(t.orientation.value, { vertical: R.ArrowUp, horizontal: R.ArrowLeft }):
+        return r.preventDefault(), r.stopPropagation(), t.goToOption(C.Previous);
+      case R.Home:
+      case R.PageUp:
+        return r.preventDefault(), r.stopPropagation(), t.goToOption(C.First);
+      case R.End:
+      case R.PageDown:
+        return r.preventDefault(), r.stopPropagation(), t.goToOption(C.Last);
+      case R.Escape:
+        r.preventDefault(), r.stopPropagation(), t.closeListbox(), W(() => {
+          var u;
+          return (u = k(t.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+        });
+        break;
+      case R.Tab:
+        r.preventDefault(), r.stopPropagation();
+        break;
+      default:
+        r.key.length === 1 && (t.search(r.key), i.value = setTimeout(() => t.clearSearch(), 350));
+        break;
+    }
+  }
+  let v = bt(), c = g(() => v !== null ? (v.value & le.Open) === le.Open : t.listboxState.value === 0);
+  return () => {
+    var r, u;
+    let h = { open: t.listboxState.value === 0 }, { ...m } = e, f = { "aria-activedescendant": t.activeOptionIndex.value === null || (r = t.options.value[t.activeOptionIndex.value]) == null ? void 0 : r.id, "aria-multiselectable": t.mode.value === 1 ? !0 : void 0, "aria-labelledby": (u = k(t.buttonRef)) == null ? void 0 : u.id, "aria-orientation": t.orientation.value, id: o, onKeydown: p, role: "listbox", tabIndex: 0, ref: t.optionsRef };
+    return U({ ourProps: f, theirProps: m, slot: h, attrs: a, slots: l, features: se.RenderStrategy | se.Static, visible: c.value, name: "ListboxOptions" });
+  };
+} }), ga = F({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: a, attrs: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-listbox-option-${ae()}`, t = ge("ListboxOption"), i = M(null);
+  n({ el: i, $el: i });
+  let p = g(() => t.activeOptionIndex.value !== null ? t.options.value[t.activeOptionIndex.value].id === o : !1), v = g(() => z(t.mode.value, { 0: () => t.compare(G(t.value.value), G(e.value)), 1: () => G(t.value.value).some((b) => t.compare(G(b), G(e.value))) })), c = g(() => z(t.mode.value, { 1: () => {
+    var b;
+    let _ = G(t.value.value);
+    return ((b = t.options.value.find((S) => _.some((T) => t.compare(G(T), G(S.dataRef.value))))) == null ? void 0 : b.id) === o;
+  }, 0: () => v.value })), r = $t(i), u = g(() => ({ disabled: e.disabled, value: e.value, get textValue() {
+    return r();
+  }, domRef: i }));
+  Z(() => t.registerOption(o, u)), Pe(() => t.unregisterOption(o)), Z(() => {
+    Ne([t.listboxState, v], () => {
+      t.listboxState.value === 0 && v.value && z(t.mode.value, { 1: () => {
+        c.value && t.goToOption(C.Specific, o);
+      }, 0: () => {
+        t.goToOption(C.Specific, o);
+      } });
+    }, { immediate: !0 });
+  }), de(() => {
+    t.listboxState.value === 0 && p.value && t.activationTrigger.value !== 0 && W(() => {
+      var b, _;
+      return (_ = (b = k(i)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : _.call(b, { block: "nearest" });
+    });
+  });
+  function h(b) {
+    if (e.disabled) return b.preventDefault();
+    t.select(e.value), t.mode.value === 0 && (t.closeListbox(), W(() => {
+      var _;
+      return (_ = k(t.buttonRef)) == null ? void 0 : _.focus({ preventScroll: !0 });
+    }));
+  }
+  function m() {
+    if (e.disabled) return t.goToOption(C.Nothing);
+    t.goToOption(C.Specific, o);
+  }
+  let f = vt();
+  function y(b) {
+    f.update(b);
+  }
+  function $(b) {
+    f.wasMoved(b) && (e.disabled || p.value || t.goToOption(C.Specific, o, 0));
+  }
+  function w(b) {
+    f.wasMoved(b) && (e.disabled || p.value && t.goToOption(C.Nothing));
+  }
+  return () => {
+    let { disabled: b } = e, _ = { active: p.value, selected: v.value, disabled: b }, { value: S, disabled: T, ...A } = e, X = { id: o, ref: i, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": v.value, disabled: void 0, onClick: h, onFocus: m, onPointerenter: y, onMouseenter: y, onPointermove: $, onMousemove: $, onPointerleave: w, onMouseleave: w };
+    return U({ ourProps: X, theirProps: A, slot: _, attrs: l, slots: a, name: "ListboxOption" });
+  };
+} });
+var ya = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ya || {}), xa = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(xa || {});
+function wa(e) {
+  requestAnimationFrame(() => requestAnimationFrame(e));
+}
+let It = Symbol("MenuContext");
+function Ee(e) {
+  let a = ie(It, null);
+  if (a === null) {
+    let l = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, Ee), l;
+  }
+  return a;
+}
+let Sa = F({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: a, attrs: l }) {
+  let n = M(1), s = M(null), o = M(null), t = M([]), i = M(""), p = M(null), v = M(1);
+  function c(u = (h) => h) {
+    let h = p.value !== null ? t.value[p.value] : null, m = ne(u(t.value.slice()), (y) => k(y.dataRef.domRef)), f = h ? m.indexOf(h) : null;
+    return f === -1 && (f = null), { items: m, activeItemIndex: f };
+  }
+  let r = { menuState: n, buttonRef: s, itemsRef: o, items: t, searchQuery: i, activeItemIndex: p, activationTrigger: v, closeMenu: () => {
+    n.value = 1, p.value = null;
+  }, openMenu: () => n.value = 0, goToItem(u, h, m) {
+    let f = c(), y = yt(u === C.Specific ? { focus: C.Specific, id: h } : { focus: u }, { resolveItems: () => f.items, resolveActiveIndex: () => f.activeItemIndex, resolveId: ($) => $.id, resolveDisabled: ($) => $.dataRef.disabled });
+    i.value = "", p.value = y, v.value = m ?? 1, t.value = f.items;
+  }, search(u) {
+    let h = i.value !== "" ? 0 : 1;
+    i.value += u.toLowerCase();
+    let m = (p.value !== null ? t.value.slice(p.value + h).concat(t.value.slice(0, p.value + h)) : t.value).find((y) => y.dataRef.textValue.startsWith(i.value) && !y.dataRef.disabled), f = m ? t.value.indexOf(m) : -1;
+    f === -1 || f === p.value || (p.value = f, v.value = 1);
+  }, clearSearch() {
+    i.value = "";
+  }, registerItem(u, h) {
+    let m = c((f) => [...f, { id: u, dataRef: h }]);
+    t.value = m.items, p.value = m.activeItemIndex, v.value = 1;
+  }, unregisterItem(u) {
+    let h = c((m) => {
+      let f = m.findIndex((y) => y.id === u);
+      return f !== -1 && m.splice(f, 1), m;
+    });
+    t.value = h.items, p.value = h.activeItemIndex, v.value = 1;
+  } };
+  return pt([s, o], (u, h) => {
+    var m;
+    r.closeMenu(), Te(h, Re.Loose) || (u.preventDefault(), (m = k(s)) == null || m.focus());
+  }, g(() => n.value === 0)), pe(It, r), gt(g(() => z(n.value, { 0: le.Open, 1: le.Closed }))), () => {
+    let u = { open: n.value === 0, close: r.closeMenu };
+    return U({ ourProps: {}, theirProps: e, slot: u, slots: a, attrs: l, name: "Menu" });
+  };
+} }), $a = F({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-menu-button-${ae()}`, t = Ee("MenuButton");
+  n({ el: t.buttonRef, $el: t.buttonRef });
+  function i(r) {
+    switch (r.key) {
+      case R.Space:
+      case R.Enter:
+      case R.ArrowDown:
+        r.preventDefault(), r.stopPropagation(), t.openMenu(), W(() => {
+          var u;
+          (u = k(t.itemsRef)) == null || u.focus({ preventScroll: !0 }), t.goToItem(C.First);
+        });
+        break;
+      case R.ArrowUp:
+        r.preventDefault(), r.stopPropagation(), t.openMenu(), W(() => {
+          var u;
+          (u = k(t.itemsRef)) == null || u.focus({ preventScroll: !0 }), t.goToItem(C.Last);
+        });
+        break;
+    }
+  }
+  function p(r) {
+    switch (r.key) {
+      case R.Space:
+        r.preventDefault();
+        break;
+    }
+  }
+  function v(r) {
+    e.disabled || (t.menuState.value === 0 ? (t.closeMenu(), W(() => {
+      var u;
+      return (u = k(t.buttonRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+    })) : (r.preventDefault(), t.openMenu(), wa(() => {
+      var u;
+      return (u = k(t.itemsRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+    })));
+  }
+  let c = Ve(g(() => ({ as: e.as, type: a.type })), t.buttonRef);
+  return () => {
+    var r;
+    let u = { open: t.menuState.value === 0 }, { ...h } = e, m = { ref: t.buttonRef, id: o, type: c.value, "aria-haspopup": "menu", "aria-controls": (r = k(t.itemsRef)) == null ? void 0 : r.id, "aria-expanded": t.menuState.value === 0, onKeydown: i, onKeyup: p, onClick: v };
+    return U({ ourProps: m, theirProps: h, slot: u, attrs: a, slots: l, name: "MenuButton" });
+  };
+} }), _a = F({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-menu-items-${ae()}`, t = Ee("MenuItems"), i = M(null);
+  n({ el: t.itemsRef, $el: t.itemsRef }), na({ container: g(() => k(t.itemsRef)), enabled: g(() => t.menuState.value === 0), accept(u) {
+    return u.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : u.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(u) {
+    u.setAttribute("role", "none");
+  } });
+  function p(u) {
+    var h;
+    switch (i.value && clearTimeout(i.value), u.key) {
+      case R.Space:
+        if (t.searchQuery.value !== "") return u.preventDefault(), u.stopPropagation(), t.search(u.key);
+      case R.Enter:
+        if (u.preventDefault(), u.stopPropagation(), t.activeItemIndex.value !== null) {
+          let m = t.items.value[t.activeItemIndex.value];
+          (h = k(m.dataRef.domRef)) == null || h.click();
+        }
+        t.closeMenu(), ct(k(t.buttonRef));
+        break;
+      case R.ArrowDown:
+        return u.preventDefault(), u.stopPropagation(), t.goToItem(C.Next);
+      case R.ArrowUp:
+        return u.preventDefault(), u.stopPropagation(), t.goToItem(C.Previous);
+      case R.Home:
+      case R.PageUp:
+        return u.preventDefault(), u.stopPropagation(), t.goToItem(C.First);
+      case R.End:
+      case R.PageDown:
+        return u.preventDefault(), u.stopPropagation(), t.goToItem(C.Last);
+      case R.Escape:
+        u.preventDefault(), u.stopPropagation(), t.closeMenu(), W(() => {
+          var m;
+          return (m = k(t.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
+        });
+        break;
+      case R.Tab:
+        u.preventDefault(), u.stopPropagation(), t.closeMenu(), W(() => Zl(k(t.buttonRef), u.shiftKey ? H.Previous : H.Next));
+        break;
+      default:
+        u.key.length === 1 && (t.search(u.key), i.value = setTimeout(() => t.clearSearch(), 350));
+        break;
+    }
+  }
+  function v(u) {
+    switch (u.key) {
+      case R.Space:
+        u.preventDefault();
+        break;
+    }
+  }
+  let c = bt(), r = g(() => c !== null ? (c.value & le.Open) === le.Open : t.menuState.value === 0);
+  return () => {
+    var u, h;
+    let m = { open: t.menuState.value === 0 }, { ...f } = e, y = { "aria-activedescendant": t.activeItemIndex.value === null || (u = t.items.value[t.activeItemIndex.value]) == null ? void 0 : u.id, "aria-labelledby": (h = k(t.buttonRef)) == null ? void 0 : h.id, id: o, onKeydown: p, onKeyup: v, role: "menu", tabIndex: 0, ref: t.itemsRef };
+    return U({ ourProps: y, theirProps: f, slot: m, attrs: a, slots: l, features: se.RenderStrategy | se.Static, visible: r.value, name: "MenuItems" });
+  };
+} }), Ia = F({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: a, attrs: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-menu-item-${ae()}`, t = Ee("MenuItem"), i = M(null);
+  n({ el: i, $el: i });
+  let p = g(() => t.activeItemIndex.value !== null ? t.items.value[t.activeItemIndex.value].id === o : !1), v = $t(i), c = g(() => ({ disabled: e.disabled, get textValue() {
+    return v();
+  }, domRef: i }));
+  Z(() => t.registerItem(o, c)), Pe(() => t.unregisterItem(o)), de(() => {
+    t.menuState.value === 0 && p.value && t.activationTrigger.value !== 0 && W(() => {
+      var $, w;
+      return (w = ($ = k(i)) == null ? void 0 : $.scrollIntoView) == null ? void 0 : w.call($, { block: "nearest" });
+    });
+  });
+  function r($) {
+    if (e.disabled) return $.preventDefault();
+    t.closeMenu(), ct(k(t.buttonRef));
+  }
+  function u() {
+    if (e.disabled) return t.goToItem(C.Nothing);
+    t.goToItem(C.Specific, o);
+  }
+  let h = vt();
+  function m($) {
+    h.update($);
+  }
+  function f($) {
+    h.wasMoved($) && (e.disabled || p.value || t.goToItem(C.Specific, o, 0));
+  }
+  function y($) {
+    h.wasMoved($) && (e.disabled || p.value && t.goToItem(C.Nothing));
+  }
+  return () => {
+    let { disabled: $, ...w } = e, b = { active: p.value, disabled: $, close: t.closeMenu };
+    return U({ ourProps: { id: o, ref: i, role: "menuitem", tabIndex: $ === !0 ? void 0 : -1, "aria-disabled": $ === !0 ? !0 : void 0, onClick: r, onFocus: u, onPointerenter: m, onMouseenter: m, onPointermove: f, onMousemove: f, onPointerleave: y, onMouseleave: y }, theirProps: { ...l, ...w }, slot: b, attrs: l, slots: a, name: "MenuItem" });
+  };
+} }), ka = F({ props: { onFocus: { type: Function, required: !0 } }, setup(e) {
+  let a = M(!0);
+  return () => a.value ? ue(We, { as: "button", type: "button", features: Ue.Focusable, onFocus(l) {
+    l.preventDefault();
+    let n, s = 50;
+    function o() {
+      var t;
+      if (s-- <= 0) {
+        n && cancelAnimationFrame(n);
+        return;
+      }
+      if ((t = e.onFocus) != null && t.call(e)) {
+        a.value = !1, cancelAnimationFrame(n);
+        return;
+      }
+      n = requestAnimationFrame(o);
+    }
+    n = requestAnimationFrame(o);
+  } }) : null;
+} });
+var Pa = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Pa || {}), Oa = ((e) => (e[e.Less = -1] = "Less", e[e.Equal = 0] = "Equal", e[e.Greater = 1] = "Greater", e))(Oa || {});
+let kt = Symbol("TabsContext");
+function ye(e) {
+  let a = ie(kt, null);
+  if (a === null) {
+    let l = new Error(`<${e} /> is missing a parent <TabGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, ye), l;
+  }
+  return a;
+}
+let qe = Symbol("TabsSSRContext"), Ma = F({ name: "TabGroup", emits: { change: (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, selectedIndex: { type: [Number], default: null }, defaultIndex: { type: [Number], default: 0 }, vertical: { type: [Boolean], default: !1 }, manual: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: a, attrs: l, emit: n }) {
+  var s;
+  let o = M((s = e.selectedIndex) != null ? s : e.defaultIndex), t = M([]), i = M([]), p = g(() => e.selectedIndex !== null), v = g(() => p.value ? e.selectedIndex : o.value);
+  function c(f) {
+    var y;
+    let $ = ne(r.tabs.value, k), w = ne(r.panels.value, k), b = $.filter((_) => {
+      var S;
+      return !((S = k(_)) != null && S.hasAttribute("disabled"));
+    });
+    if (f < 0 || f > $.length - 1) {
+      let _ = z(o.value === null ? 0 : Math.sign(f - o.value), { [-1]: () => 1, 0: () => z(Math.sign(f), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 }), S = z(_, { 0: () => $.indexOf(b[0]), 1: () => $.indexOf(b[b.length - 1]) });
+      S !== -1 && (o.value = S), r.tabs.value = $, r.panels.value = w;
+    } else {
+      let _ = $.slice(0, f), S = [...$.slice(f), ..._].find((A) => b.includes(A));
+      if (!S) return;
+      let T = (y = $.indexOf(S)) != null ? y : r.selectedIndex.value;
+      T === -1 && (T = r.selectedIndex.value), o.value = T, r.tabs.value = $, r.panels.value = w;
+    }
+  }
+  let r = { selectedIndex: g(() => {
+    var f, y;
+    return (y = (f = o.value) != null ? f : e.defaultIndex) != null ? y : null;
+  }), orientation: g(() => e.vertical ? "vertical" : "horizontal"), activation: g(() => e.manual ? "manual" : "auto"), tabs: t, panels: i, setSelectedIndex(f) {
+    v.value !== f && n("change", f), p.value || c(f);
+  }, registerTab(f) {
+    var y;
+    if (t.value.includes(f)) return;
+    let $ = t.value[o.value];
+    if (t.value.push(f), t.value = ne(t.value, k), !p.value) {
+      let w = (y = t.value.indexOf($)) != null ? y : o.value;
+      w !== -1 && (o.value = w);
+    }
+  }, unregisterTab(f) {
+    let y = t.value.indexOf(f);
+    y !== -1 && t.value.splice(y, 1);
+  }, registerPanel(f) {
+    i.value.includes(f) || (i.value.push(f), i.value = ne(i.value, k));
+  }, unregisterPanel(f) {
+    let y = i.value.indexOf(f);
+    y !== -1 && i.value.splice(y, 1);
+  } };
+  pe(kt, r);
+  let u = M({ tabs: [], panels: [] }), h = M(!1);
+  Z(() => {
+    h.value = !0;
+  }), pe(qe, g(() => h.value ? null : u.value));
+  let m = g(() => e.selectedIndex);
+  return Z(() => {
+    Ne([m], () => {
+      var f;
+      return c((f = e.selectedIndex) != null ? f : e.defaultIndex);
+    }, { immediate: !0 });
+  }), de(() => {
+    if (!p.value || v.value == null || r.tabs.value.length <= 0) return;
+    let f = ne(r.tabs.value, k);
+    f.some((y, $) => k(r.tabs.value[$]) !== k(y)) && r.setSelectedIndex(f.findIndex((y) => k(y) === k(r.tabs.value[v.value])));
+  }), () => {
+    let f = { selectedIndex: o.value };
+    return ue(te, [t.value.length <= 0 && ue(ka, { onFocus: () => {
+      for (let y of t.value) {
+        let $ = k(y);
+        if (($ == null ? void 0 : $.tabIndex) === 0) return $.focus(), !0;
+      }
+      return !1;
+    } }), U({ theirProps: { ...l, ...ze(e, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: f, slots: a, attrs: l, name: "TabGroup" })]);
+  };
+} }), Ra = F({ name: "TabList", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: a, slots: l }) {
+  let n = ye("TabList");
+  return () => {
+    let s = { selectedIndex: n.selectedIndex.value }, o = { role: "tablist", "aria-orientation": n.orientation.value };
+    return U({ ourProps: o, theirProps: e, slot: s, attrs: a, slots: l, name: "TabList" });
+  };
+} }), Ta = F({ name: "Tab", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-tabs-tab-${ae()}`, t = ye("Tab"), i = M(null);
+  n({ el: i, $el: i }), Z(() => t.registerTab(i)), Pe(() => t.unregisterTab(i));
+  let p = ie(qe), v = g(() => {
+    if (p.value) {
+      let w = p.value.tabs.indexOf(o);
+      return w === -1 ? p.value.tabs.push(o) - 1 : w;
+    }
+    return -1;
+  }), c = g(() => {
+    let w = t.tabs.value.indexOf(i);
+    return w === -1 ? v.value : w;
+  }), r = g(() => c.value === t.selectedIndex.value);
+  function u(w) {
+    var b;
+    let _ = w();
+    if (_ === he.Success && t.activation.value === "auto") {
+      let S = (b = Me(i)) == null ? void 0 : b.activeElement, T = t.tabs.value.findIndex((A) => k(A) === S);
+      T !== -1 && t.setSelectedIndex(T);
+    }
+    return _;
+  }
+  function h(w) {
+    let b = t.tabs.value.map((_) => k(_)).filter(Boolean);
+    if (w.key === R.Space || w.key === R.Enter) {
+      w.preventDefault(), w.stopPropagation(), t.setSelectedIndex(c.value);
+      return;
+    }
+    switch (w.key) {
+      case R.Home:
+      case R.PageUp:
+        return w.preventDefault(), w.stopPropagation(), u(() => re(b, H.First));
+      case R.End:
+      case R.PageDown:
+        return w.preventDefault(), w.stopPropagation(), u(() => re(b, H.Last));
+    }
+    if (u(() => z(t.orientation.value, { vertical() {
+      return w.key === R.ArrowUp ? re(b, H.Previous | H.WrapAround) : w.key === R.ArrowDown ? re(b, H.Next | H.WrapAround) : he.Error;
+    }, horizontal() {
+      return w.key === R.ArrowLeft ? re(b, H.Previous | H.WrapAround) : w.key === R.ArrowRight ? re(b, H.Next | H.WrapAround) : he.Error;
+    } })) === he.Success) return w.preventDefault();
+  }
+  let m = M(!1);
+  function f() {
+    var w;
+    m.value || (m.value = !0, !e.disabled && ((w = k(i)) == null || w.focus({ preventScroll: !0 }), t.setSelectedIndex(c.value), zl(() => {
+      m.value = !1;
+    })));
+  }
+  function y(w) {
+    w.preventDefault();
+  }
+  let $ = Ve(g(() => ({ as: e.as, type: a.type })), i);
+  return () => {
+    var w, b;
+    let _ = { selected: r.value, disabled: (w = e.disabled) != null ? w : !1 }, { ...S } = e, T = { ref: i, onKeydown: h, onMousedown: y, onClick: f, id: o, role: "tab", type: $.value, "aria-controls": (b = k(t.panels.value[c.value])) == null ? void 0 : b.id, "aria-selected": r.value, tabIndex: r.value ? 0 : -1, disabled: e.disabled ? !0 : void 0 };
+    return U({ ourProps: T, theirProps: S, slot: _, attrs: a, slots: l, name: "Tab" });
+  };
+} }), Ea = F({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: a, attrs: l }) {
+  let n = ye("TabPanels");
+  return () => {
+    let s = { selectedIndex: n.selectedIndex.value };
+    return U({ theirProps: e, ourProps: {}, slot: s, attrs: l, slots: a, name: "TabPanels" });
+  };
+} }), Ca = F({ name: "TabPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null }, tabIndex: { type: Number, default: 0 } }, setup(e, { attrs: a, slots: l, expose: n }) {
+  var s;
+  let o = (s = e.id) != null ? s : `headlessui-tabs-panel-${ae()}`, t = ye("TabPanel"), i = M(null);
+  n({ el: i, $el: i }), Z(() => t.registerPanel(i)), Pe(() => t.unregisterPanel(i));
+  let p = ie(qe), v = g(() => {
+    if (p.value) {
+      let u = p.value.panels.indexOf(o);
+      return u === -1 ? p.value.panels.push(o) - 1 : u;
+    }
+    return -1;
+  }), c = g(() => {
+    let u = t.panels.value.indexOf(i);
+    return u === -1 ? v.value : u;
+  }), r = g(() => c.value === t.selectedIndex.value);
+  return () => {
+    var u;
+    let h = { selected: r.value }, { tabIndex: m, ...f } = e, y = { ref: i, id: o, role: "tabpanel", "aria-labelledby": (u = k(t.tabs.value[c.value])) == null ? void 0 : u.id, tabIndex: r.value ? m : -1 };
+    return !r.value && e.unmount && !e.static ? ue(We, { as: "span", "aria-hidden": !0, ...y }) : U({ ourProps: y, theirProps: f, slot: h, attrs: a, slots: l, features: se.Static | se.RenderStrategy, visible: r.value, name: "TabPanel" });
+  };
+} });
+const Fa = ["onClick"], La = {
+  class: "mo-menu__icon",
+  "aria-hidden": "true"
+}, Da = { class: "mo-menu__text" }, Aa = { class: "mo-menu__label" }, Ba = {
+  key: 0,
+  class: "mo-menu__description"
+}, Na = /* @__PURE__ */ F({
+  name: "MoMenu",
+  __name: "menu",
+  props: {
+    items: { default: () => [] },
+    theme: { default: "light" },
+    placement: { default: "bottom-start" },
+    width: { default: 272 }
+  },
+  emits: ["select"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = g(() => [
+      "mo-menu",
+      `mo-theme--${l.theme}`,
+      `mo-menu--${l.placement}`
+    ]), o = g(() => ({
+      "--mo-menu-width": typeof l.width == "number" ? `${l.width}px` : l.width
+    }));
+    function t(i, p) {
+      i.disabled || n("select", i.value, i, p);
+    }
+    return (i, p) => (P(), oe(N(Sa), {
+      as: "div",
+      class: j(s.value),
+      style: Q(o.value)
+    }, {
+      default: K(() => [
+        be(N($a), { as: "template" }, {
+          default: K(() => [
+            B(i.$slots, "trigger", {}, () => [
+              p[0] || (p[0] = O("button", {
+                class: "mo-menu__trigger",
+                type: "button"
+              }, "打开菜单", -1))
+            ])
+          ]),
+          _: 3
+        }),
+        be(N(_a), { class: "mo-menu__items" }, {
+          default: K(() => [
+            (P(!0), E(te, null, ve(e.items, (v, c) => (P(), oe(N(Ia), {
+              key: v.value,
+              as: "template",
+              disabled: v.disabled
+            }, {
+              default: K(({ active: r, disabled: u }) => [
+                O("button", {
+                  class: j(["mo-menu__item", { "is-active": r, "is-disabled": u }]),
+                  type: "button",
+                  onClick: (h) => t(v, c)
+                }, [
+                  O("span", La, [
+                    B(i.$slots, "icon", {
+                      item: v,
+                      index: c,
+                      active: r
+                    }, () => [
+                      p[1] || (p[1] = O("span", { class: "mo-menu__icon-dot" }, null, -1))
+                    ])
+                  ]),
+                  O("span", Da, [
+                    B(i.$slots, "item", {
+                      item: v,
+                      index: c,
+                      active: r
+                    }, () => [
+                      O("span", Aa, V(v.label), 1),
+                      v.description ? (P(), E("span", Ba, V(v.description), 1)) : D("", !0)
+                    ])
+                  ])
+                ], 10, Fa)
+              ]),
+              _: 2
+            }, 1032, ["disabled"]))), 128))
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), ja = J(Na), Va = /* @__PURE__ */ F({
+  name: "MoRow",
+  __name: "row",
+  props: {
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "top" },
+    wrap: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const a = e, l = g(() => typeof a.gutter == "number" ? `${a.gutter}px` : a.gutter), n = g(() => [
+      "mo-row",
+      `mo-row--justify-${a.justify}`,
+      `mo-row--align-${a.align}`,
+      {
+        "is-nowrap": !a.wrap
+      }
+    ]), s = g(() => ({
+      "--mo-row-gutter": l.value,
+      "--mo-row-gutter-half": `calc(${l.value} / 2)`
+    }));
+    return (o, t) => (P(), E("div", {
+      class: j(n.value),
+      style: Q(s.value)
+    }, [
+      B(o.$slots, "default")
+    ], 6));
+  }
+}), za = J(Va), Ua = { class: "mo-select__label" }, Wa = /* @__PURE__ */ F({
+  name: "MoSelect",
+  __name: "select",
+  props: {
+    modelValue: { type: [String, Number, Boolean, Object, null], default: null },
+    options: { default: () => [] },
+    theme: { default: "light" },
+    size: { default: "default" },
+    placeholder: { default: "请选择" },
+    disabled: { type: Boolean, default: !1 },
+    horizontal: { type: Boolean, default: !1 },
+    name: { default: void 0 },
+    by: { type: [String, Function], default: void 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = g(
+      () => l.options.find((c) => i(c.value, l.modelValue))
+    ), o = g(() => {
+      var c;
+      return ((c = s.value) == null ? void 0 : c.label) || l.placeholder;
+    }), t = g(() => [
+      "mo-select",
+      `mo-select--${l.size}`,
+      `mo-theme--${l.theme}`,
+      {
+        "is-disabled": l.disabled,
+        "is-placeholder": !s.value
+      }
+    ]);
+    function i(c, r) {
+      return typeof l.by == "function" ? l.by(c, r) : typeof l.by == "string" && p(c) && p(r) ? c[l.by] === r[l.by] : c === r;
+    }
+    function p(c) {
+      return typeof c == "object" && c !== null;
+    }
+    function v(c) {
+      const r = l.options.find((u) => i(u.value, c));
+      n("update:modelValue", c), n("change", c, r);
+    }
+    return (c, r) => (P(), oe(N(ma), {
+      "model-value": e.modelValue,
+      disabled: e.disabled,
+      horizontal: e.horizontal,
+      name: e.name,
+      by: e.by,
+      "onUpdate:modelValue": v
+    }, {
+      default: K(() => [
+        O("div", {
+          class: j(t.value)
+        }, [
+          be(N(ha), { class: "mo-select__button" }, {
+            default: K(() => [
+              O("span", Ua, [
+                B(c.$slots, "label", {
+                  option: s.value,
+                  label: o.value
+                }, () => [
+                  ke(V(o.value), 1)
+                ])
+              ]),
+              r[0] || (r[0] = O("span", {
+                class: "mo-select__arrow",
+                "aria-hidden": "true"
+              }, null, -1))
+            ]),
+            _: 3
+          }),
+          be(N(ba), { class: "mo-select__options" }, {
+            default: K(() => [
+              (P(!0), E(te, null, ve(e.options, (u) => (P(), oe(N(ga), {
+                key: `${u.label}-${String(u.value)}`,
+                as: "template",
+                value: u.value,
+                disabled: u.disabled
+              }, {
+                default: K(({ active: h, selected: m, disabled: f }) => [
+                  O("li", {
+                    class: j(["mo-select__option", {
+                      "is-active": h,
+                      "is-selected": m,
+                      "is-disabled": f
+                    }])
+                  }, [
+                    r[1] || (r[1] = O("span", {
+                      class: "mo-select__check",
+                      "aria-hidden": "true"
+                    }, null, -1)),
+                    B(c.$slots, "option", {
+                      option: u,
+                      active: h,
+                      selected: m,
+                      disabled: f
+                    }, () => [
+                      ke(V(u.label), 1)
+                    ])
+                  ], 2)
+                ]),
+                _: 2
+              }, 1032, ["value", "disabled"]))), 128))
+            ]),
+            _: 3
+          })
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["model-value", "disabled", "horizontal", "name", "by"]));
+  }
+}), qa = J(Wa), Ha = /* @__PURE__ */ F({
+  name: "MoTabs",
+  __name: "tabs",
+  props: {
+    modelValue: { default: void 0 },
+    items: {},
+    size: { default: "default" },
+    theme: { default: "light" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const l = e, n = a, s = g(() => {
+      const p = l.items.findIndex((v) => v.value === l.modelValue);
+      return p >= 0 ? p : 0;
+    }), o = g(() => ["mo-tabs", `mo-tabs--${l.size}`, `mo-theme--${l.theme}`]), t = g(() => ({
+      "--mo-tabs-count": Math.max(l.items.length, 1),
+      "--mo-tabs-active-index": s.value
+    }));
+    function i(p) {
+      const v = l.items[p];
+      !v || v.disabled || (n("update:modelValue", v.value), n("change", v.value, v, p));
+    }
+    return (p, v) => (P(), oe(N(Ma), {
+      "selected-index": s.value,
+      onChange: i
+    }, {
+      default: K(() => [
+        O("div", {
+          class: j(o.value),
+          style: Q(t.value)
+        }, [
+          be(N(Ra), { class: "mo-tabs__list" }, {
+            default: K(() => [
+              v[0] || (v[0] = O("span", {
+                class: "mo-tabs__indicator",
+                "aria-hidden": "true"
+              }, null, -1)),
+              (P(!0), E(te, null, ve(e.items, (c, r) => (P(), oe(N(Ta), {
+                key: c.value,
+                as: "template",
+                disabled: c.disabled
+              }, {
+                default: K(({ selected: u }) => [
+                  O("button", {
+                    class: j(["mo-tabs__tab", { "is-active": u, "is-disabled": c.disabled }]),
+                    type: "button"
+                  }, [
+                    B(p.$slots, "label", {
+                      item: c,
+                      index: r,
+                      selected: u
+                    }, () => [
+                      ke(V(c.label), 1)
+                    ])
+                  ], 2)
+                ]),
+                _: 2
+              }, 1032, ["disabled"]))), 128))
+            ]),
+            _: 3
+          }),
+          p.$slots.panel ? (P(), oe(N(Ea), {
+            key: 0,
+            class: "mo-tabs__panels"
+          }, {
+            default: K(() => [
+              (P(!0), E(te, null, ve(e.items, (c, r) => (P(), oe(N(Ca), {
+                key: c.value,
+                class: "mo-tabs__panel"
+              }, {
+                default: K(() => [
+                  B(p.$slots, "panel", {
+                    item: c,
+                    index: r
+                  })
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 3
+          })) : D("", !0)
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["selected-index"]));
+  }
+}), Ka = J(Ha), Xa = ["onKeydown"], Ya = ["accept", "multiple"], Ga = { class: "mo-upload__hint" }, Qa = {
+  key: 0,
+  class: "mo-upload__list"
+}, Ja = ["src", "alt"], Za = ["src"], en = {
+  key: 2,
+  class: "mo-upload__file-icon"
+}, tn = { class: "mo-upload__meta" }, ln = { class: "mo-upload__name" }, an = { class: "mo-upload__size" }, nn = { class: "mo-upload__progress" }, on = { class: "mo-upload__status" }, rn = ["onClick"], un = ["onClick"], sn = {
+  key: 1,
+  class: "mo-upload-cropper",
+  role: "dialog",
+  "aria-modal": "true"
+}, dn = { class: "mo-upload-cropper__panel" }, cn = ["src"], pn = { class: "mo-upload-cropper__slider" }, vn = /* @__PURE__ */ F({
+  name: "MoUpload",
+  __name: "upload",
+  props: {
+    theme: { default: "light" },
+    accept: { default: "" },
+    multiple: { type: Boolean, default: !1 },
+    limit: { default: 1 },
+    maxSize: { default: 10 },
+    hint: { default: "PNG/JPG/WebP，最大10MB" },
+    autoUpload: { type: Boolean, default: !0 },
+    request: { type: Function, default: void 0 },
+    crop: { type: Boolean, default: !1 },
+    manualCrop: { type: Boolean, default: !0 },
+    cropShape: { default: "square" },
+    cropSize: { default: 64 },
+    cropWidth: { default: void 0 },
+    cropHeight: { default: void 0 }
+  },
+  emits: ["change", "success", "error", "remove"],
+  setup(e, { expose: a, emit: l }) {
+    const n = e, s = l, o = M(), t = M(), i = M([]), p = M(!1), v = M(), c = M(""), r = M(1), u = M(0), h = M(0), m = M({ width: 0, height: 0 }), f = M(!1), y = M({ x: 0, y: 0, cropX: 0, cropY: 0 }), $ = /* @__PURE__ */ new Map(), w = {
+      width: 320,
+      height: 240
+    }, b = g(() => [
+      "mo-upload",
+      `mo-theme--${n.theme}`,
+      {
+        "is-dragging": p.value
+      }
+    ]), _ = g(() => ({
+      "--mo-upload-crop-size": typeof n.cropSize == "number" ? `${n.cropSize}px` : n.cropSize,
+      "--mo-upload-crop-preview-width": `${Math.min(S.value.width, 140)}px`,
+      "--mo-upload-crop-preview-height": `${Math.min(
+        S.value.height,
+        140 / S.value.width * S.value.height
+      )}px`,
+      "--mo-upload-crop-width": `${T.value.width}px`,
+      "--mo-upload-crop-height": `${T.value.height}px`
+    })), S = g(() => {
+      if (n.cropShape === "rect")
+        return {
+          width: Fe(n.cropWidth, 320),
+          height: Fe(n.cropHeight, 180)
+        };
+      const d = Fe(n.cropSize, 96);
+      return {
+        width: d,
+        height: d
+      };
+    }), T = g(() => {
+      const d = m.value.width || S.value.width, x = m.value.height || S.value.height, I = we(d, x), L = Math.min(w.width, d * I), Y = Math.min(w.height, x * I), ee = S.value.width / S.value.height;
+      return ee >= L / Y ? {
+        width: L,
+        height: L / ee
+      } : {
+        width: Y * ee,
+        height: Y
+      };
+    }), A = g(() => {
+      const d = m.value.width || S.value.width, x = m.value.height || S.value.height, I = we(d, x);
+      return {
+        width: `${d * I}px`,
+        height: `${x * I}px`,
+        transform: `translate(calc(-50% + ${u.value}px), calc(-50% + ${h.value}px)) scale(${r.value})`
+      };
+    });
+    function X() {
+      var d;
+      (d = o.value) == null || d.click();
+    }
+    function xe(d) {
+      const x = d.target;
+      He(x.files), x.value = "";
+    }
+    function Ce(d) {
+      var x;
+      p.value = !1, He((x = d.dataTransfer) == null ? void 0 : x.files);
+    }
+    function He(d) {
+      if (!d)
+        return;
+      const x = Array.from(d).filter((L) => L.size <= n.maxSize * 1024 * 1024).slice(0, Math.max(n.limit - i.value.length, 0));
+      if (n.crop && n.manualCrop) {
+        const L = x.find((Y) => Y.type.startsWith("image/"));
+        if (L) {
+          Ot(L);
+          return;
+        }
+      }
+      const I = x.map(Xe);
+      i.value = n.multiple ? [...i.value, ...I] : I.slice(0, 1), s("change", i.value), n.autoUpload && I.forEach((L) => Se(L));
+    }
+    function Pt(d) {
+      const x = Xe(d);
+      i.value = n.multiple ? [...i.value, x] : [x], s("change", i.value), n.autoUpload && Se(x);
+    }
+    function Ot(d) {
+      fe(), v.value = d, c.value = URL.createObjectURL(d), r.value = 1, u.value = 0, h.value = 0, m.value = { width: 0, height: 0 };
+    }
+    function fe() {
+      c.value && URL.revokeObjectURL(c.value), v.value = void 0, c.value = "", m.value = { width: 0, height: 0 }, f.value = !1;
+    }
+    function Mt(d) {
+      const x = d.target;
+      m.value = {
+        width: x.naturalWidth,
+        height: x.naturalHeight
+      }, Lt();
+    }
+    function Rt(d) {
+      f.value = !0, y.value = {
+        x: d.clientX,
+        y: d.clientY,
+        cropX: u.value,
+        cropY: h.value
+      }, d.currentTarget.setPointerCapture(d.pointerId);
+    }
+    function Tt(d) {
+      f.value && Le(
+        y.value.cropX + d.clientX - y.value.x,
+        y.value.cropY + d.clientY - y.value.y
+      );
+    }
+    function Ke(d) {
+      f.value = !1, d.currentTarget.releasePointerCapture(d.pointerId);
+    }
+    function Et(d) {
+      const x = De(r.value + (d.deltaY > 0 ? -0.08 : 0.08), 1, 4);
+      r.value = x, Le(u.value, h.value);
+    }
+    async function Ct() {
+      if (!v.value || !t.value)
+        return;
+      const d = await Ft(v.value, t.value);
+      fe(), Pt(d);
+    }
+    function Ft(d, x) {
+      const I = document.createElement("canvas"), L = I.getContext("2d");
+      if (I.width = S.value.width, I.height = S.value.height, !L)
+        return Promise.resolve(d);
+      const Y = T.value.width, ee = T.value.height, $e = (w.width - Y) / 2, _e = (w.height - ee) / 2, me = we(x.naturalWidth, x.naturalHeight), Ye = x.naturalWidth * me * r.value, Ge = x.naturalHeight * me * r.value, Ht = (w.width - Ye) / 2 + u.value, Kt = (w.height - Ge) / 2 + h.value, Xt = Ht - $e, Yt = Kt - _e, Qe = S.value.width / Y, Je = S.value.height / ee;
+      return n.cropShape === "circle" && (L.beginPath(), L.arc(
+        S.value.width / 2,
+        S.value.height / 2,
+        Math.min(S.value.width, S.value.height) / 2,
+        0,
+        Math.PI * 2
+      ), L.clip()), L.drawImage(
+        x,
+        Xt * Qe,
+        Yt * Je,
+        Ye * Qe,
+        Ge * Je
+      ), new Promise((Ze) => {
+        I.toBlob((et) => {
+          if (!et) {
+            Ze(d);
+            return;
+          }
+          const Gt = d.name.replace(/\.[^.]+$/, ".png");
+          Ze(new File([et], Gt, { type: "image/png", lastModified: Date.now() }));
+        }, "image/png");
+      });
+    }
+    function Fe(d, x) {
+      if (typeof d == "number")
+        return d;
+      if (typeof d == "string") {
+        const I = Number.parseInt(d, 10);
+        return Number.isFinite(I) ? I : x;
+      }
+      return x;
+    }
+    function we(d, x) {
+      return Math.min(w.width / d, w.height / x);
+    }
+    function Lt() {
+      r.value = 1, Le(0, 0);
+    }
+    function Le(d, x) {
+      const I = Dt();
+      u.value = De(d, I.minX, I.maxX), h.value = De(x, I.minY, I.maxY);
+    }
+    function Dt() {
+      const d = m.value.width || S.value.width, x = m.value.height || S.value.height, I = we(d, x), L = d * I * r.value, Y = x * I * r.value, ee = (w.width - L) / 2, $e = (w.height - Y) / 2, _e = (w.width - T.value.width) / 2, me = (w.height - T.value.height) / 2;
+      return {
+        minX: _e + T.value.width - L - ee,
+        maxX: _e - ee,
+        minY: me + T.value.height - Y - $e,
+        maxY: me - $e
+      };
+    }
+    function De(d, x, I) {
+      return Math.min(Math.max(d, x), I);
+    }
+    function Xe(d) {
+      return {
+        uid: `${Date.now()}-${Math.random().toString(16).slice(2)}`,
+        name: d.name,
+        size: d.size,
+        type: d.type,
+        file: d,
+        status: "ready",
+        percent: 0,
+        url: URL.createObjectURL(d)
+      };
+    }
+    async function Se(d) {
+      d.status = "uploading", d.percent = 0, d.error = "";
+      try {
+        n.request ? (await n.request({
+          file: d.file,
+          onProgress(x) {
+            d.percent = qt(x);
+          }
+        }), d.percent = 100) : await At(d), d.status = "success", s("success", d);
+      } catch (x) {
+        d.status = "error", d.error = x instanceof Error ? x.message : "上传失败", s("error", d);
+      }
+      s("change", i.value);
+    }
+    function At(d) {
+      return new Promise((x) => {
+        const I = window.setInterval(() => {
+          d.percent = Math.min(d.percent + 12, 100), d.percent >= 100 && (window.clearInterval(I), $.delete(d.uid), x());
+        }, 120);
+        $.set(d.uid, I);
+      });
+    }
+    function Bt(d) {
+      Se(d);
+    }
+    function Nt(d) {
+      const x = $.get(d.uid);
+      x && (window.clearInterval(x), $.delete(d.uid)), d.url && URL.revokeObjectURL(d.url), i.value = i.value.filter((I) => I.uid !== d.uid), s("remove", d), s("change", i.value);
+    }
+    function jt() {
+      i.value.filter((d) => d.status === "ready" || d.status === "error").forEach(Se);
+    }
+    function Vt() {
+      i.value.forEach((d) => {
+        d.url && URL.revokeObjectURL(d.url);
+      }), i.value = [], s("change", i.value);
+    }
+    function zt(d) {
+      return d.type.startsWith("image/");
+    }
+    function Ut(d) {
+      return d.type.startsWith("video/");
+    }
+    function Wt(d) {
+      return d < 1024 * 1024 ? `${(d / 1024).toFixed(1)}KB` : `${(d / 1024 / 1024).toFixed(1)}MB`;
+    }
+    function qt(d) {
+      return Math.min(Math.max(Math.round(d), 0), 100);
+    }
+    return st(() => {
+      $.forEach((d) => window.clearInterval(d)), i.value.forEach((d) => {
+        d.url && URL.revokeObjectURL(d.url);
+      }), fe();
+    }), a({
+      files: i,
+      submit: jt,
+      clearFiles: Vt
+    }), (d, x) => (P(), E("div", {
+      class: j(b.value),
+      style: Q(_.value)
+    }, [
+      O("div", {
+        class: j(["mo-upload__dropzone", { "has-custom-dropzone": d.$slots.dropzone }]),
+        role: "button",
+        tabindex: "0",
+        onClick: X,
+        onDragenter: x[0] || (x[0] = q((I) => p.value = !0, ["prevent"])),
+        onDragover: x[1] || (x[1] = q((I) => p.value = !0, ["prevent"])),
+        onDragleave: x[2] || (x[2] = q((I) => p.value = !1, ["prevent"])),
+        onDrop: q(Ce, ["prevent"]),
+        onKeydown: [
+          ce(q(X, ["prevent"]), ["enter"]),
+          ce(q(X, ["prevent"]), ["space"])
+        ]
+      }, [
+        O("input", {
+          ref_key: "inputRef",
+          ref: o,
+          class: "mo-upload__input",
+          type: "file",
+          accept: e.accept,
+          multiple: e.multiple,
+          onChange: xe
+        }, null, 40, Ya),
+        d.$slots.dropzone ? B(d.$slots, "dropzone", { key: 0 }) : D("", !0),
+        x[4] || (x[4] = O("div", {
+          class: "mo-upload__icon",
+          "aria-hidden": "true"
+        }, "↑", -1)),
+        x[5] || (x[5] = O("div", { class: "mo-upload__title" }, "拖拽文件到这里", -1)),
+        x[6] || (x[6] = O("div", { class: "mo-upload__action" }, "或点击上传", -1)),
+        O("div", Ga, V(e.hint), 1)
+      ], 42, Xa),
+      i.value.length ? (P(), E("div", Qa, [
+        (P(!0), E(te, null, ve(i.value, (I) => (P(), E("article", {
+          key: I.uid,
+          class: "mo-upload__file"
+        }, [
+          O("div", {
+            class: j(["mo-upload__preview", {
+              "is-crop": e.crop,
+              "is-circle": e.crop && e.cropShape === "circle",
+              "is-square": e.crop && e.cropShape === "square",
+              "is-rect": e.crop && e.cropShape === "rect"
+            }])
+          }, [
+            zt(I) ? (P(), E("img", {
+              key: 0,
+              src: I.url,
+              alt: I.name
+            }, null, 8, Ja)) : Ut(I) ? (P(), E("video", {
+              key: 1,
+              src: I.url,
+              muted: "",
+              preload: "metadata"
+            }, null, 8, Za)) : (P(), E("span", en, "FILE"))
+          ], 2),
+          O("div", tn, [
+            O("div", ln, V(I.name), 1),
+            O("div", an, V(Wt(I.size)), 1),
+            O("div", nn, [
+              O("span", {
+                class: "mo-upload__progress-bar",
+                style: Q({ width: `${I.percent}%` })
+              }, null, 4)
+            ]),
+            O("div", on, [
+              O("span", null, V(I.status === "error" ? I.error || "上传失败" : `${I.percent}%`), 1),
+              I.status === "error" ? (P(), E("button", {
+                key: 0,
+                type: "button",
+                onClick: (L) => Bt(I)
+              }, " 重新上传 ", 8, rn)) : D("", !0)
+            ])
+          ]),
+          O("button", {
+            class: "mo-upload__remove",
+            type: "button",
+            "aria-label": "删除",
+            onClick: (L) => Nt(I)
+          }, " × ", 8, un)
+        ]))), 128))
+      ])) : D("", !0),
+      c.value ? (P(), E("div", sn, [
+        O("div", dn, [
+          O("div", { class: "mo-upload-cropper__header" }, [
+            x[7] || (x[7] = O("strong", null, "裁切图片", -1)),
+            O("button", {
+              type: "button",
+              onClick: fe
+            }, "×")
+          ]),
+          O("div", {
+            class: "mo-upload-cropper__stage",
+            onPointerdown: q(Rt, ["prevent"]),
+            onPointermove: q(Tt, ["prevent"]),
+            onPointerup: q(Ke, ["prevent"]),
+            onPointercancel: q(Ke, ["prevent"]),
+            onWheel: q(Et, ["prevent"])
+          }, [
+            O("img", {
+              ref_key: "cropImageRef",
+              ref: t,
+              class: "mo-upload-cropper__image",
+              src: c.value,
+              alt: "",
+              style: Q(A.value),
+              draggable: "false",
+              onLoad: Mt
+            }, null, 44, cn),
+            O("div", {
+              class: j(["mo-upload-cropper__frame", { "is-circle": e.cropShape === "circle" }])
+            }, null, 2)
+          ], 32),
+          O("label", pn, [
+            x[8] || (x[8] = O("span", null, "缩放", -1)),
+            el(O("input", {
+              "onUpdate:modelValue": x[3] || (x[3] = (I) => r.value = I),
+              type: "range",
+              min: "1",
+              max: "3",
+              step: "0.01"
+            }, null, 512), [
+              [
+                tl,
+                r.value,
+                void 0,
+                { number: !0 }
+              ]
+            ])
+          ]),
+          O("div", { class: "mo-upload-cropper__actions" }, [
+            O("button", {
+              type: "button",
+              onClick: fe
+            }, "取消"),
+            O("button", {
+              type: "button",
+              onClick: Ct
+            }, "确认裁切")
+          ])
+        ])
+      ])) : D("", !0)
+    ], 6));
+  }
+}), fn = J(vn), mn = [
+  il,
+  hl,
+  gl,
+  xl,
+  Tl,
+  jl,
+  ja,
+  za,
+  qa,
+  Ka,
+  fn
+], Sn = {
+  install(e) {
+    mn.forEach((a) => {
+      e.use(a);
+    });
+  }
+};
+export {
+  il as MoButton,
+  hl as MoCard,
+  gl as MoCol,
+  xl as MoForm,
+  Tl as MoFormItem,
+  jl as MoInput,
+  ja as MoMenu,
+  za as MoRow,
+  qa as MoSelect,
+  Ka as MoTabs,
+  fn as MoUpload,
+  mn as components,
+  Sn as default,
+  yn as emailRule,
+  wl as isEmail,
+  Oe as isEmpty,
+  Sl as isPhone,
+  bn as isRequired,
+  xn as phoneRule,
+  gn as requiredRule
+};
+//# sourceMappingURL=mojo-ui.js.map