@quoreadmin/ui 1.10.33 → 1.11.0

package/dist/index185.js

@@ -1,4 +1,1310 @@
-const C = "data:image/svg+xml,%3csvg%20width='118'%20height='99'%20viewBox='0%200%20118%2099'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M104.165%2059.815C107.107%2062.7762%20108.893%2066.692%20109.201%2070.8549C109.508%2075.0179%20108.317%2079.1536%20105.842%2082.515L105.642%2082.782L105.412%2083.082L117.521%2095.245C117.828%2095.5546%20118%2095.973%20118%2096.409C118%2096.845%20117.828%2097.2634%20117.521%2097.573C117.232%2097.8651%20116.844%2098.0376%20116.434%2098.0561C116.023%2098.0746%20115.621%2097.9378%20115.307%2097.673L115.207%2097.573L103.122%2085.438L102.822%2085.682C99.4939%2088.3942%2095.2763%2089.772%2090.9889%2089.5476C86.7016%2089.3233%2082.6508%2087.5127%2079.624%2084.468C76.3686%2081.1921%2074.5414%2076.7614%2074.5414%2072.143C74.5414%2067.5247%2076.3686%2063.0939%2079.624%2059.818C81.2316%2058.2001%2083.1433%2056.916%2085.2491%2056.0397C87.3548%2055.1634%2089.6131%2054.7121%2091.8939%2054.7118C94.1747%2054.7115%2096.4331%2055.1622%2098.539%2056.0381C100.645%2056.9139%20102.557%2058.1975%20104.165%2059.815ZM81.935%2062.131C79.2951%2064.7964%2077.8142%2068.3961%2077.8142%2072.1475C77.8142%2075.8989%2079.2951%2079.4986%2081.935%2082.164C83.2368%2083.4792%2084.7865%2084.5233%2086.4944%2085.2358C88.2022%2085.9484%2090.0344%2086.3153%2091.885%2086.3153C93.7355%2086.3153%2095.5678%2085.9484%2097.2756%2085.2358C98.9835%2084.5233%20100.533%2083.4792%20101.835%2082.164C104.475%2079.4986%20105.956%2075.8989%20105.956%2072.1475C105.956%2068.3961%20104.475%2064.7964%20101.835%2062.131C100.533%2060.8158%2098.9835%2059.7717%2097.2756%2059.0592C95.5678%2058.3466%2093.7355%2057.9797%2091.885%2057.9797C90.0344%2057.9797%2088.2022%2058.3466%2086.4944%2059.0592C84.7865%2059.7717%2083.2368%2060.8158%2081.935%2062.131ZM31.4%2075.042V76.442C31.4001%2076.5544%2031.4224%2076.6656%2031.4656%2076.7694C31.5087%2076.8731%2031.5719%2076.9673%2031.6515%2077.0466C31.7311%2077.126%2031.8255%2077.1888%2031.9294%2077.2316C32.0333%2077.2744%2032.1446%2077.2963%2032.257%2077.296H72.357C72.5818%2078.1673%2072.8638%2079.0228%2073.201%2079.857H32.258C31.3506%2079.8589%2030.4796%2079.5003%2029.8366%2078.86C29.1935%2078.2198%2028.8311%2077.3504%2028.829%2076.443V75.043L31.4%2075.042ZM86.162%2022C87.0694%2021.9981%2087.9404%2022.3568%2088.5834%2022.997C89.2265%2023.6372%2089.5889%2024.5066%2089.591%2025.414V51.808C88.7243%2051.9101%2087.8652%2052.0684%2087.019%2052.282V25.414C87.0189%2025.3016%2086.9966%2025.1904%2086.9534%2025.0867C86.9103%2024.9829%2086.8471%2024.8887%2086.7675%2024.8094C86.6879%2024.7301%2086.5935%2024.6672%2086.4896%2024.6244C86.3857%2024.5816%2086.2744%2024.5597%2086.162%2024.56H25.429C25.3166%2024.5597%2025.2053%2024.5816%2025.1014%2024.6244C24.9975%2024.6672%2024.9031%2024.7301%2024.8235%2024.8094C24.7439%2024.8887%2024.6807%2024.9829%2024.6376%2025.0867C24.5944%2025.1904%2024.5721%2025.3016%2024.572%2025.414V69.587C24.5721%2069.6994%2024.5944%2069.8106%2024.6376%2069.9144C24.6807%2070.0181%2024.7439%2070.1123%2024.8235%2070.1916C24.9031%2070.271%2024.9975%2070.3338%2025.1014%2070.3766C25.2053%2070.4194%2025.3166%2070.4413%2025.429%2070.441H71.766C71.697%2071.2932%2071.6806%2072.1488%2071.717%2073.003H25.429C24.5216%2073.0049%2023.6506%2072.6463%2023.0076%2072.006C22.3645%2071.3658%2022.0021%2070.4964%2022%2069.589V25.414C22.0021%2024.5066%2022.3645%2023.6372%2023.0076%2022.997C23.6506%2022.3568%2024.5216%2021.9981%2025.429%2022H86.162ZM77.701%2054.948C77.8695%2054.9484%2078.0362%2054.982%2078.1918%2055.0468C78.3473%2055.1117%2078.4885%2055.2065%2078.6073%2055.3259C78.7262%2055.4453%2078.8204%2055.587%2078.8845%2055.7428C78.9486%2055.8986%2078.9814%2056.0655%2078.981%2056.234C78.9811%2056.2983%2078.9764%2056.3624%2078.967%2056.426C78.557%2056.7693%2078.159%2057.1327%2077.773%2057.516H77.701H34.374C34.0329%2057.516%2033.7058%2057.3805%2033.4647%2057.1393C33.2235%2056.8982%2033.088%2056.5711%2033.088%2056.23C33.088%2055.8889%2033.2235%2055.5618%2033.4647%2055.3207C33.7058%2055.0795%2034.0329%2054.944%2034.374%2054.944L77.701%2054.948ZM92.991%2028.859C93.8984%2028.8571%2094.7694%2029.2158%2095.4124%2029.856C96.0555%2030.4962%2096.4179%2031.3656%2096.42%2032.273V52.168C95.5725%2051.9753%2094.7133%2051.8377%2093.848%2051.756V32.273C93.8479%2032.1606%2093.8256%2032.0494%2093.7824%2031.9457C93.7393%2031.8419%2093.6761%2031.7477%2093.5965%2031.6684C93.5169%2031.5891%2093.4225%2031.5262%2093.3186%2031.4834C93.2147%2031.4406%2093.1034%2031.4187%2092.991%2031.419H91.291V28.858L92.991%2028.859ZM77.701%2046.375C78.0421%2046.375%2078.3692%2046.5105%2078.6103%2046.7517C78.8515%2046.9928%2078.987%2047.3199%2078.987%2047.661C78.987%2048.0021%2078.8515%2048.3292%2078.6103%2048.5703C78.3692%2048.8115%2078.0421%2048.947%2077.701%2048.947H34.374C34.0329%2048.947%2033.7058%2048.8115%2033.4647%2048.5703C33.2235%2048.3292%2033.088%2048.0021%2033.088%2047.661C33.088%2047.3199%2033.2235%2046.9928%2033.4647%2046.7517C33.7058%2046.5105%2034.0329%2046.375%2034.374%2046.375H77.701ZM59.983%2037.801C60.3241%2037.801%2060.6512%2037.9365%2060.8923%2038.1777C61.1335%2038.4188%2061.269%2038.7459%2061.269%2039.087C61.269%2039.4281%2061.1335%2039.7552%2060.8923%2039.9963C60.6512%2040.2375%2060.3241%2040.373%2059.983%2040.373H34.374C34.0329%2040.373%2033.7058%2040.2375%2033.4647%2039.9963C33.2235%2039.7552%2033.088%2039.4281%2033.088%2039.087C33.088%2038.7459%2033.2235%2038.4188%2033.4647%2038.1777C33.7058%2037.9365%2034.0329%2037.801%2034.374%2037.801H59.983Z'%20fill='%238D9AA5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4%200C4.2066%200%204.40475%200.0820729%204.55084%200.228164C4.69693%200.374255%204.779%200.572397%204.779%200.779V3.221H7.221C7.41393%203.221%207.6%203.29258%207.74317%203.4219C7.88634%203.55122%207.97643%203.72907%207.996%203.921V4.001C7.996%204.2076%207.91393%204.40575%207.76784%204.55184C7.62175%204.69793%207.4236%204.78%207.217%204.78H4.779V7.222C4.779%207.41493%204.70742%207.601%204.5781%207.74417C4.44878%207.88734%204.27093%207.97744%204.079%207.997H3.999C3.7924%207.997%203.59425%207.91493%203.44816%207.76884C3.30207%207.62275%203.22%207.4246%203.22%207.218V4.779H0.779C0.585538%204.78002%200.398617%204.70902%200.254623%204.57981C0.110629%204.45061%200.0198653%204.27244%200%204.08V4C0%203.7934%200.082073%203.59526%200.228164%203.44916C0.374255%203.30307%200.572396%203.221%200.779%203.221H3.221V0.779C3.221%200.586071%203.29258%200.400004%203.4219%200.256831C3.55122%200.113658%203.72907%200.023565%203.921%200.00399971L4%200Z'%20fill='%238D9AA5'/%3e%3cpath%20d='M11%2099C11.5304%2099%2012.0391%2098.7893%2012.4142%2098.4142C12.7893%2098.0391%2013%2097.5304%2013%2097C13%2096.4696%2012.7893%2095.9609%2012.4142%2095.5858C12.0391%2095.2107%2011.5304%2095%2011%2095C10.4696%2095%209.96086%2095.2107%209.58579%2095.5858C9.21071%2095.9609%209%2096.4696%209%2097C9%2097.5304%209.21071%2098.0391%209.58579%2098.4142C9.96086%2098.7893%2010.4696%2099%2011%2099Z'%20fill='%238D9AA5'/%3e%3cpath%20d='M104.518%2015.035C103.055%2015.035%20101.651%2014.4538%20100.617%2013.4192C99.5817%2012.3846%2099.0003%2010.9813%2099%209.518C99%208.05454%2099.5814%206.65101%20100.616%205.61619C101.651%204.58136%20103.055%204%20104.518%204C105.981%204%20107.385%204.58136%20108.42%205.61619C109.455%206.65101%20110.036%208.05454%20110.036%209.518C110.036%2010.9813%20109.454%2012.3846%20108.419%2013.4192C107.385%2014.4538%20105.981%2015.035%20104.518%2015.035ZM104.518%2013.035C105.451%2013.035%20106.346%2012.6645%20107.005%2012.005C107.665%2011.3454%20108.036%2010.4509%20108.036%209.518C108.036%209.05601%20107.945%208.59854%20107.768%208.17172C107.591%207.7449%20107.332%207.35707%20107.006%207.0304C106.679%206.70372%20106.291%206.44459%20105.864%206.26779C105.437%206.091%20104.98%206%20104.518%206C103.585%206%20102.69%206.37065%20102.03%207.0304C101.371%207.69015%20101%208.58497%20101%209.518C101%2010.4509%20101.371%2011.3454%20102.031%2012.005C102.69%2012.6645%20103.585%2013.035%20104.518%2013.035Z'%20fill='%238D9AA5'/%3e%3c/svg%3e";
+import st from "./index216.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 "./index217.js";
+import { tryOnUnmounted as pt, isObject as yt } from "./index218.js";
+import D, { getFrameData as dt } from "./index219.js";
+import { complex as $ } from "./index220.js";
+import { inertia as mt } from "./index221.js";
+import { animate as bt } from "./index222.js";
+import { velocityPerSecond as ht } from "./index223.js";
+import { number as vt, alpha as C, scale as j } from "./index224.js";
+import { filter as P } from "./index225.js";
+import { px as c, progressPercentage as F, degrees as O } from "./index226.js";
+import { color as b } from "./index227.js";
+import { cubicBezier as gt } from "./index228.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 "./index229.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 z(t) {
+  return !Number.isNaN(Number.parseFloat(t));
+}
+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 kt(t) {
+  return new Lt(t);
+}
+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) {
+  return Array.isArray(t);
+}
+function T() {
+  return {
+    type: "spring",
+    stiffness: 500,
+    damping: 25,
+    restDelta: 0.5,
+    restSpeed: 10
+  };
+}
+function E(t) {
+  return {
+    type: "spring",
+    stiffness: 550,
+    damping: t === 0 ? 2 * Math.sqrt(550) : 30,
+    restDelta: 0.01,
+    restSpeed: 10
+  };
+}
+function Ft(t) {
+  return {
+    type: "spring",
+    stiffness: 550,
+    damping: t === 0 ? 100 : 30,
+    restDelta: 0.01,
+    restSpeed: 10
+  };
+}
+function N() {
+  return {
+    type: "keyframes",
+    ease: "linear",
+    duration: 300
+  };
+}
+function zt(t) {
+  return {
+    type: "keyframes",
+    duration: 800,
+    values: t
+  };
+}
+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) };
+}
+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 It(t, e) {
+  let i = M(t);
+  return i !== P && (i = $), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
+}
+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) {
+  return Array.isArray(t) && typeof t[0] != "number";
+}
+function X(t, e) {
+  return t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && $.test(e) && !e.startsWith("url("));
+}
+function Xt(t) {
+  return Array.isArray(t.to) && t.to[0] === null && (t.to = [...t.to], t.to[0] = t.from), t;
+}
+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 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 Ht({ delay: t, repeat: e, repeatType: i, repeatDelay: r, from: n, ...o }) {
+  return !!Object.keys(o).length;
+}
+function Kt(t, e) {
+  return t[e] || t.default || t;
+}
+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 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;
+    }
+    const f = $t(n, u, o, a, l);
+    u.start(f);
+  } };
+}
+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
+    }
+  );
+  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?.();
+    }
+    return Promise.all([d()]);
+  };
+  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;
+      }
+      await l(y), f();
+    },
+    stop: n
+  };
+}
+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 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 ne({ state: t, apply: e }) {
+  h(
+    t,
+    (i) => {
+      i && e(i);
+    },
+    {
+      immediate: !0
+    }
+  );
+}
+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"));
+  });
+}
+function se(t, e = {
+  syncVariants: !0,
+  lifeCycleHooks: !0,
+  visibilityHooks: !0,
+  eventListeners: !0
+}) {
+  e.lifeCycleHooks && re(t), e.syncVariants && ne(t), e.visibilityHooks && oe(t), e.eventListeners && ie(t);
+}
+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
+    }
+  ), {
+    state: e,
+    style: i
+  };
+}
+function k(t, e) {
+  h(
+    () => ut(t),
+    (i) => {
+      i && e(i);
+    },
+    {
+      immediate: !0
+    }
+  );
+}
+const ae = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ"
+};
+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
+    }
+  ), {
+    state: i,
+    transform: r
+  };
+}
+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);
+  });
+});
+const ue = new Set(et);
+function q(t) {
+  return ue.has(t);
+}
+const fe = /* @__PURE__ */ new Set(["originX", "originY", "originZ"]);
+function it(t) {
+  return fe.has(t);
+}
+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 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 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 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 {
+      ...r,
+      [o]: p
+    };
+  }, {});
+}
+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;
+    }
+    if (r = Number.parseFloat(`${r}`), i === "translateX") {
+      t.x = r;
+      return;
+    }
+    if (i === "translateY") {
+      t.y = r;
+      return;
+    }
+    if (i === "translateZ") {
+      t.z = r;
+      return;
+    }
+    t[i] = r;
+  });
+}
+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
+  };
+}
+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
+    }
+  ), k(t, () => e), {
+    motionProperties: i,
+    style: n,
+    transform: o
+  };
+}
+function ge(t = {}) {
+  const e = x(t), i = g();
+  return {
+    state: A(() => {
+      if (i.value)
+        return e[i.value];
+    }),
+    variant: i
+  };
+}
+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 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 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);
+      }
+    }
+    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
+  };
+}
+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;
+    };
+  }
+});
 export {
-  C 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
 };