@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-29.js

@@ -1,93 +1,93 @@
-import { defineComponent as oe, useSlots as Ue, computed as M, toRefs as _e, openBlock as ie, createBlock as ue, unref as C, withCtx as ye, renderSlot as $e, watch as H, normalizeStyle as He, getCurrentInstance as We, ref as O, nextTick as De, watchEffect as Le, onUnmounted as xe, onMounted as Ve } from "vue";
-import { DialogRoot as qe, DialogOverlay as Xe, DialogContent as Je, createContext as Ye } from "./chunk-68.js";
-import { DialogClose as mt, DialogDescription as wt, DialogPortal as gt, DialogTitle as ht, DialogTrigger as bt } from "./chunk-68.js";
+import { defineComponent as ie, useSlots as Be, computed as M, toRefs as We, openBlock as ue, createBlock as se, unref as k, withCtx as ye, renderSlot as $e, watch as L, normalizeStyle as _e, getCurrentInstance as Le, ref as D, nextTick as De, watchEffect as Ve, onUnmounted as xe, onMounted as Te, onBeforeUnmount as qe } from "vue";
+import { DialogRoot as Xe, DialogOverlay as Je, DialogContent as Ye, createContext as Ge } from "./chunk-68.js";
+import { DialogClose as gt, DialogDescription as wt, DialogPortal as ht, DialogTitle as bt, DialogTrigger as yt } from "./chunk-68.js";
 (function() {
   try {
     if (typeof document < "u") {
-      var e = document.createElement("style");
-      e.appendChild(document.createTextNode('[vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1)}[vaul-drawer][vaul-drawer-direction=bottom]{transform:translate3d(0,100%,0)}[vaul-drawer][vaul-drawer-direction=top]{transform:translate3d(0,-100%,0)}[vaul-drawer][vaul-drawer-direction=left]{transform:translate3d(-100%,0,0)}[vaul-drawer][vaul-drawer-direction=right]{transform:translate3d(100%,0,0)}.vaul-dragging .vaul-scrollable [vault-drawer-direction=top],.vaul-dragging .vaul-scrollable [vault-drawer-direction=bottom]{overflow-y:hidden!important}.vaul-dragging .vaul-scrollable [vault-drawer-direction=left],.vaul-dragging .vaul-scrollable [vault-drawer-direction=right]{overflow-x:hidden!important}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=top],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=left],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[vaul-overlay]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[vaul-overlay][vaul-drawer-visible=true]{opacity:1}[vaul-drawer]:after{content:"";position:absolute;background:inherit;background-color:inherit}[vaul-drawer][vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[vaul-drawer][vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible=false]){opacity:1}@keyframes fake-animation{}@media (hover: hover) and (pointer: fine){[vaul-drawer]{-webkit-user-select:none;user-select:none}}')), document.head.appendChild(e);
+      var a = document.createElement("style");
+      a.appendChild(document.createTextNode('[vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1)}[vaul-drawer][vaul-drawer-direction=bottom]{transform:translate3d(0,100%,0)}[vaul-drawer][vaul-drawer-direction=top]{transform:translate3d(0,-100%,0)}[vaul-drawer][vaul-drawer-direction=left]{transform:translate3d(-100%,0,0)}[vaul-drawer][vaul-drawer-direction=right]{transform:translate3d(100%,0,0)}.vaul-dragging .vaul-scrollable [vault-drawer-direction=top],.vaul-dragging .vaul-scrollable [vault-drawer-direction=bottom]{overflow-y:hidden!important}.vaul-dragging .vaul-scrollable [vault-drawer-direction=left],.vaul-dragging .vaul-scrollable [vault-drawer-direction=right]{overflow-x:hidden!important}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=top],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=left],[vaul-drawer][vaul-drawer-visible=true][vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[vaul-overlay]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[vaul-overlay][vaul-drawer-visible=true]{opacity:1}[vaul-drawer]:after{content:"";position:absolute;background:inherit;background-color:inherit}[vaul-drawer][vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[vaul-drawer][vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[vaul-drawer][vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[vaul-overlay][vaul-snap-points=true]:not([vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[vaul-overlay][vaul-snap-points-overlay=true]:not([vaul-drawer-visible=false]){opacity:1}@keyframes fake-animation{}@media (hover: hover) and (pointer: fine){[vaul-drawer]{-webkit-user-select:none;user-select:none}}')), document.head.appendChild(a);
     }
-  } catch (a) {
-    console.error("vite-plugin-css-injected-by-js", a);
+  } catch (n) {
+    console.error("vite-plugin-css-injected-by-js", n);
   }
 })();
-const Ge = typeof window < "u" && typeof document < "u";
+const Ke = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Ke = (e) => typeof e < "u";
-function Qe(e) {
-  return JSON.parse(JSON.stringify(e));
+const Qe = (a) => typeof a < "u";
+function Ze(a) {
+  return JSON.parse(JSON.stringify(a));
 }
-function ge(e, a, p, v = {}) {
-  var t, $, s;
+function we(a, n, d, v = {}) {
+  var t, x, s;
   const {
-    clone: R = !1,
-    passive: A = !1,
-    eventName: c,
-    deep: r = !1,
-    defaultValue: E,
-    shouldEmit: D
-  } = v, T = We(), n = p || T?.emit || ((t = T?.$emit) == null ? void 0 : t.bind(T)) || ((s = ($ = T?.proxy) == null ? void 0 : $.$emit) == null ? void 0 : s.bind(T?.proxy));
-  let I = c;
-  a || (a = "modelValue"), I = I || `update:${a.toString()}`;
-  const d = (f) => R ? typeof R == "function" ? R(f) : Qe(f) : f, i = () => Ke(e[a]) ? d(e[a]) : E, u = (f) => {
-    D ? D(f) && n(I, f) : n(I, f);
+    clone: f = !1,
+    passive: E = !1,
+    eventName: $,
+    deep: I = !1,
+    defaultValue: g,
+    shouldEmit: r
+  } = v, h = Le(), e = d || h?.emit || ((t = h?.$emit) == null ? void 0 : t.bind(h)) || ((s = (x = h?.proxy) == null ? void 0 : x.$emit) == null ? void 0 : s.bind(h?.proxy));
+  let N = $;
+  n || (n = "modelValue"), N = N || `update:${n.toString()}`;
+  const z = (o) => f ? typeof f == "function" ? f(o) : Ze(o) : o, C = () => Qe(a[n]) ? z(a[n]) : g, i = (o) => {
+    r ? r(o) && e(N, o) : e(N, o);
   };
-  if (A) {
-    const f = i(), y = O(f);
-    let g = !1;
-    return H(
-      () => e[a],
-      (x) => {
-        g || (g = !0, y.value = d(x), De(() => g = !1));
+  if (E) {
+    const o = C(), u = D(o);
+    let b = !1;
+    return L(
+      () => a[n],
+      (T) => {
+        b || (b = !0, u.value = z(T), De(() => b = !1));
       }
-    ), H(
-      y,
-      (x) => {
-        !g && (x !== e[a] || r) && u(x);
+    ), L(
+      u,
+      (T) => {
+        !b && (T !== a[n] || I) && i(T);
       },
-      { deep: r }
-    ), y;
+      { deep: I }
+    ), u;
   } else
     return M({
       get() {
-        return i();
+        return C();
       },
-      set(f) {
-        u(f);
+      set(o) {
+        i(o);
       }
     });
 }
-const [Oe, Ze] = Ye("DrawerRoot"), Te = /* @__PURE__ */ new WeakMap();
-function b(e, a, p = !1) {
-  if (!e || !(e instanceof HTMLElement) || !a)
+const [Oe, et] = Ge("DrawerRoot"), Re = /* @__PURE__ */ new WeakMap();
+function y(a, n, d = !1) {
+  if (!a || !(a instanceof HTMLElement) || !n)
     return;
   const v = {};
-  Object.entries(a).forEach(([t, $]) => {
+  Object.entries(n).forEach(([t, x]) => {
     if (t.startsWith("--")) {
-      e.style.setProperty(t, $);
+      a.style.setProperty(t, x);
       return;
     }
-    v[t] = e.style[t], e.style[t] = $;
-  }), !p && Te.set(e, v);
+    v[t] = a.style[t], a.style[t] = x;
+  }), !d && Re.set(a, v);
 }
-function te(e, a) {
-  if (!e || !(e instanceof HTMLElement))
+function ne(a, n) {
+  if (!a || !(a instanceof HTMLElement))
     return;
-  const p = Te.get(e);
-  p && (a ? e.style[a] = p[a] : Object.entries(p).forEach(([v, t]) => {
-    e.style[v] = t;
+  const d = Re.get(a);
+  d && (n ? a.style[n] = d[n] : Object.entries(d).forEach(([v, t]) => {
+    a.style[v] = t;
   }));
 }
-function ae(e, a) {
-  const p = window.getComputedStyle(e), v = p.transform || p.webkitTransform || p.mozTransform;
+function le(a, n) {
+  const d = window.getComputedStyle(a), v = d.transform || d.webkitTransform || d.mozTransform;
   let t = v.match(/^matrix3d\((.+)\)$/);
-  return t ? Number.parseFloat(t[1].split(", ")[S(a) ? 13 : 12]) : (t = v.match(/^matrix\((.+)\)$/), t ? Number.parseFloat(t[1].split(", ")[S(a) ? 5 : 4]) : null);
+  return t ? Number.parseFloat(t[1].split(", ")[R(n) ? 13 : 12]) : (t = v.match(/^matrix\((.+)\)$/), t ? Number.parseFloat(t[1].split(", ")[R(n) ? 5 : 4]) : null);
 }
-function et(e) {
-  return 8 * (Math.log(e + 1) - 2);
+function tt(a) {
+  return 8 * (Math.log(a + 1) - 2);
 }
-function S(e) {
-  switch (e) {
+function R(a) {
+  switch (a) {
     case "top":
     case "bottom":
       return !0;
@@ -95,74 +95,89 @@ function S(e) {
     case "right":
       return !1;
     default:
-      return e;
+      return a;
   }
 }
-const w = {
+const m = {
   DURATION: 0.5,
   EASE: [0.32, 0.72, 0, 1]
 }, Se = 0.4;
-function tt({
-  activeSnapPoint: e,
-  snapPoints: a,
-  drawerRef: p,
+function at({
+  activeSnapPoint: a,
+  snapPoints: n,
+  drawerRef: d,
   overlayRef: v,
   fadeFromIndex: t,
-  onSnapPointChange: $,
+  onSnapPointChange: x,
   direction: s
 }) {
-  const R = M(
-    () => (a.value && e.value === a.value[a.value.length - 1]) ?? null
-  ), A = M(
-    () => a.value && a.value.length > 0 && (t?.value || t?.value === 0) && !Number.isNaN(t?.value) && a.value[t?.value ?? -1] === e.value || !a.value
-  ), c = M(
+  const f = D(typeof window < "u" ? {
+    innerWidth: window.innerWidth,
+    innerHeight: window.innerHeight
+  } : void 0);
+  function E() {
+    f.value = {
+      innerWidth: window.innerWidth,
+      innerHeight: window.innerHeight
+    };
+  }
+  Te(() => {
+    typeof window < "u" && window.addEventListener("resize", E);
+  }), qe(() => {
+    typeof window < "u" && window.removeEventListener("resize", E);
+  });
+  const $ = M(
+    () => (n.value && a.value === n.value[n.value.length - 1]) ?? null
+  ), I = M(
+    () => n.value && n.value.length > 0 && (t?.value || t?.value === 0) && !Number.isNaN(t?.value) && n.value[t?.value ?? -1] === a.value || !n.value
+  ), g = M(
     () => {
-      var d;
-      return ((d = a.value) == null ? void 0 : d.findIndex((i) => i === e.value)) ?? null;
+      var i;
+      return ((i = n.value) == null ? void 0 : i.findIndex((o) => o === a.value)) ?? null;
     }
   ), r = M(
     () => {
-      var d;
-      return ((d = a.value) == null ? void 0 : d.map((i) => {
-        const u = typeof window < "u", f = typeof i == "string";
-        let y = 0;
-        if (f && (y = Number.parseInt(i, 10)), S(s.value)) {
-          const x = f ? y : u ? i * window.innerHeight : 0;
-          return u ? s.value === "bottom" ? window.innerHeight - x : -window.innerHeight + x : x;
+      var i;
+      return ((i = n.value) == null ? void 0 : i.map((o) => {
+        const u = typeof o == "string";
+        let b = 0;
+        if (u && (b = Number.parseInt(o, 10)), R(s.value)) {
+          const P = u ? b : f.value ? o * f.value.innerHeight : 0;
+          return f.value ? s.value === "bottom" ? f.value.innerHeight - P : -f.value.innerHeight + P : P;
         }
-        const g = f ? y : u ? i * window.innerWidth : 0;
-        return u ? s.value === "right" ? window.innerWidth - g : -window.innerWidth + g : g;
+        const T = u ? b : f.value ? o * f.value.innerWidth : 0;
+        return f.value ? s.value === "right" ? f.value.innerWidth - T : -f.value.innerWidth + T : T;
       })) ?? [];
     }
-  ), E = M(
+  ), h = M(
     () => {
-      var d;
-      return c.value !== null ? (d = r.value) == null ? void 0 : d[c.value] : null;
+      var i;
+      return g.value !== null ? (i = r.value) == null ? void 0 : i[g.value] : null;
     }
-  ), D = (d) => {
-    var i, u, f, y;
-    const g = ((i = r.value) == null ? void 0 : i.findIndex((x) => x === d)) ?? null;
+  ), e = (i) => {
+    var o, u, b, T;
+    const P = ((o = r.value) == null ? void 0 : o.findIndex((U) => U === i)) ?? null;
     De(() => {
-      var x;
-      $(g, r.value), b((x = p.value) == null ? void 0 : x.$el, {
-        transition: `transform ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
-        transform: S(s.value) ? `translate3d(0, ${d}px, 0)` : `translate3d(${d}px, 0, 0)`
+      var U;
+      x(P, r.value), y((U = d.value) == null ? void 0 : U.$el, {
+        transition: `transform ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
+        transform: R(s.value) ? `translate3d(0, ${i}px, 0)` : `translate3d(${i}px, 0, 0)`
       });
-    }), r.value && g !== r.value.length - 1 && g !== t?.value ? b((u = v.value) == null ? void 0 : u.$el, {
-      transition: `opacity ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
+    }), r.value && P !== r.value.length - 1 && P !== t?.value ? y((u = v.value) == null ? void 0 : u.$el, {
+      transition: `opacity ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
       opacity: "0"
-    }) : b((f = v.value) == null ? void 0 : f.$el, {
-      transition: `opacity ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
+    }) : y((b = v.value) == null ? void 0 : b.$el, {
+      transition: `opacity ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
       opacity: "1"
-    }), e.value = g !== null ? ((y = a.value) == null ? void 0 : y[g]) ?? null : null;
+    }), a.value = P !== null ? ((T = n.value) == null ? void 0 : T[P]) ?? null : null;
   };
-  H(
-    [e, r, a],
+  L(
+    [a, r, n],
     () => {
-      var d;
-      if (e.value) {
-        const i = ((d = a.value) == null ? void 0 : d.findIndex((u) => u === e.value)) ?? -1;
-        r.value && i !== -1 && typeof r.value[i] == "number" && D(r.value[i]);
+      var i;
+      if (a.value) {
+        const o = ((i = n.value) == null ? void 0 : i.findIndex((u) => u === a.value)) ?? -1;
+        r.value && o !== -1 && typeof r.value[o] == "number" && e(r.value[o]);
       }
     },
     {
@@ -170,274 +185,274 @@ function tt({
       // if you want to run the effect immediately as well
     }
   );
-  function T({
-    draggedDistance: d,
-    closeDrawer: i,
+  function N({
+    draggedDistance: i,
+    closeDrawer: o,
     velocity: u,
-    dismissible: f
+    dismissible: b
   }) {
-    var y, g, x;
-    if (t === void 0)
+    var T, P, U;
+    if (t.value === void 0)
       return;
-    const Y = s.value === "bottom" || s.value === "right" ? (E.value ?? 0) - d : (E.value ?? 0) + d, W = c.value === (t.value ?? 0) - 1, L = c.value === 0, F = d > 0;
-    if (W && b((y = v.value) == null ? void 0 : y.$el, {
-      transition: `opacity ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`
-    }), u > 2 && !F) {
-      f ? i() : D(r.value[0]);
+    const F = s.value === "bottom" || s.value === "right" ? (h.value ?? 0) - i : (h.value ?? 0) + i, Y = g.value === t.value - 1, V = g.value === 0, G = i > 0;
+    if (Y && y((T = v.value) == null ? void 0 : T.$el, {
+      transition: `opacity ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`
+    }), u > 2 && !G) {
+      b ? o() : e(r.value[0]);
       return;
     }
-    if (u > 2 && F && r && a.value) {
-      D(r.value[a.value.length - 1]);
+    if (u > 2 && G && r && n.value) {
+      e(r.value[n.value.length - 1]);
       return;
     }
-    const V = (g = r.value) == null ? void 0 : g.reduce((o, q) => typeof o != "number" || typeof q != "number" ? o : Math.abs(q - Y) < Math.abs(o - Y) ? q : o), ne = S(s.value) ? window.innerHeight : window.innerWidth;
-    if (u > Se && Math.abs(d) < ne * 0.4) {
-      const o = F ? 1 : -1;
-      if (o > 0 && R) {
-        D(r.value[(((x = a.value) == null ? void 0 : x.length) ?? 0) - 1]);
+    const c = (P = r.value) == null ? void 0 : P.reduce((O, q) => typeof O != "number" || typeof q != "number" ? O : Math.abs(q - F) < Math.abs(O - F) ? q : O), Z = R(s.value) ? window.innerHeight : window.innerWidth;
+    if (u > Se && Math.abs(i) < Z * 0.4) {
+      const O = G ? 1 : -1;
+      if (O > 0 && $) {
+        e(r.value[(((U = n.value) == null ? void 0 : U.length) ?? 0) - 1]);
         return;
       }
-      if (L && o < 0 && f && i(), c.value === null)
+      if (V && O < 0 && b && o(), g.value === null)
         return;
-      D(r.value[c.value + o]);
+      e(r.value[g.value + O]);
       return;
     }
-    D(V);
+    e(c);
   }
-  function n({ draggedDistance: d }) {
-    var i;
-    if (E.value === null)
+  function z({ draggedDistance: i }) {
+    var o;
+    if (h.value === null)
       return;
-    const u = s.value === "bottom" || s.value === "right" ? (E.value ?? 0) - d : (E.value ?? 0) + d;
-    (s.value === "bottom" || s.value === "right") && u < r.value[r.value.length - 1] || (s.value === "top" || s.value === "left") && u > r.value[r.value.length - 1] || b((i = p.value) == null ? void 0 : i.$el, {
-      transform: S(s.value) ? `translate3d(0, ${u}px, 0)` : `translate3d(${u}px, 0, 0)`
+    const u = s.value === "bottom" || s.value === "right" ? h.value - i : h.value + i;
+    (s.value === "bottom" || s.value === "right") && u < r.value[r.value.length - 1] || (s.value === "top" || s.value === "left") && u > r.value[r.value.length - 1] || y((o = d.value) == null ? void 0 : o.$el, {
+      transform: R(s.value) ? `translate3d(0, ${u}px, 0)` : `translate3d(${u}px, 0, 0)`
     });
   }
-  function I(d, i) {
-    if (!a || typeof c.value != "number" || !r.value || t === void 0)
+  function C(i, o) {
+    if (!n.value || typeof g.value != "number" || !r.value || t.value === void 0)
       return null;
-    const u = c.value === (t.value ?? 0) - 1;
-    if (c.value >= (t.value ?? 0) && i)
+    const u = g.value === t.value - 1;
+    if (g.value >= t.value && o)
       return 0;
-    if (u && !i)
+    if (u && !o)
       return 1;
-    if (!A.value && !u)
+    if (!I.value && !u)
       return null;
-    const f = u ? c.value + 1 : c.value - 1, y = u ? r.value[f] - r.value[f - 1] : r.value[f + 1] - r.value[f], g = d / Math.abs(y);
-    return u ? 1 - g : g;
+    const b = u ? g.value + 1 : g.value - 1, T = u ? r.value[b] - r.value[b - 1] : r.value[b + 1] - r.value[b], P = i / Math.abs(T);
+    return u ? 1 - P : P;
   }
   return {
-    isLastSnapPoint: R,
-    shouldFade: A,
-    getPercentageDragged: I,
-    activeSnapPointIndex: c,
-    onRelease: T,
-    onDrag: n,
+    isLastSnapPoint: $,
+    shouldFade: I,
+    getPercentageDragged: C,
+    activeSnapPointIndex: g,
+    onRelease: N,
+    onDrag: z,
     snapPointsOffset: r
   };
 }
-let K = null;
-function at(e) {
-  const { isOpen: a, modal: p, nested: v, hasBeenOpened: t } = e, $ = O(typeof window < "u" ? window.location.href : ""), s = O(0);
-  function R() {
-    if (K === null && a.value) {
-      K = {
+let Q = null;
+function nt(a) {
+  const { isOpen: n, modal: d, nested: v, hasBeenOpened: t } = a, x = D(typeof window < "u" ? window.location.href : ""), s = D(0);
+  function f() {
+    if (Q === null && n.value) {
+      Q = {
         position: document.body.style.position,
         top: document.body.style.top,
         left: document.body.style.left,
         height: document.body.style.height
       };
-      const { scrollX: c, innerHeight: r } = window;
-      document.body.style.position = "fixed", document.body.style.top = `-${s.value}px`, document.body.style.left = `-${c}px`, document.body.style.right = "0px", document.body.style.height = "auto", setTimeout(() => {
+      const { scrollX: $, innerHeight: I } = window;
+      document.body.style.position = "fixed", document.body.style.top = `-${s.value}px`, document.body.style.left = `-${$}px`, document.body.style.right = "0px", document.body.style.height = "auto", setTimeout(() => {
         requestAnimationFrame(() => {
-          const E = r - window.innerHeight;
-          E && s.value >= r && (document.body.style.top = `-${s.value + E}px`);
+          const g = I - window.innerHeight;
+          g && s.value >= I && (document.body.style.top = `-${s.value + g}px`);
         });
       }, 300);
     }
   }
-  function A() {
-    if (K !== null) {
-      const c = -Number.parseInt(document.body.style.top, 10), r = -Number.parseInt(document.body.style.left, 10);
-      Object.assign(document.body.style, K), requestAnimationFrame(() => {
-        if ($.value !== window.location.href) {
-          $.value = window.location.href;
+  function E() {
+    if (Q !== null) {
+      const $ = -Number.parseInt(document.body.style.top, 10), I = -Number.parseInt(document.body.style.left, 10);
+      Object.assign(document.body.style, Q), requestAnimationFrame(() => {
+        if (x.value !== window.location.href) {
+          x.value = window.location.href;
           return;
         }
-        window.scrollTo(r, c);
-      }), K = null;
+        window.scrollTo(I, $);
+      }), Q = null;
     }
   }
-  return Ve(() => {
-    function c() {
+  return Te(() => {
+    function $() {
       s.value = window.scrollY;
     }
-    c(), window.addEventListener("scroll", c), xe(() => {
-      window.removeEventListener("scroll", c);
+    $(), window.addEventListener("scroll", $), xe(() => {
+      window.removeEventListener("scroll", $);
     });
-  }), H([a, t, $], () => {
-    v.value || !t.value || (a.value ? (!window.matchMedia("(display-mode: standalone)").matches && R(), p.value || setTimeout(() => {
-      A();
-    }, 500)) : A());
-  }), { restorePositionSetting: A };
+  }), L([n, t, x], () => {
+    v.value || !t.value || (n.value ? (!window.matchMedia("(display-mode: standalone)").matches && f(), d.value || setTimeout(() => {
+      E();
+    }, 500)) : E());
+  }), { restorePositionSetting: E };
 }
-const nt = 0.25, lt = 100, he = 8, _ = 16, rt = 26, be = "vaul-dragging";
-function ot(e, a) {
-  return e && e.value ? e : a;
+const lt = 0.25, rt = 100, he = 8, _ = 16, ot = 26, be = "vaul-dragging";
+function it(a, n) {
+  return a && a.value ? a : n;
 }
-function it(e) {
+function ut(a) {
   const {
-    emitDrag: a,
-    emitRelease: p,
+    emitDrag: n,
+    emitRelease: d,
     emitClose: v,
     emitOpenChange: t,
-    open: $,
+    open: x,
     dismissible: s,
-    nested: R,
-    modal: A,
-    shouldScaleBackground: c,
-    scrollLockTimeout: r,
-    closeThreshold: E,
-    activeSnapPoint: D,
-    fadeFromIndex: T,
-    direction: n
-  } = e, I = O($.value ?? !1), d = O(!1), i = O(!1), u = O(!1), f = O(!1), y = O(null), g = O(null), x = O(null), Y = O(null), W = O(null), L = O(!0), F = O(null), V = O(0), ne = O(!1);
-  O(0);
-  const o = O(null);
-  O(0);
-  const q = M(() => {
+    nested: f,
+    modal: E,
+    shouldScaleBackground: $,
+    scrollLockTimeout: I,
+    closeThreshold: g,
+    activeSnapPoint: r,
+    fadeFromIndex: h,
+    direction: e
+  } = a, N = D(x.value ?? !1), z = D(!1), C = D(!1), i = D(!1), o = D(!1), u = D(null), b = D(null), T = D(null), P = D(null), U = D(null), F = D(!0), Y = D(null), V = D(0), G = D(!1);
+  D(0);
+  const c = D(null);
+  D(0);
+  const Z = M(() => {
     var l;
-    return ((l = o.value) == null ? void 0 : l.$el.getBoundingClientRect().height) || 0;
-  }), B = ot(
-    e.snapPoints,
-    O(void 0)
+    return ((l = c.value) == null ? void 0 : l.$el.getBoundingClientRect().height) || 0;
+  }), O = it(
+    a.snapPoints,
+    D(void 0)
   ), {
-    activeSnapPointIndex: se,
-    onRelease: Re,
-    snapPointsOffset: Pe,
-    onDrag: Ee,
-    shouldFade: de,
+    activeSnapPointIndex: q,
+    onRelease: Pe,
+    snapPointsOffset: Ee,
+    onDrag: Ne,
+    shouldFade: ve,
     getPercentageDragged: Ae
-  } = tt({
-    snapPoints: B,
-    activeSnapPoint: D,
-    drawerRef: o,
-    fadeFromIndex: T,
-    overlayRef: y,
+  } = at({
+    snapPoints: O,
+    activeSnapPoint: r,
+    drawerRef: c,
+    fadeFromIndex: h,
+    overlayRef: u,
     onSnapPointChange: Ie,
-    direction: n
+    direction: e
   });
-  function Ie(l, m) {
-    B.value && l === m.length - 1 && (g.value = /* @__PURE__ */ new Date());
+  function Ie(l, p) {
+    O.value && l === p.length - 1 && (b.value = /* @__PURE__ */ new Date());
   }
-  const { restorePositionSetting: Ne } = at({
-    isOpen: I,
-    modal: A,
-    nested: R,
-    hasBeenOpened: d
+  const { restorePositionSetting: ke } = nt({
+    isOpen: N,
+    modal: E,
+    nested: f,
+    hasBeenOpened: z
   });
   function X() {
-    return (window.innerWidth - rt) / window.innerWidth;
+    return (window.innerWidth - ot) / window.innerWidth;
   }
-  function ve(l, m) {
-    var P;
+  function de(l, p) {
+    var S;
     if (!l)
       return !1;
-    let h = l;
-    const N = (P = window.getSelection()) == null ? void 0 : P.toString(), k = o.value ? ae(o.value.$el, n.value) : null, j = /* @__PURE__ */ new Date();
-    if (h.hasAttribute("data-vaul-no-drag") || h.closest("[data-vaul-no-drag]"))
+    let w = l;
+    const A = (S = window.getSelection()) == null ? void 0 : S.toString(), H = c.value ? le(c.value.$el, e.value) : null, j = /* @__PURE__ */ new Date();
+    if (w.hasAttribute("data-vaul-no-drag") || w.closest("[data-vaul-no-drag]"))
       return !1;
-    if (n.value === "right" || n.value === "left")
+    if (e.value === "right" || e.value === "left")
       return !0;
-    if (g.value && j.getTime() - g.value.getTime() < 500)
+    if (b.value && j.getTime() - b.value.getTime() < 500)
       return !1;
-    if (k !== null && (n.value === "bottom" ? k > 0 : k < 0))
+    if (H !== null && (e.value === "bottom" ? H > 0 : H < 0))
       return !0;
-    if (N && N.length > 0)
+    if (A && A.length > 0)
       return !1;
-    if (W.value && j.getTime() - W.value.getTime() < r.value && k === 0 || m)
-      return W.value = j, !1;
-    for (; h; ) {
-      if (h.scrollHeight > h.clientHeight) {
-        if (h.scrollTop !== 0)
-          return W.value = /* @__PURE__ */ new Date(), !1;
-        if (h.getAttribute("role") === "dialog")
+    if (U.value && j.getTime() - U.value.getTime() < I.value && H === 0 || p)
+      return U.value = j, !1;
+    for (; w; ) {
+      if (w.scrollHeight > w.clientHeight) {
+        if (w.scrollTop !== 0)
+          return U.value = /* @__PURE__ */ new Date(), !1;
+        if (w.getAttribute("role") === "dialog")
           return !0;
       }
-      h = h.parentNode;
+      w = w.parentNode;
     }
     return !0;
   }
   function Ce(l) {
-    !s.value && !B.value || o.value && !o.value.$el.contains(l.target) || (u.value = !0, x.value = /* @__PURE__ */ new Date(), l.target.setPointerCapture(l.pointerId), V.value = S(n.value) ? l.clientY : l.clientX);
+    !s.value && !O.value || c.value && !c.value.$el.contains(l.target) || (i.value = !0, T.value = /* @__PURE__ */ new Date(), l.target.setPointerCapture(l.pointerId), V.value = R(e.value) ? l.clientY : l.clientX);
   }
-  function ke(l) {
-    var m, P, h, N, k, j;
-    if (o.value && u.value) {
-      const J = n.value === "bottom" || n.value === "right" ? 1 : -1, Q = (V.value - (S(n.value) ? l.clientY : l.clientX)) * J, Z = Q > 0, fe = B.value && !s.value && !Z;
-      if (fe && se.value === 0)
+  function He(l) {
+    var p, S, w, A, H, j;
+    if (c.value && i.value) {
+      const J = e.value === "bottom" || e.value === "right" ? 1 : -1, ee = (V.value - (R(e.value) ? l.clientY : l.clientX)) * J, te = ee > 0, fe = O.value && !s.value && !te;
+      if (fe && q.value === 0)
         return;
-      const re = Math.abs(Q), pe = document.querySelector("[vaul-drawer-wrapper]");
-      let z = re / q.value;
-      const me = Ae(re, Z);
-      if (me !== null && (z = me), fe && z >= 1 || !L.value && !ve(l.target, Z))
+      const oe = Math.abs(ee), pe = document.querySelector("[vaul-drawer-wrapper]");
+      let B = oe / Z.value;
+      const me = Ae(oe, te);
+      if (me !== null && (B = me), fe && B >= 1 || !F.value && !de(l.target, te))
         return;
-      if ((m = o?.value) == null || m.$el.classList.add(be), L.value = !0, b((P = o.value) == null ? void 0 : P.$el, {
+      if ((p = c?.value) == null || p.$el.classList.add(be), F.value = !0, y((S = c.value) == null ? void 0 : S.$el, {
         transition: "none"
-      }), b((h = y.value) == null ? void 0 : h.$el, {
+      }), y((w = u.value) == null ? void 0 : w.$el, {
         transition: "none"
-      }), B.value && Ee({ draggedDistance: Q }), Z && !B.value) {
-        const U = et(Q), ee = Math.min(U * -1, 0) * J;
-        b((N = o.value) == null ? void 0 : N.$el, {
-          transform: S(n.value) ? `translate3d(0, ${ee}px, 0)` : `translate3d(${ee}px, 0, 0)`
+      }), O.value && Ne({ draggedDistance: ee }), te && !O.value) {
+        const W = tt(ee), ae = Math.min(W * -1, 0) * J;
+        y((A = c.value) == null ? void 0 : A.$el, {
+          transform: R(e.value) ? `translate3d(0, ${ae}px, 0)` : `translate3d(${ae}px, 0, 0)`
         });
         return;
       }
-      const ze = 1 - z;
-      if ((de.value || T.value && se.value === T.value - 1) && (a(z), b(
-        (k = y.value) == null ? void 0 : k.$el,
+      const Fe = 1 - B;
+      if ((ve.value || h.value && q.value === h.value - 1) && (n(B), y(
+        (H = u.value) == null ? void 0 : H.$el,
         {
-          opacity: `${ze}`,
+          opacity: `${Fe}`,
           transition: "none"
         },
         !0
-      )), pe && y.value && c.value) {
-        const U = Math.min(X() + z * (1 - X()), 1), ee = 8 - z * 8, we = Math.max(0, 14 - z * 14);
-        b(
+      )), pe && u.value && $.value) {
+        const W = Math.min(X() + B * (1 - X()), 1), ae = 8 - B * 8, ge = Math.max(0, 14 - B * 14);
+        y(
           pe,
           {
-            borderRadius: `${ee}px`,
-            transform: S(n.value) ? `scale(${U}) translate3d(0, ${we}px, 0)` : `scale(${U}) translate3d(${we}px, 0, 0)`,
+            borderRadius: `${ae}px`,
+            transform: R(e.value) ? `scale(${W}) translate3d(0, ${ge}px, 0)` : `scale(${W}) translate3d(${ge}px, 0, 0)`,
             transition: "none"
           },
           !0
         );
       }
-      if (!B.value) {
-        const U = re * J;
-        b((j = o.value) == null ? void 0 : j.$el, {
-          transform: S(n.value) ? `translate3d(0, ${U}px, 0)` : `translate3d(${U}px, 0, 0)`
+      if (!O.value) {
+        const W = oe * J;
+        y((j = c.value) == null ? void 0 : j.$el, {
+          transform: R(e.value) ? `translate3d(0, ${W}px, 0)` : `translate3d(${W}px, 0, 0)`
         });
       }
     }
   }
   function ce() {
     var l;
-    if (!o.value)
+    if (!c.value)
       return;
-    const m = document.querySelector("[vaul-drawer-wrapper]"), P = ae(o.value.$el, n.value);
-    b(o.value.$el, {
+    const p = document.querySelector("[vaul-drawer-wrapper]"), S = le(c.value.$el, e.value);
+    y(c.value.$el, {
       transform: "translate3d(0, 0, 0)",
-      transition: `transform ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`
-    }), b((l = y.value) == null ? void 0 : l.$el, {
-      transition: `opacity ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
+      transition: `transform ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`
+    }), y((l = u.value) == null ? void 0 : l.$el, {
+      transition: `opacity ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
       opacity: "1"
-    }), c.value && P && P > 0 && I.value && b(
-      m,
+    }), $.value && S && S > 0 && N.value && y(
+      p,
       {
         borderRadius: `${he}px`,
         overflow: "hidden",
-        ...S(n.value) ? {
+        ...R(e.value) ? {
           transform: `scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
           transformOrigin: "top"
         } : {
@@ -445,93 +460,93 @@ function it(e) {
           transformOrigin: "left"
         },
         transitionProperty: "transform, border-radius",
-        transitionDuration: `${w.DURATION}s`,
-        transitionTimingFunction: `cubic-bezier(${w.EASE.join(",")})`
+        transitionDuration: `${m.DURATION}s`,
+        transitionTimingFunction: `cubic-bezier(${m.EASE.join(",")})`
       },
       !0
     );
   }
-  function G() {
+  function K() {
     var l;
-    o.value && (b(o.value.$el, {
-      transform: S(n.value) ? `translate3d(0, ${n.value === "bottom" ? "100%" : "-100%"}, 0)` : `translate3d(${n.value === "right" ? "100%" : "-100%"}, 0, 0)`,
-      transition: `transform ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`
-    }), b((l = y.value) == null ? void 0 : l.$el, {
+    c.value && (v(), y(c.value.$el, {
+      transform: R(e.value) ? `translate3d(0, ${e.value === "bottom" ? "100%" : "-100%"}, 0)` : `translate3d(${e.value === "right" ? "100%" : "-100%"}, 0, 0)`,
+      transition: `transform ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`
+    }), y((l = u.value) == null ? void 0 : l.$el, {
       opacity: "0",
-      transition: `opacity ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`
-    }), le(!1), window.setTimeout(() => {
-      i.value = !1, I.value = !1;
+      transition: `opacity ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`
+    }), re(!1), window.setTimeout(() => {
+      C.value = !1, N.value = !1;
     }, 300), window.setTimeout(() => {
-      B.value && (D.value = B.value[0]);
-    }, w.DURATION * 1e3));
+      O.value && (r.value = O.value[0]);
+    }, m.DURATION * 1e3));
   }
-  Le(() => {
-    if (!I.value && c.value && Ge) {
+  Ve(() => {
+    if (!N.value && $.value && Ke) {
       const l = setTimeout(() => {
-        te(document.body);
+        ne(document.body);
       }, 200);
       return () => clearTimeout(l);
     }
   }), xe(() => {
-    le(!1), Ne();
+    re(!1), ke();
   });
-  function Be(l) {
-    if (!u.value || !o.value)
+  function Ue(l) {
+    if (!i.value || !c.value)
       return;
-    o.value.$el.classList.remove(be), L.value = !1, u.value = !1, Y.value = /* @__PURE__ */ new Date();
-    const m = ae(o.value.$el, n.value);
-    if (!ve(l.target, !1) || !m || Number.isNaN(m) || x.value === null)
+    c.value.$el.classList.remove(be), F.value = !1, i.value = !1, P.value = /* @__PURE__ */ new Date();
+    const p = le(c.value.$el, e.value);
+    if (!de(l.target, !1) || !p || Number.isNaN(p) || T.value === null)
       return;
-    const P = Y.value.getTime() - x.value.getTime(), h = V.value - (S(n.value) ? l.clientY : l.clientX), N = Math.abs(h) / P;
-    if (N > 0.05 && (f.value = !0, window.setTimeout(() => {
-      f.value = !1;
-    }, 200)), B.value) {
-      const j = n.value === "bottom" || n.value === "right" ? 1 : -1;
-      Re({
-        draggedDistance: h * j,
-        closeDrawer: G,
-        velocity: N,
+    const S = P.value.getTime() - T.value.getTime(), w = V.value - (R(e.value) ? l.clientY : l.clientX), A = Math.abs(w) / S;
+    if (A > 0.05 && (o.value = !0, window.setTimeout(() => {
+      o.value = !1;
+    }, 200)), O.value) {
+      const j = e.value === "bottom" || e.value === "right" ? 1 : -1;
+      Pe({
+        draggedDistance: w * j,
+        closeDrawer: K,
+        velocity: A,
         dismissible: s.value
-      }), p(!0);
+      }), d(!0);
       return;
     }
-    if (n.value === "bottom" || n.value === "right" ? h > 0 : h < 0) {
-      ce(), p(!0);
+    if (e.value === "bottom" || e.value === "right" ? w > 0 : w < 0) {
+      ce(), d(!0);
       return;
     }
-    if (N > Se) {
-      G(), p(!1);
+    if (A > Se) {
+      K(), d(!1);
       return;
     }
-    const k = Math.min(
-      o.value.$el.getBoundingClientRect().height ?? 0,
+    const H = Math.min(
+      c.value.$el.getBoundingClientRect().height ?? 0,
       window.innerHeight
     );
-    if (m >= k * E.value) {
-      G(), p(!1);
+    if (p >= H * g.value) {
+      K(), d(!1);
       return;
     }
-    p(!0), ce();
+    d(!0), ce();
   }
-  H(I, (l) => {
-    l && (g.value = /* @__PURE__ */ new Date(), le(!0)), t(l);
-  }, { immediate: !0 }), H($, (l) => {
-    l ? (I.value = l, d.value = !0) : G();
+  L(N, (l) => {
+    l && (b.value = /* @__PURE__ */ new Date(), re(!0)), t(l);
+  }, { immediate: !0 }), L(x, (l) => {
+    l ? (N.value = l, z.value = !0) : K();
   }, { immediate: !0 });
-  function le(l) {
-    const m = document.querySelector("[vaul-drawer-wrapper]");
-    !m || !c.value || (l ? (b(document.body, {
+  function re(l) {
+    const p = document.querySelector("[vaul-drawer-wrapper]");
+    !p || !$.value || (l ? (y(document.body, {
       background: document.body.style.backgroundColor || document.body.style.background
-    }), b(
+    }), y(
       document.body,
       {
         background: "black"
       },
       !0
-    ), b(m, {
+    ), y(p, {
       borderRadius: `${he}px`,
       overflow: "hidden",
-      ...S(n.value) ? {
+      ...R(e.value) ? {
         transform: `scale(${X()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
         transformOrigin: "top"
       } : {
@@ -539,90 +554,90 @@ function it(e) {
         transformOrigin: "left"
       },
       transitionProperty: "transform, border-radius",
-      transitionDuration: `${w.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${w.EASE.join(",")})`
-    })) : (te(m, "overflow"), te(m, "transform"), te(m, "borderRadius"), b(m, {
+      transitionDuration: `${m.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${m.EASE.join(",")})`
+    })) : (ne(p, "overflow"), ne(p, "transform"), ne(p, "borderRadius"), y(p, {
       transitionProperty: "transform, border-radius",
-      transitionDuration: `${w.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${w.EASE.join(",")})`
+      transitionDuration: `${m.DURATION}s`,
+      transitionTimingFunction: `cubic-bezier(${m.EASE.join(",")})`
     })));
   }
   function je(l) {
-    var m, P;
-    const h = l ? (window.innerWidth - _) / window.innerWidth : 1, N = l ? -_ : 0;
-    F.value && window.clearTimeout(F.value), b((m = o.value) == null ? void 0 : m.$el, {
-      transition: `transform ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
-      transform: `scale(${h}) translate3d(0, ${N}px, 0)`
-    }), !l && (P = o.value) != null && P.$el && (F.value = window.setTimeout(() => {
-      var k, j;
-      const J = ae((k = o.value) == null ? void 0 : k.$el, n.value);
-      b((j = o.value) == null ? void 0 : j.$el, {
+    var p, S;
+    const w = l ? (window.innerWidth - _) / window.innerWidth : 1, A = l ? -_ : 0;
+    Y.value && window.clearTimeout(Y.value), y((p = c.value) == null ? void 0 : p.$el, {
+      transition: `transform ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
+      transform: `scale(${w}) translate3d(0, ${A}px, 0)`
+    }), !l && (S = c.value) != null && S.$el && (Y.value = window.setTimeout(() => {
+      var H, j;
+      const J = le((H = c.value) == null ? void 0 : H.$el, e.value);
+      y((j = c.value) == null ? void 0 : j.$el, {
         transition: "none",
-        transform: S(n.value) ? `translate3d(0, ${J}px, 0)` : `translate3d(${J}px, 0, 0)`
+        transform: R(e.value) ? `translate3d(0, ${J}px, 0)` : `translate3d(${J}px, 0, 0)`
       });
     }, 500));
   }
-  function Me(l) {
-    var m;
+  function ze(l) {
+    var p;
     if (l < 0)
       return;
-    const P = S(n.value) ? window.innerHeight : window.innerWidth, h = (P - _) / P, N = h + l * (1 - h), k = -_ + l * _;
-    b((m = o.value) == null ? void 0 : m.$el, {
-      transform: S(n.value) ? `scale(${N}) translate3d(0, ${k}px, 0)` : `scale(${N}) translate3d(${k}px, 0, 0)`,
+    const S = R(e.value) ? window.innerHeight : window.innerWidth, w = (S - _) / S, A = w + l * (1 - w), H = -_ + l * _;
+    y((p = c.value) == null ? void 0 : p.$el, {
+      transform: R(e.value) ? `scale(${A}) translate3d(0, ${H}px, 0)` : `scale(${A}) translate3d(${H}px, 0, 0)`,
       transition: "none"
     });
   }
-  function Fe(l) {
-    var m;
-    const P = S(n.value) ? window.innerHeight : window.innerWidth, h = l ? (P - _) / P : 1, N = l ? -_ : 0;
-    l && b((m = o.value) == null ? void 0 : m.$el, {
-      transition: `transform ${w.DURATION}s cubic-bezier(${w.EASE.join(",")})`,
-      transform: S(n.value) ? `scale(${h}) translate3d(0, ${N}px, 0)` : `scale(${h}) translate3d(${N}px, 0, 0)`
+  function Me(l) {
+    var p;
+    const S = R(e.value) ? window.innerHeight : window.innerWidth, w = l ? (S - _) / S : 1, A = l ? -_ : 0;
+    l && y((p = c.value) == null ? void 0 : p.$el, {
+      transition: `transform ${m.DURATION}s cubic-bezier(${m.EASE.join(",")})`,
+      transform: R(e.value) ? `scale(${w}) translate3d(0, ${A}px, 0)` : `scale(${w}) translate3d(${A}px, 0, 0)`
     });
   }
   return {
-    open: $,
-    isOpen: I,
-    modal: A,
-    keyboardIsOpen: ne,
-    hasBeenOpened: d,
-    isVisible: i,
-    drawerRef: o,
-    drawerHeightRef: q,
-    overlayRef: y,
-    isDragging: u,
-    dragStartTime: x,
-    isAllowedToDrag: L,
-    snapPoints: B,
-    activeSnapPoint: D,
+    open: x,
+    isOpen: N,
+    modal: E,
+    keyboardIsOpen: G,
+    hasBeenOpened: z,
+    isVisible: C,
+    drawerRef: c,
+    drawerHeightRef: Z,
+    overlayRef: u,
+    isDragging: i,
+    dragStartTime: T,
+    isAllowedToDrag: F,
+    snapPoints: O,
+    activeSnapPoint: r,
     pointerStart: V,
     dismissible: s,
-    snapPointsOffset: Pe,
-    direction: n,
-    shouldFade: de,
-    fadeFromIndex: T,
-    shouldScaleBackground: c,
+    snapPointsOffset: Ee,
+    direction: e,
+    shouldFade: ve,
+    fadeFromIndex: h,
+    shouldScaleBackground: $,
     onPress: Ce,
-    onDrag: ke,
-    onRelease: Be,
-    closeDrawer: G,
-    onNestedDrag: Me,
-    onNestedRelease: Fe,
+    onDrag: He,
+    onRelease: Ue,
+    closeDrawer: K,
+    onNestedDrag: ze,
+    onNestedRelease: Me,
     onNestedOpenChange: je,
     emitClose: v,
-    emitDrag: a,
-    emitRelease: p,
+    emitDrag: n,
+    emitRelease: d,
     emitOpenChange: t,
-    nested: R
+    nested: f
   };
 }
-const dt = /* @__PURE__ */ oe({
+const dt = /* @__PURE__ */ ie({
   __name: "DrawerRoot",
   props: {
     activeSnapPoint: { default: void 0 },
-    closeThreshold: { default: nt },
+    closeThreshold: { default: lt },
     shouldScaleBackground: { type: Boolean, default: void 0 },
-    scrollLockTimeout: { default: lt },
+    scrollLockTimeout: { default: rt },
     fixed: { type: Boolean, default: void 0 },
     dismissible: { type: Boolean, default: !0 },
     modal: { type: Boolean, default: !0 },
@@ -633,130 +648,132 @@ const dt = /* @__PURE__ */ oe({
     snapPoints: { default: void 0 },
     fadeFromIndex: { default: void 0 }
   },
-  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint"],
-  setup(e, { expose: a, emit: p }) {
-    const v = e, t = p;
-    Ue();
-    const $ = M(() => v.fadeFromIndex ?? (v.snapPoints && v.snapPoints.length - 1)), s = ge(v, "open", t, {
+  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"],
+  setup(a, { expose: n, emit: d }) {
+    const v = a, t = d;
+    Be();
+    const x = M(() => v.fadeFromIndex ?? (v.snapPoints && v.snapPoints.length - 1)), s = we(v, "open", t, {
       defaultValue: v.defaultOpen,
       passive: v.open === void 0
-    }), R = ge(v, "activeSnapPoint", t, {
+    }), f = we(v, "activeSnapPoint", t, {
       passive: v.activeSnapPoint === void 0
-    }), A = {
-      emitDrag: (n) => t("drag", n),
-      emitRelease: (n) => t("release", n),
+    }), E = {
+      emitDrag: (e) => t("drag", e),
+      emitRelease: (e) => t("release", e),
       emitClose: () => t("close"),
-      emitOpenChange: (n) => {
-        t("update:open", n);
+      emitOpenChange: (e) => {
+        t("update:open", e), setTimeout(() => {
+          t("animationEnd", e);
+        }, m.DURATION * 1e3);
       }
-    }, { closeDrawer: c, hasBeenOpened: r, modal: E, isOpen: D } = Ze(
-      it({
-        ...A,
-        ..._e(v),
-        activeSnapPoint: R,
-        fadeFromIndex: $,
+    }, { closeDrawer: $, hasBeenOpened: I, modal: g, isOpen: r } = et(
+      ut({
+        ...E,
+        ...We(v),
+        activeSnapPoint: f,
+        fadeFromIndex: x,
         open: s
       })
     );
-    function T(n) {
+    function h(e) {
       if (s.value !== void 0) {
-        A.emitOpenChange(n);
+        E.emitOpenChange(e);
         return;
       }
-      n ? (r.value = !0, D.value = n) : c();
+      e ? (I.value = !0, r.value = e) : $();
     }
-    return a({
-      open: D
-    }), (n, I) => (ie(), ue(C(qe), {
-      open: C(D),
-      modal: C(E),
-      "onUpdate:open": T
+    return n({
+      open: r
+    }), (e, N) => (ue(), se(k(Xe), {
+      open: k(r),
+      modal: k(g),
+      "onUpdate:open": h
     }, {
       default: ye(() => [
-        $e(n.$slots, "default", { open: C(D) })
+        $e(e.$slots, "default", { open: k(r) })
       ]),
       _: 3
     }, 8, ["open", "modal"]));
   }
-}), vt = /* @__PURE__ */ oe({
+}), ct = /* @__PURE__ */ ie({
   __name: "DrawerOverlay",
-  setup(e) {
-    const { overlayRef: a, snapPoints: p, isVisible: v, isOpen: t, shouldFade: $ } = Oe(), s = M(() => {
-      var R;
-      return p && (((R = p.value) == null ? void 0 : R.length) ?? 0) > 0;
+  setup(a) {
+    const { overlayRef: n, snapPoints: d, isVisible: v, isOpen: t, shouldFade: x } = Oe(), s = M(() => {
+      var f;
+      return d && (((f = d.value) == null ? void 0 : f.length) ?? 0) > 0;
     });
-    return (R, A) => (ie(), ue(C(Xe), {
+    return (f, E) => (ue(), se(k(Je), {
       ref_key: "overlayRef",
-      ref: a,
-      "vaul-drawer-visible": C(v) ? "true" : "false",
+      ref: n,
+      "vaul-drawer-visible": k(v) ? "true" : "false",
       "vaul-overlay": "",
-      "vaul-snap-points": C(t) && s.value ? "true" : "false",
-      "vaul-snap-points-overlay": C(t) && C($) ? "true" : "false"
+      "vaul-snap-points": k(t) && s.value ? "true" : "false",
+      "vaul-snap-points-overlay": k(t) && k(x) ? "true" : "false"
     }, null, 8, ["vaul-drawer-visible", "vaul-snap-points", "vaul-snap-points-overlay"]));
   }
-}), ct = /* @__PURE__ */ oe({
+}), ft = /* @__PURE__ */ ie({
   __name: "DrawerContent",
-  setup(e) {
+  setup(a) {
     const {
-      open: a,
-      isOpen: p,
+      open: n,
+      isOpen: d,
       isVisible: v,
       snapPointsOffset: t,
-      drawerRef: $,
+      drawerRef: x,
       onPress: s,
-      onDrag: R,
-      onRelease: A,
-      modal: c,
-      emitOpenChange: r,
-      dismissible: E,
-      keyboardIsOpen: D,
-      closeDrawer: T,
-      direction: n
-    } = Oe(), I = M(() => t.value && t.value.length > 0 ? `${t.value[0]}px` : "0");
-    function d(i) {
-      if (!c.value || i.defaultPrevented) {
-        i.preventDefault();
+      onDrag: f,
+      onRelease: E,
+      modal: $,
+      emitOpenChange: I,
+      dismissible: g,
+      keyboardIsOpen: r,
+      closeDrawer: h,
+      direction: e
+    } = Oe(), N = M(() => t.value && t.value.length > 0 ? `${t.value[0]}px` : "0");
+    function z(C) {
+      if (!$.value || C.defaultPrevented) {
+        C.preventDefault();
         return;
       }
-      D.value && (D.value = !1), i.preventDefault(), E.value && r(!1), !(!E.value || a.value !== void 0) && T();
+      r.value && (r.value = !1), C.preventDefault(), g.value && I(!1), !(!g.value || n.value !== void 0) && h();
     }
-    return H(
-      p,
-      (i) => {
-        i && setTimeout(() => {
+    return L(
+      d,
+      (C) => {
+        C && setTimeout(() => {
           v.value = !0;
         }, 1);
       },
       { immediate: !0 }
-    ), (i, u) => (ie(), ue(C(Je), {
+    ), (C, i) => (ue(), se(k(Ye), {
       ref_key: "drawerRef",
-      ref: $,
+      ref: x,
       "vaul-drawer": "",
-      "vaul-drawer-direction": C(n),
-      "vaul-drawer-visible": C(v) ? "true" : "false",
-      style: He({ "--snap-point-height": I.value }),
-      onPointerdown: C(s),
-      onPointermove: C(R),
-      onPointerup: C(A),
-      onPointerDownOutside: d,
-      onEscapeKeyDown: u[0] || (u[0] = (f) => {
-        C(E) || f.preventDefault();
+      "vaul-drawer-direction": k(e),
+      "vaul-drawer-visible": k(v) ? "true" : "false",
+      style: _e({ "--snap-point-height": N.value }),
+      onPointerdown: k(s),
+      onPointermove: k(f),
+      onPointerup: k(E),
+      onPointerDownOutside: z,
+      onEscapeKeyDown: i[0] || (i[0] = (o) => {
+        k(g) || o.preventDefault();
       })
     }, {
       default: ye(() => [
-        $e(i.$slots, "default")
+        $e(C.$slots, "default")
       ]),
       _: 3
     }, 8, ["vaul-drawer-direction", "vaul-drawer-visible", "style", "onPointerdown", "onPointermove", "onPointerup"]));
   }
 });
 export {
-  mt as DrawerClose,
-  ct as DrawerContent,
+  gt as DrawerClose,
+  ft as DrawerContent,
   wt as DrawerDescription,
-  vt as DrawerOverlay,
-  gt as DrawerPortal,
+  ct as DrawerOverlay,
+  ht as DrawerPortal,
   dt as DrawerRoot,
-  ht as DrawerTitle,
-  bt as DrawerTrigger
+  bt as DrawerTitle,
+  yt as DrawerTrigger
 };