laif-ds 0.1.73 → 0.1.74

package/dist/node_modules/vaul/dist/index.js

@@ -54,7 +54,7 @@ const Wt = r.createContext({
   noBodyStyles: !1,
   container: null,
   autoFocus: !1
-}), ut = () => {
+}), ct = () => {
   const t = r.useContext(Wt);
   if (!t)
     throw new Error("useDrawerContext must be used within a Drawer.Root");
@@ -115,13 +115,13 @@ const Me = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-let mt = 0, Tt;
+let pt = 0, Tt;
 function Pe(t = {}) {
   let { isDisabled: n } = t;
   Ae(() => {
     if (!n)
-      return mt++, mt === 1 && zt() && (Tt = Ie()), () => {
-        mt--, mt === 0 && (Tt == null || Tt());
+      return pt++, pt === 1 && zt() && (Tt = Ie()), () => {
+        pt--, pt === 0 && Tt?.();
       };
   }, [
     n
@@ -155,16 +155,16 @@ function Ie() {
     window.scrollTo(0, 0);
   }, w = window.pageXOffset, T = window.pageYOffset, E = Bt(_e(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
   window.scrollTo(0, 0);
-  let h = Bt(lt(document, "touchstart", e, {
+  let h = Bt(st(document, "touchstart", e, {
     passive: !1,
     capture: !0
-  }), lt(document, "touchmove", o, {
+  }), st(document, "touchmove", o, {
     passive: !1,
     capture: !0
-  }), lt(document, "touchend", i, {
+  }), st(document, "touchend", i, {
     passive: !1,
     capture: !0
-  }), lt(document, "focus", a, !0), lt(window, "scroll", v));
+  }), st(document, "focus", a, !0), st(window, "scroll", v));
   return () => {
     E(), h(), window.scrollTo(w, T);
   };
@@ -175,7 +175,7 @@ function _e(t, n, e) {
     t.style[n] = o;
   };
 }
-function lt(t, n, e, o) {
+function st(t, n, e, o) {
   return t.addEventListener(n, e, o), () => {
     t.removeEventListener(n, e, o);
   };
@@ -233,7 +233,7 @@ const C = (t) => {
       return t;
   }
 };
-function pt(t, n) {
+function wt(t, n) {
   if (!t)
     return null;
   const e = window.getComputedStyle(t), o = (
@@ -268,7 +268,7 @@ const O = {
     0,
     1
   ]
-}, qt = 0.4, Ue = 0.25, Fe = 100, Xt = 8, wt = 16, Ot = 26, Et = "vaul-dragging";
+}, qt = 0.4, Ue = 0.25, Fe = 100, Xt = 8, Z = 16, Ot = 26, Et = "vaul-dragging";
 function Kt(t) {
   const n = r.useRef(t);
   return r.useEffect(() => {
@@ -310,7 +310,7 @@ function Gt({ prop: t, defaultProp: n, onChange: e = () => {
 function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: o, overlayRef: i, fadeFromIndex: a, onSnapPointChange: v, direction: w = "bottom", container: T, snapToSequentialPoint: E }) {
   const [h, f] = Gt({
     prop: t,
-    defaultProp: e == null ? void 0 : e[0],
+    defaultProp: e?.[0],
     onChange: n
   }), [m, B] = r.useState(typeof window < "u" ? {
     innerWidth: window.innerWidth,
@@ -325,12 +325,12 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }
     return window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
   }, []);
-  const L = r.useMemo(() => h === (e == null ? void 0 : e[e.length - 1]) || null, [
+  const L = r.useMemo(() => h === e?.[e.length - 1] || null, [
     e,
     h
   ]), D = r.useMemo(() => {
     var u;
-    return (u = e == null ? void 0 : e.findIndex((b) => b === h)) != null ? u : null;
+    return (u = e?.findIndex((b) => b === h)) != null ? u : null;
   }, [
     e,
     h
@@ -346,7 +346,7 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
       height: 0
     };
     var b;
-    return (b = e == null ? void 0 : e.map((y) => {
+    return (b = e?.map((y) => {
       const _ = typeof y == "string";
       let P = 0;
       if (_ && (P = parseInt(y, 10)), C(w)) {
@@ -360,12 +360,12 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     e,
     m,
     T
-  ]), M = r.useMemo(() => D !== null ? p == null ? void 0 : p[D] : null, [
+  ]), M = r.useMemo(() => D !== null ? p?.[D] : null, [
     p,
     D
   ]), A = r.useCallback((u) => {
     var b;
-    const y = (b = p == null ? void 0 : p.findIndex((_) => _ === u)) != null ? b : null;
+    const y = (b = p?.findIndex((_) => _ === u)) != null ? b : null;
     v(y), $(o.current, {
       transition: `transform ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
       transform: C(w) ? `translate3d(0, ${u}px, 0)` : `translate3d(${u}px, 0, 0)`
@@ -375,7 +375,7 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }) : $(i.current, {
       transition: `opacity ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
       opacity: "1"
-    }), f(e == null ? void 0 : e[Math.max(y, 0)]);
+    }), f(e?.[Math.max(y, 0)]);
   }, [
     o.current,
     e,
@@ -387,7 +387,7 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
   r.useEffect(() => {
     if (h || t) {
       var u;
-      const b = (u = e == null ? void 0 : e.findIndex((y) => y === t || y === h)) != null ? u : -1;
+      const b = (u = e?.findIndex((y) => y === t || y === h)) != null ? u : -1;
       p && b !== -1 && typeof p[b] == "number" && A(p[b]);
     }
   }, [
@@ -410,7 +410,7 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
       A(p[e.length - 1]);
       return;
     }
-    const H = p == null ? void 0 : p.reduce((I, q) => typeof I != "number" || typeof q != "number" ? I : Math.abs(q - P) < Math.abs(I - P) ? q : I), z = C(w) ? window.innerHeight : window.innerWidth;
+    const H = p?.reduce((I, q) => typeof I != "number" || typeof q != "number" ? I : Math.abs(q - P) < Math.abs(I - P) ? q : I), z = C(w) ? window.innerHeight : window.innerWidth;
     if (y > qt && Math.abs(u) < z * 0.4) {
       const I = F ? 1 : -1;
       if (I > 0 && L && e) {
@@ -455,7 +455,7 @@ function ze({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
 const Ve = () => () => {
 };
 function Ye() {
-  const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: o, noBodyStyles: i } = ut(), a = r.useRef(null), v = Re(() => document.body.style.backgroundColor, []);
+  const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: o, noBodyStyles: i } = ct(), a = r.useRef(null), v = Re(() => document.body.style.backgroundColor, []);
   function w() {
     return (window.innerWidth - Ot) / window.innerWidth;
   }
@@ -493,11 +493,11 @@ function Ye() {
     v
   ]);
 }
-let st = null;
+let ut = null;
 function je({ isOpen: t, modal: n, nested: e, hasBeenOpened: o, preventScrollRestoration: i, noBodyStyles: a }) {
   const [v, w] = r.useState(() => typeof window < "u" ? window.location.href : ""), T = r.useRef(0), E = r.useCallback(() => {
-    if (kt() && st === null && t && !a) {
-      st = {
+    if (kt() && ut === null && t && !a) {
+      ut = {
         position: document.body.style.position,
         top: document.body.style.top,
         left: document.body.style.left,
@@ -518,15 +518,15 @@ function je({ isOpen: t, modal: n, nested: e, hasBeenOpened: o, preventScrollRes
   }, [
     t
   ]), h = r.useCallback(() => {
-    if (kt() && st !== null && !a) {
+    if (kt() && ut !== null && !a) {
       const f = -parseInt(document.body.style.top, 10), m = -parseInt(document.body.style.left, 10);
-      Object.assign(document.body.style, st), window.requestAnimationFrame(() => {
+      Object.assign(document.body.style, ut), window.requestAnimationFrame(() => {
         if (i && v !== window.location.href) {
           w(window.location.href);
           return;
         }
         window.scrollTo(m, f);
-      }), st = null;
+      }), ut = null;
     }
   }, [
     v
@@ -568,21 +568,21 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     defaultProp: Y,
     prop: t,
     onChange: (l) => {
-      n == null || n(l), !l && !M && oe(), setTimeout(() => {
-        _ == null || _(l);
+      n?.(l), !l && !M && oe(), setTimeout(() => {
+        _?.(l);
       }, O.DURATION * 1e3), l && !U && typeof window < "u" && window.requestAnimationFrame(() => {
         document.body.style.pointerEvents = "auto";
       }), l || (document.body.style.pointerEvents = "auto");
     }
-  }), [I, q] = r.useState(!1), [X, nt] = r.useState(!1), [Zt, Ct] = r.useState(!1), Z = r.useRef(null), ct = r.useRef(null), ht = r.useRef(null), gt = r.useRef(null), rt = r.useRef(null), at = r.useRef(!1), vt = r.useRef(null), yt = r.useRef(0), tt = r.useRef(!1), $t = r.useRef(!Y), At = r.useRef(0), d = r.useRef(null), Mt = r.useRef(((s = d.current) == null ? void 0 : s.getBoundingClientRect().height) || 0), Pt = r.useRef(((F = d.current) == null ? void 0 : F.getBoundingClientRect().width) || 0), bt = r.useRef(0), te = r.useCallback((l) => {
-    a && l === ot.length - 1 && (ct.current = /* @__PURE__ */ new Date());
-  }, []), { activeSnapPoint: ee, activeSnapPointIndex: et, setActiveSnapPoint: It, onRelease: ne, snapPointsOffset: ot, onDrag: re, shouldFade: _t, getPercentageDragged: ae } = ze({
+  }), [I, q] = r.useState(!1), [X, rt] = r.useState(!1), [Zt, Ct] = r.useState(!1), tt = r.useRef(null), dt = r.useRef(null), ht = r.useRef(null), gt = r.useRef(null), at = r.useRef(null), ot = r.useRef(!1), vt = r.useRef(null), yt = r.useRef(0), et = r.useRef(!1), $t = r.useRef(!Y), At = r.useRef(0), d = r.useRef(null), Mt = r.useRef(((s = d.current) == null ? void 0 : s.getBoundingClientRect().height) || 0), Pt = r.useRef(((F = d.current) == null ? void 0 : F.getBoundingClientRect().width) || 0), bt = r.useRef(0), te = r.useCallback((l) => {
+    a && l === it.length - 1 && (dt.current = /* @__PURE__ */ new Date());
+  }, []), { activeSnapPoint: ee, activeSnapPointIndex: nt, setActiveSnapPoint: It, onRelease: ne, snapPointsOffset: it, onDrag: re, shouldFade: _t, getPercentageDragged: ae } = ze({
     snapPoints: a,
     activeSnapPointProp: B,
     setActiveSnapPointProp: L,
     drawerRef: d,
     fadeFromIndex: m,
-    overlayRef: Z,
+    overlayRef: tt,
     onSnapPointChange: te,
     direction: c,
     container: P,
@@ -599,35 +599,35 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     preventScrollRestoration: b,
     noBodyStyles: A
   });
-  function dt() {
+  function ft() {
     return (window.innerWidth - Ot) / window.innerWidth;
   }
   function ie(l) {
     var S, R;
-    !h && !a || d.current && !d.current.contains(l.target) || (Mt.current = ((S = d.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Pt.current = ((R = d.current) == null ? void 0 : R.getBoundingClientRect().width) || 0, nt(!0), ht.current = /* @__PURE__ */ new Date(), zt() && window.addEventListener("touchend", () => at.current = !1, {
+    !h && !a || d.current && !d.current.contains(l.target) || (Mt.current = ((S = d.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Pt.current = ((R = d.current) == null ? void 0 : R.getBoundingClientRect().width) || 0, rt(!0), ht.current = /* @__PURE__ */ new Date(), zt() && window.addEventListener("touchend", () => ot.current = !1, {
       once: !0
     }), l.target.setPointerCapture(l.pointerId), yt.current = C(c) ? l.pageY : l.pageX);
   }
   function Ht(l, S) {
     var R;
     let g = l;
-    const x = (R = window.getSelection()) == null ? void 0 : R.toString(), k = d.current ? pt(d.current, c) : null, N = /* @__PURE__ */ new Date();
+    const x = (R = window.getSelection()) == null ? void 0 : R.toString(), k = d.current ? wt(d.current, c) : null, N = /* @__PURE__ */ new Date();
     if (g.tagName === "SELECT" || g.hasAttribute("data-vaul-no-drag") || g.closest("[data-vaul-no-drag]"))
       return !1;
     if (c === "right" || c === "left")
       return !0;
-    if (ct.current && N.getTime() - ct.current.getTime() < 500)
+    if (dt.current && N.getTime() - dt.current.getTime() < 500)
       return !1;
     if (k !== null && (c === "bottom" ? k > 0 : k < 0))
       return !0;
     if (x && x.length > 0)
       return !1;
-    if (rt.current && N.getTime() - rt.current.getTime() < E && k === 0 || S)
-      return rt.current = N, !1;
+    if (at.current && N.getTime() - at.current.getTime() < E && k === 0 || S)
+      return at.current = N, !1;
     for (; g; ) {
       if (g.scrollHeight > g.clientHeight) {
         if (g.scrollTop !== 0)
-          return rt.current = /* @__PURE__ */ new Date(), !1;
+          return at.current = /* @__PURE__ */ new Date(), !1;
         if (g.getAttribute("role") === "dialog")
           return !0;
       }
@@ -638,32 +638,32 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
   function le(l) {
     if (d.current && X) {
       const S = c === "bottom" || c === "right" ? 1 : -1, R = (yt.current - (C(c) ? l.pageY : l.pageX)) * S, g = R > 0, x = a && !h && !g;
-      if (x && et === 0) return;
+      if (x && nt === 0) return;
       const k = Math.abs(R), N = document.querySelector("[data-vaul-drawer-wrapper]"), K = c === "bottom" || c === "top" ? Mt.current : Pt.current;
       let V = k / K;
       const Q = ae(k, g);
-      if (Q !== null && (V = Q), x && V >= 1 || !at.current && !Ht(l.target, g)) return;
-      if (d.current.classList.add(Et), at.current = !0, $(d.current, {
+      if (Q !== null && (V = Q), x && V >= 1 || !ot.current && !Ht(l.target, g)) return;
+      if (d.current.classList.add(Et), ot.current = !0, $(d.current, {
         transition: "none"
-      }), $(Z.current, {
+      }), $(tt.current, {
         transition: "none"
       }), a && re({
         draggedDistance: R
       }), g && !a) {
-        const j = ke(R), ft = Math.min(j * -1, 0) * S;
+        const j = ke(R), mt = Math.min(j * -1, 0) * S;
         $(d.current, {
-          transform: C(c) ? `translate3d(0, ${ft}px, 0)` : `translate3d(${ft}px, 0, 0)`
+          transform: C(c) ? `translate3d(0, ${mt}px, 0)` : `translate3d(${mt}px, 0, 0)`
         });
         return;
       }
       const G = 1 - V;
-      if ((_t || m && et === m - 1) && (o == null || o(l, V), $(Z.current, {
+      if ((_t || m && nt === m - 1) && (o?.(l, V), $(tt.current, {
         opacity: `${G}`,
         transition: "none"
-      }, !0)), N && Z.current && v) {
-        const j = Math.min(dt() + V * (1 - dt()), 1), ft = 8 - V * 8, Lt = Math.max(0, 14 - V * 14);
+      }, !0)), N && tt.current && v) {
+        const j = Math.min(ft() + V * (1 - ft()), 1), mt = 8 - V * 8, Lt = Math.max(0, 14 - V * 14);
         $(N, {
-          borderRadius: `${ft}px`,
+          borderRadius: `${mt}px`,
           transform: C(c) ? `scale(${j}) translate3d(0, ${Lt}px, 0)` : `scale(${j}) translate3d(${Lt}px, 0, 0)`,
           transition: "none"
         }, !0);
@@ -685,23 +685,23 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     function S() {
       if (!d.current || !y) return;
       const R = document.activeElement;
-      if (Dt(R) || tt.current) {
+      if (Dt(R) || et.current) {
         var g;
         const x = ((g = window.visualViewport) == null ? void 0 : g.height) || 0, k = window.innerHeight;
         let N = k - x;
         const K = d.current.getBoundingClientRect().height || 0, V = K > k * 0.8;
         bt.current || (bt.current = K);
         const Q = d.current.getBoundingClientRect().top;
-        if (Math.abs(At.current - N) > 60 && (tt.current = !tt.current), a && a.length > 0 && ot && et) {
-          const G = ot[et] || 0;
+        if (Math.abs(At.current - N) > 60 && (et.current = !et.current), a && a.length > 0 && it && nt) {
+          const G = it[nt] || 0;
           N += G;
         }
-        if (At.current = N, K > x || tt.current) {
+        if (At.current = N, K > x || et.current) {
           const G = d.current.getBoundingClientRect().height;
           let j = G;
           G > x && (j = x - (V ? Q : Ot)), D ? d.current.style.height = `${G - Math.max(N, 0)}px` : d.current.style.height = `${Math.max(j, x - Q)}px`;
         } else De() || (d.current.style.height = `${bt.current}px`);
-        a && a.length > 0 && !tt.current ? d.current.style.bottom = "0px" : d.current.style.bottom = `${Math.max(N, 0)}px`;
+        a && a.length > 0 && !et.current ? d.current.style.bottom = "0px" : d.current.style.bottom = `${Math.max(N, 0)}px`;
       }
     }
     return (l = window.visualViewport) == null || l.addEventListener("resize", S), () => {
@@ -709,32 +709,32 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
       return (R = window.visualViewport) == null ? void 0 : R.removeEventListener("resize", S);
     };
   }, [
-    et,
+    nt,
     a,
-    ot
+    it
   ]);
-  function it(l) {
-    se(), p == null || p(), l || z(!1), setTimeout(() => {
+  function lt(l) {
+    se(), p?.(), l || z(!1), setTimeout(() => {
       a && It(a[0]);
     }, O.DURATION * 1e3);
   }
   function Nt() {
     if (!d.current) return;
-    const l = document.querySelector("[data-vaul-drawer-wrapper]"), S = pt(d.current, c);
+    const l = document.querySelector("[data-vaul-drawer-wrapper]"), S = wt(d.current, c);
     $(d.current, {
       transform: "translate3d(0, 0, 0)",
       transition: `transform ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`
-    }), $(Z.current, {
+    }), $(tt.current, {
       transition: `opacity ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
       opacity: "1"
     }), v && S && S > 0 && H && $(l, {
       borderRadius: `${Xt}px`,
       overflow: "hidden",
       ...C(c) ? {
-        transform: `scale(${dt()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+        transform: `scale(${ft()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
         transformOrigin: "top"
       } : {
-        transform: `scale(${dt()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+        transform: `scale(${ft()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
         transformOrigin: "left"
       },
       transitionProperty: "transform, border-radius",
@@ -743,12 +743,12 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     }, !0);
   }
   function se() {
-    !X || !d.current || (d.current.classList.remove(Et), at.current = !1, nt(!1), gt.current = /* @__PURE__ */ new Date());
+    !X || !d.current || (d.current.classList.remove(Et), ot.current = !1, rt(!1), gt.current = /* @__PURE__ */ new Date());
   }
   function ue(l) {
     if (!X || !d.current) return;
-    d.current.classList.remove(Et), at.current = !1, nt(!1), gt.current = /* @__PURE__ */ new Date();
-    const S = pt(d.current, c);
+    d.current.classList.remove(Et), ot.current = !1, rt(!1), gt.current = /* @__PURE__ */ new Date();
+    const S = wt(d.current, c);
     if (!l || !Ht(l.target, !1) || !S || Number.isNaN(S) || ht.current === null) return;
     const R = gt.current.getTime() - ht.current.getTime(), g = yt.current - (C(c) ? l.pageY : l.pageX), x = Math.abs(g) / R;
     if (x > 0.05 && (Ct(!0), setTimeout(() => {
@@ -756,18 +756,18 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     }, 200)), a) {
       ne({
         draggedDistance: g * (c === "bottom" || c === "right" ? 1 : -1),
-        closeDrawer: it,
+        closeDrawer: lt,
         velocity: x,
         dismissible: h
-      }), i == null || i(l, !0);
+      }), i?.(l, !0);
       return;
     }
     if (c === "bottom" || c === "right" ? g > 0 : g < 0) {
-      Nt(), i == null || i(l, !0);
+      Nt(), i?.(l, !0);
       return;
     }
     if (x > qt) {
-      it(), i == null || i(l, !1);
+      lt(), i?.(l, !1);
       return;
     }
     var k;
@@ -775,25 +775,25 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
     var K;
     const V = Math.min((K = d.current.getBoundingClientRect().width) != null ? K : 0, window.innerWidth), Q = c === "left" || c === "right";
     if (Math.abs(S) >= (Q ? V : N) * T) {
-      it(), i == null || i(l, !1);
+      lt(), i?.(l, !1);
       return;
     }
-    i == null || i(l, !0), Nt();
+    i?.(l, !0), Nt();
   }
   r.useEffect(() => (H && ($(document.documentElement, {
     scrollBehavior: "auto"
-  }), ct.current = /* @__PURE__ */ new Date()), () => {
+  }), dt.current = /* @__PURE__ */ new Date()), () => {
     Le(document.documentElement, "scrollBehavior");
   }), [
     H
   ]);
   function ce(l) {
-    const S = l ? (window.innerWidth - wt) / window.innerWidth : 1, R = l ? -16 : 0;
+    const S = l ? (window.innerWidth - Z) / window.innerWidth : 1, R = l ? -Z : 0;
     vt.current && window.clearTimeout(vt.current), $(d.current, {
       transition: `transform ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
       transform: C(c) ? `scale(${S}) translate3d(0, ${R}px, 0)` : `scale(${S}) translate3d(${R}px, 0, 0)`
     }), !l && d.current && (vt.current = setTimeout(() => {
-      const g = pt(d.current, c);
+      const g = wt(d.current, c);
       $(d.current, {
         transition: "none",
         transform: C(c) ? `translate3d(0, ${g}px, 0)` : `translate3d(${g}px, 0, 0)`
@@ -802,14 +802,14 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
   }
   function de(l, S) {
     if (S < 0) return;
-    const R = (window.innerWidth - wt) / window.innerWidth, g = R + S * (1 - R), x = -16 + S * wt;
+    const R = (window.innerWidth - Z) / window.innerWidth, g = R + S * (1 - R), x = -Z + S * Z;
     $(d.current, {
       transform: C(c) ? `scale(${g}) translate3d(0, ${x}px, 0)` : `scale(${g}) translate3d(${x}px, 0, 0)`,
       transition: "none"
     });
   }
   function fe(l, S) {
-    const R = C(c) ? window.innerHeight : window.innerWidth, g = S ? (R - wt) / R : 1, x = S ? -16 : 0;
+    const R = C(c) ? window.innerHeight : window.innerWidth, g = S ? (R - Z) / R : 1, x = S ? -Z : 0;
     S && $(d.current, {
       transition: `transform ${O.DURATION}s cubic-bezier(${O.EASE.join(",")})`,
       transform: C(c) ? `scale(${g}) translate3d(0, ${x}px, 0)` : `scale(${g}) translate3d(${x}px, 0, 0)`
@@ -824,7 +824,7 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
   ]), /* @__PURE__ */ r.createElement(he, {
     defaultOpen: Y,
     onOpenChange: (l) => {
-      !h && !l || (l ? q(!0) : it(!0), z(l));
+      !h && !l || (l ? q(!0) : lt(!0), z(l));
     },
     open: H
   }, /* @__PURE__ */ r.createElement(Wt.Provider, {
@@ -833,7 +833,7 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
       snapPoints: a,
       setActiveSnapPoint: It,
       drawerRef: d,
-      overlayRef: Z,
+      overlayRef: tt,
       onOpenChange: n,
       onPress: ie,
       onRelease: ue,
@@ -844,14 +844,14 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
       isOpen: H,
       isDragging: X,
       shouldFade: _t,
-      closeDrawer: it,
+      closeDrawer: lt,
       onNestedDrag: de,
       onNestedOpenChange: ce,
       onNestedRelease: fe,
-      keyboardIsOpen: tt,
+      keyboardIsOpen: et,
       modal: U,
-      snapPointsOffset: ot,
-      activeSnapPointIndex: et,
+      snapPointsOffset: it,
+      activeSnapPointIndex: nt,
       direction: c,
       shouldScaleBackground: v,
       setBackgroundColorOnScale: w,
@@ -862,7 +862,7 @@ function qe({ open: t, onOpenChange: n, children: e, onDrag: o, onRelease: i, sn
   }, e));
 }
 const Jt = /* @__PURE__ */ r.forwardRef(function({ ...t }, n) {
-  const { overlayRef: e, snapPoints: o, onRelease: i, shouldFade: a, isOpen: v, modal: w, shouldAnimate: T } = ut(), E = Yt(n, e), h = o && o.length > 0;
+  const { overlayRef: e, snapPoints: o, onRelease: i, shouldFade: a, isOpen: v, modal: w, shouldAnimate: T } = ct(), E = Yt(n, e), h = o && o.length > 0;
   if (!w)
     return null;
   const f = r.useCallback((m) => i(m), [
@@ -874,13 +874,13 @@ const Jt = /* @__PURE__ */ r.forwardRef(function({ ...t }, n) {
     "data-vaul-overlay": "",
     "data-vaul-snap-points": v && h ? "true" : "false",
     "data-vaul-snap-points-overlay": v && a ? "true" : "false",
-    "data-vaul-animate": T != null && T.current ? "true" : "false",
+    "data-vaul-animate": T?.current ? "true" : "false",
     ...t
   });
 });
 Jt.displayName = "Drawer.Overlay";
 const Qt = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...o }, i) {
-  const { drawerRef: a, onPress: v, onRelease: w, onDrag: T, keyboardIsOpen: E, snapPointsOffset: h, activeSnapPointIndex: f, modal: m, isOpen: B, direction: L, snapPoints: D, container: U, handleOnly: p, shouldAnimate: M, autoFocus: A } = ut(), [c, Y] = r.useState(!1), J = Yt(i, a), u = r.useRef(null), b = r.useRef(null), y = r.useRef(!1), _ = D && D.length > 0;
+  const { drawerRef: a, onPress: v, onRelease: w, onDrag: T, keyboardIsOpen: E, snapPointsOffset: h, activeSnapPointIndex: f, modal: m, isOpen: B, direction: L, snapPoints: D, container: U, handleOnly: p, shouldAnimate: M, autoFocus: A } = ct(), [c, Y] = r.useState(!1), J = Yt(i, a), u = r.useRef(null), b = r.useRef(null), y = r.useRef(!1), _ = D && D.length > 0;
   Ye();
   const P = (s, F, H = 0) => {
     if (y.current) return !0;
@@ -909,7 +909,7 @@ const Qt = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
     "data-vaul-delayed-snap-points": c ? "true" : "false",
     "data-vaul-snap-points": B && _ ? "true" : "false",
     "data-vaul-custom-container": U ? "true" : "false",
-    "data-vaul-animate": M != null && M.current ? "true" : "false",
+    "data-vaul-animate": M?.current ? "true" : "false",
     ...o,
     ref: J,
     style: h && h.length > 0 ? {
@@ -923,10 +923,10 @@ const Qt = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
       }, v(s));
     },
     onOpenAutoFocus: (s) => {
-      e == null || e(s), A || s.preventDefault();
+      e?.(s), A || s.preventDefault();
     },
     onPointerDownOutside: (s) => {
-      if (t == null || t(s), !m || s.defaultPrevented) {
+      if (t?.(s), !m || s.defaultPrevented) {
         s.preventDefault();
         return;
       }
@@ -959,7 +959,7 @@ const Qt = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
 });
 Qt.displayName = "Drawer.Content";
 const Xe = 250, Ke = 120, Ge = /* @__PURE__ */ r.forwardRef(function({ preventCycle: t = !1, children: n, ...e }, o) {
-  const { closeDrawer: i, isDragging: a, snapPoints: v, activeSnapPoint: w, setActiveSnapPoint: T, dismissible: E, handleOnly: h, isOpen: f, onPress: m, onDrag: B } = ut(), L = r.useRef(null), D = r.useRef(!1);
+  const { closeDrawer: i, isDragging: a, snapPoints: v, activeSnapPoint: w, setActiveSnapPoint: T, dismissible: E, handleOnly: h, isOpen: f, onPress: m, onDrag: B } = ct(), L = r.useRef(null), D = r.useRef(!1);
   function U() {
     if (D.current) {
       A();
@@ -1017,7 +1017,7 @@ const Xe = 250, Ke = 120, Ge = /* @__PURE__ */ r.forwardRef(function({ preventCy
 });
 Ge.displayName = "Drawer.Handle";
 function Je(t) {
-  const n = ut(), { container: e = n.container, ...o } = t;
+  const n = ct(), { container: e = n.container, ...o } = t;
   return /* @__PURE__ */ r.createElement(ve, {
     container: e,
     ...o