@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index182.js

@@ -1,1378 +1,1310 @@
-import { createVNode as s, defineComponent as nt, ref as k, onMounted as me, onUnmounted as at, h as Ye, watchEffect as Y, Teleport as lt, Transition as ot, computed as A, toRef as rt, inject as ge, watch as st, openBlock as ye, createElementBlock as be, provide as we, shallowRef as it, createElementVNode as Z, isVNode as ut } from "vue";
-import { format as Ce } from "./index226.js";
-import { parse as ct } from "./index227.js";
-import { getWeek as Ie } from "./index228.js";
-import dt from "./index229.js";
-var ft = Object.defineProperty, pt = Object.defineProperties, vt = Object.getOwnPropertyDescriptors, le = Object.getOwnPropertySymbols, Ue = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable, Se = (t, e, n) => e in t ? ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e) => {
-  for (var n in e || (e = {}))
-    Ue.call(e, n) && Se(t, n, e[n]);
-  if (le)
-    for (var n of le(e))
-      Fe.call(e, n) && Se(t, n, e[n]);
-  return t;
-}, S = (t, e) => pt(t, vt(e)), mt = (t, e) => {
-  var n = {};
-  for (var a in t)
-    Ue.call(t, a) && e.indexOf(a) < 0 && (n[a] = t[a]);
-  if (t != null && le)
-    for (var a of le(t))
-      e.indexOf(a) < 0 && Fe.call(t, a) && (n[a] = t[a]);
-  return n;
-};
-const ht = {
-  formatLocale: dt,
-  yearFormat: "YYYY",
-  monthFormat: "MMM",
-  monthBeforeYear: !0
-};
-let J = "en";
-const G = {};
-G[J] = ht;
-function Re(t, e, n = !1) {
-  if (typeof t != "string")
-    return G[J];
-  let a = J;
-  return G[t] && (a = t), e && (G[t] = e, a = t), n || (J = a), G[t] || G[J];
-}
-function he(t) {
-  return Re(t, void 0, !0);
-}
-function De(t, e) {
-  if (!Array.isArray(t))
-    return [];
-  const n = [], a = t.length;
-  let o = 0;
-  for (e = e || a; o < a; )
-    n.push(t.slice(o, o += e));
-  return n;
-}
-function Oe(t) {
-  return Array.isArray(t) ? t[t.length - 1] : void 0;
-}
-function F(t) {
-  return Object.prototype.toString.call(t) === "[object Object]";
-}
-function L(t, e) {
-  const n = {};
-  return F(t) && (Array.isArray(e) || (e = [e]), e.forEach((a) => {
-    Object.prototype.hasOwnProperty.call(t, a) && (n[a] = t[a]);
-  })), n;
-}
-function Be(t, e) {
-  if (!F(t))
-    return {};
-  let n = t;
-  return F(e) && Object.keys(e).forEach((a) => {
-    let o = e[a];
-    const l = t[a];
-    F(o) && F(l) && (o = Be(l, o)), n = S(M({}, n), { [a]: o });
-  }), n;
-}
-function fe(t) {
-  const e = parseInt(String(t), 10);
-  return e < 10 ? `0${e}` : `${e}`;
-}
-function gt(t) {
-  const e = /-(\w)/g;
-  return t.replace(e, (n, a) => a ? a.toUpperCase() : "");
-}
-const We = "datepicker_locale", je = "datepicker_prefixClass", ze = "datepicker_getWeek";
-function Te() {
-  return ge(We, it(he()));
-}
-function yt(t) {
-  const e = A(() => F(t.value) ? Be(he(), t.value) : he(t.value));
-  return we(We, e), e;
+import st from "./index213.js";
+import { reactive as V, watch as h, ref as g, defineComponent as Z, useSlots as H, h as K, Fragment as at, inject as ct, computed as A, toRaw as lt, unref as x } from "vue";
+import { unrefElement as ut, useIntersectionObserver as ft, useEventListener as m } from "./index214.js";
+import { tryOnUnmounted as pt, isObject as yt } from "./index215.js";
+import D, { getFrameData as dt } from "./index216.js";
+import { complex as $ } from "./index217.js";
+import { inertia as mt } from "./index218.js";
+import { animate as bt } from "./index219.js";
+import { velocityPerSecond as ht } from "./index220.js";
+import { number as vt, alpha as C, scale as j } from "./index221.js";
+import { filter as P } from "./index222.js";
+import { px as c, progressPercentage as F, degrees as O } from "./index223.js";
+import { color as b } from "./index224.js";
+import { cubicBezier as gt } from "./index225.js";
+import { bounceOut as Ot, bounceInOut as Tt, bounceIn as At, anticipate as xt, backOut as jt, backInOut as Vt, backIn as St, circOut as Ct, circInOut as Et, circIn as Nt, easeOut as Pt, easeInOut as _t, easeIn as wt, linear as Rt } from "./index226.js";
+const R = {};
+class Mt {
+  subscriptions = /* @__PURE__ */ new Set();
+  add(e) {
+    return this.subscriptions.add(e), () => this.subscriptions.delete(e);
+  }
+  notify(e, i, r) {
+    if (this.subscriptions.size)
+      for (const n of this.subscriptions) n(e, i, r);
+  }
+  clear() {
+    this.subscriptions.clear();
+  }
 }
-function bt(t) {
-  we(je, t);
+function z(t) {
+  return !Number.isNaN(Number.parseFloat(t));
 }
-function P() {
-  return ge(je, "mx");
+class Lt {
+  /**
+   * The current state of the `MotionValue`.
+   */
+  current;
+  /**
+   * The previous state of the `MotionValue`.
+   */
+  prev;
+  /**
+   * Duration, in milliseconds, since last updating frame.
+   */
+  timeDelta = 0;
+  /**
+   * Timestamp of the last time this `MotionValue` was updated.
+   */
+  lastUpdated = 0;
+  /**
+   * Functions to notify when the `MotionValue` updates.
+   */
+  updateSubscribers = new Mt();
+  /**
+   * A reference to the currently-controlling Popmotion animation
+   */
+  stopAnimation;
+  /**
+   * Tracks whether this value can output a velocity.
+   */
+  canTrackVelocity = !1;
+  /**
+   * init - The initiating value
+   * config - Optional configuration options
+   */
+  constructor(e) {
+    this.prev = this.current = e, this.canTrackVelocity = z(this.current);
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   */
+  onChange(e) {
+    return this.updateSubscribers.add(e);
+  }
+  clearListeners() {
+    this.updateSubscribers.clear();
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @param v
+   * @param render
+   */
+  set(e) {
+    this.updateAndNotify(e);
+  }
+  /**
+   * Update and notify `MotionValue` subscribers.
+   *
+   * @param v
+   * @param render
+   */
+  updateAndNotify = (e) => {
+    this.prev = this.current, this.current = e;
+    const { delta: i, timestamp: r } = dt();
+    this.lastUpdated !== r && (this.timeDelta = i, this.lastUpdated = r), D.postRender(this.scheduleVelocityCheck), this.updateSubscribers.notify(this.current);
+  };
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * Get previous value.
+   *
+   * @returns - The previous latest state of `MotionValue`
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   */
+  getVelocity() {
+    return this.canTrackVelocity ? ht(Number.parseFloat(this.current) - Number.parseFloat(this.prev), this.timeDelta) : 0;
+  }
+  /**
+   * Schedule a velocity check for the next frame.
+   */
+  scheduleVelocityCheck = () => D.postRender(this.velocityCheck);
+  /**
+   * Updates `prev` with `current` if the value hasn't been updated this frame.
+   * This ensures velocity calculations return `0`.
+   */
+  velocityCheck = ({ timestamp: e }) => {
+    this.canTrackVelocity || (this.canTrackVelocity = z(this.current)), e !== this.lastUpdated && (this.prev = this.current);
+  };
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   */
+  start(e) {
+    return this.stop(), new Promise((i) => {
+      const { stop: r } = e(i);
+      this.stopAnimation = r;
+    }).then(() => this.clearAnimation());
+  }
+  /**
+   * Stop the currently active animation.
+   */
+  stop() {
+    this.stopAnimation && this.stopAnimation(), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   */
+  isAnimating() {
+    return !!this.stopAnimation;
+  }
+  /**
+   * Clear the current animation reference.
+   */
+  clearAnimation() {
+    this.stopAnimation = null;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   */
+  destroy() {
+    this.updateSubscribers.clear(), this.stop();
+  }
 }
-function wt(t) {
-  we(ze, t);
+function kt(t) {
+  return new Lt(t);
 }
-function Ct() {
-  return ge(ze, Ie);
+const { isArray: qt } = Array;
+function Bt() {
+  const t = g({}), e = (r) => {
+    const n = (o) => {
+      t.value[o] && (t.value[o].stop(), t.value[o].destroy(), delete t.value[o]);
+    };
+    r ? qt(r) ? r.forEach(n) : n(r) : Object.keys(t.value).forEach(n);
+  }, i = (r, n, o) => {
+    if (t.value[r])
+      return t.value[r];
+    const s = kt(n);
+    return s.onChange((a) => o[r] = a), t.value[r] = s, s;
+  };
+  return pt(e), {
+    motionValues: t,
+    get: i,
+    stop: e
+  };
 }
 function Dt(t) {
-  const e = t.style.display, n = t.style.visibility;
-  t.style.display = "block", t.style.visibility = "hidden";
-  const a = window.getComputedStyle(t), o = t.offsetWidth + parseInt(a.marginLeft, 10) + parseInt(a.marginRight, 10), l = t.offsetHeight + parseInt(a.marginTop, 10) + parseInt(a.marginBottom, 10);
-  return t.style.display = e, t.style.visibility = n, { width: o, height: l };
-}
-function Tt(t, e, n, a) {
-  let o = 0, l = 0, p = 0, v = 0;
-  const d = t.getBoundingClientRect(), i = document.documentElement.clientWidth, c = document.documentElement.clientHeight;
-  return a && (p = window.pageXOffset + d.left, v = window.pageYOffset + d.top), i - d.left < e && d.right < e ? o = p - d.left + 1 : d.left + d.width / 2 <= i / 2 ? o = p : o = p + d.width - e, d.top <= n && c - d.bottom <= n ? l = v + c - d.top - n : d.top + d.height / 2 <= c / 2 ? l = v + d.height : l = v - n, { left: `${o}px`, top: `${l}px` };
-}
-function $e(t, e = document.body) {
-  if (!t || t === e)
-    return null;
-  const n = (l, p) => getComputedStyle(l, null).getPropertyValue(p);
-  return /(auto|scroll)/.test(n(t, "overflow") + n(t, "overflow-y") + n(t, "overflow-x")) ? t : $e(t.parentElement, e);
-}
-let ne;
-function $t() {
-  if (typeof window > "u")
-    return 0;
-  if (ne !== void 0)
-    return ne;
-  const t = document.createElement("div");
-  t.style.visibility = "hidden", t.style.overflow = "scroll", t.style.width = "100px", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
-  const e = document.createElement("div");
-  return e.style.width = "100%", t.appendChild(e), ne = t.offsetWidth - e.offsetWidth, t.parentNode.removeChild(t), ne;
+  return Array.isArray(t);
 }
-const He = "ontouchend" in document ? "touchstart" : "mousedown";
-function kt(t) {
-  let e = !1;
-  return function(...a) {
-    e || (e = !0, requestAnimationFrame(() => {
-      e = !1, t.apply(this, a);
-    }));
+function T() {
+  return {
+    type: "spring",
+    stiffness: 500,
+    damping: 25,
+    restDelta: 0.5,
+    restSpeed: 10
   };
 }
-function I(t, e) {
-  return { setup: t, name: t.name, props: e };
-}
-function U(t, e) {
-  return new Proxy(t, {
-    get(a, o) {
-      const l = a[o];
-      return l !== void 0 ? l : e[o];
-    }
-  });
-}
-const B = () => (t) => t, xt = (t, e) => {
-  const n = {};
-  for (const a in t)
-    if (Object.prototype.hasOwnProperty.call(t, a)) {
-      const o = gt(a);
-      let l = t[a];
-      e.indexOf(o) !== -1 && l === "" && (l = !0), n[o] = l;
-    }
-  return n;
-};
-function Mt(t, {
-  slots: e
-}) {
-  const n = U(t, {
-    appendToBody: !0
-  }), a = P(), o = k(null), l = k({
-    left: "",
-    top: ""
-  }), p = () => {
-    if (!n.visible || !o.value)
-      return;
-    const d = n.getRelativeElement();
-    if (!d)
-      return;
-    const {
-      width: i,
-      height: c
-    } = Dt(o.value);
-    l.value = Tt(d, i, c, n.appendToBody);
+function E(t) {
+  return {
+    type: "spring",
+    stiffness: 550,
+    damping: t === 0 ? 2 * Math.sqrt(550) : 30,
+    restDelta: 0.01,
+    restSpeed: 10
   };
-  Y(p, {
-    flush: "post"
-  }), Y((d) => {
-    const i = n.getRelativeElement();
-    if (!i)
-      return;
-    const c = $e(i) || window, f = kt(p);
-    c.addEventListener("scroll", f), window.addEventListener("resize", f), d(() => {
-      c.removeEventListener("scroll", f), window.removeEventListener("resize", f);
-    });
-  }, {
-    flush: "post"
-  });
-  const v = (d) => {
-    if (!n.visible)
-      return;
-    const i = d.target, c = o.value, f = n.getRelativeElement();
-    c && !c.contains(i) && f && !f.contains(i) && n.onClickOutside(d);
-  };
-  return Y((d) => {
-    document.addEventListener(He, v), d(() => {
-      document.removeEventListener(He, v);
-    });
-  }), () => s(lt, {
-    to: "body",
-    disabled: !n.appendToBody
-  }, {
-    default: () => [s(ot, {
-      name: `${a}-zoom-in-down`
-    }, {
-      default: () => {
-        var d;
-        return [n.visible && s("div", {
-          ref: o,
-          class: `${a}-datepicker-main ${a}-datepicker-popup ${n.className}`,
-          style: [M({
-            position: "absolute"
-          }, l.value), n.style || {}]
-        }, [(d = e.default) == null ? void 0 : d.call(e)])];
-      }
-    })]
-  });
-}
-const Pt = B()(["style", "className", "visible", "appendToBody", "onClickOutside", "getRelativeElement"]);
-var _t = I(Mt, Pt);
-const Vt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024",
-  width: "1em",
-  height: "1em"
-}, Yt = /* @__PURE__ */ Z("path", { d: "M940.218 107.055H730.764v-60.51H665.6v60.51H363.055v-60.51H297.89v60.51H83.78c-18.617 0-32.581 13.963-32.581 32.581v805.237c0 18.618 13.964 32.582 32.582 32.582h861.09c18.619 0 32.583-13.964 32.583-32.582V139.636c-4.655-18.618-18.619-32.581-37.237-32.581zm-642.327 65.163v60.51h65.164v-60.51h307.2v60.51h65.163v-60.51h176.873v204.8H116.364v-204.8H297.89zM116.364 912.291V442.18H912.29v470.11H116.364z" }, null, -1), St = [
-  Yt
-];
-function Ke(t, e) {
-  return ye(), be("svg", Vt, St);
 }
-const Ot = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024",
-  width: "1em",
-  height: "1em"
-}, Ht = /* @__PURE__ */ Z("path", { d: "M810.005 274.005 572.011 512l237.994 237.995-60.01 60.01L512 572.011 274.005 810.005l-60.01-60.01L451.989 512 213.995 274.005l60.01-60.01L512 451.989l237.995-237.994z" }, null, -1), At = [
-  Ht
-];
-function Et(t, e) {
-  return ye(), be("svg", Ot, At);
+function Ft(t) {
+  return {
+    type: "spring",
+    stiffness: 550,
+    damping: t === 0 ? 100 : 30,
+    restDelta: 0.01,
+    restSpeed: 10
+  };
 }
-const Lt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em"
-}, Nt = /* @__PURE__ */ Z("path", {
-  d: "M0 0h24v24H0z",
-  fill: "none"
-}, null, -1), It = /* @__PURE__ */ Z("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }, null, -1), Ut = /* @__PURE__ */ Z("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, null, -1), Ft = [
-  Nt,
-  It,
-  Ut
-];
-function Rt(t, e) {
-  return ye(), be("svg", Lt, Ft);
+function N() {
+  return {
+    type: "keyframes",
+    ease: "linear",
+    duration: 300
+  };
 }
-function j(t, e = 0, n = 1, a = 0, o = 0, l = 0, p = 0) {
-  const v = new Date(t, e, n, a, o, l, p);
-  return t < 100 && t >= 0 && v.setFullYear(t), v;
+function zt(t) {
+  return {
+    type: "keyframes",
+    duration: 800,
+    values: t
+  };
 }
-function N(t) {
-  return t instanceof Date && !isNaN(t.getTime());
+const I = {
+  default: Ft,
+  x: T,
+  y: T,
+  z: T,
+  rotate: T,
+  rotateX: T,
+  rotateY: T,
+  rotateZ: T,
+  scaleX: E,
+  scaleY: E,
+  scale: E,
+  backgroundColor: N,
+  color: N,
+  opacity: N
+};
+function G(t, e) {
+  let i;
+  return Dt(e) ? i = zt : i = I[t] || I.default, { to: e, ...i(e) };
 }
-function z(t) {
-  return Array.isArray(t) && t.length === 2 && t.every(N) && t[0] <= t[1];
+const U = {
+  ...vt,
+  transform: Math.round
+}, J = {
+  // Color props
+  color: b,
+  backgroundColor: b,
+  outlineColor: b,
+  fill: b,
+  stroke: b,
+  // Border props
+  borderColor: b,
+  borderTopColor: b,
+  borderRightColor: b,
+  borderBottomColor: b,
+  borderLeftColor: b,
+  borderWidth: c,
+  borderTopWidth: c,
+  borderRightWidth: c,
+  borderBottomWidth: c,
+  borderLeftWidth: c,
+  borderRadius: c,
+  radius: c,
+  borderTopLeftRadius: c,
+  borderTopRightRadius: c,
+  borderBottomRightRadius: c,
+  borderBottomLeftRadius: c,
+  // Positioning props
+  width: c,
+  maxWidth: c,
+  height: c,
+  maxHeight: c,
+  size: c,
+  top: c,
+  right: c,
+  bottom: c,
+  left: c,
+  // Spacing props
+  padding: c,
+  paddingTop: c,
+  paddingRight: c,
+  paddingBottom: c,
+  paddingLeft: c,
+  margin: c,
+  marginTop: c,
+  marginRight: c,
+  marginBottom: c,
+  marginLeft: c,
+  // Transform props
+  rotate: O,
+  rotateX: O,
+  rotateY: O,
+  rotateZ: O,
+  scale: j,
+  scaleX: j,
+  scaleY: j,
+  scaleZ: j,
+  skew: O,
+  skewX: O,
+  skewY: O,
+  distance: c,
+  translateX: c,
+  translateY: c,
+  translateZ: c,
+  x: c,
+  y: c,
+  z: c,
+  perspective: c,
+  transformPerspective: c,
+  opacity: C,
+  originX: F,
+  originY: F,
+  originZ: c,
+  // Misc
+  zIndex: U,
+  filter: P,
+  WebkitFilter: P,
+  // SVG
+  fillOpacity: C,
+  strokeOpacity: C,
+  numOctaves: U
+}, M = (t) => J[t];
+function _(t, e) {
+  return e && typeof t == "number" && e.transform ? e.transform(t) : t;
 }
-function Bt(t) {
-  return Array.isArray(t) && t.every(N);
+function It(t, e) {
+  let i = M(t);
+  return i !== P && (i = $), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
 }
-function se(...t) {
-  if (t[0] !== void 0 && t[0] !== null) {
-    const n = new Date(t[0]);
-    if (N(n))
-      return n;
-  }
-  const e = t.slice(1);
-  return e.length ? se(...e) : /* @__PURE__ */ new Date();
+const Ut = {
+  linear: Rt,
+  easeIn: wt,
+  easeInOut: _t,
+  easeOut: Pt,
+  circIn: Nt,
+  circInOut: Et,
+  circOut: Ct,
+  backIn: St,
+  backInOut: Vt,
+  backOut: jt,
+  anticipate: xt,
+  bounceIn: At,
+  bounceInOut: Tt,
+  bounceOut: Ot
+};
+function W(t) {
+  if (Array.isArray(t)) {
+    const [e, i, r, n] = t;
+    return gt(e, i, r, n);
+  } else if (typeof t == "string")
+    return Ut[t];
+  return t;
 }
 function Wt(t) {
-  const e = new Date(t);
-  return e.setMonth(0, 1), e.setHours(0, 0, 0, 0), e;
+  return Array.isArray(t) && typeof t[0] != "number";
 }
-function Ae(t) {
-  const e = new Date(t);
-  return e.setDate(1), e.setHours(0, 0, 0, 0), e;
+function X(t, e) {
+  return t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && $.test(e) && !e.startsWith("url("));
 }
-function R(t) {
-  const e = new Date(t);
-  return e.setHours(0, 0, 0, 0), e;
+function Xt(t) {
+  return Array.isArray(t.to) && t.to[0] === null && (t.to = [...t.to], t.to[0] = t.from), t;
 }
-function jt({
-  firstDayOfWeek: t,
-  year: e,
-  month: n
-}) {
-  const a = [], o = j(e, n, 0), l = o.getDate(), p = l - (o.getDay() + 7 - t) % 7;
-  for (let c = p; c <= l; c++)
-    a.push(j(e, n, c - l));
-  o.setMonth(n + 1, 0);
-  const v = o.getDate();
-  for (let c = 1; c <= v; c++)
-    a.push(j(e, n, c));
-  const i = 42 - (l - p + 1) - v;
-  for (let c = 1; c <= i; c++)
-    a.push(j(e, n, v + c));
-  return a;
+function Yt({ ease: t, times: e, delay: i, ...r }) {
+  const n = { ...r };
+  return e && (n.offset = e), t && (n.ease = Wt(t) ? t.map(W) : W(t)), i && (n.elapsed = -i), n;
 }
-function oe(t, e) {
-  const n = new Date(t), a = typeof e == "function" ? e(n.getMonth()) : Number(e), o = n.getFullYear(), l = j(o, a + 1, 0).getDate(), p = n.getDate();
-  return n.setMonth(a, Math.min(p, l)), n;
+function Zt(t, e, i) {
+  return Array.isArray(e.to) && (t.duration || (t.duration = 800)), Xt(e), Ht(t) || (t = {
+    ...t,
+    ...G(i, e.to)
+  }), {
+    ...e,
+    ...Yt(t)
+  };
 }
-function X(t, e) {
-  const n = new Date(t), a = typeof e == "function" ? e(n.getFullYear()) : e;
-  return n.setFullYear(a), n;
+function Ht({ delay: t, repeat: e, repeatType: i, repeatDelay: r, from: n, ...o }) {
+  return !!Object.keys(o).length;
 }
-function zt(t, e) {
-  const n = new Date(e), a = new Date(t), o = n.getFullYear() - a.getFullYear(), l = n.getMonth() - a.getMonth();
-  return o * 12 + l;
+function Kt(t, e) {
+  return t[e] || t.default || t;
 }
-function re(t, e) {
-  const n = new Date(t), a = new Date(e);
-  return n.setHours(a.getHours(), a.getMinutes(), a.getSeconds()), n;
+function $t(t, e, i, r, n) {
+  const o = Kt(r, t);
+  let s = o.from === null || o.from === void 0 ? e.get() : o.from;
+  const a = X(t, i);
+  s === "none" && a && typeof i == "string" && (s = It(t, i));
+  const l = X(t, s);
+  function p(f) {
+    const y = {
+      from: s,
+      to: i,
+      velocity: r.velocity ? r.velocity : e.getVelocity(),
+      onUpdate: (d) => e.set(d)
+    };
+    return o.type === "inertia" || o.type === "decay" ? mt({ ...y, ...o }) : bt({
+      ...Zt(o, y, t),
+      onUpdate: (d) => {
+        y.onUpdate(d), o.onUpdate && o.onUpdate(d);
+      },
+      onComplete: () => {
+        n && n(), f && f();
+      }
+    });
+  }
+  function u(f) {
+    return e.set(i), n && n(), f && f(), { stop: () => {
+    } };
+  }
+  return !l || !a || o.type === !1 ? u : p;
 }
-function Kt(t, {
-  slots: e
-}) {
-  const n = U(t, {
-    editable: !0,
-    disabled: !1,
-    clearable: !0,
-    range: !1,
-    multiple: !1
-  }), a = P(), o = k(null), l = A(() => n.separator || (n.range ? " ~ " : ",")), p = (m) => n.range ? z(m) : n.multiple ? Bt(m) : N(m), v = (m) => Array.isArray(m) ? m.some((b) => n.disabledDate(b)) : n.disabledDate(m), d = A(() => o.value !== null ? o.value : typeof n.renderInputText == "function" ? n.renderInputText(n.value) : p(n.value) ? Array.isArray(n.value) ? n.value.map((m) => n.formatDate(m)).join(l.value) : n.formatDate(n.value) : ""), i = (m) => {
-    var b;
-    m && m.stopPropagation(), n.onChange(n.range ? [null, null] : null), (b = n.onClear) == null || b.call(n);
-  }, c = () => {
-    var m;
-    if (!n.editable || o.value === null)
-      return;
-    const b = o.value.trim();
-    if (o.value = null, b === "") {
-      i();
+function Gt() {
+  const { motionValues: t, stop: e, get: i } = Bt();
+  return { motionValues: t, stop: e, push: (n, o, s, a = {}, l) => {
+    const p = s[n], u = i(n, p, s);
+    if (a && a.immediate) {
+      u.set(o);
       return;
     }
-    let y;
-    if (n.range) {
-      let u = b.split(l.value);
-      u.length !== 2 && (u = b.split(l.value.trim())), y = u.map((r) => n.parseDate(r.trim()));
-    } else n.multiple ? y = b.split(l.value).map((u) => n.parseDate(u.trim())) : y = n.parseDate(b);
-    p(y) && !v(y) ? n.onChange(y) : (m = n.onInputError) == null || m.call(n, b);
-  }, f = (m) => {
-    o.value = typeof m == "string" ? m : m.target.value;
-  }, w = (m) => {
-    const {
-      keyCode: b
-    } = m;
-    b === 9 ? n.onBlur() : b === 13 && c();
-  };
-  return () => {
-    var m, b, y;
-    const u = !n.disabled && n.clearable && d.value, r = S(M({
-      name: "date",
-      type: "text",
-      autocomplete: "off",
-      value: d.value,
-      class: n.inputClass || `${a}-input`,
-      readonly: !n.editable,
-      disabled: n.disabled,
-      placeholder: n.placeholder
-    }, n.inputAttr), {
-      onFocus: n.onFocus,
-      onKeydown: w,
-      onInput: f,
-      onChange: c
-    });
-    return s("div", {
-      class: `${a}-input-wrapper`,
-      onClick: n.onClick
-    }, [((m = e.input) == null ? void 0 : m.call(e, r)) || s("input", r, null), u ? s("i", {
-      class: `${a}-icon-clear`,
-      onClick: i
-    }, [((b = e["icon-clear"]) == null ? void 0 : b.call(e)) || s(Et, null, null)]) : null, s("i", {
-      class: `${a}-icon-calendar`
-    }, [((y = e["icon-calendar"]) == null ? void 0 : y.call(e)) || s(Ke, null, null)])]);
-  };
+    const f = $t(n, u, o, a, l);
+    u.start(f);
+  } };
 }
-const ke = B()(["placeholder", "editable", "disabled", "clearable", "inputClass", "inputAttr", "range", "multiple", "separator", "renderInputText", "onInputError", "onClear"]), qt = B()(["value", "formatDate", "parseDate", "disabledDate", "onChange", "onFocus", "onBlur", "onClick", ...ke]);
-var Gt = I(Kt, qt);
-function Xt(t, {
-  slots: e
-}) {
-  var n;
-  const a = U(t, {
-    prefixClass: "mx",
-    valueType: "date",
-    format: "YYYY-MM-DD",
-    type: "date",
-    disabledDate: () => !1,
-    disabledTime: () => !1,
-    confirmText: "OK"
-  });
-  bt(a.prefixClass), wt(((n = a.formatter) == null ? void 0 : n.getWeek) || Ie);
-  const o = yt(rt(t, "lang")), l = k(), p = () => l.value, v = k(!1), d = A(() => !a.disabled && (typeof a.open == "boolean" ? a.open : v.value)), i = () => {
-    var g, D;
-    a.disabled || d.value || (v.value = !0, (g = a["onUpdate:open"]) == null || g.call(a, !0), (D = a.onOpen) == null || D.call(a));
-  }, c = () => {
-    var g, D;
-    d.value && (v.value = !1, (g = a["onUpdate:open"]) == null || g.call(a, !1), (D = a.onClose) == null || D.call(a));
-  }, f = (g, D) => (D = D || a.format, F(a.formatter) && typeof a.formatter.stringify == "function" ? a.formatter.stringify(g, D) : Ce(g, D, {
-    locale: o.value.formatLocale
-  })), w = (g, D) => {
-    if (D = D || a.format, F(a.formatter) && typeof a.formatter.parse == "function")
-      return a.formatter.parse(g, D);
-    const x = /* @__PURE__ */ new Date();
-    return ct(g, D, {
-      locale: o.value.formatLocale,
-      backupDate: x
-    });
-  }, m = (g) => {
-    switch (a.valueType) {
-      case "date":
-        return g instanceof Date ? new Date(g.getTime()) : /* @__PURE__ */ new Date(NaN);
-      case "timestamp":
-        return typeof g == "number" ? new Date(g) : /* @__PURE__ */ new Date(NaN);
-      case "format":
-        return typeof g == "string" ? w(g) : /* @__PURE__ */ new Date(NaN);
-      default:
-        return typeof g == "string" ? w(g, a.valueType) : /* @__PURE__ */ new Date(NaN);
+function Jt(t, e = {}, { motionValues: i, push: r, stop: n } = Gt()) {
+  const o = x(e), s = g(!1);
+  h(
+    i,
+    (f) => {
+      s.value = Object.values(f).filter((y) => y.isAnimating()).length > 0;
+    },
+    {
+      immediate: !0,
+      deep: !0
     }
-  }, b = (g) => {
-    if (!N(g))
-      return null;
-    switch (a.valueType) {
-      case "date":
-        return g;
-      case "timestamp":
-        return g.getTime();
-      case "format":
-        return f(g);
-      default:
-        return f(g, a.valueType);
+  );
+  const a = (f) => {
+    if (!o || !o[f])
+      throw new Error(`The variant ${f} does not exist.`);
+    return o[f];
+  }, l = (f) => {
+    typeof f == "string" && (f = a(f));
+    const y = Object.entries(f).map(([v, S]) => {
+      if (v !== "transition")
+        return new Promise(
+          (ot) => (
+            // @ts-expect-error - Fix errors later for typescript 5
+            r(v, S, t, f.transition || G(v, f[v]), ot)
+          )
+        );
+    }).filter(Boolean);
+    async function d() {
+      await Promise.all(y), f.transition?.onComplete?.();
     }
-  }, y = A(() => {
-    const g = a.value;
-    return a.range ? (Array.isArray(g) ? g.slice(0, 2) : [null, null]).map(m) : a.multiple ? (Array.isArray(g) ? g : []).map(m) : m(g);
-  }), u = (g, D, x = !0) => {
-    var V, O;
-    const H = Array.isArray(g) ? g.map(b) : b(g);
-    return (V = a["onUpdate:value"]) == null || V.call(a, H), (O = a.onChange) == null || O.call(a, H, D), x && c(), H;
-  }, r = k(/* @__PURE__ */ new Date());
-  Y(() => {
-    d.value && (r.value = y.value);
-  });
-  const h = (g, D) => {
-    a.confirm ? r.value = g : u(g, D, !a.multiple && (D === a.type || D === "time"));
-  }, C = () => {
-    var g;
-    const D = u(r.value);
-    (g = a.onConfirm) == null || g.call(a, D);
-  }, $ = (g) => a.disabledDate(g) || a.disabledTime(g), _ = (g) => {
-    var D;
-    const {
-      prefixClass: x
-    } = a;
-    return s("div", {
-      class: `${x}-datepicker-sidebar`
-    }, [(D = e.sidebar) == null ? void 0 : D.call(e, g), (a.shortcuts || []).map((V, O) => s("button", {
-      key: O,
-      "data-index": O,
-      type: "button",
-      class: `${x}-btn ${x}-btn-text ${x}-btn-shortcut`,
-      onClick: () => {
-        var H;
-        const K = (H = V.onClick) == null ? void 0 : H.call(V);
-        K && u(K);
-      }
-    }, [V.text]))]);
+    return Promise.all([d()]);
   };
-  return () => {
-    var g, D;
-    const {
-      prefixClass: x,
-      disabled: V,
-      confirm: O,
-      range: H,
-      popupClass: K,
-      popupStyle: ee,
-      appendToBody: te
-    } = a, T = {
-      value: r.value,
-      "onUpdate:value": h,
-      emit: u
-    }, E = e.header && s("div", {
-      class: `${x}-datepicker-header`
-    }, [e.header(T)]), W = (e.footer || O) && s("div", {
-      class: `${x}-datepicker-footer`
-    }, [(g = e.footer) == null ? void 0 : g.call(e, T), O && s("button", {
-      type: "button",
-      class: `${x}-btn ${x}-datepicker-btn-confirm`,
-      onClick: C
-    }, [a.confirmText])]), q = (D = e.content) == null ? void 0 : D.call(e, T), de = (e.sidebar || a.shortcuts) && _(T);
-    return s("div", {
-      ref: l,
-      class: {
-        [`${x}-datepicker`]: !0,
-        [`${x}-datepicker-range`]: H,
-        disabled: V
+  return {
+    isAnimating: s,
+    apply: l,
+    set: (f) => {
+      const y = yt(f) ? f : a(f);
+      Object.entries(y).forEach(([d, v]) => {
+        d !== "transition" && r(d, v, t, {
+          immediate: !0
+        });
+      });
+    },
+    leave: async (f) => {
+      let y;
+      if (o && (o.leave && (y = o.leave), !o.leave && o.initial && (y = o.initial)), !y) {
+        f();
+        return;
       }
-    }, [s(Gt, S(M({}, L(a, ke)), {
-      value: y.value,
-      formatDate: f,
-      parseDate: w,
-      disabledDate: $,
-      onChange: u,
-      onClick: i,
-      onFocus: i,
-      onBlur: c
-    }), L(e, ["icon-calendar", "icon-clear", "input"])), s(_t, {
-      className: K,
-      style: ee,
-      visible: d.value,
-      appendToBody: te,
-      getRelativeElement: p,
-      onClickOutside: c
-    }, {
-      default: () => [de, s("div", {
-        class: `${x}-datepicker-content`
-      }, [E, q, W])]
-    })]);
+      await l(y), f();
+    },
+    stop: n
   };
 }
-const Jt = B()(["value", "valueType", "type", "format", "formatter", "lang", "prefixClass", "appendToBody", "open", "popupClass", "popupStyle", "confirm", "confirmText", "shortcuts", "disabledDate", "disabledTime", "onOpen", "onClose", "onConfirm", "onChange", "onUpdate:open", "onUpdate:value"]), Qt = [...Jt, ...ke];
-var Ee = I(Xt, Qt);
-function ae(t) {
-  var e = t, {
-    value: n
-  } = e, a = mt(e, [
-    "value"
-  ]);
-  const o = P();
-  return s("button", S(M({}, a), {
-    type: "button",
-    class: `${o}-btn ${o}-btn-text ${o}-btn-icon-${n}`
-  }), [s("i", {
-    class: `${o}-icon-${n}`
-  }, null)]);
+const L = typeof window < "u", Qt = () => L && (window.onpointerdown === null || R?.TEST), te = () => L && (window.ontouchstart === null || R?.TEST), ee = () => L && (window.onmousedown === null || R?.TEST);
+function ie({ target: t, state: e, variants: i, apply: r }) {
+  const n = x(i), o = g(!1), s = g(!1), a = g(!1), l = A(() => {
+    let u = [...Object.keys(e.value || {})];
+    return n && (n.hovered && (u = [...u, ...Object.keys(n.hovered)]), n.tapped && (u = [...u, ...Object.keys(n.tapped)]), n.focused && (u = [...u, ...Object.keys(n.focused)])), u;
+  }), p = A(() => {
+    const u = {};
+    Object.assign(u, e.value), o.value && n.hovered && Object.assign(u, n.hovered), s.value && n.tapped && Object.assign(u, n.tapped), a.value && n.focused && Object.assign(u, n.focused);
+    for (const f in u)
+      l.value.includes(f) || delete u[f];
+    return u;
+  });
+  n.hovered && (m(t, "mouseenter", () => o.value = !0), m(t, "mouseleave", () => {
+    o.value = !1, s.value = !1;
+  })), n.tapped && (ee() && (m(t, "mousedown", () => s.value = !0), m(t, "mouseup", () => s.value = !1)), Qt() && (m(t, "pointerdown", () => s.value = !0), m(t, "pointerup", () => s.value = !1)), te() && (m(t, "touchstart", () => s.value = !0), m(t, "touchend", () => s.value = !1))), n.focused && (m(t, "focus", () => a.value = !0), m(t, "blur", () => a.value = !1)), h([o, s, a], () => {
+    r(p.value);
+  });
 }
-function xe({
-  type: t,
-  calendar: e,
-  onUpdateCalendar: n
-}, {
-  slots: a
-}) {
-  var o;
-  const l = P(), p = () => {
-    n(oe(e, (w) => w - 1));
-  }, v = () => {
-    n(oe(e, (w) => w + 1));
-  }, d = () => {
-    n(X(e, (w) => w - 1));
-  }, i = () => {
-    n(X(e, (w) => w + 1));
-  }, c = () => {
-    n(X(e, (w) => w - 10));
-  }, f = () => {
-    n(X(e, (w) => w + 10));
-  };
-  return s("div", {
-    class: `${l}-calendar-header`
-  }, [s(ae, {
-    value: "double-left",
-    onClick: t === "year" ? c : d
-  }, null), t === "date" && s(ae, {
-    value: "left",
-    onClick: p
-  }, null), s(ae, {
-    value: "double-right",
-    onClick: t === "year" ? f : i
-  }, null), t === "date" && s(ae, {
-    value: "right",
-    onClick: v
-  }, null), s("span", {
-    class: `${l}-calendar-header-label`
-  }, [(o = a.default) == null ? void 0 : o.call(a)])]);
+function re({ set: t, target: e, variants: i, variant: r }) {
+  const n = x(i);
+  h(
+    () => e,
+    () => {
+      n && (n.initial && (t("initial"), r.value = "initial"), n.enter && (r.value = "enter"));
+    },
+    {
+      immediate: !0,
+      flush: "pre"
+    }
+  );
 }
-function Zt({
-  calendar: t,
-  isWeekMode: e,
-  showWeekNumber: n,
-  titleFormat: a,
-  getWeekActive: o,
-  getCellClasses: l,
-  onSelect: p,
-  onUpdatePanel: v,
-  onUpdateCalendar: d,
-  onDateMouseEnter: i,
-  onDateMouseLeave: c
-}) {
-  const f = P(), w = Ct(), m = Te().value, {
-    yearFormat: b,
-    monthBeforeYear: y,
-    monthFormat: u = "MMM",
-    formatLocale: r
-  } = m, h = r.firstDayOfWeek || 0;
-  let C = m.days || r.weekdaysMin;
-  C = C.concat(C).slice(h, h + 7);
-  const $ = t.getFullYear(), _ = t.getMonth(), g = De(jt({
-    firstDayOfWeek: h,
-    year: $,
-    month: _
-  }), 7), D = (T, E) => Ce(T, E, {
-    locale: m.formatLocale
-  }), x = (T) => {
-    v(T);
-  }, V = (T) => {
-    const E = T.getAttribute("data-index"), [W, q] = E.split(",").map((tt) => parseInt(tt, 10)), de = g[W][q];
-    return new Date(de);
-  }, O = (T) => {
-    p(V(T.currentTarget));
-  }, H = (T) => {
-    i && i(V(T.currentTarget));
-  }, K = (T) => {
-    c && c(V(T.currentTarget));
-  }, ee = s("button", {
-    type: "button",
-    class: `${f}-btn ${f}-btn-text ${f}-btn-current-year`,
-    onClick: () => x("year")
-  }, [D(t, b)]), te = s("button", {
-    type: "button",
-    class: `${f}-btn ${f}-btn-text ${f}-btn-current-month`,
-    onClick: () => x("month")
-  }, [D(t, u)]);
-  return n = typeof n == "boolean" ? n : e, s("div", {
-    class: [`${f}-calendar ${f}-calendar-panel-date`, {
-      [`${f}-calendar-week-mode`]: e
-    }]
-  }, [s(xe, {
-    type: "date",
-    calendar: t,
-    onUpdateCalendar: d
-  }, {
-    default: () => [y ? [te, ee] : [ee, te]]
-  }), s("div", {
-    class: `${f}-calendar-content`
-  }, [s("table", {
-    class: `${f}-table ${f}-table-date`
-  }, [s("thead", null, [s("tr", null, [n && s("th", {
-    class: `${f}-week-number-header`
-  }, null), C.map((T) => s("th", {
-    key: T
-  }, [T]))])]), s("tbody", null, [g.map((T, E) => s("tr", {
-    key: E,
-    class: [`${f}-date-row`, {
-      [`${f}-active-week`]: o(T)
-    }]
-  }, [n && s("td", {
-    class: `${f}-week-number`,
-    "data-index": `${E},0`,
-    onClick: O
-  }, [s("div", null, [w(T[0])])]), T.map((W, q) => s("td", {
-    key: q,
-    class: ["cell", l(W)],
-    title: D(W, a),
-    "data-index": `${E},${q}`,
-    onClick: O,
-    onMouseenter: H,
-    onMouseleave: K
-  }, [s("div", null, [W.getDate()])]))]))])])])]);
+function ne({ state: t, apply: e }) {
+  h(
+    t,
+    (i) => {
+      i && e(i);
+    },
+    {
+      immediate: !0
+    }
+  );
 }
-function en({
-  calendar: t,
-  getCellClasses: e,
-  onSelect: n,
-  onUpdateCalendar: a,
-  onUpdatePanel: o
-}) {
-  const l = P(), p = Te().value, v = p.months || p.formatLocale.monthsShort, d = (c) => j(t.getFullYear(), c), i = (c) => {
-    const w = c.currentTarget.getAttribute("data-month");
-    n(d(parseInt(w, 10)));
-  };
-  return s("div", {
-    class: `${l}-calendar ${l}-calendar-panel-month`
-  }, [s(xe, {
-    type: "month",
-    calendar: t,
-    onUpdateCalendar: a
-  }, {
-    default: () => [s("button", {
-      type: "button",
-      class: `${l}-btn ${l}-btn-text ${l}-btn-current-year`,
-      onClick: () => o("year")
-    }, [t.getFullYear()])]
-  }), s("div", {
-    class: `${l}-calendar-content`
-  }, [s("table", {
-    class: `${l}-table ${l}-table-month`
-  }, [De(v, 3).map((c, f) => s("tr", {
-    key: f
-  }, [c.map((w, m) => {
-    const b = f * 3 + m;
-    return s("td", {
-      key: m,
-      class: ["cell", e(d(b))],
-      "data-month": b,
-      onClick: i
-    }, [s("div", null, [w])]);
-  })]))])])]);
+function oe({ target: t, variants: e, variant: i }) {
+  const r = x(e);
+  r && (r.visible || r.visibleOnce) && ft(t, ([{ isIntersecting: n }]) => {
+    r.visible ? n ? i.value = "visible" : i.value = "initial" : r.visibleOnce && (n && i.value !== "visibleOnce" ? i.value = "visibleOnce" : i.value || (i.value = "initial"));
+  });
 }
-const tn = (t) => {
-  const e = Math.floor(t.getFullYear() / 10) * 10, n = [];
-  for (let a = 0; a < 10; a++)
-    n.push(e + a);
-  return De(n, 2);
-};
-function nn({
-  calendar: t,
-  getCellClasses: e = () => [],
-  getYearPanel: n = tn,
-  onSelect: a,
-  onUpdateCalendar: o
+function se(t, e = {
+  syncVariants: !0,
+  lifeCycleHooks: !0,
+  visibilityHooks: !0,
+  eventListeners: !0
 }) {
-  const l = P(), p = (f) => j(f, 0), v = (f) => {
-    const m = f.currentTarget.getAttribute("data-year");
-    a(p(parseInt(m, 10)));
-  }, d = n(new Date(t)), i = d[0][0], c = Oe(Oe(d));
-  return s("div", {
-    class: `${l}-calendar ${l}-calendar-panel-year`
-  }, [s(xe, {
-    type: "year",
-    calendar: t,
-    onUpdateCalendar: o
-  }, {
-    default: () => [s("span", null, [i]), s("span", {
-      class: `${l}-calendar-decade-separator`
-    }, null), s("span", null, [c])]
-  }), s("div", {
-    class: `${l}-calendar-content`
-  }, [s("table", {
-    class: `${l}-table ${l}-table-year`
-  }, [d.map((f, w) => s("tr", {
-    key: w
-  }, [f.map((m, b) => s("td", {
-    key: b,
-    class: ["cell", e(p(m))],
-    "data-year": m,
-    onClick: v
-  }, [s("div", null, [m])]))]))])])]);
+  e.lifeCycleHooks && re(t), e.syncVariants && ne(t), e.visibilityHooks && oe(t), e.eventListeners && ie(t);
 }
-function an(t) {
-  const e = U(t, {
-    defaultValue: R(/* @__PURE__ */ new Date()),
-    type: "date",
-    disabledDate: () => !1,
-    getClasses: () => [],
-    titleFormat: "YYYY-MM-DD"
-  }), n = A(() => (Array.isArray(e.value) ? e.value : [e.value]).filter(N).map((h) => e.type === "year" ? Wt(h) : e.type === "month" ? Ae(h) : R(h))), a = k(/* @__PURE__ */ new Date());
-  Y(() => {
-    let r = e.calendar;
-    if (!N(r)) {
-      const {
-        length: h
-      } = n.value;
-      r = se(h > 0 ? n.value[h - 1] : e.defaultValue);
-    }
-    a.value = Ae(r);
-  });
-  const o = (r) => {
-    var h;
-    a.value = r, (h = e.onCalendarChange) == null || h.call(e, r);
-  }, l = k("date");
-  Y(() => {
-    const r = ["date", "month", "year"], h = Math.max(r.indexOf(e.type), r.indexOf(e.defaultPanel));
-    l.value = h !== -1 ? r[h] : "date";
-  });
-  const p = (r) => {
-    var h;
-    const C = l.value;
-    l.value = r, (h = e.onPanelChange) == null || h.call(e, r, C);
-  }, v = (r) => e.disabledDate(new Date(r), n.value), d = (r, h) => {
-    var C, $, _;
-    if (!v(r))
-      if ((C = e.onPick) == null || C.call(e, r), e.multiple === !0) {
-        const g = n.value.filter((D) => D.getTime() !== r.getTime());
-        g.length === n.value.length && g.push(r), ($ = e["onUpdate:value"]) == null || $.call(e, g, h);
-      } else
-        (_ = e["onUpdate:value"]) == null || _.call(e, r, h);
-  }, i = (r) => {
-    d(r, e.type === "week" ? "week" : "date");
-  }, c = (r) => {
-    if (e.type === "year")
-      d(r, "year");
-    else if (o(r), p("month"), e.partialUpdate && n.value.length === 1) {
-      const h = X(n.value[0], r.getFullYear());
-      d(h, "year");
-    }
-  }, f = (r) => {
-    if (e.type === "month")
-      d(r, "month");
-    else if (o(r), p("date"), e.partialUpdate && n.value.length === 1) {
-      const h = oe(X(n.value[0], r.getFullYear()), r.getMonth());
-      d(h, "month");
+function Q(t = {}) {
+  const e = V({
+    ...t
+  }), i = g({});
+  return h(
+    e,
+    () => {
+      const r = {};
+      for (const [n, o] of Object.entries(e)) {
+        const s = M(n), a = _(o, s);
+        r[n] = a;
+      }
+      i.value = r;
+    },
+    {
+      immediate: !0,
+      deep: !0
     }
-  }, w = (r, h = []) => (v(r) ? h.push("disabled") : n.value.some((C) => C.getTime() === r.getTime()) && h.push("active"), h.concat(e.getClasses(r, n.value, h.join(" ")))), m = (r) => {
-    const h = r.getMonth() !== a.value.getMonth(), C = [];
-    return r.getTime() === (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) && C.push("today"), h && C.push("not-current-month"), w(r, C);
-  }, b = (r) => e.type !== "month" ? a.value.getMonth() === r.getMonth() ? "active" : "" : w(r), y = (r) => e.type !== "year" ? a.value.getFullYear() === r.getFullYear() ? "active" : "" : w(r), u = (r) => {
-    if (e.type !== "week")
-      return !1;
-    const h = r[0].getTime(), C = r[6].getTime();
-    return n.value.some(($) => {
-      const _ = $.getTime();
-      return _ >= h && _ <= C;
-    });
+  ), {
+    state: e,
+    style: i
   };
-  return () => l.value === "year" ? s(nn, {
-    calendar: a.value,
-    getCellClasses: y,
-    getYearPanel: e.getYearPanel,
-    onSelect: c,
-    onUpdateCalendar: o
-  }, null) : l.value === "month" ? s(en, {
-    calendar: a.value,
-    getCellClasses: b,
-    onSelect: f,
-    onUpdatePanel: p,
-    onUpdateCalendar: o
-  }, null) : s(Zt, {
-    isWeekMode: e.type === "week",
-    showWeekNumber: e.showWeekNumber,
-    titleFormat: e.titleFormat,
-    calendar: a.value,
-    getCellClasses: m,
-    getWeekActive: u,
-    onSelect: i,
-    onUpdatePanel: p,
-    onUpdateCalendar: o,
-    onDateMouseEnter: e.onDateMouseEnter,
-    onDateMouseLeave: e.onDateMouseLeave
-  }, null);
 }
-const ie = B()(["type", "value", "defaultValue", "defaultPanel", "disabledDate", "getClasses", "calendar", "multiple", "partialUpdate", "showWeekNumber", "titleFormat", "getYearPanel", "onDateMouseEnter", "onDateMouseLeave", "onCalendarChange", "onPanelChange", "onUpdate:value", "onPick"]);
-var ue = I(an, ie);
-const Le = (t, e) => {
-  const n = t.getTime();
-  let [a, o] = e.map((l) => l.getTime());
-  return a > o && ([a, o] = [o, a]), n > a && n < o;
+function k(t, e) {
+  h(
+    () => ut(t),
+    (i) => {
+      i && e(i);
+    },
+    {
+      immediate: !0
+    }
+  );
+}
+const ae = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ"
 };
-function ln(t) {
-  const e = U(t, {
-    defaultValue: /* @__PURE__ */ new Date(),
-    type: "date"
-  }), n = P(), a = A(() => {
-    let u = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
-    return u = u.map((r) => R(r)), z(u) ? u : [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()].map((r) => R(r));
-  }), o = k([/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)]);
-  Y(() => {
-    z(e.value) && (o.value = e.value);
-  });
-  const l = (u, r) => {
-    var h;
-    const [C, $] = o.value;
-    N(C) && !N($) ? (C.getTime() > u.getTime() ? o.value = [u, C] : o.value = [C, u], (h = e["onUpdate:value"]) == null || h.call(e, o.value, r)) : o.value = [u, /* @__PURE__ */ new Date(NaN)];
-  }, p = k([/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()]), v = A(() => z(e.calendar) ? e.calendar : p.value), d = A(() => e.type === "year" ? 120 : e.type === "month" ? 12 : 1), i = (u, r) => {
-    var h;
-    const C = zt(u[0], u[1]), $ = d.value - C;
-    if ($ > 0) {
-      const _ = r === 1 ? 0 : 1;
-      u[_] = oe(u[_], (g) => g + (_ === 0 ? -$ : $));
+function tt(t = {}, e = !0) {
+  const i = V({ ...t }), r = g("");
+  return h(
+    i,
+    (n) => {
+      let o = "", s = !1;
+      if (e && (n.x || n.y || n.z)) {
+        const a = [n.x || 0, n.y || 0, n.z || 0].map((l) => _(l, c)).join(",");
+        o += `translate3d(${a}) `, s = !0;
+      }
+      for (const [a, l] of Object.entries(n)) {
+        if (e && (a === "x" || a === "y" || a === "z"))
+          continue;
+        const p = M(a), u = _(l, p);
+        o += `${ae[a] || a}(${u}) `;
+      }
+      e && !s && (o += "translateZ(0px) "), r.value = o.trim();
+    },
+    {
+      immediate: !0,
+      deep: !0
     }
-    p.value = u, (h = e.onCalendarChange) == null || h.call(e, u, r);
-  }, c = (u) => {
-    i([u, v.value[1]], 0);
-  }, f = (u) => {
-    i([v.value[0], u], 1);
-  };
-  Y(() => {
-    const u = z(e.value) ? e.value : a.value;
-    i(u.slice(0, 2));
-  });
-  const w = k(null), m = (u) => w.value = u, b = () => w.value = null, y = (u, r, h) => {
-    const C = e.getClasses ? e.getClasses(u, r, h) : [], $ = Array.isArray(C) ? C : [C];
-    return /disabled|active/.test(h) ? $ : (r.length === 2 && Le(u, r) && $.push("in-range"), r.length === 1 && w.value && Le(u, [r[0], w.value]) ? $.concat("hover-in-range") : $);
-  };
-  return () => {
-    const u = v.value.map((r, h) => {
-      const C = S(M({}, e), {
-        calendar: r,
-        value: o.value,
-        defaultValue: a.value[h],
-        getClasses: y,
-        partialUpdate: !1,
-        multiple: !1,
-        "onUpdate:value": l,
-        onCalendarChange: h === 0 ? c : f,
-        onDateMouseLeave: b,
-        onDateMouseEnter: m
-      });
-      return s(ue, C, null);
-    });
-    return s("div", {
-      class: `${n}-calendar-range`
-    }, [u]);
+  ), {
+    state: i,
+    transform: r
   };
 }
-const Me = ie;
-var Pe = I(ln, Me);
-const qe = nt({
-  setup(t, {
-    slots: e
-  }) {
-    const n = P(), a = k(), o = k(""), l = k("");
-    me(() => {
-      if (!a.value)
-        return;
-      const b = a.value, y = b.clientHeight * 100 / b.scrollHeight;
-      o.value = y < 100 ? `${y}%` : "";
-    });
-    const v = $t(), d = (b) => {
-      const y = b.currentTarget, {
-        scrollHeight: u,
-        scrollTop: r
-      } = y;
-      l.value = `${r * 100 / u}%`;
-    };
-    let i = !1, c = 0;
-    const f = (b) => {
-      b.stopImmediatePropagation();
-      const y = b.currentTarget, {
-        offsetTop: u
-      } = y;
-      i = !0, c = b.clientY - u;
-    }, w = (b) => {
-      if (!i || !a.value)
-        return;
-      const {
-        clientY: y
-      } = b, {
-        scrollHeight: u,
-        clientHeight: r
-      } = a.value, C = (y - c) * u / r;
-      a.value.scrollTop = C;
-    }, m = () => {
-      i = !1;
-    };
-    return me(() => {
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", m);
-    }), at(() => {
-      document.addEventListener("mousemove", w), document.addEventListener("mouseup", m);
-    }), () => {
-      var b;
-      return s("div", {
-        class: `${n}-scrollbar`,
-        style: {
-          position: "relative",
-          overflow: "hidden"
-        }
-      }, [s("div", {
-        ref: a,
-        class: `${n}-scrollbar-wrap`,
-        style: {
-          marginRight: `-${v}px`
-        },
-        onScroll: d
-      }, [(b = e.default) == null ? void 0 : b.call(e)]), s("div", {
-        class: `${n}-scrollbar-track`
-      }, [s("div", {
-        class: `${n}-scrollbar-thumb`,
-        style: {
-          height: o.value,
-          top: l.value
-        },
-        onMousedown: f
-      }, null)])]);
-    };
-  }
+const ce = ["", "X", "Y", "Z"], le = ["perspective", "translate", "scale", "rotate", "skew"], et = ["transformPerspective", "x", "y", "z"];
+le.forEach((t) => {
+  ce.forEach((e) => {
+    const i = t + e;
+    et.push(i);
+  });
 });
-function on({
-  options: t,
-  getClasses: e,
-  onSelect: n
-}) {
-  const a = P(), o = (l) => {
-    const p = l.target, v = l.currentTarget;
-    if (p.tagName.toUpperCase() !== "LI")
-      return;
-    const d = v.getAttribute("data-type"), i = parseInt(v.getAttribute("data-index"), 10), c = parseInt(p.getAttribute("data-index"), 10), f = t[i].list[c].value;
-    n(f, d);
-  };
-  return s("div", {
-    class: `${a}-time-columns`
-  }, [t.map((l, p) => s(qe, {
-    key: l.type,
-    class: `${a}-time-column`
-  }, {
-    default: () => [s("ul", {
-      class: `${a}-time-list`,
-      "data-index": p,
-      "data-type": l.type,
-      onClick: o
-    }, [l.list.map((v, d) => s("li", {
-      key: v.text,
-      "data-index": d,
-      class: [`${a}-time-item`, e(v.value, l.type)]
-    }, [v.text]))])]
-  }))]);
+const ue = new Set(et);
+function q(t) {
+  return ue.has(t);
 }
-function rn(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !ut(t);
+const fe = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
+function it(t) {
+  return fe.has(t);
 }
-function sn(t) {
-  let e;
-  const n = P();
-  return s(qe, null, rn(e = t.options.map((a) => s("div", {
-    key: a.text,
-    class: [`${n}-time-option`, t.getClasses(a.value, "time")],
-    onClick: () => t.onSelect(a.value, "time")
-  }, [a.text]))) ? e : {
-    default: () => [e]
-  });
+function pe(t) {
+  const e = {}, i = {};
+  return Object.entries(t).forEach(([r, n]) => {
+    q(r) || it(r) ? e[r] = n : i[r] = n;
+  }), { transform: e, style: i };
 }
-function pe({
-  length: t,
-  step: e = 1,
-  options: n
-}) {
-  if (Array.isArray(n))
-    return n.filter((o) => o >= 0 && o < t);
-  e <= 0 && (e = 1);
-  const a = [];
-  for (let o = 0; o < t; o += e)
-    a.push(o);
-  return a;
+function B(t) {
+  const { transform: e, style: i } = pe(t), { transform: r } = tt(e), { style: n } = Q(i);
+  return r.value && (n.value.transform = r.value), n.value;
 }
-function un(t, e) {
-  let { showHour: n, showMinute: a, showSecond: o, use12h: l } = e;
-  const p = e.format || "HH:mm:ss";
-  n = typeof n == "boolean" ? n : /[HhKk]/.test(p), a = typeof a == "boolean" ? a : /m/.test(p), o = typeof o == "boolean" ? o : /s/.test(p), l = typeof l == "boolean" ? l : /a/i.test(p);
-  const v = [], d = l && t.getHours() >= 12;
-  return n && v.push({
-    type: "hour",
-    list: pe({
-      length: l ? 12 : 24,
-      step: e.hourStep,
-      options: e.hourOptions
-    }).map((i) => {
-      const c = i === 0 && l ? "12" : fe(i), f = new Date(t);
-      return f.setHours(d ? i + 12 : i), { value: f, text: c };
-    })
-  }), a && v.push({
-    type: "minute",
-    list: pe({
-      length: 60,
-      step: e.minuteStep,
-      options: e.minuteOptions
-    }).map((i) => {
-      const c = new Date(t);
-      return c.setMinutes(i), { value: c, text: fe(i) };
-    })
-  }), o && v.push({
-    type: "second",
-    list: pe({
-      length: 60,
-      step: e.secondStep,
-      options: e.secondOptions
-    }).map((i) => {
-      const c = new Date(t);
-      return c.setSeconds(i), { value: c, text: fe(i) };
-    })
-  }), l && v.push({
-    type: "ampm",
-    list: ["AM", "PM"].map((i, c) => {
-      const f = new Date(t);
-      return f.setHours(f.getHours() % 12 + c * 12), { text: i, value: f };
-    })
-  }), v;
+function ye(t, e) {
+  let i, r;
+  const { state: n, style: o } = Q();
+  return k(t, (s) => {
+    r = s;
+    for (const a of Object.keys(J))
+      s.style[a] === null || s.style[a] === "" || q(a) || it(a) || (n[a] = s.style[a]);
+    i && Object.entries(i).forEach(([a, l]) => s.style[a] = l), e && e(n);
+  }), h(
+    o,
+    (s) => {
+      if (!r) {
+        i = s;
+        return;
+      }
+      for (const a in s) r.style[a] = s[a];
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    style: n
+  };
 }
-function ve(t = "") {
-  const e = t.split(":");
-  if (e.length >= 2) {
-    const n = parseInt(e[0], 10), a = parseInt(e[1], 10);
+function de(t) {
+  const e = t.trim().split(/\) |\)/);
+  if (e.length === 1)
+    return {};
+  const i = (r) => r.endsWith("px") || r.endsWith("deg") ? Number.parseFloat(r) : Number.isNaN(Number(r)) ? Number(r) : r;
+  return e.reduce((r, n) => {
+    if (!n)
+      return r;
+    const [o, s] = n.split("("), l = s.split(",").map((u) => i(u.endsWith(")") ? u.replace(")", "") : u.trim())), p = l.length === 1 ? l[0] : l;
     return {
-      hours: n,
-      minutes: a
+      ...r,
+      [o]: p
     };
-  }
-  return null;
+  }, {});
 }
-function cn({
-  date: t,
-  option: e,
-  format: n,
-  formatDate: a
-}) {
-  const o = [];
-  if (typeof e == "function")
-    return e() || [];
-  const l = ve(e.start), p = ve(e.end), v = ve(e.step), d = e.format || n;
-  if (l && p && v) {
-    const i = l.minutes + l.hours * 60, c = p.minutes + p.hours * 60, f = v.minutes + v.hours * 60, w = Math.floor((c - i) / f);
-    for (let m = 0; m <= w; m++) {
-      const b = i + m * f, y = Math.floor(b / 60), u = b % 60, r = new Date(t);
-      r.setHours(y, u, 0), o.push({
-        value: r,
-        text: a(r, d)
-      });
+function me(t, e) {
+  Object.entries(de(e)).forEach(([i, r]) => {
+    const n = ["x", "y", "z"];
+    if (i === "translate3d") {
+      if (r === 0) {
+        n.forEach((o) => t[o] = 0);
+        return;
+      }
+      r.forEach((o, s) => t[n[s]] = o);
+      return;
     }
-  }
-  return o;
-}
-const Ge = (t, e, n = 0) => {
-  if (n <= 0) {
-    requestAnimationFrame(() => {
-      t.scrollTop = e;
-    });
-    return;
-  }
-  const o = (e - t.scrollTop) / n * 10;
-  requestAnimationFrame(() => {
-    const l = t.scrollTop + o;
-    if (l >= e) {
-      t.scrollTop = e;
+    if (r = Number.parseFloat(`${r}`), i === "translateX") {
+      t.x = r;
       return;
     }
-    t.scrollTop = l, Ge(t, e, n - 10);
-  });
-};
-function dn(t) {
-  const e = U(t, {
-    defaultValue: R(/* @__PURE__ */ new Date()),
-    format: "HH:mm:ss",
-    timeTitleFormat: "YYYY-MM-DD",
-    disabledTime: () => !1,
-    scrollDuration: 100
-  }), n = P(), a = Te(), o = (y, u) => Ce(y, u, {
-    locale: a.value.formatLocale
-  }), l = k(/* @__PURE__ */ new Date());
-  Y(() => {
-    l.value = se(e.value, e.defaultValue);
-  });
-  const p = (y) => Array.isArray(y) ? y.every((u) => e.disabledTime(new Date(u))) : e.disabledTime(new Date(y)), v = (y) => {
-    const u = new Date(y);
-    return p([u.getTime(), u.setMinutes(0, 0, 0), u.setMinutes(59, 59, 999)]);
-  }, d = (y) => {
-    const u = new Date(y);
-    return p([u.getTime(), u.setSeconds(0, 0), u.setSeconds(59, 999)]);
-  }, i = (y) => {
-    const u = new Date(y), r = u.getHours() < 12 ? 0 : 12, h = r + 11;
-    return p([u.getTime(), u.setHours(r, 0, 0, 0), u.setHours(h, 59, 59, 999)]);
-  }, c = (y, u) => u === "hour" ? v(y) : u === "minute" ? d(y) : u === "ampm" ? i(y) : p(y), f = (y, u) => {
-    var r;
-    if (!c(y, u)) {
-      const h = new Date(y);
-      l.value = h, p(h) || (r = e["onUpdate:value"]) == null || r.call(e, h, u);
+    if (i === "translateY") {
+      t.y = r;
+      return;
     }
-  }, w = (y, u) => c(y, u) ? "disabled" : y.getTime() === l.value.getTime() ? "active" : "", m = k(), b = (y) => {
-    if (!m.value)
+    if (i === "translateZ") {
+      t.z = r;
       return;
-    const u = m.value.querySelectorAll(".active");
-    for (let r = 0; r < u.length; r++) {
-      const h = u[r], C = $e(h, m.value);
-      if (C) {
-        const $ = h.offsetTop;
-        Ge(C, $, y);
-      }
     }
-  };
-  return me(() => b(0)), st(l, () => b(e.scrollDuration), {
-    flush: "post"
-  }), () => {
-    let y;
-    return e.timePickerOptions ? y = s(sn, {
-      onSelect: f,
-      getClasses: w,
-      options: cn({
-        date: l.value,
-        format: e.format,
-        option: e.timePickerOptions,
-        formatDate: o
-      })
-    }, null) : y = s(on, {
-      options: un(l.value, e),
-      onSelect: f,
-      getClasses: w
-    }, null), s("div", {
-      class: `${n}-time`,
-      ref: m
-    }, [e.showTimeHeader && s("div", {
-      class: `${n}-time-header`
-    }, [s("button", {
-      type: "button",
-      class: `${n}-btn ${n}-btn-text ${n}-time-header-title`,
-      onClick: e.onClickTitle
-    }, [o(l.value, e.timeTitleFormat)])]), s("div", {
-      class: `${n}-time-content`
-    }, [y])]);
-  };
-}
-const ce = B()(["value", "defaultValue", "format", "timeTitleFormat", "showTimeHeader", "disabledTime", "timePickerOptions", "hourOptions", "minuteOptions", "secondOptions", "hourStep", "minuteStep", "secondStep", "showHour", "showMinute", "showSecond", "use12h", "scrollDuration", "onClickTitle", "onUpdate:value"]);
-var Q = I(dn, ce);
-function fn(t) {
-  const e = U(t, {
-    defaultValue: R(/* @__PURE__ */ new Date()),
-    disabledTime: () => !1
-  }), n = P(), a = k([/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)]);
-  Y(() => {
-    z(e.value) ? a.value = e.value : a.value = [/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)];
+    t[i] = r;
   });
-  const o = (i, c) => {
-    var f;
-    (f = e["onUpdate:value"]) == null || f.call(e, a.value, i === "time" ? "time-range" : i, c);
-  }, l = (i, c) => {
-    a.value[0] = i, a.value[1].getTime() >= i.getTime() || (a.value[1] = i), o(c, 0);
-  }, p = (i, c) => {
-    a.value[1] = i, a.value[0].getTime() <= i.getTime() || (a.value[0] = i), o(c, 1);
-  }, v = (i) => e.disabledTime(i, 0), d = (i) => i.getTime() < a.value[0].getTime() || e.disabledTime(i, 1);
-  return () => {
-    const i = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
-    return s("div", {
-      class: `${n}-time-range`
-    }, [s(Q, S(M({}, e), {
-      "onUpdate:value": l,
-      value: a.value[0],
-      defaultValue: i[0],
-      disabledTime: v
-    }), null), s(Q, S(M({}, e), {
-      "onUpdate:value": p,
-      value: a.value[1],
-      defaultValue: i[1],
-      disabledTime: d
-    }), null)]);
-  };
 }
-const _e = ce;
-var Ve = I(fn, _e);
-function Xe(t) {
-  const e = k(!1), n = () => {
-    var l;
-    e.value = !1, (l = t.onShowTimePanelChange) == null || l.call(t, !1);
-  }, a = () => {
-    var l;
-    e.value = !0, (l = t.onShowTimePanelChange) == null || l.call(t, !0);
+function be(t, e) {
+  let i, r;
+  const { state: n, transform: o } = tt();
+  return k(t, (s) => {
+    r = s, s.style.transform && me(n, s.style.transform), i && (s.style.transform = i), e && e(n);
+  }), h(
+    o,
+    (s) => {
+      if (!r) {
+        i = s;
+        return;
+      }
+      r.style.transform = s;
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    transform: n
   };
-  return { timeVisible: A(() => typeof t.showTimePanel == "boolean" ? t.showTimePanel : e.value), openTimePanel: a, closeTimePanel: n };
 }
-function pn(t) {
-  const e = U(t, {
-    disabledTime: () => !1,
-    defaultValue: R(/* @__PURE__ */ new Date())
-  }), n = k(e.value);
-  Y(() => {
-    n.value = e.value;
-  });
-  const {
-    openTimePanel: a,
-    closeTimePanel: o,
-    timeVisible: l
-  } = Xe(e), p = (v, d) => {
-    var i;
-    d === "date" && a();
-    let c = re(v, se(e.value, e.defaultValue));
-    if (e.disabledTime(new Date(c)) && (c = re(v, e.defaultValue), e.disabledTime(new Date(c)))) {
-      n.value = c;
-      return;
+function he(t) {
+  return Object.entries(t);
+}
+function ve(t, e) {
+  const i = V({}), r = (s) => Object.entries(s).forEach(([a, l]) => i[a] = l), { style: n } = ye(t, r), { transform: o } = be(t, r);
+  return h(
+    i,
+    (s) => {
+      he(s).forEach(([a, l]) => {
+        const p = q(a) ? o : n;
+        p[a] && p[a] === l || (p[a] = l);
+      });
+    },
+    {
+      immediate: !0,
+      deep: !0
     }
-    (i = e["onUpdate:value"]) == null || i.call(e, c, d);
-  };
-  return () => {
-    const v = P(), d = S(M({}, L(e, ie)), {
-      multiple: !1,
-      type: "date",
-      value: n.value,
-      "onUpdate:value": p
-    }), i = S(M({}, L(e, ce)), {
-      showTimeHeader: !0,
-      value: n.value,
-      "onUpdate:value": e["onUpdate:value"],
-      onClickTitle: o
-    });
-    return s("div", {
-      class: `${v}-date-time`
-    }, [s(ue, d, null), l.value && s(Q, i, null)]);
+  ), k(t, () => e), {
+    motionProperties: i,
+    style: n,
+    transform: o
   };
 }
-const Je = B()(["showTimePanel", "onShowTimePanelChange"]), vn = [...Je, ...ie, ...ce];
-var Qe = I(pn, vn);
-function mn(t) {
-  const e = U(t, {
-    defaultValue: R(/* @__PURE__ */ new Date()),
-    disabledTime: () => !1
-  }), n = k(e.value);
-  Y(() => {
-    n.value = e.value;
-  });
-  const {
-    openTimePanel: a,
-    closeTimePanel: o,
-    timeVisible: l
-  } = Xe(e), p = (v, d) => {
-    var i;
-    d === "date" && a();
-    const c = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
-    let f = v.map((w, m) => {
-      const b = z(e.value) ? e.value[m] : c[m];
-      return re(w, b);
-    });
-    if (f[1].getTime() < f[0].getTime() && (f = [f[0], f[0]]), f.some(e.disabledTime) && (f = v.map((w, m) => re(w, c[m])), f.some(e.disabledTime))) {
-      n.value = f;
-      return;
-    }
-    (i = e["onUpdate:value"]) == null || i.call(e, f, d);
+function ge(t = {}) {
+  const e = x(t), i = g();
+  return {
+    state: A(() => {
+      if (i.value)
+        return e[i.value];
+    }),
+    variant: i
   };
-  return () => {
-    const v = P(), d = S(M({}, L(e, Me)), {
-      type: "date",
-      value: n.value,
-      "onUpdate:value": p
-    }), i = S(M({}, L(e, _e)), {
-      showTimeHeader: !0,
-      value: n.value,
-      "onUpdate:value": e["onUpdate:value"],
-      onClickTitle: o
-    });
-    return s("div", {
-      class: `${v}-date-time-range`
-    }, [s(Pe, d, null), l.value && s(Ve, i, null)]);
+}
+function Oe(t, e = {}, i) {
+  const { motionProperties: r } = ve(t), { variant: n, state: o } = ge(e), s = Jt(r, e), a = {
+    target: t,
+    variant: n,
+    variants: e,
+    state: o,
+    motionProperties: r,
+    ...s
   };
+  return se(a, i), a;
 }
-const hn = [...Je, ..._e, ...Me];
-var Ze = I(mn, hn);
-const gn = B()(["range", "open", "appendToBody", "clearable", "confirm", "disabled", "editable", "multiple", "partialUpdate", "showHour", "showMinute", "showSecond", "showTimeHeader", "showTimePanel", "showWeekNumber", "use12h"]), Ne = {
-  date: "YYYY-MM-DD",
-  datetime: "YYYY-MM-DD HH:mm:ss",
-  year: "YYYY",
-  month: "YYYY-MM",
-  time: "HH:mm:ss",
-  week: "w"
+const Te = {
+  initial: {
+    opacity: 0
+  },
+  enter: {
+    opacity: 1
+  }
+}, Ae = {
+  initial: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1
+  }
+}, xe = {
+  initial: {
+    opacity: 0
+  },
+  visibleOnce: {
+    opacity: 1
+  }
+}, je = {
+  initial: {
+    scale: 0,
+    opacity: 0
+  },
+  enter: {
+    scale: 1,
+    opacity: 1
+  }
+}, Ve = {
+  initial: {
+    scale: 0,
+    opacity: 0
+  },
+  visible: {
+    scale: 1,
+    opacity: 1
+  }
+}, Se = {
+  initial: {
+    scale: 0,
+    opacity: 0
+  },
+  visibleOnce: {
+    scale: 1,
+    opacity: 1
+  }
+}, Ce = {
+  initial: {
+    x: -100,
+    rotate: 90,
+    opacity: 0
+  },
+  enter: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Ee = {
+  initial: {
+    x: -100,
+    rotate: 90,
+    opacity: 0
+  },
+  visible: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Ne = {
+  initial: {
+    x: -100,
+    rotate: 90,
+    opacity: 0
+  },
+  visibleOnce: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Pe = {
+  initial: {
+    x: 100,
+    rotate: -90,
+    opacity: 0
+  },
+  enter: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, _e = {
+  initial: {
+    x: 100,
+    rotate: -90,
+    opacity: 0
+  },
+  visible: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, we = {
+  initial: {
+    x: 100,
+    rotate: -90,
+    opacity: 0
+  },
+  visibleOnce: {
+    x: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Re = {
+  initial: {
+    y: -100,
+    rotate: -90,
+    opacity: 0
+  },
+  enter: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Me = {
+  initial: {
+    y: -100,
+    rotate: -90,
+    opacity: 0
+  },
+  visible: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Le = {
+  initial: {
+    y: -100,
+    rotate: -90,
+    opacity: 0
+  },
+  visibleOnce: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, ke = {
+  initial: {
+    y: 100,
+    rotate: 90,
+    opacity: 0
+  },
+  enter: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, qe = {
+  initial: {
+    y: 100,
+    rotate: 90,
+    opacity: 0
+  },
+  visible: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, Be = {
+  initial: {
+    y: 100,
+    rotate: 90,
+    opacity: 0
+  },
+  visibleOnce: {
+    y: 0,
+    rotate: 0,
+    opacity: 1
+  }
+}, De = {
+  initial: {
+    x: -100,
+    opacity: 0
+  },
+  enter: {
+    x: 0,
+    opacity: 1
+  }
+}, Fe = {
+  initial: {
+    x: -100,
+    opacity: 0
+  },
+  visible: {
+    x: 0,
+    opacity: 1
+  }
+}, ze = {
+  initial: {
+    x: -100,
+    opacity: 0
+  },
+  visibleOnce: {
+    x: 0,
+    opacity: 1
+  }
+}, Ie = {
+  initial: {
+    x: 100,
+    opacity: 0
+  },
+  enter: {
+    x: 0,
+    opacity: 1
+  }
+}, Ue = {
+  initial: {
+    x: 100,
+    opacity: 0
+  },
+  visible: {
+    x: 0,
+    opacity: 1
+  }
+}, We = {
+  initial: {
+    x: 100,
+    opacity: 0
+  },
+  visibleOnce: {
+    x: 0,
+    opacity: 1
+  }
+}, Xe = {
+  initial: {
+    y: -100,
+    opacity: 0
+  },
+  enter: {
+    y: 0,
+    opacity: 1
+  }
+}, Ye = {
+  initial: {
+    y: -100,
+    opacity: 0
+  },
+  visible: {
+    y: 0,
+    opacity: 1
+  }
+}, Ze = {
+  initial: {
+    y: -100,
+    opacity: 0
+  },
+  visibleOnce: {
+    y: 0,
+    opacity: 1
+  }
+}, He = {
+  initial: {
+    y: 100,
+    opacity: 0
+  },
+  enter: {
+    y: 0,
+    opacity: 1
+  }
+}, Ke = {
+  initial: {
+    y: 100,
+    opacity: 0
+  },
+  visible: {
+    y: 0,
+    opacity: 1
+  }
+}, $e = {
+  initial: {
+    y: 100,
+    opacity: 0
+  },
+  visibleOnce: {
+    y: 0,
+    opacity: 1
+  }
+}, Y = {
+  __proto__: null,
+  fade: Te,
+  fadeVisible: Ae,
+  fadeVisibleOnce: xe,
+  pop: je,
+  popVisible: Ve,
+  popVisibleOnce: Se,
+  rollBottom: ke,
+  rollLeft: Ce,
+  rollRight: Pe,
+  rollTop: Re,
+  rollVisibleBottom: qe,
+  rollVisibleLeft: Ee,
+  rollVisibleOnceBottom: Be,
+  rollVisibleOnceLeft: Ne,
+  rollVisibleOnceRight: we,
+  rollVisibleOnceTop: Le,
+  rollVisibleRight: _e,
+  rollVisibleTop: Me,
+  slideBottom: He,
+  slideLeft: De,
+  slideRight: Ie,
+  slideTop: Xe,
+  slideVisibleBottom: Ke,
+  slideVisibleLeft: Fe,
+  slideVisibleOnceBottom: $e,
+  slideVisibleOnceLeft: ze,
+  slideVisibleOnceRight: We,
+  slideVisibleOnceTop: Ze,
+  slideVisibleRight: Ue,
+  slideVisibleTop: Ye
+}, Ge = /* @__PURE__ */ Symbol(
+  ""
+), rt = {
+  // Preset to be loaded
+  preset: {
+    type: String,
+    required: !1
+  },
+  // Instance
+  instance: {
+    type: Object,
+    required: !1
+  },
+  // Variants
+  variants: {
+    type: Object,
+    required: !1
+  },
+  // Initial variant
+  initial: {
+    type: Object,
+    required: !1
+  },
+  // Lifecycle hooks variants
+  enter: {
+    type: Object,
+    required: !1
+  },
+  leave: {
+    type: Object,
+    required: !1
+  },
+  // Intersection observer variants
+  visible: {
+    type: Object,
+    required: !1
+  },
+  visibleOnce: {
+    type: Object,
+    required: !1
+  },
+  // Event listeners variants
+  hovered: {
+    type: Object,
+    required: !1
+  },
+  tapped: {
+    type: Object,
+    required: !1
+  },
+  focused: {
+    type: Object,
+    required: !1
+  },
+  // Helpers
+  delay: {
+    type: [Number, String],
+    required: !1
+  },
+  duration: {
+    type: [Number, String],
+    required: !1
+  }
 };
-function et(t, {
-  slots: e
-}) {
-  const n = t.type || "date", a = t.format || Ne[n] || Ne.date, o = S(M({}, xt(t, gn)), {
-    type: n,
-    format: a
-  });
-  return s(Ee, L(o, Ee.props), M({
-    content: (l) => {
-      if (o.range) {
-        const p = n === "time" ? Ve : n === "datetime" ? Ze : Pe;
-        return Ye(p, L(M(M({}, o), l), p.props));
-      } else {
-        const p = n === "time" ? Q : n === "datetime" ? Qe : ue;
-        return Ye(p, L(M(M({}, o), l), p.props));
+function Je(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function w(t) {
+  if (Array.isArray(t))
+    return t.map(w);
+  if (Je(t)) {
+    const e = {};
+    for (const i in t)
+      e[i] = w(t[i]);
+    return e;
+  }
+  return t;
+}
+function nt(t) {
+  const e = V({}), i = ct(Ge, {}), r = A(() => t.preset == null ? {} : i != null && t.preset in i ? structuredClone(lt(i)[t.preset]) : t.preset in Y ? structuredClone(Y[t.preset]) : {}), n = A(() => ({
+    initial: t.initial,
+    enter: t.enter,
+    leave: t.leave,
+    visible: t.visible,
+    visibleOnce: t.visibleOnce,
+    hovered: t.hovered,
+    tapped: t.tapped,
+    focused: t.focused
+  }));
+  function o(l, p) {
+    for (const u of ["delay", "duration"]) {
+      if (p[u] == null)
+        continue;
+      const f = Number.parseInt(
+        p[u]
+      );
+      for (const y of ["enter", "visible", "visibleOnce"]) {
+        const d = l[y];
+        d != null && (d.transition ??= {}, d.transition[u] = f);
       }
-    },
-    "icon-calendar": () => n === "time" ? s(Rt, null, null) : s(Ke, null, null)
-  }, e));
+    }
+    return l;
+  }
+  const s = A(() => {
+    const l = st(
+      {},
+      n.value,
+      r.value,
+      t.variants || {}
+    );
+    return o({ ...l }, t);
+  });
+  function a(l, p, u) {
+    l.props ??= {}, l.props.style ??= {}, l.props.style = { ...l.props.style, ...u };
+    const f = o(
+      w(s.value),
+      l.props
+    );
+    return l.props.onVnodeMounted = ({ el: y }) => {
+      e[p] = Oe(
+        y,
+        f
+      );
+    }, l.props.onVnodeUpdated = ({ el: y }) => {
+      const d = B(e[p].state);
+      for (const [v, S] of Object.entries(d))
+        y.style[v] = S;
+    }, l;
+  }
+  return {
+    motionConfig: s,
+    setNodeInstance: a
+  };
 }
-const yn = {
-  locale: Re,
-  install: (t) => {
-    t.component("DatePicker", et);
+Z({
+  name: "Motion",
+  props: {
+    ...rt,
+    is: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t) {
+    const e = H(), { motionConfig: i, setNodeInstance: r } = nt(t);
+    return () => {
+      const n = B(i.value.initial || {}), o = K(t.is, void 0, e);
+      return r(o, 0, n), o;
+    };
+  }
+});
+Z({
+  name: "MotionGroup",
+  props: {
+    ...rt,
+    is: {
+      type: [String, Object],
+      required: !1
+    }
+  },
+  setup(t) {
+    const e = H(), { motionConfig: i, setNodeInstance: r } = nt(t);
+    return () => {
+      const n = B(i.value.initial || {}), o = e.default?.() || [];
+      for (let s = 0; s < o.length; s++) {
+        const a = o[s];
+        a.type === at && Array.isArray(a.children) ? a.children.forEach(function l(p, u) {
+          if (p != null) {
+            if (Array.isArray(p)) {
+              l(p, u);
+              return;
+            }
+            typeof p == "object" && r(p, u, n);
+          }
+        }) : r(a, s, n);
+      }
+      return t.is ? K(t.is, void 0, o) : o;
+    };
   }
-};
-var $n = Object.assign(et, yn, {
-  Calendar: ue,
-  CalendarRange: Pe,
-  TimePanel: Q,
-  TimeRange: Ve,
-  DateTime: Qe,
-  DateTimeRange: Ze
 });
 export {
-  $n as default
+  Te as fade,
+  Ae as fadeVisible,
+  xe as fadeVisibleOnce,
+  je as pop,
+  Ve as popVisible,
+  Se as popVisibleOnce,
+  Q as reactiveStyle,
+  tt as reactiveTransform,
+  ke as rollBottom,
+  Ce as rollLeft,
+  Pe as rollRight,
+  Re as rollTop,
+  qe as rollVisibleBottom,
+  Ee as rollVisibleLeft,
+  Be as rollVisibleOnceBottom,
+  Ne as rollVisibleOnceLeft,
+  we as rollVisibleOnceRight,
+  Le as rollVisibleOnceTop,
+  _e as rollVisibleRight,
+  Me as rollVisibleTop,
+  He as slideBottom,
+  De as slideLeft,
+  Ie as slideRight,
+  Xe as slideTop,
+  Ke as slideVisibleBottom,
+  Fe as slideVisibleLeft,
+  $e as slideVisibleOnceBottom,
+  ze as slideVisibleOnceLeft,
+  We as slideVisibleOnceRight,
+  Ze as slideVisibleOnceTop,
+  Ue as slideVisibleRight,
+  Ye as slideVisibleTop,
+  ye as useElementStyle,
+  be as useElementTransform,
+  Oe as useMotion,
+  Jt as useMotionControls,
+  se as useMotionFeatures,
+  ve as useMotionProperties,
+  Gt as useMotionTransitions,
+  ge as useMotionVariants
 };