ics-ui-kit 0.1.0-alpha.12 → 0.1.0-alpha.13

package/dist/components/drawer.js

@@ -1,56 +1,56 @@
-var Ie = Object.defineProperty, Le = Object.defineProperties;
-var Pe = Object.getOwnPropertyDescriptors;
-var Dt = Object.getOwnPropertySymbols;
-var Zt = Object.prototype.hasOwnProperty, Gt = Object.prototype.propertyIsEnumerable;
-var Kt = (t, n, e) => n in t ? Ie(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, E = (t, n) => {
-  for (var e in n || (n = {}))
-    Zt.call(n, e) && Kt(t, e, n[e]);
-  if (Dt)
-    for (var e of Dt(n))
-      Gt.call(n, e) && Kt(t, e, n[e]);
-  return t;
-}, j = (t, n) => Le(t, Pe(n));
-var _ = (t, n) => {
-  var e = {};
-  for (var r in t)
-    Zt.call(t, r) && n.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && Dt)
-    for (var r of Dt(t))
-      n.indexOf(r) < 0 && Gt.call(t, r) && (e[r] = t[r]);
+var It = Object.defineProperty, Lt = Object.defineProperties;
+var Pt = Object.getOwnPropertyDescriptors;
+var De = Object.getOwnPropertySymbols;
+var Ze = Object.prototype.hasOwnProperty, Ge = Object.prototype.propertyIsEnumerable;
+var Ke = (e, n, t) => n in e ? It(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, E = (e, n) => {
+  for (var t in n || (n = {}))
+    Ze.call(n, t) && Ke(e, t, n[t]);
+  if (De)
+    for (var t of De(n))
+      Ge.call(n, t) && Ke(e, t, n[t]);
   return e;
+}, j = (e, n) => Lt(e, Pt(n));
+var _ = (e, n) => {
+  var t = {};
+  for (var r in e)
+    Ze.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && De)
+    for (var r of De(e))
+      n.indexOf(r) < 0 && Ge.call(e, r) && (t[r] = e[r]);
+  return t;
 };
-import { jsx as D, jsxs as it } from "react/jsx-runtime";
-import * as Ct from "react";
-import o, { useLayoutEffect as _e, useEffect as ke, useMemo as Fe } from "react";
-import { T as Be, C as We, P as ze, b as Ue, D as Ve, R as je, a as Ye, O as qe } from "../index-DwbC6luJ.js";
-import { c as oe } from "../utils-DGzAmwok.js";
-import { S as Xe } from "../ScrollShadowContainer-DSKr3_fV.js";
-import { c as et } from "../index-CR-odn5-.js";
-import { o as Ke } from "../Overlay-CgZtnOj6.js";
-import { I as Ze } from "../IsolatedStylesWrapper-B_Qu75eR.js";
-import { B as Et } from "../Button-DhfE69q0.js";
-import { a as Ge } from "../CheckboxField-CL1Tc7P4.js";
-import { L as Je } from "../FieldLabel-BGxT_RaE.js";
-import { D as Qe } from "../Description-ZE34bSch.js";
-import { I as Jt } from "../Icon-CSPBHL_x.js";
-import { c as tn } from "../createLucideIcon-DgrNxRV5.js";
-import { X as en } from "../x-JgjNP5oH.js";
+import { jsx as D, jsxs as ie } from "react/jsx-runtime";
+import * as Ce from "react";
+import o, { useLayoutEffect as _t, useEffect as kt, useMemo as Ft } from "react";
+import { T as Bt, C as Wt, P as zt, b as Ut, D as Vt, R as jt, a as Yt, O as qt } from "../index-Cx4x7Bv2.js";
+import { c as ot } from "../utils-BK4mPzkB.js";
+import { S as Xt } from "../ScrollShadowContainer-ByNH68Kg.js";
+import { c as te } from "../index-CR-odn5-.js";
+import { o as Kt } from "../Overlay-CgZtnOj6.js";
+import { I as Zt } from "../IsolatedStylesWrapper-WgaoHh7y.js";
+import { B as Ee } from "../Button-DQtBfU9y.js";
+import { a as Gt } from "../CheckboxField-i_-dPpFM.js";
+import { L as Jt } from "../FieldLabel-CAbVan3E.js";
+import { D as Qt } from "../Description-ZE34bSch.js";
+import { I as Je } from "../Icon-CSPBHL_x.js";
+import { c as en } from "../createLucideIcon-DgrNxRV5.js";
+import { X as tn } from "../x-JgjNP5oH.js";
 /**
  * @license lucide-react v0.460.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = tn("ArrowLeft", [
+const nn = en("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
-function rn(t) {
+function rn(e) {
   if (typeof document == "undefined") return;
-  let n = document.head || document.getElementsByTagName("head")[0], e = document.createElement("style");
-  e.type = "text/css", n.appendChild(e), e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+  let n = document.head || document.getElementsByTagName("head")[0], t = document.createElement("style");
+  t.type = "text/css", n.appendChild(t), t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
 }
-const ie = o.createContext({
+const it = o.createContext({
   drawerRef: {
     current: null
   },
@@ -97,55 +97,55 @@ const ie = o.createContext({
   noBodyStyles: !1,
   container: null,
   autoFocus: !1
-}), ht = () => {
-  const t = o.useContext(ie);
-  if (!t)
+}), he = () => {
+  const e = o.useContext(it);
+  if (!e)
     throw new Error("useDrawerContext must be used within a Drawer.Root");
-  return t;
+  return e;
 };
 rn(`[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(0.32,0.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]{transform:translate3d(0,var(--snap-point-height,0),0)}[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]{transform:translate3d(var(--snap-point-height,0),0,0)}[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(0.32,0.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]:active,[data-vaul-handle]:hover{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]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);
 function an() {
-  const t = navigator.userAgent;
-  return typeof window != "undefined" && (/Firefox/.test(t) && /Mobile/.test(t) || // Android Firefox
-  /FxiOS/.test(t));
+  const e = navigator.userAgent;
+  return typeof window != "undefined" && (/Firefox/.test(e) && /Mobile/.test(e) || // Android Firefox
+  /FxiOS/.test(e));
 }
 function on() {
-  return Ft(/^Mac/);
+  return Fe(/^Mac/);
 }
 function sn() {
-  return Ft(/^iPhone/);
+  return Fe(/^iPhone/);
 }
-function Qt() {
+function Qe() {
   return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
 function ln() {
-  return Ft(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  return Fe(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   on() && navigator.maxTouchPoints > 1;
 }
-function se() {
+function st() {
   return sn() || ln();
 }
-function Ft(t) {
-  return typeof window != "undefined" && window.navigator != null ? t.test(window.navigator.platform) : void 0;
+function Fe(e) {
+  return typeof window != "undefined" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
 }
-const un = 24, cn = typeof window != "undefined" ? _e : ke;
-function te(...t) {
+const un = 24, cn = typeof window != "undefined" ? _t : kt;
+function et(...e) {
   return (...n) => {
-    for (let e of t)
-      typeof e == "function" && e(...n);
+    for (let t of e)
+      typeof t == "function" && t(...n);
   };
 }
-const Ht = typeof document != "undefined" && window.visualViewport;
-function ee(t) {
-  let n = window.getComputedStyle(t);
+const He = typeof document != "undefined" && window.visualViewport;
+function tt(e) {
+  let n = window.getComputedStyle(e);
   return /(auto|scroll)/.test(n.overflow + n.overflowX + n.overflowY);
 }
-function le(t) {
-  for (ee(t) && (t = t.parentElement); t && !ee(t); )
-    t = t.parentElement;
-  return t || document.scrollingElement || document.documentElement;
+function lt(e) {
+  for (tt(e) && (e = e.parentElement); e && !tt(e); )
+    e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
 }
 const dn = /* @__PURE__ */ new Set([
   "checkbox",
@@ -158,114 +158,114 @@ const dn = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-let Tt = 0, It;
-function fn(t = {}) {
-  let { isDisabled: n } = t;
+let Te = 0, Ie;
+function fn(e = {}) {
+  let { isDisabled: n } = e;
   cn(() => {
     if (!n)
-      return Tt++, Tt === 1 && se() && (It = mn()), () => {
-        Tt--, Tt === 0 && (It == null || It());
+      return Te++, Te === 1 && st() && (Ie = mn()), () => {
+        Te--, Te === 0 && (Ie == null || Ie());
       };
   }, [
     n
   ]);
 }
 function mn() {
-  let t, n = 0, e = (s) => {
-    t = le(s.target), !(t === document.documentElement && t === document.body) && (n = s.changedTouches[0].pageY);
+  let e, n = 0, t = (s) => {
+    e = lt(s.target), !(e === document.documentElement && e === document.body) && (n = s.changedTouches[0].pageY);
   }, r = (s) => {
-    if (!t || t === document.documentElement || t === document.body) {
+    if (!e || e === document.documentElement || e === document.body) {
       s.preventDefault();
       return;
     }
-    let u = s.changedTouches[0].pageY, A = t.scrollTop, k = t.scrollHeight - t.clientHeight;
+    let u = s.changedTouches[0].pageY, A = e.scrollTop, k = e.scrollHeight - e.clientHeight;
     k !== 0 && ((A <= 0 && u > n || A >= k && u < n) && s.preventDefault(), n = u);
   }, a = (s) => {
     let u = s.target;
-    _t(u) && u !== document.activeElement && (s.preventDefault(), u.style.transform = "translateY(-2000px)", u.focus(), requestAnimationFrame(() => {
+    _e(u) && u !== document.activeElement && (s.preventDefault(), u.style.transform = "translateY(-2000px)", u.focus(), requestAnimationFrame(() => {
       u.style.transform = "";
     }));
   }, i = (s) => {
     let u = s.target;
-    _t(u) && (u.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-      u.style.transform = "", Ht && (Ht.height < window.innerHeight ? requestAnimationFrame(() => {
-        ne(u);
-      }) : Ht.addEventListener("resize", () => ne(u), {
+    _e(u) && (u.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+      u.style.transform = "", He && (He.height < window.innerHeight ? requestAnimationFrame(() => {
+        nt(u);
+      }) : He.addEventListener("resize", () => nt(u), {
         once: !0
       }));
     }));
   }, g = () => {
     window.scrollTo(0, 0);
-  }, d = window.pageXOffset, y = window.pageYOffset, T = te(pn(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
+  }, d = window.pageXOffset, y = window.pageYOffset, T = et(pn(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
   window.scrollTo(0, 0);
-  let v = te(pt(document, "touchstart", e, {
+  let v = et(pe(document, "touchstart", t, {
     passive: !1,
     capture: !0
-  }), pt(document, "touchmove", r, {
+  }), pe(document, "touchmove", r, {
     passive: !1,
     capture: !0
-  }), pt(document, "touchend", a, {
+  }), pe(document, "touchend", a, {
     passive: !1,
     capture: !0
-  }), pt(document, "focus", i, !0), pt(window, "scroll", g));
+  }), pe(document, "focus", i, !0), pe(window, "scroll", g));
   return () => {
     T(), v(), window.scrollTo(d, y);
   };
 }
-function pn(t, n, e) {
-  let r = t.style[n];
-  return t.style[n] = e, () => {
-    t.style[n] = r;
+function pn(e, n, t) {
+  let r = e.style[n];
+  return e.style[n] = t, () => {
+    e.style[n] = r;
   };
 }
-function pt(t, n, e, r) {
-  return t.addEventListener(n, e, r), () => {
-    t.removeEventListener(n, e, r);
+function pe(e, n, t, r) {
+  return e.addEventListener(n, t, r), () => {
+    e.removeEventListener(n, t, r);
   };
 }
-function ne(t) {
+function nt(e) {
   let n = document.scrollingElement || document.documentElement;
-  for (; t && t !== n; ) {
-    let e = le(t);
-    if (e !== document.documentElement && e !== document.body && e !== t) {
-      let r = e.getBoundingClientRect().top, a = t.getBoundingClientRect().top, i = t.getBoundingClientRect().bottom;
-      const g = e.getBoundingClientRect().bottom + un;
-      i > g && (e.scrollTop += a - r);
+  for (; e && e !== n; ) {
+    let t = lt(e);
+    if (t !== document.documentElement && t !== document.body && t !== e) {
+      let r = t.getBoundingClientRect().top, a = e.getBoundingClientRect().top, i = e.getBoundingClientRect().bottom;
+      const g = t.getBoundingClientRect().bottom + un;
+      i > g && (t.scrollTop += a - r);
     }
-    t = e.parentElement;
+    e = t.parentElement;
   }
 }
-function _t(t) {
-  return t instanceof HTMLInputElement && !dn.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
+function _e(e) {
+  return e instanceof HTMLInputElement && !dn.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
 }
-function wn(t, n) {
-  typeof t == "function" ? t(n) : t != null && (t.current = n);
+function wn(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
-function hn(...t) {
-  return (n) => t.forEach((e) => wn(e, n));
+function hn(...e) {
+  return (n) => e.forEach((t) => wn(t, n));
 }
-function ue(...t) {
-  return Ct.useCallback(hn(...t), t);
+function ut(...e) {
+  return Ce.useCallback(hn(...e), e);
 }
-const ce = /* @__PURE__ */ new WeakMap();
-function H(t, n, e = !1) {
-  if (!t || !(t instanceof HTMLElement)) return;
+const ct = /* @__PURE__ */ new WeakMap();
+function H(e, n, t = !1) {
+  if (!e || !(e instanceof HTMLElement)) return;
   let r = {};
   Object.entries(n).forEach(([a, i]) => {
     if (a.startsWith("--")) {
-      t.style.setProperty(a, i);
+      e.style.setProperty(a, i);
       return;
     }
-    r[a] = t.style[a], t.style[a] = i;
-  }), !e && ce.set(t, r);
+    r[a] = e.style[a], e.style[a] = i;
+  }), !t && ct.set(e, r);
 }
-function gn(t, n) {
-  if (!t || !(t instanceof HTMLElement)) return;
-  let e = ce.get(t);
-  e && (t.style[n] = e[n]);
+function gn(e, n) {
+  if (!e || !(e instanceof HTMLElement)) return;
+  let t = ct.get(e);
+  t && (e.style[n] = t[n]);
 }
-const $ = (t) => {
-  switch (t) {
+const $ = (e) => {
+  switch (e) {
     case "top":
     case "bottom":
       return !0;
@@ -273,34 +273,34 @@ const $ = (t) => {
     case "right":
       return !1;
     default:
-      return t;
+      return e;
   }
 };
-function Rt(t, n) {
-  if (!t)
+function xe(e, n) {
+  if (!e)
     return null;
-  const e = window.getComputedStyle(t), r = (
+  const t = window.getComputedStyle(e), r = (
     // @ts-ignore
-    e.transform || e.webkitTransform || e.mozTransform
+    t.transform || t.webkitTransform || t.mozTransform
   );
   let a = r.match(/^matrix3d\((.+)\)$/);
   return a ? parseFloat(a[1].split(", ")[$(n) ? 13 : 12]) : (a = r.match(/^matrix\((.+)\)$/), a ? parseFloat(a[1].split(", ")[$(n) ? 5 : 4]) : null);
 }
-function vn(t) {
-  return 8 * (Math.log(t + 1) - 2);
+function vn(e) {
+  return 8 * (Math.log(e + 1) - 2);
 }
-function Lt(t, n) {
-  if (!t) return () => {
+function Le(e, n) {
+  if (!e) return () => {
   };
-  const e = t.style.cssText;
-  return Object.assign(t.style, n), () => {
-    t.style.cssText = e;
+  const t = e.style.cssText;
+  return Object.assign(e.style, n), () => {
+    e.style.cssText = t;
   };
 }
-function yn(...t) {
+function yn(...e) {
   return (...n) => {
-    for (const e of t)
-      typeof e == "function" && e(...n);
+    for (const t of e)
+      typeof t == "function" && t(...n);
   };
 }
 const C = {
@@ -311,37 +311,37 @@ const C = {
     0,
     1
   ]
-}, de = 0.4, bn = 0.25, Sn = 100, fe = 8, xt = 16, kt = 26, Pt = "vaul-dragging";
-function me(t) {
-  const n = o.useRef(t);
+}, dt = 0.4, bn = 0.25, Sn = 100, ft = 8, Re = 16, ke = 26, Pe = "vaul-dragging";
+function mt(e) {
+  const n = o.useRef(e);
   return o.useEffect(() => {
-    n.current = t;
-  }), o.useMemo(() => (...e) => n.current == null ? void 0 : n.current.call(n, ...e), []);
+    n.current = e;
+  }), o.useMemo(() => (...t) => n.current == null ? void 0 : n.current.call(n, ...t), []);
 }
-function Dn({ defaultProp: t, onChange: n }) {
-  const e = o.useState(t), [r] = e, a = o.useRef(r), i = me(n);
+function Dn({ defaultProp: e, onChange: n }) {
+  const t = o.useState(e), [r] = t, a = o.useRef(r), i = mt(n);
   return o.useEffect(() => {
     a.current !== r && (i(r), a.current = r);
   }, [
     r,
     a,
     i
-  ]), e;
+  ]), t;
 }
-function pe({ prop: t, defaultProp: n, onChange: e = () => {
+function pt({ prop: e, defaultProp: n, onChange: t = () => {
 } }) {
   const [r, a] = Dn({
     defaultProp: n,
-    onChange: e
-  }), i = t !== void 0, g = i ? t : r, d = me(e), y = o.useCallback((T) => {
+    onChange: t
+  }), i = e !== void 0, g = i ? e : r, d = mt(t), y = o.useCallback((T) => {
     if (i) {
-      const s = typeof T == "function" ? T(t) : T;
-      s !== t && d(s);
+      const s = typeof T == "function" ? T(e) : T;
+      s !== e && d(s);
     } else
       a(T);
   }, [
     i,
-    t,
+    e,
     a,
     d
   ]);
@@ -350,10 +350,10 @@ function pe({ prop: t, defaultProp: n, onChange: e = () => {
     y
   ];
 }
-function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: r, overlayRef: a, fadeFromIndex: i, onSnapPointChange: g, direction: d = "bottom", container: y, snapToSequentialPoint: T }) {
-  const [v, s] = pe({
-    prop: t,
-    defaultProp: e == null ? void 0 : e[0],
+function Tn({ activeSnapPointProp: e, setActiveSnapPointProp: n, snapPoints: t, drawerRef: r, overlayRef: a, fadeFromIndex: i, onSnapPointChange: g, direction: d = "bottom", container: y, snapToSequentialPoint: T }) {
+  const [v, s] = pt({
+    prop: e,
+    defaultProp: t == null ? void 0 : t[0],
     onChange: n
   }), [u, A] = o.useState(typeof window != "undefined" ? {
     innerWidth: window.innerWidth,
@@ -368,16 +368,16 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }
     return window.addEventListener("resize", w), () => window.removeEventListener("resize", w);
   }, []);
-  const k = o.useMemo(() => v === (e == null ? void 0 : e[e.length - 1]) || null, [
-    e,
+  const k = o.useMemo(() => v === (t == null ? void 0 : t[t.length - 1]) || null, [
+    t,
     v
   ]), O = o.useMemo(() => {
     var w;
-    return (w = e == null ? void 0 : e.findIndex((R) => R === v)) != null ? w : null;
+    return (w = t == null ? void 0 : t.findIndex((x) => x === v)) != null ? w : null;
   }, [
-    e,
+    t,
     v
-  ]), P = e && e.length > 0 && (i || i === 0) && !Number.isNaN(i) && e[i] === v || !e, f = o.useMemo(() => {
+  ]), P = t && t.length > 0 && (i || i === 0) && !Number.isNaN(i) && t[i] === v || !t, f = o.useMemo(() => {
     const w = y ? {
       width: y.getBoundingClientRect().width,
       height: y.getBoundingClientRect().height
@@ -388,8 +388,8 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
       width: 0,
       height: 0
     };
-    var R;
-    return (R = e == null ? void 0 : e.map((h) => {
+    var x;
+    return (x = t == null ? void 0 : t.map((h) => {
       const I = typeof h == "string";
       let M = 0;
       if (I && (M = parseInt(h, 10)), $(d)) {
@@ -398,17 +398,17 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
       }
       const q = I ? M : u ? h * w.width : 0;
       return u ? d === "right" ? w.width - q : -w.width + q : q;
-    })) != null ? R : [];
+    })) != null ? x : [];
   }, [
-    e,
+    t,
     u,
     y
   ]), F = o.useMemo(() => O !== null ? f == null ? void 0 : f[O] : null, [
     f,
     O
   ]), B = o.useCallback((w) => {
-    var R;
-    const h = (R = f == null ? void 0 : f.findIndex((I) => I === w)) != null ? R : null;
+    var x;
+    const h = (x = f == null ? void 0 : f.findIndex((I) => I === w)) != null ? x : null;
     g(h), H(r.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       transform: $(d) ? `translate3d(0, ${w}px, 0)` : `translate3d(${w}px, 0, 0)`
@@ -418,49 +418,49 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     }) : H(a.current, {
       transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       opacity: "1"
-    }), s(e == null ? void 0 : e[Math.max(h, 0)]);
+    }), s(t == null ? void 0 : t[Math.max(h, 0)]);
   }, [
     r.current,
-    e,
+    t,
     f,
     i,
     a,
     s
   ]);
   o.useEffect(() => {
-    if (v || t) {
+    if (v || e) {
       var w;
-      const R = (w = e == null ? void 0 : e.findIndex((h) => h === t || h === v)) != null ? w : -1;
-      f && R !== -1 && typeof f[R] == "number" && B(f[R]);
+      const x = (w = t == null ? void 0 : t.findIndex((h) => h === e || h === v)) != null ? w : -1;
+      f && x !== -1 && typeof f[x] == "number" && B(f[x]);
     }
   }, [
     v,
-    t,
     e,
+    t,
     f,
     B
   ]);
-  function p({ draggedDistance: w, closeDrawer: R, velocity: h, dismissible: I }) {
+  function p({ draggedDistance: w, closeDrawer: x, velocity: h, dismissible: I }) {
     if (i === void 0) return;
-    const M = d === "bottom" || d === "right" ? (F != null ? F : 0) - w : (F != null ? F : 0) + w, q = O === i - 1, U = O === 0, tt = w > 0;
+    const M = d === "bottom" || d === "right" ? (F != null ? F : 0) - w : (F != null ? F : 0) + w, q = O === i - 1, U = O === 0, ee = w > 0;
     if (q && H(a.current, {
       transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`
-    }), !T && h > 2 && !tt) {
-      I ? R() : B(f[0]);
+    }), !T && h > 2 && !ee) {
+      I ? x() : B(f[0]);
       return;
     }
-    if (!T && h > 2 && tt && f && e) {
-      B(f[e.length - 1]);
+    if (!T && h > 2 && ee && f && t) {
+      B(f[t.length - 1]);
       return;
     }
     const c = f == null ? void 0 : f.reduce((L, V) => typeof L != "number" || typeof V != "number" ? L : Math.abs(V - M) < Math.abs(L - M) ? V : L), X = $(d) ? window.innerHeight : window.innerWidth;
-    if (h > de && Math.abs(w) < X * 0.4) {
-      const L = tt ? 1 : -1;
-      if (L > 0 && k && e) {
-        B(f[e.length - 1]);
+    if (h > dt && Math.abs(w) < X * 0.4) {
+      const L = ee ? 1 : -1;
+      if (L > 0 && k && t) {
+        B(f[t.length - 1]);
         return;
       }
-      if (U && L < 0 && I && R(), O === null) return;
+      if (U && L < 0 && I && x(), O === null) return;
       B(f[O + L]);
       return;
     }
@@ -468,17 +468,17 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
   }
   function Y({ draggedDistance: w }) {
     if (F === null) return;
-    const R = d === "bottom" || d === "right" ? F - w : F + w;
-    (d === "bottom" || d === "right") && R < f[f.length - 1] || (d === "top" || d === "left") && R > f[f.length - 1] || H(r.current, {
-      transform: $(d) ? `translate3d(0, ${R}px, 0)` : `translate3d(${R}px, 0, 0)`
+    const x = d === "bottom" || d === "right" ? F - w : F + w;
+    (d === "bottom" || d === "right") && x < f[f.length - 1] || (d === "top" || d === "left") && x > f[f.length - 1] || H(r.current, {
+      transform: $(d) ? `translate3d(0, ${x}px, 0)` : `translate3d(${x}px, 0, 0)`
     });
   }
-  function Z(w, R) {
-    if (!e || typeof O != "number" || !f || i === void 0) return null;
+  function Z(w, x) {
+    if (!t || typeof O != "number" || !f || i === void 0) return null;
     const h = O === i - 1;
-    if (O >= i && R)
+    if (O >= i && x)
       return 0;
-    if (h && !R) return 1;
+    if (h && !x) return 1;
     if (!P && !h) return null;
     const M = h ? O + 1 : O - 1, q = h ? f[M] - f[M - 1] : f[M + 1] - f[M], U = w / Math.abs(q);
     return h ? 1 - U : U;
@@ -495,30 +495,30 @@ function Tn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     snapPointsOffset: f
   };
 }
-const Rn = () => () => {
+const xn = () => () => {
 };
-function xn() {
-  const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: r, noBodyStyles: a } = ht(), i = o.useRef(null), g = Fe(() => document.body.style.backgroundColor, []);
+function Rn() {
+  const { direction: e, isOpen: n, shouldScaleBackground: t, setBackgroundColorOnScale: r, noBodyStyles: a } = he(), i = o.useRef(null), g = Ft(() => document.body.style.backgroundColor, []);
   function d() {
-    return (window.innerWidth - kt) / window.innerWidth;
+    return (window.innerWidth - ke) / window.innerWidth;
   }
   o.useEffect(() => {
-    if (n && e) {
+    if (n && t) {
       i.current && clearTimeout(i.current);
       const y = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
       if (!y) return;
-      yn(r && !a ? Lt(document.body, {
+      yn(r && !a ? Le(document.body, {
         background: "black"
-      }) : Rn, Lt(y, {
-        transformOrigin: $(t) ? "top" : "left",
+      }) : xn, Le(y, {
+        transformOrigin: $(e) ? "top" : "left",
         transitionProperty: "transform, border-radius",
         transitionDuration: `${C.DURATION}s`,
         transitionTimingFunction: `cubic-bezier(${C.EASE.join(",")})`
       }));
-      const T = Lt(y, E({
-        borderRadius: `${fe}px`,
+      const T = Le(y, E({
+        borderRadius: `${ft}px`,
         overflow: "hidden"
-      }, $(t) ? {
+      }, $(e) ? {
         transform: `scale(${d()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`
       } : {
         transform: `scale(${d()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`
@@ -531,15 +531,15 @@ function xn() {
     }
   }, [
     n,
-    e,
+    t,
     g
   ]);
 }
-let wt = null;
-function En({ isOpen: t, modal: n, nested: e, hasBeenOpened: r, preventScrollRestoration: a, noBodyStyles: i }) {
+let we = null;
+function En({ isOpen: e, modal: n, nested: t, hasBeenOpened: r, preventScrollRestoration: a, noBodyStyles: i }) {
   const [g, d] = o.useState(() => typeof window != "undefined" ? window.location.href : ""), y = o.useRef(0), T = o.useCallback(() => {
-    if (Qt() && wt === null && t && !i) {
-      wt = {
+    if (Qe() && we === null && e && !i) {
+      we = {
         position: document.body.style.position,
         top: document.body.style.top,
         left: document.body.style.left,
@@ -558,17 +558,17 @@ function En({ isOpen: t, modal: n, nested: e, hasBeenOpened: r, preventScrollRes
       }), 300);
     }
   }, [
-    t
+    e
   ]), v = o.useCallback(() => {
-    if (Qt() && wt !== null && !i) {
+    if (Qe() && we !== null && !i) {
       const s = -parseInt(document.body.style.top, 10), u = -parseInt(document.body.style.left, 10);
-      Object.assign(document.body.style, wt), window.requestAnimationFrame(() => {
+      Object.assign(document.body.style, we), window.requestAnimationFrame(() => {
         if (a && g !== window.location.href) {
           d(window.location.href);
           return;
         }
         window.scrollTo(u, s);
-      }), wt = null;
+      }), we = null;
     }
   }, [
     g
@@ -589,87 +589,87 @@ function En({ isOpen: t, modal: n, nested: e, hasBeenOpened: r, preventScrollRes
     n,
     v
   ]), o.useEffect(() => {
-    e || !r || (t ? (!window.matchMedia("(display-mode: standalone)").matches && T(), n || window.setTimeout(() => {
+    t || !r || (e ? (!window.matchMedia("(display-mode: standalone)").matches && T(), n || window.setTimeout(() => {
       v();
     }, 500)) : v());
   }, [
-    t,
+    e,
     r,
     g,
     n,
-    e,
+    t,
     T,
     v
   ]), {
     restorePositionSetting: v
   };
 }
-function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, snapPoints: i, shouldScaleBackground: g = !1, setBackgroundColorOnScale: d = !0, closeThreshold: y = bn, scrollLockTimeout: T = Sn, dismissible: v = !0, handleOnly: s = !1, fadeFromIndex: u = i && i.length - 1, activeSnapPoint: A, setActiveSnapPoint: k, fixed: O, modal: P = !0, onClose: f, nested: F, noBodyStyles: B = !1, direction: p = "bottom", defaultOpen: Y = !1, disablePreventScroll: Z = !0, snapToSequentialPoint: w = !1, preventScrollRestoration: R = !1, repositionInputs: h = !0, onAnimationEnd: I, container: M, autoFocus: q = !1 }) {
-  var U, tt;
-  const [c = !1, X] = pe({
+function Cn({ open: e, onOpenChange: n, children: t, onDrag: r, onRelease: a, snapPoints: i, shouldScaleBackground: g = !1, setBackgroundColorOnScale: d = !0, closeThreshold: y = bn, scrollLockTimeout: T = Sn, dismissible: v = !0, handleOnly: s = !1, fadeFromIndex: u = i && i.length - 1, activeSnapPoint: A, setActiveSnapPoint: k, fixed: O, modal: P = !0, onClose: f, nested: F, noBodyStyles: B = !1, direction: p = "bottom", defaultOpen: Y = !1, disablePreventScroll: Z = !0, snapToSequentialPoint: w = !1, preventScrollRestoration: x = !1, repositionInputs: h = !0, onAnimationEnd: I, container: M, autoFocus: q = !1 }) {
+  var U, ee;
+  const [c = !1, X] = pt({
     defaultProp: Y,
-    prop: t,
+    prop: e,
     onChange: (l) => {
-      n == null || n(l), !l && !F && Ee(), setTimeout(() => {
+      n == null || n(l), !l && !F && Et(), setTimeout(() => {
         I == null || I(l);
       }, C.DURATION * 1e3), l && !P && typeof window != "undefined" && window.requestAnimationFrame(() => {
         document.body.style.pointerEvents = "auto";
       }), l || (document.body.style.pointerEvents = "auto");
     }
-  }), [L, V] = o.useState(!1), [G, at] = o.useState(!1), [gt, vt] = o.useState(!1), st = o.useRef(null), yt = o.useRef(null), Ot = o.useRef(null), Nt = o.useRef(null), ct = o.useRef(null), dt = o.useRef(!1), $t = o.useRef(null), At = o.useRef(0), lt = o.useRef(!1), Bt = o.useRef(!Y), Wt = o.useRef(0), m = o.useRef(null), zt = o.useRef(((U = m.current) == null ? void 0 : U.getBoundingClientRect().height) || 0), Ut = o.useRef(((tt = m.current) == null ? void 0 : tt.getBoundingClientRect().width) || 0), Mt = o.useRef(0), Se = o.useCallback((l) => {
-    i && l === ft.length - 1 && (yt.current = /* @__PURE__ */ new Date());
-  }, []), { activeSnapPoint: De, activeSnapPointIndex: ut, setActiveSnapPoint: Vt, onRelease: Te, snapPointsOffset: ft, onDrag: Re, shouldFade: jt, getPercentageDragged: xe } = Tn({
+  }), [L, V] = o.useState(!1), [G, ae] = o.useState(!1), [ge, ve] = o.useState(!1), se = o.useRef(null), ye = o.useRef(null), Oe = o.useRef(null), Ne = o.useRef(null), ce = o.useRef(null), de = o.useRef(!1), $e = o.useRef(null), Ae = o.useRef(0), le = o.useRef(!1), Be = o.useRef(!Y), We = o.useRef(0), m = o.useRef(null), ze = o.useRef(((U = m.current) == null ? void 0 : U.getBoundingClientRect().height) || 0), Ue = o.useRef(((ee = m.current) == null ? void 0 : ee.getBoundingClientRect().width) || 0), Me = o.useRef(0), St = o.useCallback((l) => {
+    i && l === fe.length - 1 && (ye.current = /* @__PURE__ */ new Date());
+  }, []), { activeSnapPoint: Dt, activeSnapPointIndex: ue, setActiveSnapPoint: Ve, onRelease: Tt, snapPointsOffset: fe, onDrag: xt, shouldFade: je, getPercentageDragged: Rt } = Tn({
     snapPoints: i,
     activeSnapPointProp: A,
     setActiveSnapPointProp: k,
     drawerRef: m,
     fadeFromIndex: u,
-    overlayRef: st,
-    onSnapPointChange: Se,
+    overlayRef: se,
+    onSnapPointChange: St,
     direction: p,
     container: M,
     snapToSequentialPoint: w
   });
   fn({
-    isDisabled: !c || G || !P || gt || !L || !h || !Z
+    isDisabled: !c || G || !P || ge || !L || !h || !Z
   });
-  const { restorePositionSetting: Ee } = En({
+  const { restorePositionSetting: Et } = En({
     isOpen: c,
     modal: P,
     nested: F != null ? F : !1,
     hasBeenOpened: L,
-    preventScrollRestoration: R,
+    preventScrollRestoration: x,
     noBodyStyles: B
   });
-  function bt() {
-    return (window.innerWidth - kt) / window.innerWidth;
+  function be() {
+    return (window.innerWidth - ke) / window.innerWidth;
   }
-  function Ce(l) {
-    var S, x;
-    !v && !i || m.current && !m.current.contains(l.target) || (zt.current = ((S = m.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Ut.current = ((x = m.current) == null ? void 0 : x.getBoundingClientRect().width) || 0, at(!0), Ot.current = /* @__PURE__ */ new Date(), se() && window.addEventListener("touchend", () => dt.current = !1, {
+  function Ct(l) {
+    var S, R;
+    !v && !i || m.current && !m.current.contains(l.target) || (ze.current = ((S = m.current) == null ? void 0 : S.getBoundingClientRect().height) || 0, Ue.current = ((R = m.current) == null ? void 0 : R.getBoundingClientRect().width) || 0, ae(!0), Oe.current = /* @__PURE__ */ new Date(), st() && window.addEventListener("touchend", () => de.current = !1, {
       once: !0
-    }), l.target.setPointerCapture(l.pointerId), At.current = $(p) ? l.pageY : l.pageX);
+    }), l.target.setPointerCapture(l.pointerId), Ae.current = $(p) ? l.pageY : l.pageX);
   }
-  function Yt(l, S) {
-    var x;
+  function Ye(l, S) {
+    var R;
     let b = l;
-    const N = (x = window.getSelection()) == null ? void 0 : x.toString(), z = m.current ? Rt(m.current, p) : null, W = /* @__PURE__ */ new Date();
+    const N = (R = window.getSelection()) == null ? void 0 : R.toString(), z = m.current ? xe(m.current, p) : null, W = /* @__PURE__ */ new Date();
     if (b.tagName === "SELECT" || b.hasAttribute("data-vaul-no-drag") || b.closest("[data-vaul-no-drag]"))
       return !1;
     if (p === "right" || p === "left")
       return !0;
-    if (yt.current && W.getTime() - yt.current.getTime() < 500)
+    if (ye.current && W.getTime() - ye.current.getTime() < 500)
       return !1;
     if (z !== null && (p === "bottom" ? z > 0 : z < 0))
       return !0;
     if (N && N.length > 0)
       return !1;
-    if (ct.current && W.getTime() - ct.current.getTime() < T && z === 0 || S)
-      return ct.current = W, !1;
+    if (ce.current && W.getTime() - ce.current.getTime() < T && z === 0 || S)
+      return ce.current = W, !1;
     for (; b; ) {
       if (b.scrollHeight > b.clientHeight) {
         if (b.scrollTop !== 0)
-          return ct.current = /* @__PURE__ */ new Date(), !1;
+          return ce.current = /* @__PURE__ */ new Date(), !1;
         if (b.getAttribute("role") === "dialog")
           return !0;
       }
@@ -677,36 +677,36 @@ function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, sn
     }
     return !0;
   }
-  function Oe(l) {
+  function Ot(l) {
     if (m.current && G) {
-      const S = p === "bottom" || p === "right" ? 1 : -1, x = (At.current - ($(p) ? l.pageY : l.pageX)) * S, b = x > 0, N = i && !v && !b;
-      if (N && ut === 0) return;
-      const z = Math.abs(x), W = document.querySelector("[data-vaul-drawer-wrapper]"), nt = p === "bottom" || p === "top" ? zt.current : Ut.current;
-      let K = z / nt;
-      const ot = xe(z, b);
-      if (ot !== null && (K = ot), N && K >= 1 || !dt.current && !Yt(l.target, b)) return;
-      if (m.current.classList.add(Pt), dt.current = !0, H(m.current, {
+      const S = p === "bottom" || p === "right" ? 1 : -1, R = (Ae.current - ($(p) ? l.pageY : l.pageX)) * S, b = R > 0, N = i && !v && !b;
+      if (N && ue === 0) return;
+      const z = Math.abs(R), W = document.querySelector("[data-vaul-drawer-wrapper]"), ne = p === "bottom" || p === "top" ? ze.current : Ue.current;
+      let K = z / ne;
+      const oe = Rt(z, b);
+      if (oe !== null && (K = oe), N && K >= 1 || !de.current && !Ye(l.target, b)) return;
+      if (m.current.classList.add(Pe), de.current = !0, H(m.current, {
         transition: "none"
-      }), H(st.current, {
+      }), H(se.current, {
         transition: "none"
-      }), i && Re({
-        draggedDistance: x
+      }), i && xt({
+        draggedDistance: R
       }), b && !i) {
-        const J = vn(x), St = Math.min(J * -1, 0) * S;
+        const J = vn(R), Se = Math.min(J * -1, 0) * S;
         H(m.current, {
-          transform: $(p) ? `translate3d(0, ${St}px, 0)` : `translate3d(${St}px, 0, 0)`
+          transform: $(p) ? `translate3d(0, ${Se}px, 0)` : `translate3d(${Se}px, 0, 0)`
         });
         return;
       }
-      const rt = 1 - K;
-      if ((jt || u && ut === u - 1) && (r == null || r(l, K), H(st.current, {
-        opacity: `${rt}`,
+      const re = 1 - K;
+      if ((je || u && ue === u - 1) && (r == null || r(l, K), H(se.current, {
+        opacity: `${re}`,
         transition: "none"
-      }, !0)), W && st.current && g) {
-        const J = Math.min(bt() + K * (1 - bt()), 1), St = 8 - K * 8, Xt = Math.max(0, 14 - K * 14);
+      }, !0)), W && se.current && g) {
+        const J = Math.min(be() + K * (1 - be()), 1), Se = 8 - K * 8, Xe = Math.max(0, 14 - K * 14);
         H(W, {
-          borderRadius: `${St}px`,
-          transform: $(p) ? `scale(${J}) translate3d(0, ${Xt}px, 0)` : `scale(${J}) translate3d(${Xt}px, 0, 0)`,
+          borderRadius: `${Se}px`,
+          transform: $(p) ? `scale(${J}) translate3d(0, ${Xe}px, 0)` : `scale(${J}) translate3d(${Xe}px, 0, 0)`,
           transition: "none"
         }, !0);
       }
@@ -720,63 +720,63 @@ function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, sn
   }
   o.useEffect(() => {
     window.requestAnimationFrame(() => {
-      Bt.current = !0;
+      Be.current = !0;
     });
   }, []), o.useEffect(() => {
     var l;
     function S() {
       if (!m.current || !h) return;
-      const x = document.activeElement;
-      if (_t(x) || lt.current) {
+      const R = document.activeElement;
+      if (_e(R) || le.current) {
         var b;
         const N = ((b = window.visualViewport) == null ? void 0 : b.height) || 0, z = window.innerHeight;
         let W = z - N;
-        const nt = m.current.getBoundingClientRect().height || 0, K = nt > z * 0.8;
-        Mt.current || (Mt.current = nt);
-        const ot = m.current.getBoundingClientRect().top;
-        if (Math.abs(Wt.current - W) > 60 && (lt.current = !lt.current), i && i.length > 0 && ft && ut) {
-          const rt = ft[ut] || 0;
-          W += rt;
+        const ne = m.current.getBoundingClientRect().height || 0, K = ne > z * 0.8;
+        Me.current || (Me.current = ne);
+        const oe = m.current.getBoundingClientRect().top;
+        if (Math.abs(We.current - W) > 60 && (le.current = !le.current), i && i.length > 0 && fe && ue) {
+          const re = fe[ue] || 0;
+          W += re;
         }
-        if (Wt.current = W, nt > N || lt.current) {
-          const rt = m.current.getBoundingClientRect().height;
-          let J = rt;
-          rt > N && (J = N - (K ? ot : kt)), O ? m.current.style.height = `${rt - Math.max(W, 0)}px` : m.current.style.height = `${Math.max(J, N - ot)}px`;
-        } else an() || (m.current.style.height = `${Mt.current}px`);
-        i && i.length > 0 && !lt.current ? m.current.style.bottom = "0px" : m.current.style.bottom = `${Math.max(W, 0)}px`;
+        if (We.current = W, ne > N || le.current) {
+          const re = m.current.getBoundingClientRect().height;
+          let J = re;
+          re > N && (J = N - (K ? oe : ke)), O ? m.current.style.height = `${re - Math.max(W, 0)}px` : m.current.style.height = `${Math.max(J, N - oe)}px`;
+        } else an() || (m.current.style.height = `${Me.current}px`);
+        i && i.length > 0 && !le.current ? m.current.style.bottom = "0px" : m.current.style.bottom = `${Math.max(W, 0)}px`;
       }
     }
     return (l = window.visualViewport) == null || l.addEventListener("resize", S), () => {
-      var x;
-      return (x = window.visualViewport) == null ? void 0 : x.removeEventListener("resize", S);
+      var R;
+      return (R = window.visualViewport) == null ? void 0 : R.removeEventListener("resize", S);
     };
   }, [
-    ut,
+    ue,
     i,
-    ft
+    fe
   ]);
-  function mt(l) {
-    Ne(), f == null || f(), l || X(!1), setTimeout(() => {
-      i && Vt(i[0]);
+  function me(l) {
+    Nt(), f == null || f(), l || X(!1), setTimeout(() => {
+      i && Ve(i[0]);
     }, C.DURATION * 1e3);
   }
-  function qt() {
+  function qe() {
     if (!m.current) return;
-    const l = document.querySelector("[data-vaul-drawer-wrapper]"), S = Rt(m.current, p);
+    const l = document.querySelector("[data-vaul-drawer-wrapper]"), S = xe(m.current, p);
     H(m.current, {
       transform: "translate3d(0, 0, 0)",
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`
-    }), H(st.current, {
+    }), H(se.current, {
       transition: `opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       opacity: "1"
     }), g && S && S > 0 && c && H(l, j(E({
-      borderRadius: `${fe}px`,
+      borderRadius: `${ft}px`,
       overflow: "hidden"
     }, $(p) ? {
-      transform: `scale(${bt()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+      transform: `scale(${be()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
       transformOrigin: "top"
     } : {
-      transform: `scale(${bt()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+      transform: `scale(${be()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
       transformOrigin: "left"
     }), {
       transitionProperty: "transform, border-radius",
@@ -784,74 +784,74 @@ function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, sn
       transitionTimingFunction: `cubic-bezier(${C.EASE.join(",")})`
     }), !0);
   }
-  function Ne() {
-    !G || !m.current || (m.current.classList.remove(Pt), dt.current = !1, at(!1), Nt.current = /* @__PURE__ */ new Date());
+  function Nt() {
+    !G || !m.current || (m.current.classList.remove(Pe), de.current = !1, ae(!1), Ne.current = /* @__PURE__ */ new Date());
   }
-  function $e(l) {
+  function $t(l) {
     if (!G || !m.current) return;
-    m.current.classList.remove(Pt), dt.current = !1, at(!1), Nt.current = /* @__PURE__ */ new Date();
-    const S = Rt(m.current, p);
-    if (!l || !Yt(l.target, !1) || !S || Number.isNaN(S) || Ot.current === null) return;
-    const x = Nt.current.getTime() - Ot.current.getTime(), b = At.current - ($(p) ? l.pageY : l.pageX), N = Math.abs(b) / x;
-    if (N > 0.05 && (vt(!0), setTimeout(() => {
-      vt(!1);
+    m.current.classList.remove(Pe), de.current = !1, ae(!1), Ne.current = /* @__PURE__ */ new Date();
+    const S = xe(m.current, p);
+    if (!l || !Ye(l.target, !1) || !S || Number.isNaN(S) || Oe.current === null) return;
+    const R = Ne.current.getTime() - Oe.current.getTime(), b = Ae.current - ($(p) ? l.pageY : l.pageX), N = Math.abs(b) / R;
+    if (N > 0.05 && (ve(!0), setTimeout(() => {
+      ve(!1);
     }, 200)), i) {
-      Te({
+      Tt({
         draggedDistance: b * (p === "bottom" || p === "right" ? 1 : -1),
-        closeDrawer: mt,
+        closeDrawer: me,
         velocity: N,
         dismissible: v
       }), a == null || a(l, !0);
       return;
     }
     if (p === "bottom" || p === "right" ? b > 0 : b < 0) {
-      qt(), a == null || a(l, !0);
+      qe(), a == null || a(l, !0);
       return;
     }
-    if (N > de) {
-      mt(), a == null || a(l, !1);
+    if (N > dt) {
+      me(), a == null || a(l, !1);
       return;
     }
     var z;
     const W = Math.min((z = m.current.getBoundingClientRect().height) != null ? z : 0, window.innerHeight);
-    var nt;
-    const K = Math.min((nt = m.current.getBoundingClientRect().width) != null ? nt : 0, window.innerWidth), ot = p === "left" || p === "right";
-    if (Math.abs(S) >= (ot ? K : W) * y) {
-      mt(), a == null || a(l, !1);
+    var ne;
+    const K = Math.min((ne = m.current.getBoundingClientRect().width) != null ? ne : 0, window.innerWidth), oe = p === "left" || p === "right";
+    if (Math.abs(S) >= (oe ? K : W) * y) {
+      me(), a == null || a(l, !1);
       return;
     }
-    a == null || a(l, !0), qt();
+    a == null || a(l, !0), qe();
   }
   o.useEffect(() => (c && (H(document.documentElement, {
     scrollBehavior: "auto"
-  }), yt.current = /* @__PURE__ */ new Date()), () => {
+  }), ye.current = /* @__PURE__ */ new Date()), () => {
     gn(document.documentElement, "scrollBehavior");
   }), [
     c
   ]);
-  function Ae(l) {
-    const S = l ? (window.innerWidth - xt) / window.innerWidth : 1, x = l ? -16 : 0;
-    $t.current && window.clearTimeout($t.current), H(m.current, {
+  function At(l) {
+    const S = l ? (window.innerWidth - Re) / window.innerWidth : 1, R = l ? -16 : 0;
+    $e.current && window.clearTimeout($e.current), H(m.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
-      transform: $(p) ? `scale(${S}) translate3d(0, ${x}px, 0)` : `scale(${S}) translate3d(${x}px, 0, 0)`
-    }), !l && m.current && ($t.current = setTimeout(() => {
-      const b = Rt(m.current, p);
+      transform: $(p) ? `scale(${S}) translate3d(0, ${R}px, 0)` : `scale(${S}) translate3d(${R}px, 0, 0)`
+    }), !l && m.current && ($e.current = setTimeout(() => {
+      const b = xe(m.current, p);
       H(m.current, {
         transition: "none",
         transform: $(p) ? `translate3d(0, ${b}px, 0)` : `translate3d(${b}px, 0, 0)`
       });
     }, 500));
   }
-  function Me(l, S) {
+  function Mt(l, S) {
     if (S < 0) return;
-    const x = (window.innerWidth - xt) / window.innerWidth, b = x + S * (1 - x), N = -16 + S * xt;
+    const R = (window.innerWidth - Re) / window.innerWidth, b = R + S * (1 - R), N = -16 + S * Re;
     H(m.current, {
       transform: $(p) ? `scale(${b}) translate3d(0, ${N}px, 0)` : `scale(${b}) translate3d(${N}px, 0, 0)`,
       transition: "none"
     });
   }
-  function He(l, S) {
-    const x = $(p) ? window.innerHeight : window.innerWidth, b = S ? (x - xt) / x : 1, N = S ? -16 : 0;
+  function Ht(l, S) {
+    const R = $(p) ? window.innerHeight : window.innerWidth, b = S ? (R - Re) / R : 1, N = S ? -16 : 0;
     S && H(m.current, {
       transition: `transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,
       transform: $(p) ? `scale(${b}) translate3d(0, ${N}px, 0)` : `scale(${b}) translate3d(${N}px, 0, 0)`
@@ -863,37 +863,37 @@ function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, sn
     });
   }, [
     P
-  ]), /* @__PURE__ */ o.createElement(je, {
+  ]), /* @__PURE__ */ o.createElement(jt, {
     defaultOpen: Y,
     onOpenChange: (l) => {
-      !v && !l || (l ? V(!0) : mt(!0), X(l));
+      !v && !l || (l ? V(!0) : me(!0), X(l));
     },
     open: c
-  }, /* @__PURE__ */ o.createElement(ie.Provider, {
+  }, /* @__PURE__ */ o.createElement(it.Provider, {
     value: {
-      activeSnapPoint: De,
+      activeSnapPoint: Dt,
       snapPoints: i,
-      setActiveSnapPoint: Vt,
+      setActiveSnapPoint: Ve,
       drawerRef: m,
-      overlayRef: st,
+      overlayRef: se,
       onOpenChange: n,
-      onPress: Ce,
-      onRelease: $e,
-      onDrag: Oe,
+      onPress: Ct,
+      onRelease: $t,
+      onDrag: Ot,
       dismissible: v,
-      shouldAnimate: Bt,
+      shouldAnimate: Be,
       handleOnly: s,
       isOpen: c,
       isDragging: G,
-      shouldFade: jt,
-      closeDrawer: mt,
-      onNestedDrag: Me,
-      onNestedOpenChange: Ae,
-      onNestedRelease: He,
-      keyboardIsOpen: lt,
+      shouldFade: je,
+      closeDrawer: me,
+      onNestedDrag: Mt,
+      onNestedOpenChange: At,
+      onNestedRelease: Ht,
+      keyboardIsOpen: le,
       modal: P,
-      snapPointsOffset: ft,
-      activeSnapPointIndex: ut,
+      snapPointsOffset: fe,
+      activeSnapPointIndex: ue,
       direction: p,
       shouldScaleBackground: g,
       setBackgroundColorOnScale: d,
@@ -901,41 +901,41 @@ function Cn({ open: t, onOpenChange: n, children: e, onDrag: r, onRelease: a, sn
       container: M,
       autoFocus: q
     }
-  }, e));
+  }, t));
 }
-const we = /* @__PURE__ */ o.forwardRef(function(e, n) {
-  var t = _(e, []);
-  const { overlayRef: r, snapPoints: a, onRelease: i, shouldFade: g, isOpen: d, modal: y, shouldAnimate: T } = ht(), v = ue(n, r), s = a && a.length > 0;
+const wt = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  var e = _(t, []);
+  const { overlayRef: r, snapPoints: a, onRelease: i, shouldFade: g, isOpen: d, modal: y, shouldAnimate: T } = he(), v = ut(n, r), s = a && a.length > 0;
   if (!y)
     return null;
   const u = o.useCallback((A) => i(A), [
     i
   ]);
-  return /* @__PURE__ */ o.createElement(qe, E({
+  return /* @__PURE__ */ o.createElement(qt, E({
     onMouseUp: u,
     ref: v,
     "data-vaul-overlay": "",
     "data-vaul-snap-points": d && s ? "true" : "false",
     "data-vaul-snap-points-overlay": d && g ? "true" : "false",
     "data-vaul-animate": T != null && T.current ? "true" : "false"
-  }, t));
+  }, e));
 });
-we.displayName = "Drawer.Overlay";
-const he = /* @__PURE__ */ o.forwardRef(function(i, a) {
-  var g = i, { onPointerDownOutside: t, style: n, onOpenAutoFocus: e } = g, r = _(g, ["onPointerDownOutside", "style", "onOpenAutoFocus"]);
-  const { drawerRef: d, onPress: y, onRelease: T, onDrag: v, keyboardIsOpen: s, snapPointsOffset: u, activeSnapPointIndex: A, modal: k, isOpen: O, direction: P, snapPoints: f, container: F, handleOnly: B, shouldAnimate: p, autoFocus: Y } = ht(), [Z, w] = o.useState(!1), R = ue(a, d), h = o.useRef(null), I = o.useRef(null), M = o.useRef(!1), q = f && f.length > 0;
-  xn();
+wt.displayName = "Drawer.Overlay";
+const ht = /* @__PURE__ */ o.forwardRef(function(i, a) {
+  var g = i, { onPointerDownOutside: e, style: n, onOpenAutoFocus: t } = g, r = _(g, ["onPointerDownOutside", "style", "onOpenAutoFocus"]);
+  const { drawerRef: d, onPress: y, onRelease: T, onDrag: v, keyboardIsOpen: s, snapPointsOffset: u, activeSnapPointIndex: A, modal: k, isOpen: O, direction: P, snapPoints: f, container: F, handleOnly: B, shouldAnimate: p, autoFocus: Y } = he(), [Z, w] = o.useState(!1), x = ut(a, d), h = o.useRef(null), I = o.useRef(null), M = o.useRef(!1), q = f && f.length > 0;
+  Rn();
   const U = (c, X, L = 0) => {
     if (M.current) return !0;
-    const V = Math.abs(c.y), G = Math.abs(c.x), at = G > V, gt = [
+    const V = Math.abs(c.y), G = Math.abs(c.x), ae = G > V, ge = [
       "bottom",
       "right"
     ].includes(X) ? 1 : -1;
     if (X === "left" || X === "right") {
-      if (!(c.x * gt < 0) && G >= 0 && G <= L)
-        return at;
-    } else if (!(c.y * gt < 0) && V >= 0 && V <= L)
-      return !at;
+      if (!(c.x * ge < 0) && G >= 0 && G <= L)
+        return ae;
+    } else if (!(c.y * ge < 0) && V >= 0 && V <= L)
+      return !ae;
     return M.current = !0, !0;
   };
   o.useEffect(() => {
@@ -943,10 +943,10 @@ const he = /* @__PURE__ */ o.forwardRef(function(i, a) {
       w(!0);
     });
   }, []);
-  function tt(c) {
+  function ee(c) {
     h.current = null, M.current = !1, T(c);
   }
-  return /* @__PURE__ */ o.createElement(Ye, j(E({
+  return /* @__PURE__ */ o.createElement(Yt, j(E({
     "data-vaul-drawer-direction": P,
     "data-vaul-drawer": "",
     "data-vaul-delayed-snap-points": Z ? "true" : "false",
@@ -954,7 +954,7 @@ const he = /* @__PURE__ */ o.forwardRef(function(i, a) {
     "data-vaul-custom-container": F ? "true" : "false",
     "data-vaul-animate": p != null && p.current ? "true" : "false"
   }, r), {
-    ref: R,
+    ref: x,
     style: u && u.length > 0 ? E({
       "--snap-point-height": `${u[A != null ? A : 0]}px`
     }, n) : n,
@@ -965,10 +965,10 @@ const he = /* @__PURE__ */ o.forwardRef(function(i, a) {
       }, y(c));
     },
     onOpenAutoFocus: (c) => {
-      e == null || e(c), Y || c.preventDefault();
+      t == null || t(c), Y || c.preventDefault();
     },
     onPointerDownOutside: (c) => {
-      if (t == null || t(c), !k || c.defaultPrevented) {
+      if (e == null || e(c), !k || c.defaultPrevented) {
         c.preventDefault();
         return;
       }
@@ -992,17 +992,17 @@ const he = /* @__PURE__ */ o.forwardRef(function(i, a) {
       r.onPointerUp == null || r.onPointerUp.call(r, c), h.current = null, M.current = !1, T(c);
     },
     onPointerOut: (c) => {
-      r.onPointerOut == null || r.onPointerOut.call(r, c), tt(I.current);
+      r.onPointerOut == null || r.onPointerOut.call(r, c), ee(I.current);
     },
     onContextMenu: (c) => {
-      r.onContextMenu == null || r.onContextMenu.call(r, c), I.current && tt(I.current);
+      r.onContextMenu == null || r.onContextMenu.call(r, c), I.current && ee(I.current);
     }
   }));
 });
-he.displayName = "Drawer.Content";
+ht.displayName = "Drawer.Content";
 const On = 250, Nn = 120, $n = /* @__PURE__ */ o.forwardRef(function(a, r) {
-  var i = a, { preventCycle: t = !1, children: n } = i, e = _(i, ["preventCycle", "children"]);
-  const { closeDrawer: g, isDragging: d, snapPoints: y, activeSnapPoint: T, setActiveSnapPoint: v, dismissible: s, handleOnly: u, isOpen: A, onPress: k, onDrag: O } = ht(), P = o.useRef(null), f = o.useRef(!1);
+  var i = a, { preventCycle: e = !1, children: n } = i, t = _(i, ["preventCycle", "children"]);
+  const { closeDrawer: g, isDragging: d, snapPoints: y, activeSnapPoint: T, setActiveSnapPoint: v, dismissible: s, handleOnly: u, isOpen: A, onPress: k, onDrag: O } = he(), P = o.useRef(null), f = o.useRef(!1);
   function F() {
     if (f.current) {
       Y();
@@ -1013,7 +1013,7 @@ const On = 250, Nn = 120, $n = /* @__PURE__ */ o.forwardRef(function(a, r) {
     }, Nn);
   }
   function B() {
-    if (d || t || f.current) {
+    if (d || e || f.current) {
       Y();
       return;
     }
@@ -1027,8 +1027,8 @@ const On = 250, Nn = 120, $n = /* @__PURE__ */ o.forwardRef(function(a, r) {
     }
     const w = y.findIndex((h) => h === T);
     if (w === -1) return;
-    const R = y[w + 1];
-    v(R);
+    const x = y[w + 1];
+    v(x);
   }
   function p() {
     P.current = window.setTimeout(() => {
@@ -1052,86 +1052,86 @@ const On = 250, Nn = 120, $n = /* @__PURE__ */ o.forwardRef(function(a, r) {
     "data-vaul-drawer-visible": A ? "true" : "false",
     "data-vaul-handle": "",
     "aria-hidden": "true"
-  }, e), /* @__PURE__ */ o.createElement("span", {
+  }, t), /* @__PURE__ */ o.createElement("span", {
     "data-vaul-handle-hitarea": "",
     "aria-hidden": "true"
   }, n));
 });
 $n.displayName = "Drawer.Handle";
-function An(t) {
-  const n = ht(), a = t, { container: e = n.container } = a, r = _(a, ["container"]);
-  return /* @__PURE__ */ o.createElement(ze, E({
-    container: e
+function An(e) {
+  const n = he(), a = e, { container: t = n.container } = a, r = _(a, ["container"]);
+  return /* @__PURE__ */ o.createElement(zt, E({
+    container: t
   }, r));
 }
 const Q = {
   Root: Cn,
-  Content: he,
-  Overlay: we,
-  Trigger: Be,
+  Content: ht,
+  Overlay: wt,
+  Trigger: Bt,
   Portal: An,
-  Close: We,
-  Title: Ue,
-  Description: Ve
-}, Mn = (e) => {
-  var r = e, { shouldScaleBackground: t = !0 } = r, n = _(r, ["shouldScaleBackground"]);
-  return /* @__PURE__ */ D(Q.Root, E({ shouldScaleBackground: t }, n));
+  Close: Wt,
+  Title: Ut,
+  Description: Vt
+}, Mn = (t) => {
+  var r = t, { shouldScaleBackground: e = !0 } = r, n = _(r, ["shouldScaleBackground"]);
+  return /* @__PURE__ */ D(Q.Root, E({ shouldScaleBackground: e }, n));
 };
 Mn.displayName = "Drawer";
-const dr = Q.Trigger, Hn = Q.Portal, re = Q.Close, In = Ct.forwardRef((r, e) => {
-  var a = r, { className: t } = a, n = _(a, ["className"]);
+const dr = Q.Trigger, Hn = Q.Portal, rt = Q.Close, In = Ce.forwardRef((r, t) => {
+  var a = r, { className: e } = a, n = _(a, ["className"]);
   return /* @__PURE__ */ D(
     Q.Title,
     E({
-      ref: e,
-      className: oe("text-lg font-semibold leading-none tracking-tight", t)
+      ref: t,
+      className: ot("text-lg font-semibold leading-none tracking-tight", e)
     }, n)
   );
 });
 In.displayName = Q.Title.displayName;
-const Ln = Ct.forwardRef((r, e) => {
-  var a = r, { className: t } = a, n = _(a, ["className"]);
-  return /* @__PURE__ */ D(Q.Description, E({ ref: e, className: oe("text-sm text-muted-foreground", t) }, n));
+const Ln = Ce.forwardRef((r, t) => {
+  var a = r, { className: e } = a, n = _(a, ["className"]);
+  return /* @__PURE__ */ D(Q.Description, E({ ref: t, className: ot("text-sm text-muted-foreground", e) }, n));
 });
 Ln.displayName = Q.Description.displayName;
-const Pn = et({
-  base: "overflow-auto bg-secondary-bg",
+const Pn = te({
+  base: "overflow-auto bg-secondary-bg py-3",
   slots: {
     // Грид с 1 ячейкой задается, чтобы корректно отображался скролл
     wrapper: "grid h-full grid-cols-1 grid-rows-1"
   }
 }), _n = o.forwardRef(
   (a, r) => {
-    var i = a, { className: t, children: n } = i, e = _(i, ["className", "children"]);
+    var i = a, { className: e, children: n } = i, t = _(i, ["className", "children"]);
     const g = Pn();
-    return /* @__PURE__ */ D(Xe, j(E({ wrapperClassName: g.wrapper() }, e), { ref: r, children: /* @__PURE__ */ D("div", j(E({ className: g.base({ className: t }) }, e), { children: n })) }));
+    return /* @__PURE__ */ D(Xt, j(E({ wrapperClassName: g.wrapper() }, t), { ref: r, children: /* @__PURE__ */ D("div", j(E({ className: g.base({ className: e }) }, t), { children: n })) }));
   }
 );
 _n.displayName = "DrawerBody";
-const ge = o.forwardRef((a, r) => {
-  var i = a, { blur: t, type: n } = i, e = _(i, ["blur", "type"]);
-  return /* @__PURE__ */ D(Q.Overlay, E({ ref: r, className: Ke({ blur: t, type: n }) }, e));
+const gt = o.forwardRef((a, r) => {
+  var i = a, { blur: e, type: n } = i, t = _(i, ["blur", "type"]);
+  return /* @__PURE__ */ D(Q.Overlay, E({ ref: r, className: Kt({ blur: e, type: n }) }, t));
 });
-ge.displayName = "DrawerOverlay";
-const kn = et({
+gt.displayName = "DrawerOverlay";
+const kn = te({
   base: "fill-secondary-bg",
   slots: {
     handler: "fill-primary-border"
   }
 }), Fn = () => {
-  const t = kn();
-  return /* @__PURE__ */ it("svg", { className: t.base(), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "12", viewBox: "0 0 80 12", children: [
+  const e = kn();
+  return /* @__PURE__ */ ie("svg", { className: e.base(), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "12", viewBox: "0 0 80 12", children: [
     /* @__PURE__ */ D("path", { d: "M-0.5 12H22C19.1257 12 16.1864 10.9008 14.7634 8.71571L11.389 3.53429C9.96593 1.34918 7.31256 0 4.43829 0H-0.5V12Z" }),
     /* @__PURE__ */ D("path", { d: "M59 12H80.5V0H76.5562C73.6819 0 71.0285 1.34918 69.6055 3.53429L66.2311 8.71571C64.808 10.9008 61.8743 12 59 12Z" }),
     /* @__PURE__ */ D(
       "path",
       {
-        className: t.handler(),
+        className: e.handler(),
         d: "M27 0C25.067 0 23.5 1.37113 23.5 3.0625C23.5 4.75387 25.067 6.125 27 6.125H54C55.933 6.125 57.5 4.75387 57.5 3.0625C57.5 1.37113 55.933 0 54 0H27Z"
       }
     )
   ] });
-}, Bn = et({ base: "flex flex-row" }), ae = et({
+}, Bn = te({ base: "flex flex-row" }), at = te({
   base: "h-3 flex-1 bg-secondary-bg",
   variants: {
     position: {
@@ -1139,53 +1139,54 @@ const kn = et({
       right: "rounded-tr-2xl"
     }
   }
-}), ve = Ct.forwardRef(
-  (r, e) => {
-    var a = r, { className: t } = a, n = _(a, ["className"]);
-    return /* @__PURE__ */ it("div", j(E({ ref: e, className: Bn({ className: t }) }, n), { children: [
-      /* @__PURE__ */ D("div", { className: ae({ position: "left" }) }),
+}), vt = Ce.forwardRef(
+  (r, t) => {
+    var a = r, { className: e } = a, n = _(a, ["className"]);
+    return /* @__PURE__ */ ie("div", j(E({ ref: t, className: Bn({ className: e }) }, n), { children: [
+      /* @__PURE__ */ D("div", { className: at({ position: "left" }) }),
       /* @__PURE__ */ D(Fn, {}),
-      /* @__PURE__ */ D("div", { className: ae({ position: "right" }) })
+      /* @__PURE__ */ D("div", { className: at({ position: "right" }) })
     ] }));
   }
 );
-ve.displayName = "DrawerHandler";
-const Wn = et({
+vt.displayName = "DrawerHandler";
+const Wn = te({
   base: "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto max-h-[calc(100vh-44px)] flex-col rounded-t-2xl after:!bg-secondary-bg"
 }), zn = o.forwardRef((g, i) => {
-  var d = g, { className: t, children: n, overlayBlur: e, overlayType: r } = d, a = _(d, ["className", "children", "overlayBlur", "overlayType"]);
-  return /* @__PURE__ */ D(Hn, { children: /* @__PURE__ */ it(Ze, { children: [
-    /* @__PURE__ */ D(ge, { blur: e, type: r }),
-    /* @__PURE__ */ it(Q.Content, j(E({ ref: i, className: Wn({ className: t }) }, a), { children: [
-      /* @__PURE__ */ D(ve, {}),
+  var d = g, { className: e, children: n, overlayBlur: t, overlayType: r } = d, a = _(d, ["className", "children", "overlayBlur", "overlayType"]);
+  return /* @__PURE__ */ D(Hn, { children: /* @__PURE__ */ ie(Zt, { children: [
+    /* @__PURE__ */ D(gt, { blur: t, type: r }),
+    /* @__PURE__ */ ie(Q.Content, j(E({ ref: i, className: Wn({ className: e }) }, a), { children: [
+      /* @__PURE__ */ D(vt, {}),
       n
     ] }))
   ] }) });
 });
 zn.displayName = "DrawerContent";
-const Un = et({
+const Un = te({
   base: "mt-auto flex flex-col gap-2 bg-secondary-bg p-4"
-}), ye = o.forwardRef(
-  (r, e) => {
-    var a = r, { className: t } = a, n = _(a, ["className"]);
-    return /* @__PURE__ */ D("div", E({ ref: e, className: Un({ className: t }) }, n));
+}), yt = o.forwardRef(
+  (r, t) => {
+    var a = r, { className: e } = a, n = _(a, ["className"]);
+    return /* @__PURE__ */ D("div", E({ ref: t, className: Un({ className: e }) }, n));
   }
 );
-ye.displayName = "DrawerFooter";
-const Vn = et({
+yt.displayName = "DrawerFooter";
+const Vn = te({
   base: "grid gap-1.5 bg-secondary-bg p-4 text-center sm:text-left"
-}), be = o.forwardRef(
-  (r, e) => {
-    var a = r, { className: t } = a, n = _(a, ["className"]);
-    return /* @__PURE__ */ D("div", E({ ref: e, className: Vn({ className: t }) }, n));
+}), bt = o.forwardRef(
+  (r, t) => {
+    var a = r, { className: e } = a, n = _(a, ["className"]);
+    return /* @__PURE__ */ D("div", E({ ref: t, className: Vn({ className: e }) }, n));
   }
 );
-be.displayName = "DrawerHeader";
-const jn = et({
+bt.displayName = "DrawerHeader";
+const jn = te({
   base: "flex flex-col items-start gap-3 py-3",
   slots: {
     buttonWrapper: "flex w-full items-start gap-3",
-    button: "px-8 py-3"
+    button: "px-8 py-3",
+    checkbox: "py-1"
   },
   variants: {
     position: {
@@ -1202,9 +1203,9 @@ const jn = et({
 }), Yn = o.forwardRef(
   (v, T) => {
     var s = v, {
-      className: t,
+      className: e,
       primaryButton: n,
-      primaryButtonProps: e,
+      primaryButtonProps: t,
       secondaryButton: r,
       secondaryButtonProps: a,
       checkboxLabel: i,
@@ -1220,33 +1221,35 @@ const jn = et({
       "checkboxProps",
       "position"
     ]);
-    const u = jn({ className: t, position: d }), A = n && /* @__PURE__ */ D(
-      Et,
+    const u = jn({ className: e, position: d }), A = n && /* @__PURE__ */ D(
+      Ee,
       j(E({
-        variant: "primary"
-      }, e), {
-        className: u.button({ className: e == null ? void 0 : e.className }),
+        variant: "primary",
+        size: "xl"
+      }, t), {
+        className: u.button({ className: t == null ? void 0 : t.className }),
         children: n
       }),
       "primary-button"
     ), k = r && /* @__PURE__ */ D(
-      Et,
+      Ee,
       j(E({
-        variant: "outline"
+        variant: "outline",
+        size: "xl"
       }, a), {
         className: u.button({ className: a == null ? void 0 : a.className }),
         children: r
       }),
       "secondary-button"
     ), O = n || r;
-    return /* @__PURE__ */ it(ye, j(E({ ref: T, className: u.base() }, y), { children: [
-      i && /* @__PURE__ */ D(Ge, E({ label: i }, g)),
+    return /* @__PURE__ */ ie(yt, j(E({ ref: T, className: u.base() }, y), { children: [
+      i && /* @__PURE__ */ D(Gt, E({ className: u.checkbox(), label: i }, g)),
       O && /* @__PURE__ */ D("div", { className: u.buttonWrapper(), children: d === "vertical" ? [A, k] : [k, A] })
     ] }));
   }
 );
 Yn.displayName = "DrawerFooterTemplate";
-const qn = et({
+const qn = te({
   base: "flex flex-row items-start gap-1 p-0 pr-1",
   variants: {
     hasBackButton: {
@@ -1261,15 +1264,15 @@ const qn = et({
   }
 }), Xn = o.forwardRef(
   (T, y) => {
-    var v = T, { className: t, description: n, title: e, showBackButton: r, backButtonProps: a, showCloseButton: i, closeButtonProps: g } = v, d = _(v, ["className", "description", "title", "showBackButton", "backButtonProps", "showCloseButton", "closeButtonProps"]);
-    const s = qn({ className: t, hasBackButton: !!r });
-    return /* @__PURE__ */ it(be, j(E({ ref: y, className: s.base() }, d), { children: [
-      r !== !1 && /* @__PURE__ */ D(re, { asChild: !0, children: /* @__PURE__ */ D(Et, j(E({ size: "xl", variant: "text", className: s.button() }, a), { children: /* @__PURE__ */ D(Jt, { icon: nn, size: "lg" }) })) }),
-      /* @__PURE__ */ it("div", { className: s.titleWrapper(), children: [
-        /* @__PURE__ */ D(Je, { className: s.label(), children: e }),
-        /* @__PURE__ */ D(Qe, { children: n })
+    var v = T, { className: e, description: n, title: t, showBackButton: r, backButtonProps: a, showCloseButton: i, closeButtonProps: g } = v, d = _(v, ["className", "description", "title", "showBackButton", "backButtonProps", "showCloseButton", "closeButtonProps"]);
+    const s = qn({ className: e, hasBackButton: !!r });
+    return /* @__PURE__ */ ie(bt, j(E({ ref: y, className: s.base() }, d), { children: [
+      r !== !1 && /* @__PURE__ */ D(rt, { asChild: !0, children: /* @__PURE__ */ D(Ee, j(E({ size: "xl", variant: "text", className: s.button() }, a), { children: /* @__PURE__ */ D(Je, { icon: nn, size: "lg" }) })) }),
+      /* @__PURE__ */ ie("div", { className: s.titleWrapper(), children: [
+        /* @__PURE__ */ D(Jt, { className: s.label(), children: t }),
+        /* @__PURE__ */ D(Qt, { children: n })
       ] }),
-      i !== !1 && /* @__PURE__ */ D(re, { asChild: !0, children: /* @__PURE__ */ D(Et, j(E({ size: "xl", variant: "text", className: s.button() }, g), { children: /* @__PURE__ */ D(Jt, { icon: en, size: "lg" }) })) })
+      i !== !1 && /* @__PURE__ */ D(rt, { asChild: !0, children: /* @__PURE__ */ D(Ee, j(E({ size: "xl", variant: "text", className: s.button() }, g), { children: /* @__PURE__ */ D(Je, { icon: tn, size: "lg" }) })) })
     ] }));
   }
 );
@@ -1277,15 +1280,15 @@ Xn.displayName = "DrawerHeaderTemplate";
 export {
   Mn as Drawer,
   _n as DrawerBody,
-  re as DrawerClose,
+  rt as DrawerClose,
   zn as DrawerContent,
   Ln as DrawerDescription,
-  ye as DrawerFooter,
+  yt as DrawerFooter,
   Yn as DrawerFooterTemplate,
-  ve as DrawerHandler,
-  be as DrawerHeader,
+  vt as DrawerHandler,
+  bt as DrawerHeader,
   Xn as DrawerHeaderTemplate,
-  ge as DrawerOverlay,
+  gt as DrawerOverlay,
   Hn as DrawerPortal,
   In as DrawerTitle,
   dr as DrawerTrigger