@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/drawer/index.js

@@ -0,0 +1,971 @@
+import { defineComponent as j, useSlots as Qe, computed as H, toRefs as ea, createBlock as U, openBlock as W, unref as p, withCtx as G, renderSlot as q, ref as $, watchEffect as fe, withModifiers as aa, normalizeStyle as ta, getCurrentInstance as na, watch as Q, nextTick as Re, onMounted as ke, onBeforeUnmount as oa, onUnmounted as la, normalizeProps as ra, guardReactiveProps as ia, mergeProps as ve, createVNode as Te, createElementVNode as sa, createElementBlock as Ee, normalizeClass as Ae } from "vue";
+import { c as ua } from "../../createContext-CZEfaSVa.js";
+import { _ as da, a as va, b as ca } from "../../DialogOverlay-Cj3UTjZ8.js";
+import { c as Ka } from "../../DialogOverlay-Cj3UTjZ8.js";
+import { u as Ce } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { c as ee } from "../../utils-SFgRDk1R.js";
+import { r as me } from "../../index-OpE2oGce.js";
+import { _ as pa } from "../../DialogPortal-zAvO8zt4.js";
+import { _ as fa, a as ma } from "../../DialogTrigger-BIF1A4hk.js";
+import { b as Qa } from "../../DialogTrigger-BIF1A4hk.js";
+(function() {
+  var e;
+  try {
+    if (typeof document < "u") {
+      var a = document.createElement("style");
+      a.nonce = (e = document.head.querySelector("meta[property=csp-nonce]")) == null ? void 0 : e.content, a.appendChild(document.createTextNode('[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32,.72,0,1);animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform, 100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform, 100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height, 0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left],[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height, 0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32,.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true]):after{content:"";position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]:after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]:after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]:after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]:after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not([data-state=closed]){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:hover,[data-vaul-handle]:active{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover: hover) and (pointer: fine){[data-vaul-drawer]{-webkit-user-select:none;user-select:none}}@media (pointer: fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{0%{transform:translate3d(0,var(--initial-transform, 100%),0)}to{transform:translateZ(0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform, 100%),0)}}@keyframes slideFromTop{0%{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}to{transform:translateZ(0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform, 100%) * -1),0)}}@keyframes slideFromLeft{0%{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}to{transform:translateZ(0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform, 100%) * -1),0,0)}}@keyframes slideFromRight{0%{transform:translate3d(var(--initial-transform, 100%),0,0)}to{transform:translateZ(0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform, 100%),0,0)}}')), document.head.appendChild(a);
+    }
+  } catch (n) {
+    console.error("vite-plugin-css-injected-by-js", n);
+  }
+})();
+const wa = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ha = (e) => typeof e < "u";
+function ga(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function Be(e, a, n, o = {}) {
+  var t, g, s;
+  const {
+    clone: m = !1,
+    passive: B = !1,
+    eventName: _,
+    deep: k = !1,
+    defaultValue: w,
+    shouldEmit: i
+  } = o, y = na(), h = n || (y == null ? void 0 : y.emit) || ((t = y == null ? void 0 : y.$emit) == null ? void 0 : t.bind(y)) || ((s = (g = y == null ? void 0 : y.proxy) == null ? void 0 : g.$emit) == null ? void 0 : s.bind(y == null ? void 0 : y.proxy));
+  let u = _;
+  a || (a = "modelValue"), u = u || `update:${a.toString()}`;
+  const N = (r) => m ? typeof m == "function" ? m(r) : ga(r) : r, L = () => ha(e[a]) ? N(e[a]) : w, v = (r) => {
+    i ? i(r) && h(u, r) : h(u, r);
+  };
+  if (B) {
+    const r = L(), c = $(r);
+    let d = !1;
+    return Q(
+      () => e[a],
+      (x) => {
+        d || (d = !0, c.value = N(x), Re(() => d = !1));
+      }
+    ), Q(
+      c,
+      (x) => {
+        !d && (x !== e[a] || k) && v(x);
+      },
+      { deep: k }
+    ), c;
+  } else
+    return H({
+      get() {
+        return L();
+      },
+      set(r) {
+        v(r);
+      }
+    });
+}
+const [we, ya] = ua("DrawerRoot"), Fe = /* @__PURE__ */ new WeakMap();
+function R(e, a, n = !1) {
+  if (!e || !(e instanceof HTMLElement) || !a)
+    return;
+  const o = {};
+  Object.entries(a).forEach(([t, g]) => {
+    if (t.startsWith("--")) {
+      e.style.setProperty(t, g);
+      return;
+    }
+    o[t] = e.style[t], e.style[t] = g;
+  }), !n && Fe.set(e, o);
+}
+function ba(e, a) {
+  if (!e || !(e instanceof HTMLElement))
+    return;
+  const n = Fe.get(e);
+  n && Object.entries(n).forEach(([o, t]) => {
+    e.style[o] = t;
+  });
+}
+function ue(e, a) {
+  const n = window.getComputedStyle(e), o = n.transform || n.webkitTransform || n.mozTransform;
+  let t = o.match(/^matrix3d\((.+)\)$/);
+  return t ? Number.parseFloat(t[1].split(", ")[T(a) ? 13 : 12]) : (t = o.match(/^matrix\((.+)\)$/), t ? Number.parseFloat(t[1].split(", ")[T(a) ? 5 : 4]) : null);
+}
+function $a(e) {
+  return 8 * (Math.log(e + 1) - 2);
+}
+function T(e) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return !0;
+    case "left":
+    case "right":
+      return !1;
+    default:
+      return e;
+  }
+}
+function pe(e, a) {
+  if (!e)
+    return () => {
+    };
+  const n = e.style.cssText;
+  return Object.assign(e.style, a), () => {
+    e.style.cssText = n;
+  };
+}
+function xa(...e) {
+  return (...a) => {
+    for (const n of e)
+      typeof n == "function" && n(...a);
+  };
+}
+const S = {
+  DURATION: 0.5,
+  EASE: [0.32, 0.72, 0, 1]
+}, Ie = 0.4, Da = 0.25, Sa = 100, Ne = 8, de = 16, ze = 26, _e = "vaul-dragging";
+function Oa({
+  activeSnapPoint: e,
+  snapPoints: a,
+  drawerRef: n,
+  overlayRef: o,
+  fadeFromIndex: t,
+  onSnapPointChange: g,
+  direction: s
+}) {
+  const m = $(typeof window < "u" ? {
+    innerWidth: window.innerWidth,
+    innerHeight: window.innerHeight
+  } : void 0);
+  function B() {
+    m.value = {
+      innerWidth: window.innerWidth,
+      innerHeight: window.innerHeight
+    };
+  }
+  ke(() => {
+    typeof window < "u" && window.addEventListener("resize", B);
+  }), oa(() => {
+    typeof window < "u" && window.removeEventListener("resize", B);
+  });
+  const _ = H(
+    () => (a.value && e.value === a.value[a.value.length - 1]) ?? null
+  ), k = H(
+    () => a.value && a.value.length > 0 && ((t == null ? void 0 : t.value) || (t == null ? void 0 : t.value) === 0) && !Number.isNaN(t == null ? void 0 : t.value) && a.value[(t == null ? void 0 : t.value) ?? -1] === e.value || !a.value
+  ), w = H(
+    () => {
+      var v;
+      return ((v = a.value) == null ? void 0 : v.findIndex((r) => r === e.value)) ?? null;
+    }
+  ), i = H(
+    () => {
+      var v;
+      return ((v = a.value) == null ? void 0 : v.map((r) => {
+        const c = typeof r == "string";
+        let d = 0;
+        if (c && (d = Number.parseInt(r, 10)), T(s.value)) {
+          const D = c ? d : m.value ? r * m.value.innerHeight : 0;
+          return m.value ? s.value === "bottom" ? m.value.innerHeight - D : -m.value.innerHeight + D : D;
+        }
+        const x = c ? d : m.value ? r * m.value.innerWidth : 0;
+        return m.value ? s.value === "right" ? m.value.innerWidth - x : -m.value.innerWidth + x : x;
+      })) ?? [];
+    }
+  ), y = H(
+    () => {
+      var v;
+      return w.value !== null ? (v = i.value) == null ? void 0 : v[w.value] : null;
+    }
+  ), h = (v) => {
+    var r, c, d, x;
+    const D = ((r = i.value) == null ? void 0 : r.findIndex((F) => F === v)) ?? null;
+    Re(() => {
+      var F;
+      g(D, i.value), R((F = n.value) == null ? void 0 : F.$el, {
+        transition: `transform ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+        transform: T(s.value) ? `translate3d(0, ${v}px, 0)` : `translate3d(${v}px, 0, 0)`
+      });
+    }), i.value && D !== i.value.length - 1 && D !== (t == null ? void 0 : t.value) ? R((c = o.value) == null ? void 0 : c.$el, {
+      transition: `opacity ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+      opacity: "0"
+    }) : R((d = o.value) == null ? void 0 : d.$el, {
+      transition: `opacity ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+      opacity: "1"
+    }), e.value = D !== null ? ((x = a.value) == null ? void 0 : x[D]) ?? null : null;
+  };
+  Q(
+    [e, i, a],
+    () => {
+      var v;
+      if (e.value) {
+        const r = ((v = a.value) == null ? void 0 : v.findIndex((c) => c === e.value)) ?? -1;
+        i.value && r !== -1 && typeof i.value[r] == "number" && h(i.value[r]);
+      }
+    },
+    {
+      immediate: !0
+      // if you want to run the effect immediately as well
+    }
+  );
+  function u({
+    draggedDistance: v,
+    closeDrawer: r,
+    velocity: c,
+    dismissible: d
+  }) {
+    var x, D, F;
+    if (t.value === void 0)
+      return;
+    const V = s.value === "bottom" || s.value === "right" ? (y.value ?? 0) - v : (y.value ?? 0) + v, oe = w.value === t.value - 1, Z = w.value === 0, M = v > 0;
+    if (oe && R((x = o.value) == null ? void 0 : x.$el, {
+      transition: `opacity ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`
+    }), c > 2 && !M) {
+      d ? r() : h(i.value[0]);
+      return;
+    }
+    if (c > 2 && M && i && a.value) {
+      h(i.value[a.value.length - 1]);
+      return;
+    }
+    const ae = (D = i.value) == null ? void 0 : D.reduce((z, f) => typeof z != "number" || typeof f != "number" ? z : Math.abs(f - V) < Math.abs(z - V) ? f : z), K = T(s.value) ? window.innerHeight : window.innerWidth;
+    if (c > Ie && Math.abs(v) < K * 0.4) {
+      const z = M ? 1 : -1;
+      if (z > 0 && _) {
+        h(i.value[(((F = a.value) == null ? void 0 : F.length) ?? 0) - 1]);
+        return;
+      }
+      if (Z && z < 0 && d && r(), w.value === null)
+        return;
+      h(i.value[w.value + z]);
+      return;
+    }
+    h(ae);
+  }
+  function N({ draggedDistance: v }) {
+    var r;
+    if (y.value === null)
+      return;
+    const c = s.value === "bottom" || s.value === "right" ? y.value - v : y.value + v;
+    (s.value === "bottom" || s.value === "right") && c < i.value[i.value.length - 1] || (s.value === "top" || s.value === "left") && c > i.value[i.value.length - 1] || R((r = n.value) == null ? void 0 : r.$el, {
+      transform: T(s.value) ? `translate3d(0, ${c}px, 0)` : `translate3d(${c}px, 0, 0)`
+    });
+  }
+  function L(v, r) {
+    if (!a.value || typeof w.value != "number" || !i.value || t.value === void 0)
+      return null;
+    const c = w.value === t.value - 1;
+    if (w.value >= t.value && r)
+      return 0;
+    if (c && !r)
+      return 1;
+    if (!k.value && !c)
+      return null;
+    const d = c ? w.value + 1 : w.value - 1, x = c ? i.value[d] - i.value[d - 1] : i.value[d + 1] - i.value[d], D = v / Math.abs(x);
+    return c ? 1 - D : D;
+  }
+  return {
+    isLastSnapPoint: _,
+    shouldFade: k,
+    getPercentageDragged: L,
+    activeSnapPointIndex: w,
+    onRelease: u,
+    onDrag: N,
+    snapPointsOffset: i
+  };
+}
+function Pe() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+let ne = null;
+function Ta(e) {
+  const { isOpen: a, modal: n, nested: o, hasBeenOpened: t, preventScrollRestoration: g, noBodyStyles: s } = e, m = $(typeof window < "u" ? window.location.href : ""), B = $(0);
+  function _() {
+    if (Pe() && ne === null && a.value && !s.value) {
+      ne = {
+        position: document.body.style.position,
+        top: document.body.style.top,
+        left: document.body.style.left,
+        height: document.body.style.height
+      };
+      const { scrollX: w, innerHeight: i } = window;
+      document.body.style.setProperty("position", "fixed", "important"), Object.assign(document.body.style, {
+        top: `${-B.value}px`,
+        left: `${-w}px`,
+        right: "0px",
+        height: "auto"
+      }), setTimeout(() => {
+        requestAnimationFrame(() => {
+          const y = i - window.innerHeight;
+          y && B.value >= i && (document.body.style.top = `-${B.value + y}px`);
+        });
+      }, 300);
+    }
+  }
+  function k() {
+    if (Pe() && ne !== null && !s.value) {
+      const w = -Number.parseInt(document.body.style.top, 10), i = -Number.parseInt(document.body.style.left, 10);
+      Object.assign(document.body.style, ne), window.requestAnimationFrame(() => {
+        if (g.value && m.value !== window.location.href) {
+          m.value = window.location.href;
+          return;
+        }
+        window.scrollTo(i, w);
+      }), ne = null;
+    }
+  }
+  return ke(() => {
+    function w() {
+      B.value = window.scrollY;
+    }
+    w(), window.addEventListener("scroll", w), la(() => {
+      window.removeEventListener("scroll", w);
+    });
+  }), Q([a, t, m], () => {
+    o.value || !t.value || (a.value ? (window.matchMedia("(display-mode: standalone)").matches || _(), n.value || setTimeout(() => {
+      k();
+    }, 500)) : k());
+  }), { restorePositionSetting: k };
+}
+function Ba(e, a) {
+  return e && e.value ? e : a;
+}
+function _a(e) {
+  const {
+    emitDrag: a,
+    emitRelease: n,
+    emitClose: o,
+    emitOpenChange: t,
+    open: g,
+    dismissible: s,
+    nested: m,
+    modal: B,
+    shouldScaleBackground: _,
+    setBackgroundColorOnScale: k,
+    scrollLockTimeout: w,
+    closeThreshold: i,
+    activeSnapPoint: y,
+    fadeFromIndex: h,
+    direction: u,
+    noBodyStyles: N,
+    handleOnly: L,
+    preventScrollRestoration: v
+  } = e, r = $(g.value ?? !1), c = $(!1), d = $(!1), x = $(!1), D = $(null), F = $(null), V = $(null), oe = $(null), Z = $(null), M = $(!1), ae = $(null), K = $(0), z = $(!1);
+  $(0);
+  const f = $(null);
+  $(0);
+  const he = H(() => {
+    var l;
+    return ((l = f.value) == null ? void 0 : l.$el.getBoundingClientRect().height) || 0;
+  }), C = Ba(
+    e.snapPoints,
+    $(void 0)
+  ), He = H(() => {
+    var l;
+    return C && (((l = C.value) == null ? void 0 : l.length) ?? 0) > 0;
+  }), je = $(null), {
+    activeSnapPointIndex: ge,
+    onRelease: We,
+    snapPointsOffset: Le,
+    onDrag: Me,
+    shouldFade: ye,
+    getPercentageDragged: Ue
+  } = Oa({
+    snapPoints: C,
+    activeSnapPoint: y,
+    drawerRef: f,
+    fadeFromIndex: h,
+    overlayRef: D,
+    onSnapPointChange: qe,
+    direction: u
+  });
+  function qe(l, O) {
+    C.value && l === O.length - 1 && (F.value = /* @__PURE__ */ new Date());
+  }
+  Ta({
+    isOpen: r,
+    modal: B,
+    nested: m,
+    hasBeenOpened: c,
+    noBodyStyles: N,
+    preventScrollRestoration: v
+  });
+  function le() {
+    return (window.innerWidth - ze) / window.innerWidth;
+  }
+  function be(l, O) {
+    var P;
+    if (!l)
+      return !1;
+    let b = l;
+    const E = (P = window.getSelection()) == null ? void 0 : P.toString(), A = f.value ? ue(f.value.$el, u.value) : null, I = /* @__PURE__ */ new Date();
+    if (b.hasAttribute("data-vaul-no-drag") || b.closest("[data-vaul-no-drag]"))
+      return !1;
+    if (u.value === "right" || u.value === "left")
+      return !0;
+    if (F.value && I.getTime() - F.value.getTime() < 500)
+      return !1;
+    if (A !== null && (u.value === "bottom" ? A > 0 : A < 0))
+      return !0;
+    if (E && E.length > 0)
+      return !1;
+    if (Z.value && I.getTime() - Z.value.getTime() < w.value && A === 0 || O)
+      return Z.value = I, !1;
+    for (; b; ) {
+      if (b.scrollHeight > b.clientHeight) {
+        if (b.scrollTop !== 0)
+          return Z.value = /* @__PURE__ */ new Date(), !1;
+        if (b.getAttribute("role") === "dialog")
+          return !0;
+      }
+      b = b.parentNode;
+    }
+    return !0;
+  }
+  function Ve(l) {
+    !s.value && !C.value || f.value && !f.value.$el.contains(l.target) || (d.value = !0, V.value = /* @__PURE__ */ new Date(), l.target.setPointerCapture(l.pointerId), K.value = T(u.value) ? l.clientY : l.clientX);
+  }
+  function Ye(l) {
+    var O, P, b, E, A, I;
+    if (f.value && d.value) {
+      const J = u.value === "bottom" || u.value === "right" ? 1 : -1, re = (K.value - (T(u.value) ? l.clientY : l.clientX)) * J, ie = re > 0, xe = C.value && !s.value && !ie;
+      if (xe && ge.value === 0)
+        return;
+      const ce = Math.abs(re), De = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
+      let Y = ce / he.value;
+      const Se = Ue(ce, ie);
+      if (Se !== null && (Y = Se), xe && Y >= 1 || !M.value && !be(l.target, ie))
+        return;
+      if ((O = f == null ? void 0 : f.value) == null || O.$el.classList.add(_e), M.value = !0, R((P = f.value) == null ? void 0 : P.$el, {
+        transition: "none"
+      }), R((b = D.value) == null ? void 0 : b.$el, {
+        transition: "none"
+      }), C.value && Me({ draggedDistance: re }), ie && !C.value) {
+        const X = $a(re), se = Math.min(X * -1, 0) * J;
+        R((E = f.value) == null ? void 0 : E.$el, {
+          transform: T(u.value) ? `translate3d(0, ${se}px, 0)` : `translate3d(${se}px, 0, 0)`
+        });
+        return;
+      }
+      const Je = 1 - Y;
+      if ((ye.value || h.value && ge.value === h.value - 1) && (a(Y), R(
+        (A = D.value) == null ? void 0 : A.$el,
+        {
+          opacity: `${Je}`,
+          transition: "none"
+        },
+        !0
+      )), De && D.value && _.value) {
+        const X = Math.min(le() + Y * (1 - le()), 1), se = 8 - Y * 8, Oe = Math.max(0, 14 - Y * 14);
+        R(
+          De,
+          {
+            borderRadius: `${se}px`,
+            transform: T(u.value) ? `scale(${X}) translate3d(0, ${Oe}px, 0)` : `scale(${X}) translate3d(${Oe}px, 0, 0)`,
+            transition: "none"
+          },
+          !0
+        );
+      }
+      if (!C.value) {
+        const X = ce * J;
+        R((I = f.value) == null ? void 0 : I.$el, {
+          transform: T(u.value) ? `translate3d(0, ${X}px, 0)` : `translate3d(${X}px, 0, 0)`
+        });
+      }
+    }
+  }
+  function $e() {
+    var l;
+    if (!f.value)
+      return;
+    const O = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]"), P = ue(f.value.$el, u.value);
+    R(f.value.$el, {
+      transform: "translate3d(0, 0, 0)",
+      transition: `transform ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`
+    }), R((l = D.value) == null ? void 0 : l.$el, {
+      transition: `opacity ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+      opacity: "1"
+    }), _.value && P && P > 0 && r.value && R(
+      O,
+      {
+        borderRadius: `${Ne}px`,
+        overflow: "hidden",
+        ...T(u.value) ? {
+          transform: `scale(${le()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+          transformOrigin: "top"
+        } : {
+          transform: `scale(${le()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+          transformOrigin: "left"
+        },
+        transitionProperty: "transform, border-radius",
+        transitionDuration: `${S.DURATION}s`,
+        transitionTimingFunction: `cubic-bezier(${S.EASE.join(",")})`
+      },
+      !0
+    );
+  }
+  function te(l) {
+    f.value && (o(), l || (r.value = !1), window.setTimeout(() => {
+      C.value && (y.value = C.value[0]);
+    }, S.DURATION * 1e3));
+  }
+  fe(() => {
+    if (!r.value && _.value && wa) {
+      const l = setTimeout(() => {
+        ba(document.body);
+      }, 200);
+      return () => clearTimeout(l);
+    }
+  }), Q(g, () => {
+    r.value = g.value, g.value || te();
+  });
+  function Xe(l) {
+    if (!d.value || !f.value)
+      return;
+    f.value.$el.classList.remove(_e), M.value = !1, d.value = !1, oe.value = /* @__PURE__ */ new Date();
+    const O = ue(f.value.$el, u.value);
+    if (!be(l.target, !1) || !O || Number.isNaN(O) || V.value === null)
+      return;
+    const P = oe.value.getTime() - V.value.getTime(), b = K.value - (T(u.value) ? l.clientY : l.clientX), E = Math.abs(b) / P;
+    if (E > 0.05 && (x.value = !0, window.setTimeout(() => {
+      x.value = !1;
+    }, 200)), C.value) {
+      const I = u.value === "bottom" || u.value === "right" ? 1 : -1;
+      We({
+        draggedDistance: b * I,
+        closeDrawer: te,
+        velocity: E,
+        dismissible: s.value
+      }), n(!0);
+      return;
+    }
+    if (u.value === "bottom" || u.value === "right" ? b > 0 : b < 0) {
+      $e(), n(!0);
+      return;
+    }
+    if (E > Ie) {
+      te(), n(!1);
+      return;
+    }
+    const A = Math.min(
+      f.value.$el.getBoundingClientRect().height ?? 0,
+      window.innerHeight
+    );
+    if (O >= A * i.value) {
+      te(), n(!1);
+      return;
+    }
+    n(!0), $e();
+  }
+  Q(r, (l) => {
+    l && (F.value = /* @__PURE__ */ new Date()), t(l);
+  }, { immediate: !0 });
+  function Ge(l) {
+    var O, P;
+    const b = l ? (window.innerWidth - de) / window.innerWidth : 1, E = l ? -16 : 0;
+    ae.value && window.clearTimeout(ae.value), R((O = f.value) == null ? void 0 : O.$el, {
+      transition: `transform ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+      transform: `scale(${b}) translate3d(0, ${E}px, 0)`
+    }), !l && (P = f.value) != null && P.$el && (ae.value = window.setTimeout(() => {
+      var A, I;
+      const J = ue((A = f.value) == null ? void 0 : A.$el, u.value);
+      R((I = f.value) == null ? void 0 : I.$el, {
+        transition: "none",
+        transform: T(u.value) ? `translate3d(0, ${J}px, 0)` : `translate3d(${J}px, 0, 0)`
+      });
+    }, 500));
+  }
+  function Ze(l) {
+    var O;
+    if (l < 0)
+      return;
+    const P = T(u.value) ? window.innerHeight : window.innerWidth, b = (P - de) / P, E = b + l * (1 - b), A = -16 + l * de;
+    R((O = f.value) == null ? void 0 : O.$el, {
+      transform: T(u.value) ? `scale(${E}) translate3d(0, ${A}px, 0)` : `scale(${E}) translate3d(${A}px, 0, 0)`,
+      transition: "none"
+    });
+  }
+  function Ke(l) {
+    var O;
+    const P = T(u.value) ? window.innerHeight : window.innerWidth, b = l ? (P - de) / P : 1, E = l ? -16 : 0;
+    l && R((O = f.value) == null ? void 0 : O.$el, {
+      transition: `transform ${S.DURATION}s cubic-bezier(${S.EASE.join(",")})`,
+      transform: T(u.value) ? `scale(${b}) translate3d(0, ${E}px, 0)` : `scale(${b}) translate3d(${E}px, 0, 0)`
+    });
+  }
+  return {
+    open: g,
+    isOpen: r,
+    modal: B,
+    keyboardIsOpen: z,
+    hasBeenOpened: c,
+    drawerRef: f,
+    drawerHeightRef: he,
+    overlayRef: D,
+    handleRef: je,
+    isDragging: d,
+    dragStartTime: V,
+    isAllowedToDrag: M,
+    snapPoints: C,
+    activeSnapPoint: y,
+    hasSnapPoints: He,
+    pointerStart: K,
+    dismissible: s,
+    snapPointsOffset: Le,
+    direction: u,
+    shouldFade: ye,
+    fadeFromIndex: h,
+    shouldScaleBackground: _,
+    setBackgroundColorOnScale: k,
+    onPress: Ve,
+    onDrag: Ye,
+    onRelease: Xe,
+    closeDrawer: te,
+    onNestedDrag: Ze,
+    onNestedRelease: Ke,
+    onNestedOpenChange: Ge,
+    emitClose: o,
+    emitDrag: a,
+    emitRelease: n,
+    emitOpenChange: t,
+    nested: m,
+    handleOnly: L,
+    noBodyStyles: N
+  };
+}
+const Pa = /* @__PURE__ */ j({
+  __name: "DrawerRoot",
+  props: {
+    activeSnapPoint: { default: void 0 },
+    closeThreshold: { default: Da },
+    shouldScaleBackground: { type: Boolean, default: void 0 },
+    setBackgroundColorOnScale: { type: Boolean, default: !0 },
+    scrollLockTimeout: { default: Sa },
+    fixed: { type: Boolean, default: void 0 },
+    dismissible: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: void 0 },
+    nested: { type: Boolean, default: !1 },
+    direction: { default: "bottom" },
+    noBodyStyles: { type: Boolean },
+    handleOnly: { type: Boolean, default: !1 },
+    preventScrollRestoration: { type: Boolean },
+    snapPoints: { default: void 0 },
+    fadeFromIndex: { default: void 0 }
+  },
+  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"],
+  setup(e, { expose: a, emit: n }) {
+    const o = e, t = n;
+    Qe();
+    const g = H(() => o.fadeFromIndex ?? (o.snapPoints && o.snapPoints.length - 1)), s = Be(o, "open", t, {
+      defaultValue: o.defaultOpen,
+      passive: o.open === void 0
+    }), m = Be(o, "activeSnapPoint", t, {
+      passive: o.activeSnapPoint === void 0
+    }), B = {
+      emitDrag: (h) => t("drag", h),
+      emitRelease: (h) => t("release", h),
+      emitClose: () => t("close"),
+      emitOpenChange: (h) => {
+        t("update:open", h), setTimeout(() => {
+          t("animationEnd", h);
+        }, S.DURATION * 1e3);
+      }
+    }, { closeDrawer: _, hasBeenOpened: k, modal: w, isOpen: i } = ya(
+      _a({
+        ...B,
+        ...ea(o),
+        activeSnapPoint: m,
+        fadeFromIndex: g,
+        open: s
+      })
+    );
+    function y(h) {
+      if (s.value !== void 0) {
+        B.emitOpenChange(h);
+        return;
+      }
+      i.value = h, h ? k.value = !0 : _();
+    }
+    return a({
+      open: i
+    }), (h, u) => (W(), U(p(da), {
+      open: p(i),
+      modal: p(w),
+      "onUpdate:open": y
+    }, {
+      default: G(() => [
+        q(h.$slots, "default", { open: p(i) })
+      ]),
+      _: 3
+    }, 8, ["open", "modal"]));
+  }
+}), Ra = /* @__PURE__ */ j({
+  __name: "DrawerOverlay",
+  setup(e) {
+    const { overlayRef: a, hasSnapPoints: n, isOpen: o, shouldFade: t } = we();
+    return (g, s) => (W(), U(p(va), {
+      ref_key: "overlayRef",
+      ref: a,
+      "data-vaul-overlay": "",
+      "data-vaul-snap-points": p(o) && p(n) ? "true" : "false",
+      "data-vaul-snap-points-overlay": p(o) && p(t) ? "true" : "false"
+    }, null, 8, ["data-vaul-snap-points", "data-vaul-snap-points-overlay"]));
+  }
+}), ka = () => () => {
+};
+function Ea() {
+  const { direction: e, isOpen: a, shouldScaleBackground: n, setBackgroundColorOnScale: o, noBodyStyles: t } = we(), g = $(null), s = $(document.body.style.backgroundColor);
+  function m() {
+    return (window.innerWidth - ze) / window.innerWidth;
+  }
+  fe((B) => {
+    if (a.value && n.value) {
+      g.value && clearTimeout(g.value);
+      const _ = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
+      if (!_)
+        return;
+      xa(
+        o.value && !t.value ? pe(document.body, { background: "black" }) : ka,
+        pe(_, {
+          transformOrigin: T(e.value) ? "top" : "left",
+          transitionProperty: "transform, border-radius",
+          transitionDuration: `${S.DURATION}s`,
+          transitionTimingFunction: `cubic-bezier(${S.EASE.join(",")})`
+        })
+      );
+      const k = pe(_, {
+        borderRadius: `${Ne}px`,
+        overflow: "hidden",
+        ...T(e.value) ? {
+          transform: `scale(${m()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`
+        } : {
+          transform: `scale(${m()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`
+        }
+      });
+      B(() => {
+        k(), g.value = window.setTimeout(() => {
+          s.value ? document.body.style.background = s.value : document.body.style.removeProperty("background");
+        }, S.DURATION * 1e3);
+      });
+    }
+  }, { flush: "pre" });
+}
+const Aa = /* @__PURE__ */ j({
+  __name: "DrawerContent",
+  setup(e) {
+    const {
+      open: a,
+      isOpen: n,
+      snapPointsOffset: o,
+      hasSnapPoints: t,
+      drawerRef: g,
+      onPress: s,
+      onDrag: m,
+      onRelease: B,
+      modal: _,
+      emitOpenChange: k,
+      dismissible: w,
+      keyboardIsOpen: i,
+      closeDrawer: y,
+      direction: h,
+      handleOnly: u
+    } = we();
+    Ea();
+    const N = $(!1), L = H(() => o.value && o.value.length > 0 ? `${o.value[0]}px` : "0");
+    function v(d) {
+      if (!_.value || d.defaultPrevented) {
+        d.preventDefault();
+        return;
+      }
+      i.value && (i.value = !1), w.value ? k(!1) : d.preventDefault();
+    }
+    function r(d) {
+      u.value || s(d);
+    }
+    function c(d) {
+      u.value || m(d);
+    }
+    return fe(() => {
+      t.value && window.requestAnimationFrame(() => {
+        N.value = !0;
+      });
+    }), (d, x) => (W(), U(p(ca), {
+      ref_key: "drawerRef",
+      ref: g,
+      "data-vaul-drawer": "",
+      "data-vaul-drawer-direction": p(h),
+      "data-vaul-delayed-snap-points": N.value ? "true" : "false",
+      "data-vaul-snap-points": p(n) && p(t) ? "true" : "false",
+      style: ta({ "--snap-point-height": L.value }),
+      onPointerdown: r,
+      onPointermove: c,
+      onPointerup: p(B),
+      onPointerDownOutside: v,
+      onOpenAutoFocus: x[0] || (x[0] = aa(() => {
+      }, ["prevent"])),
+      onEscapeKeyDown: x[1] || (x[1] = (D) => {
+        p(w) || D.preventDefault();
+      })
+    }, {
+      default: G(() => [
+        q(d.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data-vaul-drawer-direction", "data-vaul-delayed-snap-points", "data-vaul-snap-points", "style", "onPointerup"]));
+  }
+}), Ma = /* @__PURE__ */ j({
+  __name: "Drawer",
+  props: {
+    activeSnapPoint: {},
+    closeThreshold: {},
+    shouldScaleBackground: { type: Boolean, default: !0 },
+    setBackgroundColorOnScale: { type: Boolean },
+    scrollLockTimeout: {},
+    fixed: { type: Boolean },
+    dismissible: { type: Boolean },
+    modal: { type: Boolean },
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    nested: { type: Boolean },
+    direction: {},
+    noBodyStyles: { type: Boolean },
+    handleOnly: { type: Boolean },
+    preventScrollRestoration: { type: Boolean },
+    snapPoints: {},
+    fadeFromIndex: {}
+  },
+  emits: ["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"],
+  setup(e, { emit: a }) {
+    const t = Ce(e, a);
+    return (g, s) => (W(), U(p(Pa), ra(ia(p(t))), {
+      default: G(() => [
+        q(g.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Ca = /* @__PURE__ */ j({
+  __name: "DrawerOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(e) {
+    const a = e, n = me(a, "class");
+    return (o, t) => (W(), U(p(Ra), ve(p(n), {
+      class: p(ee)("fixed inset-0 z-50 bg-black/80", a.class)
+    }), null, 16, ["class"]));
+  }
+}), Ua = /* @__PURE__ */ j({
+  __name: "DrawerContent",
+  props: {
+    forceMount: { type: Boolean },
+    trapFocus: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(e, { emit: a }) {
+    const n = e, t = Ce(n, a);
+    return (g, s) => (W(), U(p(pa), null, {
+      default: G(() => [
+        Te(Ca),
+        Te(p(Aa), ve(p(t), {
+          class: p(ee)(
+            "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+            n.class
+          )
+        }), {
+          default: G(() => [
+            s[0] || (s[0] = sa("div", { class: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }, null, -1)),
+            q(g.$slots, "default")
+          ]),
+          _: 3,
+          __: [0]
+        }, 16, ["class"])
+      ]),
+      _: 3
+    }));
+  }
+}), qa = /* @__PURE__ */ j({
+  __name: "DrawerDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(e) {
+    const a = e, n = me(a, "class");
+    return (o, t) => (W(), U(p(fa), ve(p(n), {
+      class: p(ee)("text-sm text-muted-foreground", a.class)
+    }), {
+      default: G(() => [
+        q(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Va = /* @__PURE__ */ j({
+  __name: "DrawerFooter",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const a = e;
+    return (n, o) => (W(), Ee("div", {
+      class: Ae(p(ee)("mt-auto flex flex-col gap-2 p-4", a.class))
+    }, [
+      q(n.$slots, "default")
+    ], 2));
+  }
+}), Ya = /* @__PURE__ */ j({
+  __name: "DrawerHeader",
+  props: {
+    class: {}
+  },
+  setup(e) {
+    const a = e;
+    return (n, o) => (W(), Ee("div", {
+      class: Ae(p(ee)("grid gap-1.5 p-4 text-center sm:text-left", a.class))
+    }, [
+      q(n.$slots, "default")
+    ], 2));
+  }
+}), Xa = /* @__PURE__ */ j({
+  __name: "DrawerTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(e) {
+    const a = e, n = me(a, "class");
+    return (o, t) => (W(), U(p(ma), ve(p(n), {
+      class: p(ee)("text-lg font-semibold leading-none tracking-tight", a.class)
+    }), {
+      default: G(() => [
+        q(o.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  Ma as Drawer,
+  Ka as DrawerClose,
+  Ua as DrawerContent,
+  qa as DrawerDescription,
+  Va as DrawerFooter,
+  Ya as DrawerHeader,
+  Ca as DrawerOverlay,
+  pa as DrawerPortal,
+  Xa as DrawerTitle,
+  Qa as DrawerTrigger
+};