@luanlu/mk-motion 1.0.0

package/dist/mk-motion.js

@@ -0,0 +1,3194 @@
+var J = Object.defineProperty;
+var Z = (n, t, e) => t in n ? J(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var c = (n, t, e) => Z(n, typeof t != "symbol" ? t + "" : t, e);
+function Q(n) {
+  return n < 1e3 ? `${n}ms` : `${(n / 1e3).toFixed(2).replace(/\.?0+$/, "")}s`;
+}
+function q(n, t) {
+  Object.entries(t).forEach(([e, s]) => {
+    n.style.setProperty(`--mk-${e}`, String(s));
+  });
+}
+function tt(n, t) {
+  t.forEach((e) => {
+    n.style.removeProperty(`--mk-${e}`);
+  });
+}
+const D = {
+  duration: 500,
+  easing: "ease",
+  delay: 0,
+  iterations: 1,
+  direction: "normal",
+  fill: "both"
+};
+class F {
+  constructor(t) {
+    c(this, "element");
+    c(this, "currentAnimation", null);
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("Animator: element not found");
+  }
+  /**
+   * 播放 CSS 类动画
+   */
+  animate(t, e = {}) {
+    return new Promise((s) => {
+      const i = { ...D, ...e };
+      q(this.element, {
+        duration: Q(i.duration),
+        easing: i.easing
+      });
+      const o = `mk-animated mk-${t}`;
+      this.element.classList.add(...o.split(" "));
+      const r = () => {
+        this.element.classList.remove(...o.split(" ")), tt(this.element, ["duration", "easing"]), s(this);
+      }, a = (l) => {
+        l.animationName.startsWith("mk-") && (this.element.removeEventListener("animationend", a), r());
+      };
+      if (i.iterations === 1 / 0 || i.iterations <= 0) {
+        this.element.classList.add("mk-infinite"), s(this);
+        return;
+      }
+      this.element.addEventListener("animationend", a);
+    });
+  }
+  /**
+   * 使用 Web Animations API 播放动画
+   */
+  waa(t, e = {}) {
+    return new Promise((s) => {
+      const i = { ...D, ...e };
+      this.currentAnimation = this.element.animate(t, {
+        duration: i.duration,
+        easing: i.easing,
+        delay: i.delay,
+        iterations: i.iterations === 1 / 0 ? 1 / 0 : i.iterations,
+        direction: i.direction,
+        fill: i.fill
+      }), this.currentAnimation.onfinish = () => s(this), (i.iterations === 1 / 0 || i.iterations <= 0) && s(this);
+    });
+  }
+  /**
+   * 停止当前动画
+   */
+  stop() {
+    return this.currentAnimation && (this.currentAnimation.cancel(), this.currentAnimation = null), this;
+  }
+  /**
+   * 移除所有动效类
+   */
+  reset() {
+    const e = Array.from(this.element.classList).filter((s) => s.startsWith("mk-"));
+    return this.element.classList.remove(...e), this;
+  }
+  /**
+   * 设置元素样式变量
+   */
+  vars(t) {
+    return q(this.element, t), this;
+  }
+}
+class Ne {
+  constructor() {
+    c(this, "items", []);
+    c(this, "running", !1);
+    c(this, "abortController", null);
+  }
+  add(t, e, s) {
+    return this.items.push({
+      name: t,
+      target: e,
+      options: s,
+      at: (s == null ? void 0 : s.at) ?? this.estimateEndTime()
+    }), this;
+  }
+  estimateEndTime() {
+    var s;
+    if (this.items.length === 0) return 0;
+    const t = this.items[this.items.length - 1], e = ((s = t.options) == null ? void 0 : s.duration) ?? 500;
+    return (t.at ?? 0) + e;
+  }
+  async play() {
+    if (this.running) return;
+    this.running = !0, this.abortController = new AbortController();
+    const t = this.abortController.signal, e = this.items.map((s) => new Promise((i) => {
+      var h, p;
+      const o = typeof s.target == "string" ? document.querySelector(s.target) : s.target;
+      if (!o || t.aborted) {
+        i();
+        return;
+      }
+      const r = s.at ?? 0, a = ((h = s.options) == null ? void 0 : h.duration) ?? 500, l = ((p = s.options) == null ? void 0 : p.easing) ?? "ease", d = setTimeout(() => {
+        if (t.aborted) {
+          i();
+          return;
+        }
+        const u = `mk-animated mk-${s.name}`, m = o;
+        m.classList.add(...u.split(" ")), m.style.setProperty("--mk-duration", `${a}ms`), m.style.setProperty("--mk-easing", l);
+        const y = (g) => {
+          g.animationName.startsWith("mk-") && (m.removeEventListener("animationend", y), m.classList.remove(...u.split(" ")), m.style.removeProperty("--mk-duration"), m.style.removeProperty("--mk-easing"), i());
+        };
+        m.addEventListener("animationend", y), setTimeout(() => {
+          m.removeEventListener("animationend", y), m.classList.remove(...u.split(" ")), m.style.removeProperty("--mk-duration"), m.style.removeProperty("--mk-easing"), i();
+        }, a + 100);
+      }, r);
+      t.addEventListener("abort", () => {
+        clearTimeout(d), i();
+      });
+    }));
+    await Promise.all(e), this.running = !1;
+  }
+  stop() {
+    var t;
+    (t = this.abortController) == null || t.abort(), this.running = !1, this.items.forEach((e) => {
+      const s = typeof e.target == "string" ? document.querySelector(e.target) : e.target;
+      if (s) {
+        const i = s, o = `mk-animated mk-${e.name}`;
+        i.classList.remove(...o.split(" ")), i.style.removeProperty("--mk-duration"), i.style.removeProperty("--mk-easing");
+      }
+    });
+  }
+  clear() {
+    return this.stop(), this.items = [], this;
+  }
+}
+function b(n) {
+  return new F(n);
+}
+function et(n, t) {
+  return b(n).animate("fadeIn", t);
+}
+function st(n, t) {
+  return b(n).animate("fadeOut", t);
+}
+function it(n, t) {
+  return b(n).animate("slideInUp", t);
+}
+function nt(n, t) {
+  return b(n).animate("slideInDown", t);
+}
+function ot(n, t) {
+  return b(n).animate("slideInLeft", t);
+}
+function rt(n, t) {
+  return b(n).animate("slideInRight", t);
+}
+function at(n, t) {
+  return b(n).animate("slideOutUp", t);
+}
+function lt(n, t) {
+  return b(n).animate("slideOutDown", t);
+}
+function ct(n, t) {
+  return b(n).animate("zoomIn", t);
+}
+function dt(n, t) {
+  return b(n).animate("zoomOut", t);
+}
+function ht(n, t) {
+  return b(n).animate("bounceIn", t);
+}
+function pt(n, t) {
+  return b(n).animate("bounceOut", t);
+}
+function ut(n, t) {
+  return b(n).animate("flipInX", t);
+}
+function mt(n, t) {
+  return b(n).animate("flipInY", t);
+}
+function ft(n, t) {
+  return b(n).animate("shake", t);
+}
+function yt(n, t) {
+  return b(n).animate("pulse", t);
+}
+function gt(n, t) {
+  return b(n).animate("rotateIn", t);
+}
+const Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  bounceIn: ht,
+  bounceOut: pt,
+  fadeIn: et,
+  fadeOut: st,
+  flipInX: ut,
+  flipInY: mt,
+  pulse: yt,
+  rotateIn: gt,
+  shake: ft,
+  slideInDown: nt,
+  slideInLeft: ot,
+  slideInRight: rt,
+  slideInUp: it,
+  slideOutDown: lt,
+  slideOutUp: at,
+  zoomIn: ct,
+  zoomOut: dt
+}, Symbol.toStringTag, { value: "Module" })), vt = {
+  threshold: 0.2,
+  rootMargin: "0px",
+  once: !0,
+  duration: 500,
+  easing: "ease"
+};
+class bt {
+  constructor() {
+    c(this, "observer", null);
+    c(this, "elements", /* @__PURE__ */ new Map());
+  }
+  watch(t, e, s = {}) {
+    const i = { ...vt, ...s };
+    let o;
+    return typeof t == "string" ? o = Array.from(document.querySelectorAll(t)) : Array.isArray(t) ? o = t : o = [t], this.observer || (this.observer = new IntersectionObserver(
+      (r) => this.handleEntries(r),
+      {
+        threshold: i.threshold,
+        rootMargin: i.rootMargin
+      }
+    )), o.forEach((r) => {
+      this.elements.set(r, { name: e, opts: i }), this.observer.observe(r);
+    }), this;
+  }
+  handleEntries(t) {
+    t.forEach((e) => {
+      var s;
+      if (e.isIntersecting) {
+        const i = this.elements.get(e.target);
+        if (!i) return;
+        const o = e.target, r = `mk-animated mk-${i.name}`;
+        o.classList.add(...r.split(" ")), o.style.setProperty("--mk-duration", `${i.opts.duration}ms`), o.style.setProperty("--mk-easing", i.opts.easing);
+        const a = (l) => {
+          l.animationName.startsWith("mk-") && (o.removeEventListener("animationend", a), i.opts.once && o.classList.remove(...r.split(" ")));
+        };
+        o.addEventListener("animationend", a), i.opts.once && ((s = this.observer) == null || s.unobserve(e.target), this.elements.delete(e.target));
+      }
+    });
+  }
+  destroy() {
+    var t;
+    (t = this.observer) == null || t.disconnect(), this.observer = null, this.elements.clear();
+  }
+}
+function qe(n, t, e) {
+  return new bt().watch(n, t, e);
+}
+const Et = {
+  speed: 80,
+  cursor: !0,
+  cursorChar: "|"
+};
+class kt {
+  constructor(t) {
+    c(this, "element");
+    c(this, "originalText", "");
+    c(this, "timer", null);
+    c(this, "running", !1);
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("Typewriter: element not found");
+    this.originalText = this.element.textContent ?? "";
+  }
+  async start(t = {}) {
+    if (this.running) return;
+    this.running = !0;
+    const e = { ...Et, ...t }, s = this.originalText || this.element.textContent || "";
+    return this.element.textContent = "", e.cursor && (this.element.style.borderRight = "2px solid currentColor", this.element.style.paddingRight = "2px", this.startCursorBlink()), new Promise((i) => {
+      let o = 0;
+      const r = () => {
+        var a;
+        if (!this.running) {
+          i();
+          return;
+        }
+        o < s.length ? (this.element.textContent += s.charAt(o), o++, this.timer = setTimeout(r, e.speed)) : (this.running = !1, (a = e.onComplete) == null || a.call(e), i());
+      };
+      r();
+    });
+  }
+  stop() {
+    this.running = !1, this.timer && (clearTimeout(this.timer), this.timer = null);
+  }
+  reset() {
+    this.stop(), this.element.textContent = this.originalText, this.element.style.borderRight = "none", this.element.style.paddingRight = "0";
+  }
+  startCursorBlink() {
+    let t = !0;
+    const e = () => {
+      if (!this.running) {
+        this.element.style.borderRightColor = "transparent";
+        return;
+      }
+      this.element.style.borderRightColor = t ? "currentColor" : "transparent", t = !t, setTimeout(e, 530);
+    };
+    e();
+  }
+}
+function De(n, t) {
+  const e = new kt(n);
+  return e.reset(), e.start(t);
+}
+const wt = {
+  duration: 2e3,
+  easing: "easeOut",
+  decimals: 0,
+  prefix: "",
+  suffix: "",
+  separator: ","
+};
+class xt {
+  constructor(t) {
+    c(this, "element");
+    c(this, "rafId", null);
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("CountUp: element not found");
+  }
+  animateTo(t, e = 0, s = {}) {
+    const i = { ...wt, ...s }, o = performance.now();
+    return new Promise((r) => {
+      const a = (l) => {
+        var m, y;
+        const d = l - o, h = Math.min(d / i.duration, 1), p = this.applyEasing(h, i.easing), u = e + (t - e) * p;
+        this.render(u, i), (m = i.onUpdate) == null || m.call(i, u), h < 1 ? this.rafId = requestAnimationFrame(a) : (this.render(t, i), (y = i.onComplete) == null || y.call(i), r());
+      };
+      this.rafId = requestAnimationFrame(a);
+    });
+  }
+  stop() {
+    this.rafId && (cancelAnimationFrame(this.rafId), this.rafId = null);
+  }
+  render(t, e) {
+    let s = t.toFixed(e.decimals);
+    if (e.separator) {
+      const i = s.split(".");
+      i[0] = i[0].replace(/\B(?=(\d{3})+(?!\d))/g, e.separator), s = i.join(".");
+    }
+    this.element.textContent = `${e.prefix}${s}${e.suffix}`;
+  }
+  applyEasing(t, e) {
+    switch (e) {
+      case "easeOut":
+        return 1 - Math.pow(1 - t, 3);
+      case "easeInOut":
+        return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
+      default:
+        return t;
+    }
+  }
+}
+function ze(n, t, e) {
+  return new xt(n).animateTo(t, 0, e);
+}
+const Ct = {
+  stiffness: 170,
+  damping: 26,
+  mass: 1,
+  precision: 0.01
+};
+function $(n, t = {}) {
+  const e = { ...Ct, ...t };
+  let s = 0, i = n.from, o, r = !0;
+  const a = () => {
+    var u;
+    if (!r) return;
+    const l = i - n.to, d = -e.stiffness * l, h = -e.damping * s, p = (d + h) / e.mass;
+    if (s += p * (1 / 60), i += s * (1 / 60), n.onUpdate(i), Math.abs(l) < e.precision && Math.abs(s) < e.precision) {
+      n.onUpdate(n.to), (u = n.onComplete) == null || u.call(n), r = !1;
+      return;
+    }
+    o = requestAnimationFrame(a);
+  };
+  return o = requestAnimationFrame(a), () => {
+    r = !1, cancelAnimationFrame(o);
+  };
+}
+function Fe(n, t = 1, e) {
+  const s = typeof n == "string" ? document.querySelector(n) : n;
+  if (!s) throw new Error("elasticScale: element not found");
+  const i = getComputedStyle(s).transform;
+  let o = 1;
+  if (i !== "none") {
+    const r = new DOMMatrix(i);
+    o = Math.sqrt(r.a * r.a + r.b * r.b);
+  }
+  return $(
+    {
+      from: o,
+      to: t,
+      onUpdate: (r) => {
+        s.style.transform = `scale(${r})`;
+      }
+    },
+    e
+  );
+}
+function Re(n, t, e, s) {
+  const i = typeof n == "string" ? document.querySelector(n) : n;
+  if (!i) throw new Error("elasticMove: element not found");
+  let o = 0, r = 0;
+  const a = $(
+    {
+      from: 0,
+      to: t,
+      onUpdate: (d) => {
+        o = d, i.style.transform = `translate3d(${o}px, ${r}px, 0)`;
+      }
+    },
+    s
+  ), l = $(
+    {
+      from: 0,
+      to: e,
+      onUpdate: (d) => {
+        r = d, i.style.transform = `translate3d(${o}px, ${r}px, 0)`;
+      }
+    },
+    s
+  );
+  return () => {
+    a(), l();
+  };
+}
+class Oe {
+  constructor(t, e = {}) {
+    c(this, "element");
+    c(this, "options");
+    c(this, "startX", 0);
+    c(this, "startY", 0);
+    c(this, "currentX", 0);
+    c(this, "currentY", 0);
+    c(this, "initialTransformX", 0);
+    c(this, "initialTransformY", 0);
+    c(this, "pointerId", null);
+    c(this, "onPointerDown", (t) => {
+      var s, i;
+      if (this.pointerId !== null) return;
+      this.pointerId = t.pointerId, this.element.setPointerCapture(t.pointerId), this.startX = t.clientX, this.startY = t.clientY;
+      const e = getComputedStyle(this.element).transform;
+      if (e !== "none") {
+        const o = new DOMMatrix(e);
+        this.initialTransformX = o.m41, this.initialTransformY = o.m42;
+      } else
+        this.initialTransformX = 0, this.initialTransformY = 0;
+      this.currentX = this.initialTransformX, this.currentY = this.initialTransformY, (i = (s = this.options).onStart) == null || i.call(s, t), this.element.addEventListener("pointermove", this.onPointerMove), this.element.addEventListener("pointerup", this.onPointerUp);
+    });
+    c(this, "onPointerMove", (t) => {
+      var r, a;
+      if (t.pointerId !== this.pointerId) return;
+      const e = t.clientX - this.startX, s = t.clientY - this.startY;
+      let i = this.initialTransformX + e, o = this.initialTransformY + s;
+      if (this.options.bounds) {
+        const l = typeof this.options.bounds == "string" ? document.querySelector(this.options.bounds) : this.options.bounds;
+        if (l) {
+          const d = l.getBoundingClientRect(), h = this.element.getBoundingClientRect(), p = d.left - h.left + i, u = d.right - h.right + i, m = d.top - h.top + o, y = d.bottom - h.bottom + o;
+          i = Math.max(p, Math.min(u, i)), o = Math.max(m, Math.min(y, o));
+        }
+      }
+      this.options.axis === "x" && (o = this.initialTransformY), this.options.axis === "y" && (i = this.initialTransformX), this.currentX = i, this.currentY = o, this.element.style.transform = `translate3d(${i}px, ${o}px, 0)`, (a = (r = this.options).onDrag) == null || a.call(r, i, o);
+    });
+    c(this, "onPointerUp", (t) => {
+      var e, s;
+      t.pointerId === this.pointerId && (this.pointerId = null, this.element.releasePointerCapture(t.pointerId), this.element.removeEventListener("pointermove", this.onPointerMove), this.element.removeEventListener("pointerup", this.onPointerUp), (s = (e = this.options).onEnd) == null || s.call(e, this.currentX, this.currentY));
+    });
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("Draggable: element not found");
+    this.options = {
+      axis: e.axis ?? "both",
+      bounds: e.bounds ?? null,
+      onStart: e.onStart,
+      onDrag: e.onDrag,
+      onEnd: e.onEnd
+    }, this.element.style.touchAction = "none", this.element.addEventListener("pointerdown", this.onPointerDown);
+  }
+  destroy() {
+    this.element.removeEventListener("pointerdown", this.onPointerDown), this.pointerId !== null && (this.element.releasePointerCapture(this.pointerId), this.pointerId = null);
+  }
+}
+const R = {
+  color: "rgba(255, 255, 255, 0.35)",
+  duration: 600,
+  maxScale: 2.5
+};
+function He(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("addRipple: element not found");
+  e.style.position = "relative", e.style.overflow = "hidden";
+  const s = { ...R, ...t }, i = (o) => {
+    const r = e.getBoundingClientRect(), a = Math.max(r.width, r.height), l = o.clientX - r.left - a / 2, d = o.clientY - r.top - a / 2, h = document.createElement("span");
+    h.style.cssText = `
+      position: absolute;
+      border-radius: 50%;
+      background: ${s.color};
+      width: ${a}px;
+      height: ${a}px;
+      left: ${l}px;
+      top: ${d}px;
+      pointer-events: none;
+      transform: scale(0);
+      opacity: 1;
+    `, e.appendChild(h);
+    const p = h.animate(
+      [
+        { transform: "scale(0)", opacity: 1 },
+        { transform: `scale(${s.maxScale})`, opacity: 0 }
+      ],
+      {
+        duration: s.duration,
+        easing: "ease-out"
+      }
+    );
+    p.onfinish = () => {
+      h.remove();
+    };
+  };
+  return e.addEventListener("click", i), () => {
+    e.removeEventListener("click", i);
+  };
+}
+function Ye(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("rippleEffect: element not found");
+  const s = { ...R, ...t }, i = e.getBoundingClientRect(), o = Math.max(i.width, i.height), r = document.createElement("span");
+  return r.style.cssText = `
+    position: absolute;
+    border-radius: 50%;
+    background: ${s.color};
+    width: ${o}px;
+    height: ${o}px;
+    left: ${i.width / 2 - o / 2}px;
+    top: ${i.height / 2 - o / 2}px;
+    pointer-events: none;
+    transform: scale(0);
+    opacity: 1;
+  `, e.style.position = "relative", e.style.overflow = "hidden", e.appendChild(r), new Promise((a) => {
+    const l = r.animate(
+      [
+        { transform: "scale(0)", opacity: 1 },
+        { transform: `scale(${s.maxScale})`, opacity: 0 }
+      ],
+      {
+        duration: s.duration,
+        easing: "ease-out"
+      }
+    );
+    l.onfinish = () => {
+      r.remove(), a();
+    };
+  });
+}
+const Lt = {
+  y: -6,
+  scale: 1.02,
+  shadow: "0 12px 24px rgba(0,0,0,0.15)",
+  duration: 250,
+  easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
+};
+function Xe(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("hoverLift: element not found");
+  const s = { ...Lt, ...t };
+  e.style.transition = `transform ${s.duration}ms ${s.easing}, box-shadow ${s.duration}ms ${s.easing}`;
+  const i = () => {
+    e.style.transform = `translateY(${s.y}px) scale(${s.scale})`, e.style.boxShadow = s.shadow;
+  }, o = () => {
+    e.style.transform = "", e.style.boxShadow = "";
+  };
+  return e.addEventListener("mouseenter", i), e.addEventListener("mouseleave", o), () => {
+    e.removeEventListener("mouseenter", i), e.removeEventListener("mouseleave", o), e.style.transition = "", e.style.transform = "", e.style.boxShadow = "";
+  };
+}
+function Ue(n, t = "rgba(56, 189, 248, 0.4)", e) {
+  const s = typeof n == "string" ? document.querySelector(n) : n;
+  if (!s) throw new Error("hoverGlow: element not found");
+  const i = (e == null ? void 0 : e.duration) ?? 250, o = (e == null ? void 0 : e.easing) ?? "ease";
+  s.style.transition = `box-shadow ${i}ms ${o}`;
+  const r = () => {
+    s.style.boxShadow = `0 0 20px ${t}`;
+  }, a = () => {
+    s.style.boxShadow = "";
+  };
+  return s.addEventListener("mouseenter", r), s.addEventListener("mouseleave", a), () => {
+    s.removeEventListener("mouseenter", r), s.removeEventListener("mouseleave", a), s.style.transition = "", s.style.boxShadow = "";
+  };
+}
+const _t = {
+  count: 30,
+  speed: 6,
+  size: 6,
+  gravity: 0.3,
+  fadeOut: !0,
+  duration: 1e3
+};
+function Tt(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("particleBurst: element not found");
+  const s = { ..._t, ...t }, i = Array.isArray(s.color) ? s.color : [s.color ?? "#38bdf8"], o = e.getBoundingClientRect(), r = o.left + o.width / 2, a = o.top + o.height / 2, l = [];
+  for (let d = 0; d < s.count; d++) {
+    const h = Math.PI * 2 * d / s.count + Math.random() * 0.5, p = s.speed * (0.5 + Math.random() * 0.8), u = document.createElement("div");
+    u.style.cssText = `
+      position: fixed;
+      left: ${r}px;
+      top: ${a}px;
+      width: ${s.size}px;
+      height: ${s.size}px;
+      border-radius: 50%;
+      background: ${i[d % i.length]};
+      pointer-events: none;
+      z-index: 9999;
+    `, document.body.appendChild(u), l.push({
+      el: u,
+      vx: Math.cos(h) * p,
+      vy: Math.sin(h) * p,
+      x: r,
+      y: a,
+      life: 0,
+      maxLife: s.duration
+    });
+  }
+  return new Promise((d) => {
+    const h = performance.now(), p = (u) => {
+      const m = u - h;
+      let y = 0;
+      l.forEach((g) => {
+        g.life = m, g.vy += s.gravity, g.x += g.vx, g.y += g.vy;
+        const C = g.life / g.maxLife, G = s.fadeOut ? 1 - C : 1;
+        C < 1 && (y++, g.el.style.transform = `translate(${g.x - r}px, ${g.y - a}px)`, g.el.style.opacity = String(Math.max(0, G)));
+      }), y > 0 ? requestAnimationFrame(p) : (l.forEach((g) => g.el.remove()), d());
+    };
+    requestAnimationFrame(p);
+  });
+}
+function Be(n, t, e = {}) {
+  const s = document.createElement("div");
+  return s.style.position = "fixed", s.style.left = n + "px", s.style.top = t + "px", document.body.appendChild(s), Tt(s, e).finally(() => s.remove());
+}
+const St = {
+  type: "char",
+  stagger: 40,
+  duration: 500,
+  animation: "fadeUp"
+}, At = {
+  fadeUp: { from: "opacity:0;transform:translateY(20px)", to: "opacity:1;transform:translateY(0)" },
+  fadeDown: { from: "opacity:0;transform:translateY(-20px)", to: "opacity:1;transform:translateY(0)" },
+  zoomIn: { from: "opacity:0;transform:scale(0.5)", to: "opacity:1;transform:scale(1)" },
+  rotateIn: { from: "opacity:0;transform:rotate(-180deg)", to: "opacity:1;transform:rotate(0)" },
+  slideLeft: { from: "opacity:0;transform:translateX(-30px)", to: "opacity:1;transform:translateX(0)" }
+};
+class $t {
+  constructor(t) {
+    c(this, "element");
+    c(this, "originalHTML");
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("TextSplit: element not found");
+    this.originalHTML = this.element.innerHTML;
+  }
+  async animate(t = {}) {
+    const e = { ...St, ...t }, s = At[e.animation], i = this.element.textContent ?? "";
+    this.element.innerHTML = "", this.element.style.display = "inline-block";
+    const o = e.type === "char" ? i.split("") : i.split(/(\s+)/), r = [];
+    return o.forEach((a) => {
+      const l = document.createElement("span");
+      l.textContent = a, l.style.display = "inline-block", l.style.cssText += s.from, l.style.transition = `all ${e.duration}ms cubic-bezier(0.34, 1.56, 0.64, 1)`, this.element.appendChild(l), r.push(l);
+    }), this.element.offsetHeight, new Promise((a) => {
+      let l = 0;
+      const d = r.length;
+      r.forEach((h, p) => {
+        setTimeout(() => {
+          h.style.cssText += s.to, setTimeout(() => {
+            l++, l >= d && a();
+          }, e.duration);
+        }, p * e.stagger);
+      });
+    });
+  }
+  reset() {
+    this.element.innerHTML = this.originalHTML, this.element.style.display = "";
+  }
+}
+function Ke(n, t) {
+  const e = new $t(n);
+  return e.reset(), e.animate(t);
+}
+const O = {
+  duration: 300,
+  intensity: 5,
+  color1: "#ff0040",
+  color2: "#00ffff"
+};
+function It(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("glitch: element not found");
+  const s = { ...O, ...t }, i = Math.min(Math.max(s.intensity, 1), 10), o = e.style.cssText, r = Math.floor(i * 2);
+  return new Promise((a) => {
+    let l = 0;
+    const d = s.duration / r, h = () => {
+      if (l >= r) {
+        e.style.cssText = o, e.style.textShadow = "", a();
+        return;
+      }
+      const p = (Math.random() - 0.5) * i * 4, u = `inset(${Math.random() * 80}% 0 ${Math.random() * 80}% 0)`, m = `${s.color1} ${p}px 0`, y = `${s.color2} ${-p}px 0`;
+      e.style.transform = `translateX(${p}px)`, e.style.clipPath = u, e.style.textShadow = `${m}, ${y}`, l++, setTimeout(h, d);
+    };
+    h();
+  });
+}
+function Ve(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("glitchLoop: element not found");
+  const s = { ...O, ...t }, i = e.style.cssText;
+  let o = !0;
+  const r = async () => {
+    o && (await It(e, { ...s, duration: 100 + Math.random() * 200 }), o && setTimeout(r, 200 + Math.random() * 800));
+  };
+  return r(), () => {
+    o = !1, e.style.cssText = i, e.style.textShadow = "", e.style.clipPath = "", e.style.transform = "";
+  };
+}
+const Mt = {
+  amplitude: 15,
+  frequency: 0.3,
+  speed: 0.08,
+  stagger: 0.15
+};
+class Nt {
+  constructor(t) {
+    c(this, "element");
+    c(this, "spans", []);
+    c(this, "rafId", null);
+    c(this, "originalHTML");
+    if (this.element = typeof t == "string" ? document.querySelector(t) : t, !this.element)
+      throw new Error("WaveText: element not found");
+    this.originalHTML = this.element.innerHTML;
+  }
+  start(t = {}) {
+    this.stop();
+    const e = { ...Mt, ...t }, s = this.element.textContent ?? "";
+    this.element.innerHTML = "", this.element.style.display = "inline-block";
+    const i = s.split("");
+    this.spans = i.map((a) => {
+      const l = document.createElement("span");
+      return l.textContent = a === " " ? " " : a, l.style.display = "inline-block", l.style.transition = "transform 0.1s linear", this.element.appendChild(l), l;
+    });
+    let o = 0;
+    const r = () => {
+      o += e.speed, this.spans.forEach((a, l) => {
+        const d = l * e.stagger, h = Math.sin(o + d) * e.amplitude;
+        a.style.transform = `translateY(${h}px)`;
+      }), this.rafId = requestAnimationFrame(r);
+    };
+    this.rafId = requestAnimationFrame(r);
+  }
+  stop() {
+    this.rafId && (cancelAnimationFrame(this.rafId), this.rafId = null);
+  }
+  reset() {
+    this.stop(), this.element.innerHTML = this.originalHTML, this.element.style.display = "";
+  }
+}
+function We(n, t) {
+  const e = new Nt(n);
+  return e.start(t), () => e.stop();
+}
+const Pt = {
+  speed: 0.3,
+  direction: "vertical"
+};
+function qt(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("parallax: element not found");
+  const s = { ...Pt, ...t }, i = () => {
+    const o = e.getBoundingClientRect(), r = window.innerHeight, l = (o.top + o.height / 2 - r / 2) * s.speed;
+    s.direction === "vertical" ? e.style.transform = `translateY(${l}px)` : e.style.transform = `translateX(${l}px)`;
+  };
+  return window.addEventListener("scroll", i, { passive: !0 }), i(), () => {
+    window.removeEventListener("scroll", i), e.style.transform = "";
+  };
+}
+function je(n) {
+  const t = n.map(
+    (e) => qt(e.selector, { speed: e.speed, direction: e.direction })
+  );
+  return () => t.forEach((e) => e());
+}
+const Dt = {
+  duration: 1500,
+  color: "rgba(255,255,255,0.25)",
+  angle: 100
+};
+function zt(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("shimmer: element not found");
+  const s = { ...Dt, ...t };
+  e.style.background = "#1e293b", e.style.position = "relative", e.style.overflow = "hidden";
+  const i = document.createElement("div");
+  if (i.style.cssText = `
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(${s.angle}deg, transparent 30%, ${s.color} 50%, transparent 70%);
+    background-size: 200% 100%;
+    animation: mk-shimmer ${s.duration}ms infinite linear;
+    pointer-events: none;
+  `, !document.getElementById("mk-shimmer-style")) {
+    const o = document.createElement("style");
+    o.id = "mk-shimmer-style", o.textContent = `
+      @keyframes mk-shimmer {
+        0% { background-position: 200% 0; }
+        100% { background-position: -200% 0; }
+      }
+    `, document.head.appendChild(o);
+  }
+  return e.appendChild(i), () => {
+    i.remove(), e.style.background = "", e.style.position = "", e.style.overflow = "";
+  };
+}
+function Ge(n, t = 3, e) {
+  const s = typeof n == "string" ? document.querySelector(n) : n;
+  if (!s) throw new Error("skeleton: container not found");
+  const i = s.innerHTML;
+  s.innerHTML = "", s.style.display = "flex", s.style.flexDirection = "column", s.style.gap = "12px";
+  const o = [];
+  for (let r = 0; r < t; r++) {
+    const a = document.createElement("div");
+    a.style.height = r === 0 ? "24px" : "16px", a.style.width = r === t - 1 ? "60%" : "100%", a.style.borderRadius = "4px", s.appendChild(a), o.push(zt(a, e));
+  }
+  return () => {
+    o.forEach((r) => r()), s.innerHTML = i, s.style.display = "", s.style.flexDirection = "", s.style.gap = "";
+  };
+}
+const H = {
+  duration: 800,
+  blurStart: 10,
+  stagger: 100
+};
+function Je(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("blurReveal: element not found");
+  const s = { ...H, ...t };
+  return e.style.filter = `blur(${s.blurStart}px)`, e.style.opacity = "0", e.style.transition = `filter ${s.duration}ms ease, opacity ${s.duration}ms ease`, e.offsetHeight, new Promise((i) => {
+    e.style.filter = "blur(0px)", e.style.opacity = "1", setTimeout(() => {
+      e.style.transition = "", i();
+    }, s.duration);
+  });
+}
+function Ze(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("blurRevealChildren: element not found");
+  const s = { ...H, ...t }, i = s.childSelector ? Array.from(e.querySelectorAll(s.childSelector)) : Array.from(e.children);
+  return i.forEach((o) => {
+    const r = o;
+    r.style.filter = `blur(${s.blurStart}px)`, r.style.opacity = "0", r.style.transition = `filter ${s.duration}ms ease, opacity ${s.duration}ms ease`;
+  }), e.offsetHeight, new Promise((o) => {
+    let r = 0;
+    i.forEach((a, l) => {
+      setTimeout(() => {
+        const d = a;
+        d.style.filter = "blur(0px)", d.style.opacity = "1", setTimeout(() => {
+          d.style.transition = "", r++, r >= i.length && o();
+        }, s.duration);
+      }, l * s.stagger);
+    });
+  });
+}
+const Ft = {
+  threshold: 0.1,
+  rootMargin: "50px",
+  blur: !0,
+  placeholder: "#1e293b"
+};
+function Rt(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("lazyImage: image not found");
+  const s = { ...Ft, ...t };
+  if (!e.dataset.src)
+    return console.warn("lazyImage: img 缺少 data-src 属性"), () => {
+    };
+  e.style.background = s.placeholder, e.style.transition = "opacity 0.6s ease, filter 0.6s ease", s.blur ? (e.style.filter = "blur(8px)", e.style.opacity = "0.5") : e.style.opacity = "0";
+  const o = new IntersectionObserver(
+    (r) => {
+      r.forEach((a) => {
+        if (a.isIntersecting) {
+          const l = a.target, d = l.dataset.src, h = new Image();
+          h.onload = () => {
+            l.src = d, l.style.opacity = "1", l.style.filter = "blur(0px)", l.style.background = "";
+          }, h.onerror = () => {
+            l.style.opacity = "1", l.style.filter = "blur(0px)";
+          }, h.src = d, o.unobserve(l);
+        }
+      });
+    },
+    { threshold: s.threshold, rootMargin: s.rootMargin }
+  );
+  return o.observe(e), () => o.disconnect();
+}
+function Qe(n = "img[data-src]") {
+  const t = document.querySelectorAll(n), e = Array.from(t).map((s) => Rt(s));
+  return () => e.forEach((s) => s());
+}
+const Y = {
+  duration: 300,
+  easing: "ease-in-out"
+};
+function Ot(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("expand: element not found");
+  const s = { ...Y, ...t };
+  e.style.overflow = "hidden", e.style.display = "";
+  const i = e.scrollHeight;
+  return e.style.height = "0px", e.style.opacity = "0", e.style.transition = `height ${s.duration}ms ${s.easing}, opacity ${s.duration}ms ${s.easing}`, new Promise((o) => {
+    requestAnimationFrame(() => {
+      e.style.height = `${i}px`, e.style.opacity = "1", setTimeout(() => {
+        e.style.height = "", e.style.overflow = "", e.style.transition = "", e.style.opacity = "", o();
+      }, s.duration);
+    });
+  });
+}
+function Ht(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("collapse: element not found");
+  const s = { ...Y, ...t }, i = e.scrollHeight;
+  return e.style.overflow = "hidden", e.style.height = `${i}px`, e.style.transition = `height ${s.duration}ms ${s.easing}, opacity ${s.duration}ms ${s.easing}`, new Promise((o) => {
+    requestAnimationFrame(() => {
+      e.style.height = "0px", e.style.opacity = "0", setTimeout(() => {
+        e.style.display = "none", e.style.height = "", e.style.overflow = "", e.style.transition = "", e.style.opacity = "", o();
+      }, s.duration);
+    });
+  });
+}
+async function ts(n, t) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("toggleCollapse: element not found");
+  return getComputedStyle(e).display === "none" || e.offsetHeight === 0 ? (await Ot(e, t), !0) : (await Ht(e, t), !1);
+}
+const Yt = {
+  stagger: 60,
+  duration: 400,
+  animation: "fadeUp"
+}, Xt = {
+  fadeUp: {
+    from: "opacity:0;transform:translate3d(0,16px,0)",
+    to: "opacity:1;transform:translate3d(0,0,0)"
+  },
+  fadeDown: {
+    from: "opacity:0;transform:translate3d(0,-16px,0)",
+    to: "opacity:1;transform:translate3d(0,0,0)"
+  },
+  fadeLeft: {
+    from: "opacity:0;transform:translate3d(16px,0,0)",
+    to: "opacity:1;transform:translate3d(0,0,0)"
+  },
+  fadeRight: {
+    from: "opacity:0;transform:translate3d(-16px,0,0)",
+    to: "opacity:1;transform:translate3d(0,0,0)"
+  },
+  zoom: {
+    from: "opacity:0;transform:scale3d(0.9,0.9,0.9)",
+    to: "opacity:1;transform:scale3d(1,1,1)"
+  }
+};
+function es(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("listStagger: container not found");
+  const s = { ...Yt, ...t }, i = Xt[s.animation], o = Array.from(e.children);
+  return o.forEach((r) => {
+    r.style.cssText += i.from;
+  }), e.offsetHeight, new Promise((r) => {
+    let a = 0;
+    o.forEach((l, d) => {
+      setTimeout(() => {
+        l.style.transition = `all ${s.duration}ms cubic-bezier(0.25, 0.1, 0.25, 1)`, l.style.cssText += i.to, setTimeout(() => {
+          l.style.transition = "", a++, a >= o.length && r();
+        }, s.duration);
+      }, d * s.stagger);
+    });
+  });
+}
+const X = {
+  size: 40,
+  color: "#38bdf8",
+  thickness: 3
+};
+function ss(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("showLoading: element not found");
+  const s = { ...X, ...t };
+  e.style.position = "relative";
+  const i = document.createElement("div");
+  i.className = "mk-loading-mask", i.style.cssText = `
+    position: absolute;
+    inset: 0;
+    background: rgba(15, 23, 42, 0.7);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+    border-radius: inherit;
+  `;
+  const o = document.createElement("div");
+  return o.className = "mk-transition mk-spin", o.style.cssText = `
+    width: ${s.size}px;
+    height: ${s.size}px;
+    border: ${s.thickness}px solid rgba(255,255,255,0.1);
+    border-top-color: ${s.color};
+    border-radius: 50%;
+  `, i.appendChild(o), e.appendChild(i), () => {
+    i.remove();
+  };
+}
+function is(n = {}) {
+  const t = { ...X, ...n }, e = document.createElement("div");
+  e.style.cssText = `
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 9999;
+  `;
+  const s = document.createElement("div");
+  return s.className = "mk-transition mk-spin", s.style.cssText = `
+    width: ${t.size}px;
+    height: ${t.size}px;
+    border: ${t.thickness}px solid rgba(255,255,255,0.15);
+    border-top-color: ${t.color};
+    border-radius: 50%;
+  `, e.appendChild(s), document.body.appendChild(e), () => {
+    e.remove();
+  };
+}
+const U = {
+  duration: 3e3,
+  type: "info",
+  position: "top"
+}, B = {
+  info: { bg: "#38bdf8", icon: "ℹ️" },
+  success: { bg: "#34d399", icon: "✅" },
+  warning: { bg: "#fbbf24", icon: "⚠️" },
+  error: { bg: "#f87171", icon: "❌" }
+}, K = {
+  top: "top:20px;left:50%;transform:translateX(-50%)",
+  "top-right": "top:20px;right:20px",
+  "top-left": "top:20px;left:20px",
+  bottom: "bottom:20px;left:50%;transform:translateX(-50%)",
+  "bottom-right": "bottom:20px;right:20px",
+  "bottom-left": "bottom:20px;left:20px"
+};
+function I(n, t = {}) {
+  const e = { ...U, ...t }, s = B[e.type], i = K[e.position], o = document.createElement("div");
+  o.style.cssText = `
+    position: fixed;
+    ${i};
+    background: ${s.bg};
+    color: #fff;
+    padding: 12px 20px;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    z-index: 9999;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+    opacity: 0;
+    transform: translateY(-20px);
+    transition: all 0.3s ease;
+    pointer-events: none;
+  `, o.innerHTML = `<span>${s.icon}</span><span>${n}</span>`, document.body.appendChild(o), requestAnimationFrame(() => {
+    o.style.opacity = "1", o.style.transform = (e.position.startsWith("bottom"), "translateY(0)");
+  });
+  const r = setTimeout(() => {
+    o.style.opacity = "0", o.style.transform = e.position.startsWith("bottom") ? "translateY(20px)" : "translateY(-20px)", setTimeout(() => o.remove(), 300);
+  }, e.duration);
+  return () => {
+    clearTimeout(r), o.remove();
+  };
+}
+function ns(n, t) {
+  return I(n, { ...t, type: "success" });
+}
+function os(n, t) {
+  return I(n, { ...t, type: "error" });
+}
+function rs(n, t) {
+  return I(n, { ...t, type: "warning" });
+}
+function as(n, t, e = {}) {
+  const s = { ...U, ...e }, i = B[s.type], o = K[s.position], r = document.createElement("div");
+  r.style.cssText = `
+    position: fixed;
+    ${o};
+    background: #1e293b;
+    border-left: 4px solid ${i.bg};
+    color: #e2e8f0;
+    padding: 16px 20px;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    z-index: 9999;
+    box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+    min-width: 280px;
+    opacity: 0;
+    transform: translateX(30px);
+    transition: all 0.3s ease;
+  `, r.innerHTML = `
+    <div style="font-weight:600;margin-bottom:4px;color:${i.bg};">${i.icon} ${n}</div>
+    <div style="color:#94a3b8;font-size:0.85rem;">${t}</div>
+  `, document.body.appendChild(r), requestAnimationFrame(() => {
+    r.style.opacity = "1", r.style.transform = "translateX(0)";
+  });
+  const a = setTimeout(() => {
+    r.style.opacity = "0", r.style.transform = "translateX(30px)", setTimeout(() => r.remove(), 300);
+  }, s.duration);
+  return () => {
+    clearTimeout(a), r.remove();
+  };
+}
+const V = {
+  strength: 0.4,
+  radius: 150
+};
+function ls(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("magnetic: element not found");
+  const s = { ...V, ...t };
+  e.style.transition = "transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)";
+  const i = (r) => {
+    const a = e.getBoundingClientRect(), l = a.left + a.width / 2, d = a.top + a.height / 2, h = r.clientX - l, p = r.clientY - d, u = Math.sqrt(h * h + p * p);
+    if (u < s.radius) {
+      const m = 1 - u / s.radius, y = h * s.strength * m, g = p * s.strength * m;
+      e.style.transform = `translate(${y}px, ${g}px)`;
+    } else
+      e.style.transform = "";
+  }, o = () => {
+    e.style.transform = "";
+  };
+  return document.addEventListener("mousemove", i), e.addEventListener("mouseleave", o), () => {
+    document.removeEventListener("mousemove", i), e.removeEventListener("mouseleave", o), e.style.transform = "", e.style.transition = "";
+  };
+}
+function cs(n, t = {}) {
+  const e = typeof n == "string" ? document.querySelector(n) : n;
+  if (!e) throw new Error("magneticText: element not found");
+  const s = e.textContent ?? "";
+  e.innerHTML = "", e.style.display = "inline-block";
+  const i = [];
+  s.split("").forEach((l) => {
+    const d = document.createElement("span");
+    d.textContent = l === " " ? " " : l, d.style.display = "inline-block", d.style.transition = "transform 0.3s ease", e.appendChild(d), i.push(d);
+  });
+  const o = { ...V, ...t }, r = (l) => {
+    i.forEach((d) => {
+      const h = d.getBoundingClientRect(), p = h.left + h.width / 2, u = h.top + h.height / 2, m = l.clientX - p, y = l.clientY - u, g = Math.sqrt(m * m + y * y);
+      if (g < o.radius) {
+        const C = 1 - g / o.radius;
+        d.style.transform = `translate(${m * o.strength * C}px, ${y * o.strength * C}px)`;
+      } else
+        d.style.transform = "";
+    });
+  }, a = () => {
+    i.forEach((l) => l.style.transform = "");
+  };
+  return document.addEventListener("mousemove", r), e.addEventListener("mouseleave", a), () => {
+    document.removeEventListener("mousemove", r), e.removeEventListener("mouseleave", a);
+  };
+}
+const Ut = {
+  perspective: 800,
+  rotateY: 45,
+  spacing: 60,
+  scale: 1.15
+};
+class Bt {
+  constructor(t, e, s = {}) {
+    c(this, "container");
+    c(this, "cards");
+    c(this, "currentIndex", 0);
+    c(this, "options");
+    if (this.container = typeof t == "string" ? document.querySelector(t) : t, !this.container)
+      throw new Error("CoverFlow: container not found");
+    this.cards = Array.from(this.container.querySelectorAll(e)), this.options = { ...Ut, ...s }, this.container.style.perspective = `${this.options.perspective}px`, this.container.style.transformStyle = "preserve-3d", this.update();
+  }
+  goTo(t) {
+    return this.currentIndex = Math.max(0, Math.min(t, this.cards.length - 1)), this.update(), this;
+  }
+  next() {
+    return this.goTo(this.currentIndex + 1);
+  }
+  prev() {
+    return this.goTo(this.currentIndex - 1);
+  }
+  update() {
+    this.cards.forEach((t, e) => {
+      const s = e - this.currentIndex, i = Math.abs(s);
+      let o = s * this.options.spacing, r = s > 0 ? -this.options.rotateY : this.options.rotateY, a = 1, l = this.cards.length - i, d = 1;
+      s === 0 ? (r = 0, a = this.options.scale, l = this.cards.length + 1) : i > 2 ? (d = 0, l = 0) : d = 1 - i * 0.3, t.style.transition = "all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1)", t.style.transform = `translateX(${o}px) rotateY(${r}deg) scale(${a})`, t.style.zIndex = String(l), t.style.opacity = String(d);
+    });
+  }
+}
+function ds(n, t, e) {
+  return new Bt(n, t, e);
+}
+const Kt = {
+  axis: "y",
+  duration: 600,
+  perspective: 1e3
+};
+class Vt {
+  constructor(t, e = {}) {
+    c(this, "container");
+    c(this, "inner");
+    c(this, "front");
+    c(this, "back");
+    c(this, "flipped", !1);
+    c(this, "options");
+    if (this.container = typeof t == "string" ? document.querySelector(t) : t, !this.container)
+      throw new Error("FlipCard: container not found");
+    if (this.options = { ...Kt, ...e }, this.container.style.perspective = `${this.options.perspective}px`, this.container.style.cursor = "pointer", this.inner = document.createElement("div"), this.inner.style.cssText = `
+      position: relative;
+      width: 100%;
+      height: 100%;
+      transform-style: preserve-3d;
+      transition: transform ${this.options.duration}ms cubic-bezier(0.4, 0, 0.2, 1);
+    `, this.front = this.container.querySelector('[data-flip="front"]'), this.back = this.container.querySelector('[data-flip="back"]'), !this.front || !this.back)
+      throw new Error('FlipCard: 需要包含 data-flip="front" 和 data-flip="back" 的子元素');
+    const s = `
+      position: absolute;
+      inset: 0;
+      backface-visibility: hidden;
+      -webkit-backface-visibility: hidden;
+    `;
+    this.front.style.cssText += s, this.back.style.cssText += s, this.options.axis === "y" ? this.back.style.transform = "rotateY(180deg)" : this.back.style.transform = "rotateX(180deg)", this.inner.appendChild(this.front), this.inner.appendChild(this.back), this.container.innerHTML = "", this.container.appendChild(this.inner), this.container.addEventListener("click", () => this.toggle());
+  }
+  toggle() {
+    this.flipped = !this.flipped;
+    const t = this.flipped ? 180 : 0;
+    return this.options.axis === "y" ? this.inner.style.transform = `rotateY(${t}deg)` : this.inner.style.transform = `rotateX(${t}deg)`, this;
+  }
+  flipToFront() {
+    return this.flipped = !1, this.inner.style.transform = "", this;
+  }
+  flipToBack() {
+    this.flipped = !0;
+    const t = 180;
+    return this.options.axis === "y" ? this.inner.style.transform = `rotateY(${t}deg)` : this.inner.style.transform = `rotateX(${t}deg)`, this;
+  }
+}
+function hs(n, t) {
+  return new Vt(n, t);
+}
+const Wt = {
+  count: 15,
+  color: "#38bdf8",
+  size: 8,
+  fadeSpeed: 0.92,
+  smoothing: 0.15
+};
+function ps(n = {}) {
+  const t = { ...Wt, ...n }, e = [], s = document.createElement("div");
+  s.style.cssText = `
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 9998;
+    overflow: hidden;
+  `, document.body.appendChild(s);
+  for (let d = 0; d < t.count; d++) {
+    const h = document.createElement("div");
+    h.style.cssText = `
+      position: absolute;
+      width: ${t.size}px;
+      height: ${t.size}px;
+      border-radius: 50%;
+      background: ${t.color};
+      opacity: 0;
+      pointer-events: none;
+    `, s.appendChild(h), e.push({
+      el: h,
+      x: -100,
+      y: -100,
+      targetX: -100,
+      targetY: -100,
+      opacity: 0
+    });
+  }
+  let i = -100, o = -100, r = !0;
+  const a = (d) => {
+    i = d.clientX, o = d.clientY;
+  };
+  document.addEventListener("mousemove", a);
+  const l = () => {
+    r && (e.forEach((d, h) => {
+      h === 0 ? (d.targetX = i, d.targetY = o) : (d.targetX = e[h - 1].x, d.targetY = e[h - 1].y), d.x += (d.targetX - d.x) * t.smoothing, d.y += (d.targetY - d.y) * t.smoothing, i > 0 && (d.opacity = Math.min(1, d.opacity + 0.1)), d.opacity *= t.fadeSpeed;
+      const p = t.size * (1 - h / t.count * 0.6);
+      d.el.style.transform = `translate(${d.x - p / 2}px, ${d.y - p / 2}px)`, d.el.style.width = `${p}px`, d.el.style.height = `${p}px`, d.el.style.opacity = String(d.opacity);
+    }), requestAnimationFrame(l));
+  };
+  return requestAnimationFrame(l), () => {
+    r = !1, document.removeEventListener("mousemove", a), s.remove();
+  };
+}
+const jt = {
+  enter: "fadeIn",
+  exit: "fadeOut",
+  hover: "none",
+  active: "none",
+  focus: "none",
+  duration: 250,
+  delay: 0,
+  easing: "cubic-bezier(0.16, 1, 0.3, 1)"
+};
+function _(n, t = {}) {
+  const e = { ...jt, ...t }, s = e.enter !== "none" ? new F(n) : null, i = n.style, o = i.transition;
+  let r = !1;
+  function a() {
+    e.hover !== "none" && (r = !0, d(!0));
+  }
+  function l() {
+    r && (r = !1, d(!1));
+  }
+  function d(y) {
+    const g = `transform ${e.duration}ms ${e.easing}, box-shadow ${e.duration}ms ${e.easing}`;
+    switch (e.hover) {
+      case "lift":
+        i.transition = g, i.transform = y ? "translateY(-2px)" : "", i.boxShadow = y ? "var(--mk-shadow-md)" : "";
+        break;
+      case "glow":
+        i.transition = `box-shadow ${e.duration}ms ${e.easing}`, i.boxShadow = y ? "var(--mk-shadow-glow)" : "";
+        break;
+      case "scale":
+        i.transition = `transform ${e.duration}ms ${e.easing}`, i.transform = y ? "scale(1.02)" : "";
+        break;
+      case "slideUp":
+        i.transition = g, i.transform = y ? "translateY(-4px)" : "";
+        break;
+    }
+  }
+  function h() {
+    e.active === "press" && (i.transition = `transform ${e.duration * 0.5}ms ${e.easing}`, i.transform = "scale(0.97)");
+  }
+  function p() {
+    e.active === "press" && (i.transform = r ? e.hover === "lift" ? "translateY(-2px)" : e.hover === "scale" ? "scale(1.02)" : "" : "");
+  }
+  function u() {
+    e.focus === "ring" && (i.outline = "none", i.boxShadow = "0 0 0 2px var(--mk-primary-muted), 0 0 0 4px var(--mk-primary)", i.transition = `box-shadow ${e.duration}ms ${e.easing}`);
+  }
+  function m() {
+    e.focus === "ring" && (i.boxShadow = "");
+  }
+  return n.addEventListener("mouseenter", a), n.addEventListener("mouseleave", l), n.addEventListener("mousedown", h), n.addEventListener("mouseup", p), n.addEventListener("focus", u), n.addEventListener("blur", m), {
+    /** Play entrance animation */
+    async playEnter() {
+      !s || e.enter === "none" || await s.animate(e.enter, { duration: e.duration, delay: e.delay });
+    },
+    /** Play exit animation. Returns a Promise that resolves when animation completes. */
+    async playExit() {
+      !s || e.exit === "none" || await s.animate(e.exit, { duration: e.duration });
+    },
+    /** Programmatically set hover state */
+    setHover(y) {
+      y ? a() : l();
+    },
+    /** Clean up all listeners and styles */
+    destroy() {
+      n.removeEventListener("mouseenter", a), n.removeEventListener("mouseleave", l), n.removeEventListener("mousedown", h), n.removeEventListener("mouseup", p), n.removeEventListener("focus", u), n.removeEventListener("blur", m), i.transition = o, i.transform = "", i.boxShadow = "", i.outline = "", s == null || s.stop();
+    }
+  };
+}
+function us(n, t, e, s) {
+  const i = n.querySelectorAll(t);
+  if (i.length === 0) return;
+  const o = (s == null ? void 0 : s.delay) ?? 100, r = (s == null ? void 0 : s.stagger) ?? 80, a = (s == null ? void 0 : s.duration) ?? 400;
+  i.forEach((l, d) => {
+    const h = l;
+    h.style.opacity = "0", setTimeout(() => {
+      h.style.transition = `opacity ${a}ms ease`, h.style.opacity = "1";
+    }, o + d * r);
+  });
+}
+const Gt = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+class M {
+  constructor(t) {
+    c(this, "container");
+    c(this, "previousActiveElement", null);
+    c(this, "listeners", []);
+    this.container = t;
+  }
+  activate(t) {
+    this.previousActiveElement = document.activeElement;
+    const e = this.getFocusableElements(), s = t || (e.length > 0 ? e[0] : null);
+    s instanceof HTMLElement && s.focus();
+    const i = (o) => this.handleKeyDown(o);
+    this.container.addEventListener("keydown", i), this.listeners.push(() => this.container.removeEventListener("keydown", i));
+  }
+  deactivate() {
+    this.listeners.forEach((t) => t()), this.listeners = [], this.previousActiveElement instanceof HTMLElement && this.previousActiveElement.focus();
+  }
+  getFocusableElements() {
+    return this.container.querySelectorAll(Gt);
+  }
+  handleKeyDown(t) {
+    if (t.key !== "Tab") return;
+    const e = Array.from(this.getFocusableElements());
+    if (e.length === 0) return;
+    const s = e[0], i = e[e.length - 1];
+    t.shiftKey && document.activeElement === s ? (t.preventDefault(), i.focus()) : !t.shiftKey && document.activeElement === i && (t.preventDefault(), s.focus());
+  }
+}
+function k(n, t) {
+  const e = (s) => {
+    for (const i of t)
+      if (s.key === i.key) {
+        i.preventDefault !== !1 && s.preventDefault(), i.handler(s);
+        return;
+      }
+  };
+  return n.addEventListener("keydown", e), () => n.removeEventListener("keydown", e);
+}
+const f = {
+  Enter: "Enter",
+  Escape: "Escape",
+  Tab: "Tab",
+  ArrowUp: "ArrowUp",
+  ArrowDown: "ArrowDown",
+  ArrowLeft: "ArrowLeft",
+  ArrowRight: "ArrowRight",
+  Home: "Home",
+  End: "End",
+  Space: " "
+};
+class Jt {
+  constructor() {
+    c(this, "currentTheme", "dark");
+    c(this, "listeners", /* @__PURE__ */ new Set());
+    document.documentElement.setAttribute("data-mk-theme", "dark");
+  }
+  setTheme(t) {
+    this.currentTheme = t, document.documentElement.setAttribute("data-mk-theme", t), this.listeners.forEach((e) => e(t));
+  }
+  toggle() {
+    this.setTheme(this.currentTheme === "dark" ? "light" : "dark");
+  }
+  getTheme() {
+    return this.currentTheme;
+  }
+  applyCustom(t) {
+    const e = document.documentElement;
+    Object.entries(t).forEach(([s, i]) => {
+      e.style.setProperty(`--mk-${s}`, i);
+    });
+  }
+  resetCustom() {
+    const t = document.documentElement;
+    [
+      "bg",
+      "surface",
+      "surface-hover",
+      "border",
+      "border-hover",
+      "primary",
+      "primary-hover",
+      "primary-active",
+      "success",
+      "warning",
+      "danger",
+      "text",
+      "text-secondary",
+      "text-tertiary"
+    ].forEach((s) => t.style.removeProperty(`--mk-${s}`));
+  }
+  onChange(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
+  }
+}
+const ms = new Jt();
+class Zt {
+  constructor(t, e = {}) {
+    c(this, "el");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.el = document.createElement("div"), this.el.className = "mk-row", e.justify && this.el.classList.add(`mk-row--justify-${e.justify}`), e.align && this.el.classList.add(`mk-row--align-${e.align}`), e.wrap === !1 && this.el.classList.add("mk-row--no-wrap"), e.gutter && (this.el.style.margin = `0 -${e.gutter / 2}px`), s.appendChild(this.el);
+  }
+  addCol(t, e, s) {
+    const i = document.createElement("div");
+    return i.className = `mk-col mk-col-${t === "flex" ? "flex" : t}`, s && i.classList.add(s), typeof e == "string" ? i.innerHTML = e : e && i.appendChild(e), this.el.appendChild(i), i;
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function fs(n, t) {
+  return new Zt(n, t);
+}
+class Qt {
+  constructor(t, e = {}) {
+    c(this, "el");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.el = document.createElement("div"), this.el.className = "mk-space", e.direction === "vertical" && this.el.classList.add("mk-space--vertical"), e.size && this.el.classList.add(`mk-space--${e.size}`), e.wrap !== !1 && this.el.classList.add("mk-space--wrap"), s.appendChild(this.el);
+  }
+  add(t) {
+    if (typeof t == "string") {
+      const e = document.createElement("span");
+      e.innerHTML = t, this.el.appendChild(e);
+    } else
+      this.el.appendChild(t);
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function ys(n, t) {
+  return new Qt(n, t);
+}
+class te {
+  constructor(t, e = {}) {
+    c(this, "el");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.el = document.createElement("div"), this.el.className = "mk-divider", e.direction === "vertical" ? this.el.classList.add("mk-divider--vertical") : this.el.classList.add("mk-divider--horizontal"), e.dashed && this.el.classList.add("mk-divider--dashed"), e.text && (this.el.textContent = e.text), s.appendChild(this.el);
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function gs(n, t) {
+  return new te(n, t);
+}
+class ee {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "motion", null);
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    if (this.options = {
+      type: "default",
+      size: "default",
+      ...e
+    }, this.el = document.createElement("button"), this.el.type = "button", this.el.className = this.buildClass(), this.el.disabled = !!this.options.disabled || !!this.options.loading, this.options.icon && !this.options.text && this.el.setAttribute("aria-label", "Button"), this.updateAriaDisabled(), this.options.loading) {
+      this.el.classList.add("is-loading");
+      const i = document.createElement("span");
+      i.className = "mk-button__spinner", this.el.appendChild(i);
+    }
+    if (this.options.icon && !this.options.loading) {
+      const i = document.createElement("span");
+      i.textContent = this.options.icon, this.el.appendChild(i);
+    }
+    if (this.options.text) {
+      const i = document.createElement("span");
+      i.textContent = this.options.text, this.el.appendChild(i);
+    }
+    this.el.addEventListener("click", (i) => {
+      var o, r;
+      this.createRipple(i), (r = (o = this.options).onClick) == null || r.call(o, i);
+    }), s.appendChild(this.el), this.motion = _(this.el, e.motion || { hover: "lift", active: "press", focus: "ring", enter: "fadeIn", duration: 200 });
+  }
+  buildClass() {
+    const t = ["mk-button"];
+    return this.options.type && this.options.type !== "default" && t.push(`mk-button--${this.options.type}`), this.options.size && this.options.size !== "default" && t.push(`mk-button--${this.options.size}`), this.options.plain && t.push("is-plain"), this.options.round && t.push("is-round"), this.options.circle && t.push("is-circle"), this.options.loading && t.push("is-loading"), this.options.disabled && t.push("is-disabled"), t.join(" ");
+  }
+  createRipple(t) {
+    const e = this.el.getBoundingClientRect(), s = Math.max(e.width, e.height), i = document.createElement("span");
+    i.className = "mk-button__ripple", i.style.width = i.style.height = `${s}px`, i.style.left = `${t.clientX - e.left - s / 2}px`, i.style.top = `${t.clientY - e.top - s / 2}px`, this.el.appendChild(i), setTimeout(() => i.remove(), 600);
+  }
+  setLoading(t) {
+    this.options.loading = t, this.el.classList.toggle("is-loading", t), this.el.disabled = t || !!this.options.disabled, this.updateAriaDisabled();
+    const e = this.el.querySelector(".mk-button__spinner");
+    if (t && !e) {
+      const s = document.createElement("span");
+      s.className = "mk-button__spinner", this.el.insertBefore(s, this.el.firstChild);
+    } else !t && e && e.remove();
+  }
+  setDisabled(t) {
+    this.options.disabled = t, this.el.classList.toggle("is-disabled", t), this.el.disabled = t || !!this.options.loading, this.updateAriaDisabled();
+  }
+  updateAriaDisabled() {
+    this.el.setAttribute("aria-disabled", String(this.el.disabled));
+  }
+  destroy() {
+    var t;
+    (t = this.motion) == null || t.destroy(), this.el.remove();
+  }
+}
+function vs(n, t) {
+  return new ee(n, t);
+}
+class se {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "input");
+    c(this, "options");
+    c(this, "errorMsg");
+    c(this, "motion", null);
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { ...e }, this.el = document.createElement("div"), this.el.className = "mk-input-wrapper";
+    const i = `mk-input-${Math.random().toString(36).slice(2)}`;
+    this.input = document.createElement("input"), this.input.className = "mk-input", this.input.id = i, this.input.type = this.options.type || "text", this.input.placeholder = this.options.placeholder || "", this.input.value = this.options.value || "", this.input.disabled = !!this.options.disabled, this.el.appendChild(this.input);
+    const o = document.createElement("span");
+    if (o.className = "mk-input__suffix", this.options.clearable) {
+      const r = document.createElement("span");
+      r.className = "mk-input__suffix-item mk-input__clear", r.innerHTML = "✕", r.addEventListener("click", () => {
+        var a, l;
+        this.input.value = "", this.input.focus(), (l = (a = this.options).onInput) == null || l.call(a, ""), this.clearError();
+      }), o.appendChild(r);
+    }
+    if (this.options.showPassword && this.input.type === "password") {
+      const r = document.createElement("span");
+      r.className = "mk-input__suffix-item", r.innerHTML = "👁", r.title = "显示密码";
+      let a = !1;
+      r.addEventListener("click", () => {
+        a = !a, this.input.type = a ? "text" : "password", r.innerHTML = a ? "🙈" : "👁";
+      }), o.appendChild(r);
+    }
+    o.children.length > 0 && this.el.appendChild(o), this.errorMsg = document.createElement("span"), this.errorMsg.className = "mk-input__errormsg", this.errorMsg.id = `${i}-error`, this.el.appendChild(this.errorMsg), this.input.addEventListener("input", () => {
+      var r, a;
+      (a = (r = this.options).onInput) == null || a.call(r, this.input.value), this.clearError();
+    }), this.input.addEventListener("keydown", (r) => {
+      var a, l;
+      r.key === "Enter" && ((l = (a = this.options).onEnter) == null || l.call(a, this.input.value));
+    }), this.input.addEventListener("blur", () => {
+      this.validate();
+    }), s.appendChild(this.el), this.motion = _(this.input, e.motion || { focus: "ring", enter: "fadeIn", duration: 200 });
+  }
+  get value() {
+    return this.input.value;
+  }
+  set value(t) {
+    this.input.value = t;
+  }
+  validate() {
+    if (!this.options.validate) return !0;
+    const t = this.options.validate(this.input.value);
+    return t ? (this.showError(t), !1) : (this.clearError(), !0);
+  }
+  showError(t) {
+    this.el.classList.add("is-error"), this.el.classList.remove("is-success"), this.errorMsg.textContent = t, this.errorMsg.classList.add("show"), this.input.setAttribute("aria-invalid", "true"), this.input.setAttribute("aria-describedby", this.errorMsg.id);
+  }
+  showSuccess() {
+    this.el.classList.remove("is-error"), this.el.classList.add("is-success"), this.errorMsg.classList.remove("show");
+  }
+  clearError() {
+    this.el.classList.remove("is-error"), this.errorMsg.classList.remove("show"), this.input.removeAttribute("aria-invalid"), this.input.removeAttribute("aria-describedby");
+  }
+  focus() {
+    this.input.focus();
+  }
+  destroy() {
+    var t;
+    (t = this.motion) == null || t.destroy(), this.el.remove();
+  }
+}
+function bs(n, t) {
+  return new se(n, t);
+}
+class ie {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "motion", null);
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    if (this.el = document.createElement("div"), this.el.className = "mk-card", e.shadow && (e.shadow === "always" ? this.el.classList.add("is-always-shadow") : e.shadow === "hover" && this.el.classList.add("is-hover-shadow")), e.loading && this.el.classList.add("is-loading"), e.image) {
+      const o = document.createElement("img");
+      o.className = "mk-card__image", o.src = e.image, o.alt = "", this.el.appendChild(o);
+    }
+    if (e.title) {
+      const o = document.createElement("div");
+      o.className = "mk-card__header";
+      const r = document.createElement("span");
+      r.className = "mk-card__title", r.textContent = e.title, o.appendChild(r), this.el.appendChild(o);
+    }
+    const i = document.createElement("div");
+    if (i.className = "mk-card__body", e.body && (i.innerHTML = e.body), this.el.appendChild(i), e.footer) {
+      const o = document.createElement("div");
+      o.className = "mk-card__footer", o.textContent = e.footer, this.el.appendChild(o);
+    }
+    s.appendChild(this.el), this.motion = _(this.el, e.motion || { hover: "lift", duration: 300 });
+  }
+  setLoading(t) {
+    this.el.classList.toggle("is-loading", t);
+  }
+  destroy() {
+    var t;
+    (t = this.motion) == null || t.destroy(), this.el.remove();
+  }
+}
+function Es(n, t) {
+  return new ie(n, t);
+}
+let ne = 0;
+class oe {
+  constructor(t = {}) {
+    c(this, "overlay");
+    c(this, "dialog");
+    c(this, "options");
+    c(this, "focusTrap");
+    c(this, "escapeCleanup", null);
+    c(this, "confirmBtn");
+    c(this, "titleId");
+    this.options = {
+      showClose: !0,
+      showCancel: !0,
+      ...t
+    }, this.overlay = document.createElement("div"), this.overlay.className = "mk-dialog-overlay", this.overlay.style.display = "none", this.dialog = document.createElement("div"), this.dialog.className = "mk-dialog", this.options.center && this.dialog.classList.add("is-center"), this.dialog.setAttribute("role", "dialog"), this.dialog.setAttribute("aria-modal", "true");
+    const e = document.createElement("div");
+    e.className = "mk-dialog__header";
+    const s = document.createElement("span");
+    if (s.className = "mk-dialog__title", s.textContent = this.options.title || "", this.titleId = `mk-dialog-title-${++ne}`, s.id = this.titleId, this.dialog.setAttribute("aria-labelledby", this.titleId), e.appendChild(s), this.options.showClose) {
+      const r = document.createElement("span");
+      r.className = "mk-dialog__close", r.innerHTML = "✕", r.setAttribute("role", "button"), r.setAttribute("tabindex", "0"), r.setAttribute("aria-label", "Close"), r.addEventListener("click", () => this.close()), r.addEventListener("keydown", (a) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), this.close());
+      }), e.appendChild(r);
+    }
+    this.dialog.appendChild(e);
+    const i = document.createElement("div");
+    i.className = "mk-dialog__body", typeof this.options.content == "string" ? i.innerHTML = this.options.content : this.options.content && i.appendChild(this.options.content), this.dialog.appendChild(i);
+    const o = document.createElement("div");
+    if (o.className = "mk-dialog__footer", this.options.showCancel) {
+      const r = document.createElement("button");
+      r.className = "mk-button", r.textContent = this.options.cancelText || "取消", r.addEventListener("click", () => {
+        var a, l;
+        (l = (a = this.options).onCancel) == null || l.call(a), this.close();
+      }), o.appendChild(r);
+    }
+    this.confirmBtn = document.createElement("button"), this.confirmBtn.className = "mk-button mk-button--primary", this.confirmBtn.textContent = this.options.confirmText || "确定", this.confirmBtn.addEventListener("click", () => {
+      var r, a;
+      (a = (r = this.options).onConfirm) == null || a.call(r), this.close();
+    }), o.appendChild(this.confirmBtn), this.dialog.appendChild(o), this.overlay.appendChild(this.dialog), this.overlay.addEventListener("click", (r) => {
+      var a, l;
+      r.target === this.overlay && ((l = (a = this.options).onClose) == null || l.call(a), this.close());
+    }), document.body.appendChild(this.overlay), this.focusTrap = new M(this.dialog);
+  }
+  open() {
+    this.overlay.style.display = "flex", requestAnimationFrame(() => {
+      this.overlay.classList.add("is-open"), this.focusTrap.activate(this.confirmBtn), this.escapeCleanup = k(this.dialog, [
+        { key: f.Escape, handler: () => this.close() }
+      ]);
+    });
+  }
+  close() {
+    this.overlay.classList.remove("is-open"), this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap.deactivate(), setTimeout(() => {
+      var t, e;
+      this.overlay.style.display = "none", (e = (t = this.options).onClose) == null || e.call(t);
+    }, 300);
+  }
+  destroy() {
+    this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap.deactivate(), this.overlay.remove();
+  }
+}
+function ks(n) {
+  return new oe(n);
+}
+class re {
+  constructor(t = {}) {
+    c(this, "overlay");
+    c(this, "drawer");
+    c(this, "options");
+    c(this, "focusTrap");
+    c(this, "escapeCleanup", null);
+    this.options = {
+      direction: "right",
+      showClose: !0,
+      ...t
+    }, this.overlay = document.createElement("div"), this.overlay.className = "mk-drawer-overlay", this.overlay.style.display = "none", this.drawer = document.createElement("div"), this.drawer.className = `mk-drawer mk-drawer--${this.options.direction}`, this.drawer.setAttribute("role", "dialog"), this.drawer.setAttribute("aria-modal", "true"), this.options.size && (this.options.direction === "right" || this.options.direction === "left" ? this.drawer.style.width = `${this.options.size}px` : this.drawer.style.height = `${this.options.size}px`);
+    const e = document.createElement("div");
+    e.className = "mk-drawer__header";
+    const s = document.createElement("span");
+    if (s.className = "mk-drawer__title", s.textContent = this.options.title || "", e.appendChild(s), this.options.showClose) {
+      const o = document.createElement("span");
+      o.className = "mk-drawer__close", o.innerHTML = "✕", o.setAttribute("role", "button"), o.setAttribute("tabindex", "0"), o.setAttribute("aria-label", "Close"), o.addEventListener("click", () => this.close()), o.addEventListener("keydown", (r) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this.close());
+      }), e.appendChild(o);
+    }
+    this.drawer.appendChild(e);
+    const i = document.createElement("div");
+    i.className = "mk-drawer__body", typeof this.options.content == "string" ? i.innerHTML = this.options.content : this.options.content && i.appendChild(this.options.content), this.drawer.appendChild(i), this.overlay.appendChild(this.drawer), this.overlay.addEventListener("click", (o) => {
+      o.target === this.overlay && this.close();
+    }), document.body.appendChild(this.overlay), this.focusTrap = new M(this.drawer);
+  }
+  open() {
+    this.overlay.style.display = "block", requestAnimationFrame(() => {
+      this.overlay.classList.add("is-open"), this.focusTrap.activate(), this.escapeCleanup = k(this.drawer, [
+        { key: f.Escape, handler: () => this.close() }
+      ]);
+    });
+  }
+  close() {
+    this.overlay.classList.remove("is-open"), this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap.deactivate(), setTimeout(() => {
+      var t, e;
+      this.overlay.style.display = "none", (e = (t = this.options).onClose) == null || e.call(t);
+    }, 300);
+  }
+  destroy() {
+    this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap.deactivate(), this.overlay.remove();
+  }
+}
+function ws(n) {
+  return new re(n);
+}
+const ae = {
+  success: "✓",
+  warning: "!",
+  error: "✕",
+  info: "i"
+}, le = {
+  success: "#67c23a",
+  warning: "#e6a23c",
+  error: "#f56c6c",
+  info: "#409eff"
+};
+let E = null;
+function ce() {
+  return E || (E = document.createElement("div"), E.className = "mk-message-container", document.body.appendChild(E)), E;
+}
+function N(n, t = {}) {
+  const e = { type: "info", duration: 3e3, closable: !0, ...t }, s = document.createElement("div");
+  s.className = `mk-message mk-message--${e.type}`;
+  const i = document.createElement("span");
+  i.className = "mk-message__icon", i.style.color = le[e.type], i.textContent = ae[e.type], s.appendChild(i);
+  const o = document.createElement("span");
+  if (o.className = "mk-message__content", o.textContent = n, s.appendChild(o), e.closable) {
+    const a = document.createElement("span");
+    a.className = "mk-message__close", a.innerHTML = "✕", a.addEventListener("click", () => T(s)), s.appendChild(a);
+  }
+  ce().appendChild(s), requestAnimationFrame(() => s.classList.add("is-show"));
+  const r = setTimeout(() => T(s), e.duration);
+  return () => {
+    clearTimeout(r), T(s);
+  };
+}
+function T(n) {
+  n.classList.remove("is-show"), n.style.opacity = "0", n.style.transform = "translateY(-20px) scale(0.95)", setTimeout(() => {
+    n.remove(), E && E.children.length === 0 && (E.remove(), E = null);
+  }, 300);
+}
+function xs(n, t) {
+  return N(n, { ...t, type: "success" });
+}
+function Cs(n, t) {
+  return N(n, { ...t, type: "error" });
+}
+function Ls(n, t) {
+  return N(n, { ...t, type: "warning" });
+}
+class de {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "core");
+    c(this, "options");
+    c(this, "_value");
+    c(this, "activeLabel");
+    c(this, "_cleanupKey");
+    c(this, "inactiveLabel");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { value: !1, ...e }, this._value = this.options.value, this.el = document.createElement("label"), this.el.className = "mk-switch", this._value && this.el.classList.add("is-checked"), this.options.disabled && this.el.classList.add("is-disabled"), this.el.setAttribute("role", "switch"), this.el.setAttribute("aria-checked", String(this._value)), this.options.disabled || this.el.setAttribute("tabindex", "0"), this.options.inactiveText && (this.inactiveLabel = document.createElement("span"), this.inactiveLabel.className = "mk-switch__label", this.inactiveLabel.textContent = this.options.inactiveText, this._value || this.inactiveLabel.classList.add("mk-switch__label--active"), this.el.appendChild(this.inactiveLabel)), this.core = document.createElement("div"), this.core.className = "mk-switch__core", this.el.appendChild(this.core), this.options.activeText && (this.activeLabel = document.createElement("span"), this.activeLabel.className = "mk-switch__label", this.activeLabel.textContent = this.options.activeText, this._value && this.activeLabel.classList.add("mk-switch__label--active"), this.el.appendChild(this.activeLabel)), this.el.addEventListener("click", () => {
+      this.options.disabled || this.toggle();
+    }), this._cleanupKey = k(this.el, [
+      { key: f.Enter, handler: () => this.toggle() },
+      { key: f.Space, handler: () => this.toggle() }
+    ]), s.appendChild(this.el);
+  }
+  get value() {
+    return this._value;
+  }
+  set value(t) {
+    var e, s, i, o;
+    this._value !== t && (this._value = t, this.el.classList.toggle("is-checked", t), this.el.setAttribute("aria-checked", String(t)), (e = this.activeLabel) == null || e.classList.toggle("mk-switch__label--active", t), (s = this.inactiveLabel) == null || s.classList.toggle("mk-switch__label--active", !t), (o = (i = this.options).onChange) == null || o.call(i, t));
+  }
+  toggle() {
+    this.value = !this._value;
+  }
+  destroy() {
+    var t;
+    (t = this._cleanupKey) == null || t.call(this), this.el.remove();
+  }
+}
+function _s(n, t) {
+  return new de(n, t);
+}
+function he(n = {}) {
+  const t = document.createElement("div");
+  if (t.className = "mk-loading-mask", n.fullscreen)
+    t.classList.add("is-fullscreen"), document.body.appendChild(t);
+  else {
+    const s = typeof n.target == "string" ? document.querySelector(n.target) : n.target || document.body;
+    s && s !== document.body && (s.style.position = "relative"), (s || document.body).appendChild(t);
+  }
+  const e = document.createElement("div");
+  if (e.className = "mk-loading__spinner", t.appendChild(e), n.text) {
+    const s = document.createElement("div");
+    s.className = "mk-loading__text", s.textContent = n.text, t.appendChild(s);
+  }
+  return () => {
+    t.remove();
+  };
+}
+function Ts(n) {
+  return he({ fullscreen: !0, text: n });
+}
+class pe {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "trigger");
+    c(this, "dropdown");
+    c(this, "options");
+    c(this, "_value");
+    c(this, "isOpen", !1);
+    c(this, "_cleanupKey");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = e, this._value = e.value, this.el = document.createElement("div"), this.el.className = "mk-select", this.trigger = document.createElement("div"), this.trigger.className = "mk-select__trigger", this.trigger.setAttribute("role", "combobox"), this.trigger.setAttribute("aria-haspopup", "listbox"), this.trigger.setAttribute("aria-expanded", "false"), this.trigger.setAttribute("tabindex", "0"), this.trigger.addEventListener("click", () => this.toggle());
+    const i = document.createElement("span");
+    i.className = "mk-select__label", this.updateLabel(i), this.trigger.appendChild(i);
+    const o = document.createElement("span");
+    o.className = "mk-select__arrow", o.textContent = "▼", this.trigger.appendChild(o), this.dropdown = document.createElement("div"), this.dropdown.className = "mk-select__dropdown", this.dropdown.setAttribute("role", "listbox"), e.options.forEach((r) => {
+      const a = document.createElement("div");
+      a.className = "mk-select__option", a.textContent = r.label, a.setAttribute("role", "option"), a.setAttribute("aria-selected", String(r.value === this._value)), r.disabled && (a.setAttribute("aria-disabled", "true"), a.style.opacity = "0.4", a.style.pointerEvents = "none"), a.addEventListener("click", () => {
+        this.setValue(r.value), this.close();
+      }), this.dropdown.appendChild(a);
+    }), this.el.appendChild(this.trigger), this.el.appendChild(this.dropdown), s.appendChild(this.el), this._cleanupKey = k(this.trigger, [
+      { key: f.ArrowDown, handler: () => this.moveSelection(1) },
+      { key: f.ArrowUp, handler: () => this.moveSelection(-1) },
+      { key: f.Enter, handler: () => {
+        this.isOpen ? this.close() : this.open();
+      } },
+      { key: f.Escape, handler: () => this.close() }
+    ]), document.addEventListener("click", (r) => {
+      this.el.contains(r.target) || this.close();
+    });
+  }
+  updateLabel(t) {
+    const e = this.options.options.find((s) => s.value === this._value);
+    e ? (t.textContent = e.label, t.classList.remove("mk-select__placeholder")) : (t.textContent = this.options.placeholder || "请选择", t.classList.add("mk-select__placeholder"));
+  }
+  get value() {
+    return this._value;
+  }
+  setValue(t) {
+    var s, i;
+    this._value = t;
+    const e = this.trigger.querySelector(".mk-select__label");
+    this.updateLabel(e), this.renderOptions(), (i = (s = this.options).onChange) == null || i.call(s, t);
+  }
+  renderOptions() {
+    this.dropdown.querySelectorAll(".mk-select__option").forEach((e, s) => {
+      const i = this.options.options[s];
+      e.classList.toggle("is-selected", i.value === this._value), e.setAttribute("aria-selected", String(i.value === this._value));
+    });
+  }
+  toggle() {
+    this.isOpen ? this.close() : this.open();
+  }
+  open() {
+    this.isOpen = !0, this.trigger.setAttribute("aria-expanded", "true"), this.trigger.classList.add("is-open"), this.dropdown.classList.add("is-open"), this.renderOptions();
+  }
+  close() {
+    this.isOpen = !1, this.trigger.setAttribute("aria-expanded", "false"), this.trigger.classList.remove("is-open"), this.dropdown.classList.remove("is-open");
+  }
+  moveSelection(t) {
+    this.isOpen || this.open();
+    let s = this.options.options.findIndex((i) => i.value === this._value);
+    for (let i = 0; i < this.options.options.length; i++)
+      if (s = (s + t + this.options.options.length) % this.options.options.length, !this.options.options[s].disabled) {
+        this.setValue(this.options.options[s].value);
+        return;
+      }
+  }
+  destroy() {
+    var t;
+    (t = this._cleanupKey) == null || t.call(this), this.el.remove();
+  }
+}
+function Ss(n, t) {
+  return new pe(n, t);
+}
+class W {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "_checked");
+    c(this, "_cleanupKey");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { checked: !1, ...e }, this._checked = this.options.checked, this.el = document.createElement("label"), this.el.className = "mk-checkbox", this._checked && this.el.classList.add("is-checked"), this.options.disabled && this.el.classList.add("is-disabled"), this.el.setAttribute("role", "checkbox"), this.el.setAttribute("aria-checked", String(this._checked)), this.options.disabled || this.el.setAttribute("tabindex", "0");
+    const i = document.createElement("span");
+    i.className = "mk-checkbox__input";
+    const o = document.createElement("span");
+    if (o.className = "mk-checkbox__check", o.textContent = "✓", i.appendChild(o), this.el.appendChild(i), this.options.label) {
+      const r = document.createElement("span");
+      r.textContent = this.options.label, this.el.appendChild(r);
+    }
+    this.el.addEventListener("click", () => {
+      this.options.disabled || this.toggle();
+    }), this._cleanupKey = k(this.el, [
+      { key: f.Space, handler: () => this.toggle() }
+    ]), s.appendChild(this.el);
+  }
+  get checked() {
+    return this._checked;
+  }
+  set checked(t) {
+    var e, s;
+    this._checked = t, this.el.classList.toggle("is-checked", t), this.el.setAttribute("aria-checked", String(t)), (s = (e = this.options).onChange) == null || s.call(e, t);
+  }
+  toggle() {
+    this.checked = !this._checked;
+  }
+  destroy() {
+    var t;
+    (t = this._cleanupKey) == null || t.call(this), this.el.remove();
+  }
+}
+function As(n, t) {
+  return new W(n, t);
+}
+class $s {
+  constructor(t) {
+    c(this, "el");
+    c(this, "checkboxes", []);
+    const e = typeof t == "string" ? document.querySelector(t) : t;
+    this.el = document.createElement("div"), this.el.className = "mk-checkbox-group", e.appendChild(this.el);
+  }
+  add(t) {
+    const e = new W(this.el, t);
+    return this.checkboxes.push(e), e;
+  }
+  getValues() {
+    return this.checkboxes.map((t) => t.checked);
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+class ue {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "_checked");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { checked: !1, ...e }, this._checked = this.options.checked, this.el = document.createElement("label"), this.el.className = "mk-radio", this._checked && this.el.classList.add("is-checked"), this.options.disabled && this.el.classList.add("is-disabled"), this.el.setAttribute("role", "radio"), this.el.setAttribute("aria-checked", String(this._checked));
+    const i = document.createElement("span");
+    i.className = "mk-radio__input";
+    const o = document.createElement("span");
+    if (o.className = "mk-radio__dot", i.appendChild(o), this.el.appendChild(i), this.options.label) {
+      const r = document.createElement("span");
+      r.textContent = this.options.label, this.el.appendChild(r);
+    }
+    this.el.addEventListener("click", () => {
+      var r, a;
+      this.options.disabled || (a = (r = this.options).onChange) == null || a.call(r, this.options.value);
+    }), s.appendChild(this.el);
+  }
+  setChecked(t) {
+    this._checked = t, this.el.classList.toggle("is-checked", t), this.el.setAttribute("aria-checked", String(t));
+  }
+  getValue() {
+    return this.options.value;
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+class Is {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "radios", []);
+    c(this, "_value");
+    c(this, "_cleanupKey");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this._value = e.value, this.el = document.createElement("div"), this.el.className = "mk-radio-group", this.el.setAttribute("role", "radiogroup"), s.appendChild(this.el), this._cleanupKey = k(this.el, [
+      { key: f.ArrowUp, handler: () => this.focusRadio(-1) },
+      { key: f.ArrowLeft, handler: () => this.focusRadio(-1) },
+      { key: f.ArrowDown, handler: () => this.focusRadio(1) },
+      { key: f.ArrowRight, handler: () => this.focusRadio(1) }
+    ]);
+  }
+  add(t) {
+    const e = new ue(this.el, {
+      ...t,
+      onChange: (i) => {
+        this.setValue(i);
+      }
+    }), s = t.value === this._value;
+    return e.setChecked(s), this._value === void 0 && this.radios.length === 0 ? e.el.setAttribute("tabindex", "0") : e.el.setAttribute("tabindex", s ? "0" : "-1"), this.radios.push(e), e;
+  }
+  setValue(t) {
+    this._value = t, this.radios.forEach((e) => {
+      const s = e.getValue() === t;
+      e.setChecked(s), e.el.setAttribute("tabindex", s ? "0" : "-1");
+    });
+  }
+  getValue() {
+    return this._value;
+  }
+  focusRadio(t) {
+    let e = this.radios.findIndex((i) => i.el.getAttribute("tabindex") === "0");
+    e === -1 && (e = this.radios.findIndex((i) => i.el.classList.contains("is-checked"))), e === -1 && (e = 0);
+    let s = e;
+    for (let i = 0; i < this.radios.length && (s = (s + t + this.radios.length) % this.radios.length, !!this.radios[s].el.classList.contains("is-disabled")); i++)
+      ;
+    (s !== e || this.radios.length === 1) && (this.radios.forEach((i, o) => i.el.setAttribute("tabindex", o === s ? "0" : "-1")), this.radios[s].el.focus(), this.setValue(this.radios[s].getValue()));
+  }
+  destroy() {
+    var t;
+    (t = this._cleanupKey) == null || t.call(this), this.el.remove();
+  }
+}
+class Ms {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "track");
+    c(this, "fill");
+    c(this, "thumb");
+    c(this, "valueEl");
+    c(this, "options");
+    c(this, "_value");
+    c(this, "dragging", !1);
+    c(this, "_cleanupKey");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = {
+      min: 0,
+      max: 100,
+      step: 1,
+      value: 0,
+      showValue: !0,
+      ...e
+    }, this._value = this.options.value, this.el = document.createElement("div"), this.el.className = "mk-slider", this.track = document.createElement("div"), this.track.className = "mk-slider__track", this.fill = document.createElement("div"), this.fill.className = "mk-slider__fill", this.track.appendChild(this.fill), this.thumb = document.createElement("div"), this.thumb.className = "mk-slider__thumb", this.thumb.setAttribute("role", "slider"), this.thumb.setAttribute("tabindex", "0"), this.track.appendChild(this.thumb), this.el.appendChild(this.track), this.options.showValue && (this.valueEl = document.createElement("div"), this.valueEl.className = "mk-slider__value", this.el.appendChild(this.valueEl)), this.updateUI(), this._cleanupKey = k(this.thumb, [
+      { key: f.ArrowLeft, handler: () => this.adjustValue(-this.options.step) },
+      { key: f.ArrowRight, handler: () => this.adjustValue(this.options.step) },
+      { key: f.Home, handler: () => {
+        this.value = this.options.min;
+      } },
+      { key: f.End, handler: () => {
+        this.value = this.options.max;
+      } }
+    ]), this.track.addEventListener("mousedown", (i) => this.onStart(i.clientX)), this.thumb.addEventListener("mousedown", (i) => {
+      i.stopPropagation(), this.onStart(i.clientX);
+    }), document.addEventListener("mousemove", (i) => this.onMove(i.clientX)), document.addEventListener("mouseup", () => this.onEnd()), this.track.addEventListener("touchstart", (i) => this.onStart(i.touches[0].clientX), { passive: !0 }), document.addEventListener("touchmove", (i) => this.onMove(i.touches[0].clientX), { passive: !0 }), document.addEventListener("touchend", () => this.onEnd()), s.appendChild(this.el);
+  }
+  onStart(t) {
+    this.dragging = !0, this.updateFromPosition(t);
+  }
+  onMove(t) {
+    this.dragging && this.updateFromPosition(t);
+  }
+  onEnd() {
+    this.dragging = !1;
+  }
+  updateFromPosition(t) {
+    const e = this.track.getBoundingClientRect(), s = Math.max(0, Math.min(1, (t - e.left) / e.width)), i = this.options.min + s * (this.options.max - this.options.min), o = Math.round(i / this.options.step) * this.options.step;
+    this.value = Math.max(this.options.min, Math.min(this.options.max, o));
+  }
+  get value() {
+    return this._value;
+  }
+  set value(t) {
+    var e, s;
+    this._value !== t && (this._value = t, this.updateUI(), (s = (e = this.options).onChange) == null || s.call(e, t));
+  }
+  updateUI() {
+    const t = (this._value - this.options.min) / (this.options.max - this.options.min);
+    this.fill.style.width = `${t * 100}%`, this.thumb.style.left = `${t * 100}%`, this.valueEl && (this.valueEl.textContent = String(this._value)), this.updateAria();
+  }
+  updateAria() {
+    this.thumb.setAttribute("aria-valuenow", String(this._value)), this.thumb.setAttribute("aria-valuemin", String(this.options.min)), this.thumb.setAttribute("aria-valuemax", String(this.options.max));
+  }
+  adjustValue(t) {
+    this.value = Math.max(this.options.min, Math.min(this.options.max, this._value + t));
+  }
+  destroy() {
+    var t;
+    (t = this._cleanupKey) == null || t.call(this), this.el.remove();
+  }
+}
+class Ns {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "table");
+    c(this, "tbody");
+    c(this, "columns");
+    c(this, "data");
+    c(this, "pageSize");
+    c(this, "currentPage", 1);
+    c(this, "sortState", null);
+    c(this, "editingRow", null);
+    c(this, "editCache", null);
+    c(this, "filteredData");
+    c(this, "callbacks");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.columns = e.columns, this.data = e.data, this.pageSize = e.pageSize || 10, this.filteredData = [...this.data], this.callbacks = e, this.el = document.createElement("div"), this.el.className = "mk-table-wrapper", this.table = document.createElement("table"), this.table.className = "mk-table", this.table.setAttribute("role", "table");
+    const i = document.createElement("thead");
+    i.setAttribute("role", "rowgroup");
+    const o = document.createElement("tr");
+    o.setAttribute("role", "row"), this.columns.forEach((r) => {
+      const a = document.createElement("th");
+      if (a.setAttribute("role", "columnheader"), a.textContent = r.title, r.width && (a.style.width = r.width), r.sortable) {
+        a.classList.add("is-sortable"), a.setAttribute("aria-sort", "none");
+        const l = document.createElement("span");
+        l.className = "mk-table__sort-icon", l.textContent = "⇅", a.appendChild(l), a.addEventListener("click", () => this.handleSort(r.key));
+      }
+      o.appendChild(a);
+    }), i.appendChild(o), this.table.appendChild(i), this.tbody = document.createElement("tbody"), this.tbody.setAttribute("role", "rowgroup"), this.table.appendChild(this.tbody), this.el.appendChild(this.table), s.appendChild(this.el), this.render();
+  }
+  getDisplayData() {
+    return this.sortState ? [...this.filteredData].sort((e, s) => {
+      const i = e[this.sortState.key], o = s[this.sortState.key];
+      return i < o ? this.sortState.order === "asc" ? -1 : 1 : i > o ? this.sortState.order === "asc" ? 1 : -1 : 0;
+    }) : this.filteredData;
+  }
+  handleSort(t) {
+    !this.sortState || this.sortState.key !== t ? this.sortState = { key: t, order: "asc" } : this.sortState.order === "asc" ? this.sortState.order = "desc" : this.sortState = null, this.render();
+  }
+  render() {
+    this.tbody.innerHTML = "";
+    const t = this.getDisplayData(), e = (this.currentPage - 1) * this.pageSize, s = t.slice(e, e + this.pageSize);
+    if (s.length === 0) {
+      const i = document.createElement("tr");
+      i.setAttribute("role", "row");
+      const o = document.createElement("td");
+      o.setAttribute("role", "cell"), o.colSpan = this.columns.length, o.className = "mk-table__empty", o.textContent = "暂无数据", i.appendChild(o), this.tbody.appendChild(i);
+    } else
+      s.forEach((i, o) => {
+        const r = e + o, a = document.createElement("tr");
+        a.setAttribute("role", "row"), this.editingRow === r && a.classList.add("is-editing"), a.addEventListener("click", () => {
+          var l, d;
+          (d = (l = this.callbacks).onRowClick) == null || d.call(l, i, r);
+        }), this.columns.forEach((l) => {
+          const d = document.createElement("td");
+          if (d.setAttribute("role", "cell"), this.editingRow === r && l.editable && l.key !== "actions") {
+            const h = document.createElement("input");
+            h.className = "mk-table__edit-input", h.value = String(this.editCache[l.key] ?? i[l.key] ?? ""), h.addEventListener("input", (p) => {
+              this.editCache[l.key] = p.target.value;
+            }), h.addEventListener("keydown", (p) => {
+              p.key === "Enter" && this.saveEdit(), p.key === "Escape" && this.cancelEdit();
+            }), d.appendChild(h);
+          } else if (l.render) {
+            const h = l.render(i[l.key], i, r);
+            h instanceof HTMLElement ? d.appendChild(h) : typeof h == "string" && h.includes("<") ? d.innerHTML = h : d.textContent = String(h);
+          } else
+            d.textContent = i[l.key] !== void 0 ? String(i[l.key]) : "";
+          a.appendChild(d);
+        }), this.tbody.appendChild(a);
+      });
+    this.renderPagination(t.length), this.updateSortIcons();
+  }
+  updateSortIcons() {
+    const t = this.table.querySelectorAll("th");
+    if (t.forEach((e) => {
+      const s = e.querySelector(".mk-table__sort-icon");
+      s && (s.classList.remove("is-active"), s.textContent = "⇅", e.setAttribute("aria-sort", "none"));
+    }), this.sortState) {
+      const e = this.columns.findIndex((s) => s.key === this.sortState.key);
+      if (e >= 0) {
+        const s = t[e], i = s == null ? void 0 : s.querySelector(".mk-table__sort-icon");
+        i && (i.classList.add("is-active"), i.textContent = this.sortState.order === "asc" ? "↑" : "↓"), s && s.setAttribute("aria-sort", this.sortState.order === "asc" ? "ascending" : "descending");
+      }
+    }
+  }
+  renderPagination(t) {
+    const e = this.el.querySelector(".mk-pagination");
+    e == null || e.remove();
+    const s = Math.max(1, Math.ceil(t / this.pageSize)), i = document.createElement("div");
+    i.className = "mk-pagination";
+    const o = document.createElement("span");
+    o.className = "mk-pagination__total", o.textContent = `共 ${t} 条`, i.appendChild(o);
+    const r = document.createElement("button");
+    r.className = "mk-pagination__btn", r.textContent = "‹", r.disabled = this.currentPage <= 1, r.addEventListener("click", () => {
+      this.currentPage > 1 && (this.currentPage--, this.render());
+    }), i.appendChild(r);
+    const a = 5;
+    let l = Math.max(1, this.currentPage - Math.floor(a / 2)), d = Math.min(s, l + a - 1);
+    if (d - l + 1 < a && (l = Math.max(1, d - a + 1)), l > 1 && (i.appendChild(this.createPageBtn(1)), l > 2)) {
+      const u = document.createElement("span");
+      u.className = "mk-pagination__btn", u.textContent = "...", u.style.cursor = "default", i.appendChild(u);
+    }
+    for (let u = l; u <= d; u++)
+      i.appendChild(this.createPageBtn(u));
+    if (d < s) {
+      if (d < s - 1) {
+        const u = document.createElement("span");
+        u.className = "mk-pagination__btn", u.textContent = "...", u.style.cursor = "default", i.appendChild(u);
+      }
+      i.appendChild(this.createPageBtn(s));
+    }
+    const h = document.createElement("button");
+    h.className = "mk-pagination__btn", h.textContent = "›", h.disabled = this.currentPage >= s, h.addEventListener("click", () => {
+      this.currentPage < s && (this.currentPage++, this.render());
+    }), i.appendChild(h);
+    const p = document.createElement("span");
+    p.className = "mk-pagination__size", p.innerHTML = `
+      每页
+      <select>
+        <option value="10" ${this.pageSize === 10 ? "selected" : ""}>10</option>
+        <option value="20" ${this.pageSize === 20 ? "selected" : ""}>20</option>
+        <option value="50" ${this.pageSize === 50 ? "selected" : ""}>50</option>
+      </select>
+      条
+    `, p.querySelector("select").addEventListener("change", (u) => {
+      this.pageSize = Number(u.target.value), this.currentPage = 1, this.render();
+    }), i.appendChild(p), this.el.appendChild(i);
+  }
+  createPageBtn(t) {
+    const e = document.createElement("button");
+    return e.className = "mk-pagination__btn", e.textContent = String(t), t === this.currentPage && e.classList.add("is-active"), e.addEventListener("click", () => {
+      this.currentPage = t, this.render();
+    }), e;
+  }
+  setData(t) {
+    this.data = t, this.filteredData = [...t], this.currentPage = 1, this.render();
+  }
+  filter(t) {
+    this.filteredData = this.data.filter(t), this.currentPage = 1, this.render();
+  }
+  clearFilter() {
+    this.filteredData = [...this.data], this.currentPage = 1, this.render();
+  }
+  startEdit(t) {
+    this.editingRow = t, this.editCache = { ...this.filteredData[t] }, this.render();
+    const e = this.tbody.querySelector(".mk-table__edit-input");
+    e == null || e.focus();
+  }
+  saveEdit() {
+    var t, e;
+    if (this.editingRow !== null && this.editCache) {
+      const s = this.editCache;
+      this.filteredData[this.editingRow] = s;
+      const i = this.data.findIndex(
+        (o, r) => r === this.editingRow || JSON.stringify(o) === JSON.stringify(s)
+      );
+      i >= 0 && (this.data[i] = s), (e = (t = this.callbacks).onEdit) == null || e.call(t, s, this.editingRow);
+    }
+    this.editingRow = null, this.editCache = null, this.render();
+  }
+  cancelEdit() {
+    this.editingRow = null, this.editCache = null, this.render();
+  }
+  deleteRow(t) {
+    var s, i;
+    const e = this.filteredData[t];
+    this.data = this.data.filter((o) => o !== e), this.filteredData = this.filteredData.filter((o) => o !== e), (i = (s = this.callbacks).onDelete) == null || i.call(s, e, t), this.filteredData.length <= (this.currentPage - 1) * this.pageSize && this.currentPage > 1 && this.currentPage--, this.render();
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+class me {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "motion", null);
+    c(this, "_cleanupCloseKey");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    if (this.options = {
+      type: "default",
+      size: "default",
+      ...e
+    }, this.el = document.createElement("span"), this.el.className = this.buildClass(), this.options.text && (this.el.textContent = this.options.text), this.options.closable) {
+      const i = document.createElement("span");
+      i.className = "mk-tag__close", i.innerHTML = "×", i.setAttribute("role", "button"), i.setAttribute("tabindex", "0"), i.setAttribute("aria-label", "Close"), i.addEventListener("click", (o) => {
+        o.stopPropagation(), this.close();
+      }), this._cleanupCloseKey = k(i, [
+        { key: f.Enter, handler: () => this.close() },
+        { key: f.Space, handler: () => this.close() }
+      ]), this.el.appendChild(i);
+    }
+    s.appendChild(this.el), this.motion = _(this.el, e.motion || { hover: "scale", enter: "zoomIn", duration: 200 });
+  }
+  buildClass() {
+    const t = ["mk-tag"];
+    return this.options.type && this.options.type !== "default" && t.push(`mk-tag--${this.options.type}`), this.options.size && this.options.size !== "default" && t.push(`mk-tag--${this.options.size}`), this.options.plain && t.push("is-plain"), this.options.round && t.push("is-round"), this.options.closable && t.push("is-closable"), t.join(" ");
+  }
+  setText(t) {
+    if (this.options.text = t, this.options.closable) {
+      const e = this.el.querySelector(".mk-tag__close");
+      this.el.childNodes.forEach((s) => {
+        s !== e && s.remove();
+      }), this.el.insertBefore(document.createTextNode(t), e);
+    } else
+      this.el.textContent = t;
+  }
+  close() {
+    var t, e, s;
+    this.el.style.pointerEvents = "none", (t = this.motion) == null || t.playExit().then(() => {
+      this.destroy();
+    }), (s = (e = this.options).onClose) == null || s.call(e);
+  }
+  destroy() {
+    var t, e;
+    (t = this._cleanupCloseKey) == null || t.call(this), (e = this.motion) == null || e.destroy(), this.el.remove();
+  }
+}
+function Ps(n, t) {
+  return new me(n, t);
+}
+let v = null, S = null, A = null, w = null, L = null, x = null;
+const j = "mk-tooltip";
+function P() {
+  return v || (v = document.createElement("div"), v.className = "mk-tooltip", v.id = j, v.setAttribute("role", "tooltip"), v.style.position = "absolute", v.style.zIndex = "var(--mk-z-tooltip)", S = document.createElement("div"), S.className = "mk-tooltip__arrow", v.appendChild(S), A = document.createElement("div"), A.className = "mk-tooltip__content", v.appendChild(A), document.body.appendChild(v)), v;
+}
+function fe(n) {
+  const e = P().querySelector(".mk-tooltip__content");
+  e.innerHTML = "", typeof n == "string" ? e.textContent = n : e.appendChild(n);
+}
+function ye(n, t, e) {
+  const s = P(), i = s.querySelector(".mk-tooltip__arrow"), o = n.getBoundingClientRect(), r = s.getBoundingClientRect(), a = window.scrollX, l = window.scrollY;
+  let d = 0, h = 0, p = "";
+  switch (t) {
+    case "top":
+      d = o.top + l - r.height - e, h = o.left + a + o.width / 2 - r.width / 2, p = "is-bottom";
+      break;
+    case "bottom":
+      d = o.bottom + l + e, h = o.left + a + o.width / 2 - r.width / 2, p = "is-top";
+      break;
+    case "left":
+      d = o.top + l + o.height / 2 - r.height / 2, h = o.left + a - r.width - e, p = "is-right";
+      break;
+    case "right":
+      d = o.top + l + o.height / 2 - r.height / 2, h = o.right + a + e, p = "is-left";
+      break;
+    default:
+      d = o.top + l - r.height - e, h = o.left + a + o.width / 2 - r.width / 2, p = "is-bottom";
+  }
+  const u = 8;
+  h < u && (h = u), h + r.width > window.innerWidth - u && (h = window.innerWidth - r.width - u), d < u && (d = u), s.style.top = `${d}px`, s.style.left = `${h}px`, i.className = `mk-tooltip__arrow ${p}`;
+}
+function ge(n, t) {
+  L && (clearTimeout(L), L = null), x = n, n.setAttribute("aria-describedby", j), fe(t.content);
+  const e = P();
+  e.classList.remove("is-visible"), e.style.visibility = "hidden", e.style.display = "block", requestAnimationFrame(() => {
+    x === n && (ye(n, t.placement, t.offset), e.style.visibility = "visible", e.classList.add("is-visible"));
+  });
+}
+function z() {
+  v && (v.classList.remove("is-visible"), L = setTimeout(() => {
+    v != null && v.classList.contains("is-visible") || (v.style.display = "none");
+  }, 200), x && x.removeAttribute("aria-describedby"), x = null);
+}
+function qs(n, t = {}) {
+  const e = {
+    content: "",
+    placement: "top",
+    delay: 150,
+    offset: 8,
+    ...t
+  }, s = () => {
+    w && clearTimeout(w), w = setTimeout(() => {
+      ge(n, e);
+    }, e.delay);
+  }, i = () => {
+    w && (clearTimeout(w), w = null), z();
+  };
+  return n.addEventListener("mouseenter", s), n.addEventListener("mouseleave", i), n.addEventListener("focus", s), n.addEventListener("blur", i), () => {
+    n.removeEventListener("mouseenter", s), n.removeEventListener("mouseleave", i), n.removeEventListener("focus", s), n.removeEventListener("blur", i), x === n && z();
+  };
+}
+let ve = 0;
+class be {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "headerEl");
+    c(this, "contentEl");
+    c(this, "indicatorEl", null);
+    c(this, "tabItems", []);
+    c(this, "panels", []);
+    c(this, "currentIndex");
+    c(this, "tabIdPrefix");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = {
+      type: "line",
+      items: [],
+      activeIndex: 0,
+      ...e
+    }, this.currentIndex = this.options.activeIndex, this.tabIdPrefix = `mk-tabs-${++ve}`, this.el = document.createElement("div"), this.el.className = `mk-tabs mk-tabs--${this.options.type}`, this.headerEl = document.createElement("div"), this.headerEl.className = "mk-tabs__header", this.headerEl.setAttribute("role", "tablist"), this.el.appendChild(this.headerEl), this.contentEl = document.createElement("div"), this.contentEl.className = "mk-tabs__content", this.el.appendChild(this.contentEl), this.options.type === "line" && (this.indicatorEl = document.createElement("div"), this.indicatorEl.className = "mk-tabs__indicator", this.headerEl.appendChild(this.indicatorEl)), this.renderTabs(), this.setActive(this.currentIndex, !1), s.appendChild(this.el);
+  }
+  renderTabs() {
+    var t;
+    (t = this.options.items) == null || t.forEach((e, s) => {
+      const i = `${this.tabIdPrefix}-panel-${s}`, o = `${this.tabIdPrefix}-tab-${s}`, r = document.createElement("button");
+      r.className = "mk-tabs__item", r.type = "button", r.textContent = e.label, r.id = o, r.setAttribute("role", "tab"), r.setAttribute("aria-controls", i), e.disabled && (r.disabled = !0, r.classList.add("is-disabled")), r.addEventListener("click", () => {
+        e.disabled || this.setActive(s);
+      }), this.headerEl.appendChild(r), this.tabItems.push(r);
+      const a = document.createElement("div");
+      a.className = "mk-tabs__panel", a.id = i, a.setAttribute("role", "tabpanel"), a.setAttribute("aria-labelledby", o), e.content && (typeof e.content == "string" ? a.textContent = e.content : a.appendChild(e.content)), this.contentEl.appendChild(a), this.panels.push(a);
+    }), this.headerEl.addEventListener("keydown", (e) => {
+      if (![f.ArrowLeft, f.ArrowRight, f.Home, f.End].includes(e.key)) return;
+      const s = this.tabItems.filter((l, d) => {
+        var h, p;
+        return !((p = (h = this.options.items) == null ? void 0 : h[d]) != null && p.disabled);
+      }), i = this.tabItems[this.currentIndex];
+      let o = s.indexOf(i);
+      o === -1 && (o = 0);
+      let r = o;
+      switch (e.key) {
+        case f.ArrowLeft:
+          e.preventDefault(), r = o > 0 ? o - 1 : s.length - 1;
+          break;
+        case f.ArrowRight:
+          e.preventDefault(), r = o < s.length - 1 ? o + 1 : 0;
+          break;
+        case f.Home:
+          e.preventDefault(), r = 0;
+          break;
+        case f.End:
+          e.preventDefault(), r = s.length - 1;
+          break;
+      }
+      const a = s[r];
+      if (a) {
+        const l = this.tabItems.indexOf(a);
+        this.setActive(l), a.focus();
+      }
+    });
+  }
+  setActive(t, e = !0) {
+    var i, o, r, a;
+    if (t < 0 || t >= this.tabItems.length || (o = (i = this.options.items) == null ? void 0 : i[t]) != null && o.disabled) return;
+    const s = this.currentIndex;
+    this.currentIndex = t, this.tabItems.forEach((l, d) => {
+      const h = d === t;
+      l.classList.toggle("is-active", h), l.setAttribute("aria-selected", String(h)), l.setAttribute("tabindex", h ? "0" : "-1");
+    }), this.panels.forEach((l, d) => {
+      const h = d === t;
+      l.classList.toggle("is-active", h), h ? (l.style.display = "block", e && requestAnimationFrame(() => {
+        l.classList.add("is-entering"), requestAnimationFrame(() => {
+          l.classList.remove("is-entering");
+        });
+      })) : (l.style.display = "none", l.classList.remove("is-entering"));
+    }), this.indicatorEl && this.updateIndicator(), s !== t && ((a = (r = this.options).onChange) == null || a.call(r, t));
+  }
+  updateIndicator() {
+    if (!this.indicatorEl) return;
+    const t = this.tabItems[this.currentIndex];
+    if (!t) return;
+    const e = this.headerEl.getBoundingClientRect(), s = t.getBoundingClientRect();
+    this.indicatorEl.style.left = `${s.left - e.left + this.headerEl.scrollLeft}px`, this.indicatorEl.style.width = `${s.width}px`;
+  }
+  getActive() {
+    return this.currentIndex;
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Ds(n, t) {
+  return new be(n, t);
+}
+class Ee {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    if (this.options = {
+      size: "default",
+      shape: "circle",
+      ...e
+    }, this.el = document.createElement("div"), this.el.className = this.buildClass(), this.options.src) {
+      const i = document.createElement("img");
+      i.className = "mk-avatar__image", i.src = this.options.src, i.alt = this.options.text || "", i.addEventListener("error", () => this.showFallback()), this.el.appendChild(i);
+    } else
+      this.showFallback();
+    s.appendChild(this.el);
+  }
+  buildClass() {
+    const t = ["mk-avatar"];
+    return this.options.size && this.options.size !== "default" && t.push(`mk-avatar--${this.options.size}`), this.options.shape && this.options.shape !== "circle" && t.push(`mk-avatar--${this.options.shape}`), t.join(" ");
+  }
+  showFallback() {
+    const t = this.el.querySelector(".mk-avatar__image");
+    t && t.remove();
+    const e = document.createElement("span");
+    e.className = "mk-avatar__fallback", this.options.icon ? e.textContent = this.options.icon : this.options.text ? e.textContent = this.options.text.split(" ").map((s) => s[0]).slice(0, 2).join("").toUpperCase() : e.textContent = "?", this.el.appendChild(e);
+  }
+  setSrc(t) {
+    this.options.src = t;
+    const e = this.el.querySelector(".mk-avatar__fallback");
+    e && e.remove();
+    let s = this.el.querySelector(".mk-avatar__image");
+    s || (s = document.createElement("img"), s.className = "mk-avatar__image", s.alt = this.options.text || "", s.addEventListener("error", () => this.showFallback()), this.el.appendChild(s)), s.src = t;
+  }
+  setText(t) {
+    this.options.text = t, this.options.src || this.showFallback();
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function zs(n, t) {
+  return new Ee(n, t);
+}
+const ke = {
+  info: "ℹ",
+  success: "✓",
+  warning: "⚠",
+  danger: "✕"
+};
+class we {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    if (this.options = {
+      type: "info",
+      showIcon: !0,
+      ...e
+    }, this.el = document.createElement("div"), this.el.className = this.buildClass(), this.el.setAttribute("role", "alert"), this.options.showIcon) {
+      const o = document.createElement("span");
+      o.className = "mk-alert__icon", o.textContent = ke[this.options.type], this.el.appendChild(o);
+    }
+    const i = document.createElement("div");
+    if (i.className = "mk-alert__content", this.options.title) {
+      const o = document.createElement("div");
+      o.className = "mk-alert__title", o.textContent = this.options.title, i.appendChild(o);
+    }
+    if (this.options.description) {
+      const o = document.createElement("div");
+      o.className = "mk-alert__description", o.textContent = this.options.description, i.appendChild(o);
+    }
+    if (this.el.appendChild(i), this.options.closable) {
+      const o = document.createElement("button");
+      o.className = "mk-alert__close", o.setAttribute("aria-label", "Close"), o.innerHTML = "×", o.addEventListener("click", () => this.close()), this.el.appendChild(o);
+    }
+    s.appendChild(this.el);
+  }
+  buildClass() {
+    const t = ["mk-alert", `mk-alert--${this.options.type}`];
+    return this.options.closable && t.push("is-closable"), t.join(" ");
+  }
+  close() {
+    this.el.classList.add("is-closing"), this.el.style.pointerEvents = "none", this.el.addEventListener(
+      "transitionend",
+      () => {
+        var t, e;
+        this.destroy(), (e = (t = this.options).onClose) == null || e.call(t);
+      },
+      { once: !0 }
+    );
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Fs(n, t) {
+  return new we(n, t);
+}
+class xe {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "barEl", null);
+    c(this, "textEl", null);
+    c(this, "circleSvg", null);
+    c(this, "circleTrack", null);
+    c(this, "circlePath", null);
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = {
+      type: "line",
+      percent: 0,
+      showInfo: !0,
+      ...e
+    }, this.el = document.createElement("div"), this.el.className = this.buildClass(), this.options.type === "line" ? this.renderLine() : this.renderCircleOrDashboard(), s.appendChild(this.el), requestAnimationFrame(() => {
+      this.setPercent(this.options.percent);
+    });
+  }
+  buildClass() {
+    const t = ["mk-progress", `mk-progress--${this.options.type}`];
+    return this.options.status && t.push(`is-${this.options.status}`), this.options.showInfo || t.push("is-hide-info"), t.join(" ");
+  }
+  renderLine() {
+    const t = document.createElement("div");
+    t.className = "mk-progress__track", this.options.strokeWidth && (t.style.height = `${this.options.strokeWidth}px`), this.barEl = document.createElement("div"), this.barEl.className = "mk-progress__bar", t.appendChild(this.barEl), this.el.appendChild(t), this.options.showInfo && (this.textEl = document.createElement("span"), this.textEl.className = "mk-progress__text", this.el.appendChild(this.textEl));
+  }
+  renderCircleOrDashboard() {
+    const e = this.options.strokeWidth || 6, s = (120 - e) / 2, i = 2 * Math.PI * s, o = this.options.type === "dashboard", r = o ? i * 0.75 : i;
+    this.circleSvg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.circleSvg.setAttribute("width", "120"), this.circleSvg.setAttribute("height", "120"), this.circleSvg.setAttribute("viewBox", "0 0 120 120"), this.circleSvg.classList.add("mk-progress__svg"), this.circleTrack = document.createElementNS("http://www.w3.org/2000/svg", "circle"), this.circleTrack.setAttribute("cx", `${120 / 2}`), this.circleTrack.setAttribute("cy", `${120 / 2}`), this.circleTrack.setAttribute("r", `${s}`), this.circleTrack.setAttribute("fill", "none"), this.circleTrack.setAttribute("stroke-width", `${e}`), this.circleTrack.classList.add("mk-progress__track-circle"), this.circlePath = document.createElementNS("http://www.w3.org/2000/svg", "circle"), this.circlePath.setAttribute("cx", `${120 / 2}`), this.circlePath.setAttribute("cy", `${120 / 2}`), this.circlePath.setAttribute("r", `${s}`), this.circlePath.setAttribute("fill", "none"), this.circlePath.setAttribute("stroke-width", `${e}`), this.circlePath.setAttribute("stroke-linecap", "round"), this.circlePath.style.strokeDasharray = `${r} ${i}`, this.circlePath.style.strokeDashoffset = `${r}`, this.circlePath.style.transformOrigin = "50% 50%", o ? (this.circleTrack.style.transform = "rotate(135deg)", this.circleTrack.style.transformOrigin = "50% 50%", this.circlePath.style.transform = "rotate(135deg)") : (this.circleTrack.style.transform = "rotate(-90deg)", this.circleTrack.style.transformOrigin = "50% 50%", this.circlePath.style.transform = "rotate(-90deg)"), this.circlePath.classList.add("mk-progress__path-circle"), this.circleSvg.appendChild(this.circleTrack), this.circleSvg.appendChild(this.circlePath), this.el.appendChild(this.circleSvg), this.options.showInfo && (this.textEl = document.createElement("span"), this.textEl.className = "mk-progress__text", this.el.appendChild(this.textEl));
+  }
+  setPercent(t) {
+    const e = Math.max(0, Math.min(100, t));
+    if (this.options.percent = e, this.options.type === "line" && this.barEl)
+      this.barEl.style.width = `${e}%`, this.options.color && (this.barEl.style.background = this.options.color);
+    else if (this.circlePath && this.circleSvg) {
+      const o = (120 - (this.options.strokeWidth || 6)) / 2, r = 2 * Math.PI * o, l = this.options.type === "dashboard" ? r * 0.75 : r, d = l - e / 100 * l;
+      this.circlePath.style.strokeDashoffset = `${d}`, this.options.color && (this.circlePath.style.stroke = this.options.color);
+    }
+    this.textEl && (this.textEl.textContent = `${Math.round(e)}%`);
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Rs(n, t) {
+  return new xe(n, t);
+}
+let Ce = 0;
+class Le {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "activeKeys");
+    c(this, "itemEls", []);
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = {
+      accordion: !1,
+      activeKeys: [],
+      ...e
+    }, this.activeKeys = new Set(this.options.activeKeys), this.el = document.createElement("div"), this.el.className = "mk-collapse", this.options.items.forEach((i, o) => {
+      const r = `mk-collapse-content-${++Ce}`, a = document.createElement("div");
+      a.className = "mk-collapse__item", i.disabled && a.classList.add("is-disabled");
+      const l = document.createElement("div");
+      l.className = "mk-collapse__header", l.setAttribute("role", "button"), l.setAttribute("tabindex", i.disabled ? "-1" : "0"), l.setAttribute("aria-expanded", "false"), l.setAttribute("aria-controls", r);
+      const d = document.createElement("span");
+      d.className = "mk-collapse__title", d.textContent = i.title;
+      const h = document.createElement("span");
+      h.className = "mk-collapse__arrow", h.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 2l4 4-4 4"/></svg>', l.appendChild(d), l.appendChild(h), a.appendChild(l);
+      const p = document.createElement("div");
+      p.className = "mk-collapse__content", p.id = r;
+      const u = document.createElement("div");
+      u.className = "mk-collapse__inner", typeof i.content == "string" ? u.innerHTML = i.content : u.appendChild(i.content), p.appendChild(u), a.appendChild(p), this.itemEls.push({ header: l, content: p, inner: u, arrow: h, contentId: r }), this.el.appendChild(a), i.disabled || (l.addEventListener("click", () => this.toggle(o)), l.addEventListener("keydown", (m) => {
+        (m.key === "Enter" || m.key === " ") && (m.preventDefault(), this.toggle(o));
+      }));
+    }), s.appendChild(this.el), requestAnimationFrame(() => {
+      this.itemEls.forEach((i, o) => {
+        this.updateItemState(o);
+      });
+    });
+  }
+  toggle(t) {
+    const e = this.activeKeys.has(t);
+    if (this.options.accordion) {
+      const s = Array.from(this.activeKeys);
+      this.activeKeys.clear(), e || this.activeKeys.add(t), s.forEach((i) => this.updateItemState(i)), this.updateItemState(t);
+    } else
+      e ? this.activeKeys.delete(t) : this.activeKeys.add(t), this.updateItemState(t);
+  }
+  updateItemState(t) {
+    const e = this.itemEls[t];
+    if (!e) return;
+    const s = this.activeKeys.has(t), i = e.header.parentElement;
+    e.header.setAttribute("aria-expanded", String(s)), e.arrow.classList.toggle("is-expanded", s), i.classList.toggle("is-active", s), s ? e.content.style.maxHeight = `${e.inner.scrollHeight}px` : e.content.style.maxHeight = "0px";
+  }
+  setActiveKeys(t) {
+    const e = new Set(this.activeKeys);
+    this.activeKeys = new Set(t), e.forEach((s) => this.updateItemState(s)), t.forEach((s) => this.updateItemState(s));
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Os(n, t) {
+  return new Le(n, t);
+}
+const _e = `<svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="20" y="30" width="80" height="60" rx="8" stroke="currentColor" stroke-width="1.5" opacity="0.3"/>
+  <circle cx="45" cy="55" r="8" fill="currentColor" opacity="0.2"/>
+  <rect x="60" y="48" width="28" height="4" rx="2" fill="currentColor" opacity="0.2"/>
+  <rect x="60" y="58" width="20" height="4" rx="2" fill="currentColor" opacity="0.15"/>
+  <line x1="35" y1="82" x2="85" y2="82" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.15"/>
+  <line x1="45" y1="90" x2="75" y2="90" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" opacity="0.1"/>
+</svg>`;
+class Te {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = {
+      image: "default",
+      ...e
+    }, this.el = document.createElement("div"), this.el.className = "mk-empty";
+    const i = document.createElement("div");
+    if (i.className = "mk-empty__image", this.options.imageStyle && Object.assign(i.style, this.options.imageStyle), this.options.image === "default")
+      i.innerHTML = _e;
+    else if (this.options.image) {
+      const o = document.createElement("img");
+      o.src = this.options.image, o.alt = "", i.appendChild(o);
+    }
+    if (this.el.appendChild(i), this.options.description) {
+      const o = document.createElement("p");
+      o.className = "mk-empty__description", o.textContent = this.options.description, this.el.appendChild(o);
+    }
+    s.appendChild(this.el);
+  }
+  setDescription(t) {
+    this.options.description = t;
+    let e = this.el.querySelector(".mk-empty__description");
+    e || (e = document.createElement("p"), e.className = "mk-empty__description", this.el.appendChild(e)), e.textContent = t;
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Hs(n, t) {
+  return new Te(n, t);
+}
+class Se {
+  constructor(t, e = {}) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "popoverEl", null);
+    c(this, "arrowEl", null);
+    c(this, "contentEl", null);
+    c(this, "showTimer", null);
+    c(this, "hideTimer", null);
+    c(this, "isVisible", !1);
+    c(this, "cleanupFns", []);
+    c(this, "focusTrap", null);
+    c(this, "escapeCleanup", null);
+    if (this.options = {
+      placement: "top",
+      trigger: "hover",
+      offset: 8,
+      ...e
+    }, this.el = document.createElement("div"), this.el.style.display = "contents", this.buildPopover(), this.options.trigger === "click") {
+      const s = (o) => {
+        o.stopPropagation(), this.toggle();
+      };
+      t.addEventListener("click", s), this.cleanupFns.push(() => t.removeEventListener("click", s));
+      const i = (o) => {
+        this.isVisible && this.popoverEl && !this.popoverEl.contains(o.target) && o.target !== t && this.hide();
+      };
+      document.addEventListener("click", i), this.cleanupFns.push(() => document.removeEventListener("click", i));
+    } else {
+      const s = () => {
+        this.hideTimer && (clearTimeout(this.hideTimer), this.hideTimer = null), this.showTimer = setTimeout(() => this.show(), 150);
+      }, i = () => {
+        this.showTimer && (clearTimeout(this.showTimer), this.showTimer = null), this.hideTimer = setTimeout(() => this.hide(), 150);
+      };
+      if (t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", i), t.addEventListener("focus", s), t.addEventListener("blur", i), this.cleanupFns.push(() => t.removeEventListener("mouseenter", s)), this.cleanupFns.push(() => t.removeEventListener("mouseleave", i)), this.cleanupFns.push(() => t.removeEventListener("focus", s)), this.cleanupFns.push(() => t.removeEventListener("blur", i)), this.popoverEl) {
+        const o = () => {
+          this.hideTimer && (clearTimeout(this.hideTimer), this.hideTimer = null);
+        }, r = () => {
+          this.hideTimer = setTimeout(() => this.hide(), 150);
+        };
+        this.popoverEl.addEventListener("mouseenter", o), this.popoverEl.addEventListener("mouseleave", r), this.cleanupFns.push(() => this.popoverEl.removeEventListener("mouseenter", o)), this.cleanupFns.push(() => this.popoverEl.removeEventListener("mouseleave", r));
+      }
+    }
+    t.appendChild(this.el);
+  }
+  buildPopover() {
+    if (this.popoverEl = document.createElement("div"), this.popoverEl.className = "mk-popover", this.popoverEl.style.position = "absolute", this.popoverEl.style.zIndex = "var(--mk-z-popover)", this.popoverEl.setAttribute("role", this.options.trigger === "click" ? "dialog" : "tooltip"), this.options.trigger === "click" && this.popoverEl.setAttribute("tabindex", "-1"), this.options.width && (this.popoverEl.style.width = `${this.options.width}px`), this.arrowEl = document.createElement("div"), this.arrowEl.className = "mk-popover__arrow", this.popoverEl.appendChild(this.arrowEl), this.options.title) {
+      const t = document.createElement("div");
+      t.className = "mk-popover__title", t.textContent = this.options.title, this.popoverEl.appendChild(t);
+    }
+    this.contentEl = document.createElement("div"), this.contentEl.className = "mk-popover__content", typeof this.options.content == "string" ? this.contentEl.textContent = this.options.content : this.options.content && this.contentEl.appendChild(this.options.content), this.popoverEl.appendChild(this.contentEl), document.body.appendChild(this.popoverEl);
+  }
+  position() {
+    if (!this.popoverEl || !this.arrowEl) return;
+    const e = this.el.parentElement.getBoundingClientRect(), s = this.popoverEl.getBoundingClientRect(), i = window.scrollX, o = window.scrollY, r = this.options.offset;
+    let a = 0, l = 0, d = "";
+    switch (this.options.placement) {
+      case "top":
+        a = e.top + o - s.height - r, l = e.left + i + e.width / 2 - s.width / 2, d = "is-bottom";
+        break;
+      case "bottom":
+        a = e.bottom + o + r, l = e.left + i + e.width / 2 - s.width / 2, d = "is-top";
+        break;
+      case "left":
+        a = e.top + o + e.height / 2 - s.height / 2, l = e.left + i - s.width - r, d = "is-right";
+        break;
+      case "right":
+        a = e.top + o + e.height / 2 - s.height / 2, l = e.right + i + r, d = "is-left";
+        break;
+      default:
+        a = e.top + o - s.height - r, l = e.left + i + e.width / 2 - s.width / 2, d = "is-bottom";
+    }
+    const h = 8;
+    l < h && (l = h), l + s.width > window.innerWidth - h && (l = window.innerWidth - s.width - h), a < h && (a = h), this.popoverEl.style.top = `${a}px`, this.popoverEl.style.left = `${l}px`, this.arrowEl.className = `mk-popover__arrow ${d}`;
+  }
+  show() {
+    this.popoverEl && (this.isVisible = !0, this.popoverEl.classList.remove("is-visible"), this.popoverEl.style.visibility = "hidden", this.popoverEl.style.display = "block", requestAnimationFrame(() => {
+      this.isVisible && (this.position(), this.popoverEl.style.visibility = "visible", this.popoverEl.classList.add("is-visible"), this.options.trigger === "click" && (this.focusTrap || (this.focusTrap = new M(this.popoverEl)), this.focusTrap.activate(this.popoverEl), this.escapeCleanup = k(this.popoverEl, [
+        { key: f.Escape, handler: () => this.hide() }
+      ])));
+    }));
+  }
+  hide() {
+    this.popoverEl && (this.isVisible = !1, this.popoverEl.classList.remove("is-visible"), this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap && this.focusTrap.deactivate(), this.hideTimer = setTimeout(() => {
+      this.isVisible || (this.popoverEl.style.display = "none");
+    }, 200));
+  }
+  toggle() {
+    this.isVisible ? this.hide() : this.show();
+  }
+  setContent(t) {
+    this.contentEl && (this.contentEl.innerHTML = "", typeof t == "string" ? this.contentEl.textContent = t : this.contentEl.appendChild(t));
+  }
+  destroy() {
+    var t;
+    this.cleanupFns.forEach((e) => e()), this.cleanupFns = [], this.showTimer && clearTimeout(this.showTimer), this.hideTimer && clearTimeout(this.hideTimer), this.escapeCleanup && (this.escapeCleanup(), this.escapeCleanup = null), this.focusTrap && this.focusTrap.deactivate(), (t = this.popoverEl) == null || t.remove(), this.el.remove();
+  }
+}
+function Ys(n, t) {
+  return new Se(n, t);
+}
+class Ae {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "options");
+    c(this, "openeds");
+    c(this, "activeIndex");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { mode: "vertical", collapse: !1, ...e }, this.openeds = new Set(e.defaultOpeneds || []), this.activeIndex = e.defaultActive || "", this.el = document.createElement("ul"), this.el.className = `mk-menu mk-menu--${this.options.mode}`, this.options.collapse && this.el.classList.add("is-collapse"), this.el.setAttribute("role", "menu"), this.render(), s.appendChild(this.el), this.setupKeyboard();
+  }
+  render() {
+    this.el.innerHTML = "", this.options.items.forEach((t) => {
+      this.el.appendChild(this.renderItem(t, 0));
+    });
+  }
+  renderItem(t, e) {
+    const s = t.children && t.children.length > 0, i = this.openeds.has(t.index), o = this.activeIndex === t.index, r = this.options.collapse && this.options.mode === "vertical", a = document.createElement("li");
+    a.className = "mk-menu-item", t.disabled && a.classList.add("is-disabled"), o && a.classList.add("is-active"), s && a.classList.add("has-children"), i && a.classList.add("is-open"), a.style.paddingLeft = r ? "0" : `${16 + e * 16}px`;
+    const l = document.createElement("div");
+    if (l.className = "mk-menu-item__title", l.style.cursor = t.disabled ? "not-allowed" : "pointer", l.setAttribute("role", "menuitem"), l.setAttribute("tabindex", t.disabled ? "-1" : "0"), t.disabled && l.setAttribute("aria-disabled", "true"), s && (l.setAttribute("aria-haspopup", "true"), l.setAttribute("aria-expanded", String(i))), t.icon) {
+      const h = document.createElement("span");
+      h.className = "mk-menu-item__icon", h.textContent = t.icon, l.appendChild(h);
+    }
+    const d = document.createElement("span");
+    if (d.className = "mk-menu-item__text", d.textContent = t.label, l.appendChild(d), s && !r) {
+      const h = document.createElement("span");
+      h.className = "mk-menu-item__arrow", h.textContent = "›", l.appendChild(h);
+    }
+    if (l.addEventListener("click", () => {
+      var h, p, u, m, y, g;
+      t.disabled || (s ? (i ? (this.openeds.delete(t.index), (p = (h = this.options).onClose) == null || p.call(h, t.index)) : (this.openeds.add(t.index), (m = (u = this.options).onOpen) == null || m.call(u, t.index)), this.render()) : (this.activeIndex = t.index, (g = (y = this.options).onSelect) == null || g.call(y, t.index), this.render()));
+    }), a.appendChild(l), s && !r) {
+      const h = document.createElement("ul");
+      h.className = "mk-menu-submenu", i && h.classList.add("is-open"), h.setAttribute("role", "menu"), t.children.forEach((p) => {
+        h.appendChild(this.renderItem(p, e + 1));
+      }), a.appendChild(h);
+    }
+    return a;
+  }
+  setupKeyboard() {
+    this.el.addEventListener("keydown", (t) => {
+      var a, l;
+      const e = document.activeElement;
+      if (!(e != null && e.classList.contains("mk-menu-item__title"))) return;
+      const i = e.parentElement.parentElement, o = Array.from(i.children).filter((d) => d.classList.contains("mk-menu-item")).map((d) => d.querySelector(".mk-menu-item__title")).filter(Boolean), r = o.indexOf(e);
+      switch (t.key) {
+        case f.ArrowDown:
+          t.preventDefault(), (a = o[r + 1]) == null || a.focus();
+          break;
+        case f.ArrowUp:
+          t.preventDefault(), (l = o[r - 1]) == null || l.focus();
+          break;
+        case f.Enter:
+        case f.Space:
+          t.preventDefault(), e.click();
+          break;
+        case f.Escape:
+          t.preventDefault();
+          const d = i.closest(".mk-menu-item");
+          if (d && i !== this.el) {
+            const h = d.querySelector(".mk-menu-item__title");
+            h && h.getAttribute("aria-expanded") === "true" && (h.click(), h.focus());
+          }
+          break;
+      }
+    });
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Xs(n, t) {
+  return new Ae(n, t);
+}
+class $e {
+  constructor(t, e) {
+    c(this, "el");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.el = document.createElement("nav"), this.el.className = "mk-breadcrumb", this.el.setAttribute("aria-label", "breadcrumb");
+    const i = e.separator ?? "/";
+    e.items.forEach((o, r) => {
+      const a = r === e.items.length - 1;
+      if (r > 0) {
+        const l = document.createElement("span");
+        l.className = "mk-breadcrumb__separator", typeof i == "string" ? l.textContent = i : i instanceof HTMLElement && l.appendChild(i), this.el.appendChild(l);
+      }
+      if (a) {
+        const l = document.createElement("span");
+        l.className = "mk-breadcrumb__item is-current", l.setAttribute("aria-current", "page"), l.textContent = o.label, this.el.appendChild(l);
+      } else {
+        const l = document.createElement(o.href ? "a" : "span");
+        l.className = "mk-breadcrumb__item is-link", o.href && (l.href = o.href), l.textContent = o.label, l.style.cursor = o.onClick || o.href ? "pointer" : "default", o.onClick && l.addEventListener("click", o.onClick), this.el.appendChild(l);
+      }
+    }), s.appendChild(this.el);
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Us(n, t) {
+  return new $e(n, t);
+}
+class Ie {
+  constructor(t, e) {
+    c(this, "el");
+    c(this, "options");
+    const s = typeof t == "string" ? document.querySelector(t) : t;
+    this.options = { direction: "horizontal", current: 0, size: "default", ...e }, this.el = document.createElement("div"), this.el.className = `mk-steps mk-steps--${this.options.direction}`, this.options.size === "small" && this.el.classList.add("mk-steps--small"), this.render(), s.appendChild(this.el);
+  }
+  render() {
+    this.el.innerHTML = "";
+    const { items: t, current: e = 0, direction: s } = this.options;
+    t.forEach((i, o) => {
+      const r = document.createElement("div");
+      r.className = "mk-step";
+      const a = i.status ?? (o < e ? "finish" : o === e ? "process" : "wait");
+      r.classList.add(`is-${a}`), o === t.length - 1 && r.classList.add("is-last");
+      const l = document.createElement("div");
+      l.className = "mk-step__head";
+      const d = document.createElement("div");
+      d.className = "mk-step__line", s === "vertical" && (d.style.width = "1px", d.style.height = "100%", d.style.left = "15px", d.style.top = "30px"), l.appendChild(d);
+      const h = document.createElement("div");
+      h.className = "mk-step__icon", a === "finish" ? h.textContent = i.icon || "✓" : a === "error" ? h.textContent = i.icon || "✕" : h.textContent = i.icon || String(o + 1), l.appendChild(h);
+      const p = document.createElement("div");
+      p.className = "mk-step__main";
+      const u = document.createElement("div");
+      if (u.className = "mk-step__title", u.textContent = i.title, p.appendChild(u), i.description) {
+        const m = document.createElement("div");
+        m.className = "mk-step__description", m.textContent = i.description, p.appendChild(m);
+      }
+      r.appendChild(l), r.appendChild(p), this.el.appendChild(r);
+    });
+  }
+  setCurrent(t) {
+    this.options.current = t, this.render();
+  }
+  destroy() {
+    this.el.remove();
+  }
+}
+function Bs(n, t) {
+  return new Ie(n, t);
+}
+export {
+  F as Animator,
+  xt as CountUp,
+  Bt as CoverFlow,
+  Oe as Draggable,
+  Vt as FlipCard,
+  M as FocusTrap,
+  f as Keys,
+  we as MkAlert,
+  Ee as MkAvatar,
+  $e as MkBreadcrumb,
+  ee as MkButton,
+  ie as MkCard,
+  W as MkCheckbox,
+  $s as MkCheckboxGroup,
+  Le as MkCollapse,
+  oe as MkDialog,
+  te as MkDivider,
+  re as MkDrawer,
+  Te as MkEmpty,
+  se as MkInput,
+  Ae as MkMenu,
+  Se as MkPopover,
+  xe as MkProgress,
+  ue as MkRadio,
+  Is as MkRadioGroup,
+  Zt as MkRow,
+  pe as MkSelect,
+  Ms as MkSlider,
+  Qt as MkSpace,
+  Ie as MkSteps,
+  de as MkSwitch,
+  Ns as MkTable,
+  be as MkTabs,
+  me as MkTag,
+  bt as ScrollTrigger,
+  $t as TextSplit,
+  Jt as ThemeManager,
+  Ne as Timeline,
+  kt as Typewriter,
+  Nt as WaveText,
+  He as addRipple,
+  Je as blurReveal,
+  Ze as blurRevealChildren,
+  ht as bounceIn,
+  pt as bounceOut,
+  Ht as collapse,
+  ze as countUp,
+  Fs as createAlert,
+  zs as createAvatar,
+  Us as createBreadcrumb,
+  vs as createButton,
+  Es as createCard,
+  As as createCheckbox,
+  Os as createCollapse,
+  ds as createCoverFlow,
+  ks as createDialog,
+  gs as createDivider,
+  ws as createDrawer,
+  Hs as createEmpty,
+  hs as createFlipCard,
+  bs as createInput,
+  Xs as createMenu,
+  Ys as createPopover,
+  Rs as createProgress,
+  fs as createRow,
+  Ss as createSelect,
+  ys as createSpace,
+  Bs as createSteps,
+  _s as createSwitch,
+  Ds as createTabs,
+  Ps as createTag,
+  qs as createTooltip,
+  ps as cursorTrail,
+  Re as elasticMove,
+  Fe as elasticScale,
+  Ot as expand,
+  et as fadeIn,
+  st as fadeOut,
+  ut as flipInX,
+  mt as flipInY,
+  is as fullscreenLoading,
+  It as glitch,
+  Ve as glitchLoop,
+  Ue as hoverGlow,
+  Xe as hoverLift,
+  Rt as lazyImage,
+  Qe as lazyImages,
+  es as listStagger,
+  ls as magnetic,
+  cs as magneticText,
+  N as message,
+  Cs as messageError,
+  xs as messageSuccess,
+  Ls as messageWarning,
+  as as notify,
+  k as onKey,
+  qt as parallax,
+  je as parallaxGroup,
+  Be as particleAt,
+  Tt as particleBurst,
+  Pe as presets,
+  yt as pulse,
+  Ye as rippleEffect,
+  gt as rotateIn,
+  qe as scrollAnimate,
+  ft as shake,
+  zt as shimmer,
+  he as showComponentLoading,
+  Ts as showFullscreenLoading,
+  ss as showLoading,
+  Ge as skeleton,
+  nt as slideInDown,
+  ot as slideInLeft,
+  rt as slideInRight,
+  it as slideInUp,
+  lt as slideOutDown,
+  at as slideOutUp,
+  Ke as splitText,
+  $ as spring,
+  us as staggerEnter,
+  ms as theme,
+  I as toast,
+  os as toastError,
+  ns as toastSuccess,
+  rs as toastWarning,
+  ts as toggleCollapse,
+  De as typewrite,
+  We as waveText,
+  _ as withMotion,
+  ct as zoomIn,
+  dt as zoomOut
+};