ics-ui-kit 0.1.19 → 1.0.0-alpha.1

package/dist/components/drawer.js

@@ -4,26 +4,25 @@ import r, { useLayoutEffect as Oe, useEffect as Ne, useMemo as $e } from "react"
 import { T as Ae, C as Me, P as He, b as Pe, D as Ie, R as _e, a as Le, O as ke } from "../index-CMxHunQ4.js";
 import { c as Ht } from "../cn-dsXlqdJg.js";
 import { S as Be } from "../ScrollShadowContainer-DdrnF8qU.js";
-import { o as Fe } from "../Overlay-CVt011mY.js";
+import { o as Fe } from "../Overlay-E0UvxzIc.js";
 import { T as Q } from "../index-BVqs-uqP.js";
-import { u as ze } from "../usePortalContainer-BAIp0kSF.js";
-import { B as bt } from "../Button-BZ3ON1Tj.js";
-import { a as We } from "../CheckboxField-limFbMk2.js";
-import { D as Ue } from "../Description-BTPMlTT-.js";
+import { B as bt } from "../Button-_qdP4hSf.js";
+import { a as ze } from "../CheckboxField-xDqHgXHh.js";
+import { D as We } from "../Description-BTPMlTT-.js";
 import { I as jt } from "../Icon-DH3ev9GK.js";
-import { c as Ve } from "../createLucideIcon-DwBrHnj9.js";
-import { X as je } from "../x-tDTt7hTQ.js";
+import { c as Ue } from "../createLucideIcon-DwBrHnj9.js";
+import { X as Ve } from "../x-tDTt7hTQ.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 Ye = Ve("ArrowLeft", [
+const je = Ue("ArrowLeft", [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ]);
-function qe(t) {
+function Ye(t) {
   if (typeof document > "u") 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));
@@ -81,34 +80,34 @@ const Jt = r.createContext({
     throw new Error("useDrawerContext must be used within a Drawer.Root");
   return t;
 };
-qe(`[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(
+Ye(`[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 Xe() {
+function qe() {
   const t = navigator.userAgent;
   return typeof window < "u" && (/Firefox/.test(t) && /Mobile/.test(t) || // Android Firefox
   /FxiOS/.test(t));
 }
-function Ke() {
+function Xe() {
   return Pt(/^Mac/);
 }
-function Ze() {
+function Ke() {
   return Pt(/^iPhone/);
 }
 function Yt() {
   return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 }
-function Ge() {
+function Ze() {
   return Pt(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  Ke() && navigator.maxTouchPoints > 1;
+  Xe() && navigator.maxTouchPoints > 1;
 }
 function Qt() {
-  return Ze() || Ge();
+  return Ke() || Ze();
 }
 function Pt(t) {
   return typeof window < "u" && window.navigator != null ? t.test(window.navigator.platform) : void 0;
 }
-const Je = 24, Qe = typeof window < "u" ? Oe : Ne;
+const Ge = 24, Je = typeof window < "u" ? Oe : Ne;
 function qt(...t) {
   return (...n) => {
     for (let e of t)
@@ -125,7 +124,7 @@ function te(t) {
     t = t.parentElement;
   return t || document.scrollingElement || document.documentElement;
 }
-const tn = /* @__PURE__ */ new Set([
+const Qe = /* @__PURE__ */ new Set([
   "checkbox",
   "radio",
   "range",
@@ -137,18 +136,18 @@ const tn = /* @__PURE__ */ new Set([
   "reset"
 ]);
 let gt = 0, Ot;
-function en(t = {}) {
+function tn(t = {}) {
   let { isDisabled: n } = t;
-  Qe(() => {
+  Je(() => {
     if (!n)
-      return gt++, gt === 1 && Qt() && (Ot = nn()), () => {
+      return gt++, gt === 1 && Qt() && (Ot = en()), () => {
         gt--, gt === 0 && Ot?.();
       };
   }, [
     n
   ]);
 }
-function nn() {
+function en() {
   let t, n = 0, e = (f) => {
     t = te(f.target), !(t === document.documentElement && t === document.body) && (n = f.changedTouches[0].pageY);
   }, a = (f) => {
@@ -174,7 +173,7 @@ function nn() {
     }));
   }, h = () => {
     window.scrollTo(0, 0);
-  }, u = window.pageXOffset, y = window.pageYOffset, v = qt(rn(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
+  }, u = window.pageXOffset, y = window.pageYOffset, v = qt(nn(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
   window.scrollTo(0, 0);
   let d = qt(dt(document, "touchstart", e, {
     passive: !1,
@@ -190,7 +189,7 @@ function nn() {
     v(), d(), window.scrollTo(u, y);
   };
 }
-function rn(t, n, e) {
+function nn(t, n, e) {
   let a = t.style[n];
   return t.style[n] = e, () => {
     t.style[n] = a;
@@ -207,23 +206,23 @@ function Kt(t) {
     let e = te(t);
     if (e !== document.documentElement && e !== document.body && e !== t) {
       let a = e.getBoundingClientRect().top, i = t.getBoundingClientRect().top, o = t.getBoundingClientRect().bottom;
-      const h = e.getBoundingClientRect().bottom + Je;
+      const h = e.getBoundingClientRect().bottom + Ge;
       o > h && (e.scrollTop += i - a);
     }
     t = e.parentElement;
   }
 }
 function At(t) {
-  return t instanceof HTMLInputElement && !tn.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
+  return t instanceof HTMLInputElement && !Qe.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
 }
-function an(t, n) {
+function rn(t, n) {
   typeof t == "function" ? t(n) : t != null && (t.current = n);
 }
-function on(...t) {
-  return (n) => t.forEach((e) => an(e, n));
+function an(...t) {
+  return (n) => t.forEach((e) => rn(e, n));
 }
 function ee(...t) {
-  return St.useCallback(on(...t), t);
+  return St.useCallback(an(...t), t);
 }
 const ne = /* @__PURE__ */ new WeakMap();
 function $(t, n, e = !1) {
@@ -237,7 +236,7 @@ function $(t, n, e = !1) {
     a[i] = t.style[i], t.style[i] = o;
   }), !e && ne.set(t, a);
 }
-function sn(t, n) {
+function on(t, n) {
   if (!t || !(t instanceof HTMLElement)) return;
   let e = ne.get(t);
   e && (t.style[n] = e[n]);
@@ -264,7 +263,7 @@ function vt(t, n) {
   let i = a.match(/^matrix3d\((.+)\)$/);
   return i ? parseFloat(i[1].split(", ")[N(n) ? 13 : 12]) : (i = a.match(/^matrix\((.+)\)$/), i ? parseFloat(i[1].split(", ")[N(n) ? 5 : 4]) : null);
 }
-function ln(t) {
+function sn(t) {
   return 8 * (Math.log(t + 1) - 2);
 }
 function Nt(t, n) {
@@ -275,7 +274,7 @@ function Nt(t, n) {
     t.style.cssText = e;
   };
 }
-function un(...t) {
+function ln(...t) {
   return (...n) => {
     for (const e of t)
       typeof e == "function" && e(...n);
@@ -289,14 +288,14 @@ const C = {
     0,
     1
   ]
-}, re = 0.4, cn = 0.25, dn = 100, ae = 8, yt = 16, Mt = 26, $t = "vaul-dragging";
+}, re = 0.4, un = 0.25, cn = 100, ae = 8, yt = 16, Mt = 26, $t = "vaul-dragging";
 function oe(t) {
   const n = r.useRef(t);
   return r.useEffect(() => {
     n.current = t;
   }), r.useMemo(() => (...e) => n.current == null ? void 0 : n.current.call(n, ...e), []);
 }
-function fn({ defaultProp: t, onChange: n }) {
+function dn({ defaultProp: t, onChange: n }) {
   const e = r.useState(t), [a] = e, i = r.useRef(a), o = oe(n);
   return r.useEffect(() => {
     i.current !== a && (o(a), i.current = a);
@@ -308,7 +307,7 @@ function fn({ defaultProp: t, onChange: n }) {
 }
 function ie({ prop: t, defaultProp: n, onChange: e = () => {
 } }) {
-  const [a, i] = fn({
+  const [a, i] = dn({
     defaultProp: n,
     onChange: e
   }), o = t !== void 0, h = o ? t : a, u = oe(e), y = r.useCallback((v) => {
@@ -328,7 +327,7 @@ function ie({ prop: t, defaultProp: n, onChange: e = () => {
     y
   ];
 }
-function mn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: a, overlayRef: i, fadeFromIndex: o, onSnapPointChange: h, direction: u = "bottom", container: y, snapToSequentialPoint: v }) {
+function fn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e, drawerRef: a, overlayRef: i, fadeFromIndex: o, onSnapPointChange: h, direction: u = "bottom", container: y, snapToSequentialPoint: v }) {
   const [d, f] = ie({
     prop: t,
     defaultProp: e?.[0],
@@ -473,9 +472,9 @@ function mn({ activeSnapPointProp: t, setActiveSnapPointProp: n, snapPoints: e,
     snapPointsOffset: g
   };
 }
-const pn = () => () => {
+const mn = () => () => {
 };
-function wn() {
+function pn() {
   const { direction: t, isOpen: n, shouldScaleBackground: e, setBackgroundColorOnScale: a, noBodyStyles: i } = mt(), o = r.useRef(null), h = $e(() => document.body.style.backgroundColor, []);
   function u() {
     return (window.innerWidth - Mt) / window.innerWidth;
@@ -485,9 +484,9 @@ function wn() {
       o.current && clearTimeout(o.current);
       const y = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
       if (!y) return;
-      un(a && !i ? Nt(document.body, {
+      ln(a && !i ? Nt(document.body, {
         background: "black"
-      }) : pn, Nt(y, {
+      }) : mn, Nt(y, {
         transformOrigin: N(t) ? "top" : "left",
         transitionProperty: "transform, border-radius",
         transitionDuration: `${C.DURATION}s`,
@@ -515,7 +514,7 @@ function wn() {
   ]);
 }
 let ft = null;
-function hn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: i, noBodyStyles: o }) {
+function wn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRestoration: i, noBodyStyles: o }) {
   const [h, u] = r.useState(() => typeof window < "u" ? window.location.href : ""), y = r.useRef(0), v = r.useCallback(() => {
     if (Yt() && ft === null && t && !o) {
       ft = {
@@ -583,7 +582,7 @@ function hn({ isOpen: t, modal: n, nested: e, hasBeenOpened: a, preventScrollRes
     restorePositionSetting: d
   };
 }
-function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, snapPoints: o, shouldScaleBackground: h = !1, setBackgroundColorOnScale: u = !0, closeThreshold: y = cn, scrollLockTimeout: v = dn, dismissible: d = !0, handleOnly: f = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: I, setActiveSnapPoint: B, fixed: E, modal: z = !0, onClose: g, nested: M, noBodyStyles: A = !1, direction: p = "bottom", defaultOpen: Y = !1, disablePreventScroll: tt = !0, snapToSequentialPoint: c = !1, preventScrollRestoration: D = !1, repositionInputs: S = !0, onAnimationEnd: _, container: H, autoFocus: U = !1 }) {
+function hn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, snapPoints: o, shouldScaleBackground: h = !1, setBackgroundColorOnScale: u = !0, closeThreshold: y = un, scrollLockTimeout: v = cn, dismissible: d = !0, handleOnly: f = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: I, setActiveSnapPoint: B, fixed: E, modal: z = !0, onClose: g, nested: M, noBodyStyles: A = !1, direction: p = "bottom", defaultOpen: Y = !1, disablePreventScroll: tt = !0, snapToSequentialPoint: c = !1, preventScrollRestoration: D = !1, repositionInputs: S = !0, onAnimationEnd: _, container: H, autoFocus: U = !1 }) {
   var l, W;
   const [L = !1, V] = ie({
     defaultProp: Y,
@@ -597,7 +596,7 @@ function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     }
   }), [P, K] = r.useState(!1), [Z, it] = r.useState(!1), [pe, It] = r.useState(!1), rt = r.useRef(null), pt = r.useRef(null), Dt = r.useRef(null), Tt = r.useRef(null), st = r.useRef(null), lt = r.useRef(!1), xt = r.useRef(null), Rt = r.useRef(0), at = r.useRef(!1), _t = r.useRef(!Y), Lt = r.useRef(0), w = r.useRef(null), kt = r.useRef(((l = w.current) == null ? void 0 : l.getBoundingClientRect().height) || 0), Bt = r.useRef(((W = w.current) == null ? void 0 : W.getBoundingClientRect().width) || 0), Et = r.useRef(0), we = r.useCallback((s) => {
     o && s === ut.length - 1 && (pt.current = /* @__PURE__ */ new Date());
-  }, []), { activeSnapPoint: he, activeSnapPointIndex: ot, setActiveSnapPoint: Ft, onRelease: ge, snapPointsOffset: ut, onDrag: ve, shouldFade: zt, getPercentageDragged: ye } = mn({
+  }, []), { activeSnapPoint: he, activeSnapPointIndex: ot, setActiveSnapPoint: Ft, onRelease: ge, snapPointsOffset: ut, onDrag: ve, shouldFade: zt, getPercentageDragged: ye } = fn({
     snapPoints: o,
     activeSnapPointProp: I,
     setActiveSnapPointProp: B,
@@ -609,10 +608,10 @@ function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
     container: H,
     snapToSequentialPoint: c
   });
-  en({
+  tn({
     isDisabled: !L || Z || !z || pe || !P || !S || !tt
   });
-  const { restorePositionSetting: be } = hn({
+  const { restorePositionSetting: be } = wn({
     isOpen: L,
     modal: z,
     nested: M ?? !1,
@@ -671,7 +670,7 @@ function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
       }), o && ve({
         draggedDistance: R
       }), b && !o) {
-        const q = ln(R), ht = Math.min(q * -1, 0) * T;
+        const q = sn(R), ht = Math.min(q * -1, 0) * T;
         $(w.current, {
           transform: N(p) ? `translate3d(0, ${ht}px, 0)` : `translate3d(${ht}px, 0, 0)`
         });
@@ -721,7 +720,7 @@ function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
           const J = w.current.getBoundingClientRect().height;
           let q = J;
           J > O && (q = O - (j ? et : Mt)), E ? w.current.style.height = `${J - Math.max(k, 0)}px` : w.current.style.height = `${Math.max(q, O - et)}px`;
-        } else Xe() || (w.current.style.height = `${Et.current}px`);
+        } else qe() || (w.current.style.height = `${Et.current}px`);
         o && o.length > 0 && !at.current ? w.current.style.bottom = "0px" : w.current.style.bottom = `${Math.max(k, 0)}px`;
       }
     }
@@ -804,7 +803,7 @@ function gn({ open: t, onOpenChange: n, children: e, onDrag: a, onRelease: i, sn
   r.useEffect(() => (L && ($(document.documentElement, {
     scrollBehavior: "auto"
   }), pt.current = /* @__PURE__ */ new Date()), () => {
-    sn(document.documentElement, "scrollBehavior");
+    on(document.documentElement, "scrollBehavior");
   }), [
     L
   ]);
@@ -902,7 +901,7 @@ const se = /* @__PURE__ */ r.forwardRef(function({ ...t }, n) {
 se.displayName = "Drawer.Overlay";
 const le = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, style: n, onOpenAutoFocus: e, ...a }, i) {
   const { drawerRef: o, onPress: h, onRelease: u, onDrag: y, keyboardIsOpen: v, snapPointsOffset: d, activeSnapPointIndex: f, modal: m, isOpen: I, direction: B, snapPoints: E, container: z, handleOnly: g, shouldAnimate: M, autoFocus: A } = mt(), [p, Y] = r.useState(!1), tt = ee(i, o), c = r.useRef(null), D = r.useRef(null), S = r.useRef(!1), _ = E && E.length > 0;
-  wn();
+  pn();
   const H = (l, W, L = 0) => {
     if (S.current) return !0;
     const V = Math.abs(l.y), P = Math.abs(l.x), K = P > V, Z = [
@@ -979,7 +978,7 @@ const le = /* @__PURE__ */ r.forwardRef(function({ onPointerDownOutside: t, styl
   });
 });
 le.displayName = "Drawer.Content";
-const vn = 250, yn = 120, bn = /* @__PURE__ */ r.forwardRef(function({ preventCycle: t = !1, children: n, ...e }, a) {
+const gn = 250, vn = 120, yn = /* @__PURE__ */ r.forwardRef(function({ preventCycle: t = !1, children: n, ...e }, a) {
   const { closeDrawer: i, isDragging: o, snapPoints: h, activeSnapPoint: u, setActiveSnapPoint: y, dismissible: v, handleOnly: d, isOpen: f, onPress: m, onDrag: I } = mt(), B = r.useRef(null), E = r.useRef(!1);
   function z() {
     if (E.current) {
@@ -988,7 +987,7 @@ const vn = 250, yn = 120, bn = /* @__PURE__ */ r.forwardRef(function({ preventCy
     }
     window.setTimeout(() => {
       g();
-    }, yn);
+    }, vn);
   }
   function g() {
     if (o || t || E.current) {
@@ -1011,7 +1010,7 @@ const vn = 250, yn = 120, bn = /* @__PURE__ */ r.forwardRef(function({ preventCy
   function M() {
     B.current = window.setTimeout(() => {
       E.current = !0;
-    }, vn);
+    }, gn);
   }
   function A() {
     B.current && window.clearTimeout(B.current), E.current = !1;
@@ -1036,8 +1035,8 @@ const vn = 250, yn = 120, bn = /* @__PURE__ */ r.forwardRef(function({ preventCy
     "aria-hidden": "true"
   }, n));
 });
-bn.displayName = "Drawer.Handle";
-function Sn(t) {
+yn.displayName = "Drawer.Handle";
+function bn(t) {
   const n = mt(), { container: e = n.container, ...a } = t;
   return /* @__PURE__ */ r.createElement(He, {
     container: e,
@@ -1045,33 +1044,33 @@ function Sn(t) {
   });
 }
 const X = {
-  Root: gn,
+  Root: hn,
   Content: le,
   Overlay: se,
   Trigger: Ae,
-  Portal: Sn,
+  Portal: bn,
   Close: Me,
   Title: Pe,
   Description: Ie
-}, Dn = ({ shouldScaleBackground: t = !0, ...n }) => /* @__PURE__ */ x(X.Root, { shouldScaleBackground: t, ...n });
-Dn.displayName = "Drawer";
-const Gn = X.Trigger, Tn = X.Portal, Zt = X.Close, ue = St.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ x(X.Title, { ref: e, className: Ht("text-lg font-semibold leading-none", t), ...n }));
+}, Sn = ({ shouldScaleBackground: t = !0, ...n }) => /* @__PURE__ */ x(X.Root, { shouldScaleBackground: t, ...n });
+Sn.displayName = "Drawer";
+const Kn = X.Trigger, Dn = X.Portal, Zt = X.Close, ue = St.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ x(X.Title, { ref: e, className: Ht("text-lg font-semibold leading-none", t), ...n }));
 ue.displayName = X.Title.displayName;
-const xn = St.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ x(X.Description, { ref: e, className: Ht("text-sm text-muted-foreground", t), ...n }));
-xn.displayName = X.Description.displayName;
-const Rn = r.forwardRef(
+const Tn = St.forwardRef(({ className: t, ...n }, e) => /* @__PURE__ */ x(X.Description, { ref: e, className: Ht("text-sm text-muted-foreground", t), ...n }));
+Tn.displayName = X.Description.displayName;
+const xn = r.forwardRef(
   ({ className: t, children: n, ...e }, a) => /* @__PURE__ */ x(Be, { className: Ht("py-3", t), ...e, ref: a, children: n })
 );
-Rn.displayName = "DrawerBody";
+xn.displayName = "DrawerBody";
 const ce = r.forwardRef(({ blur: t, type: n, ...e }, a) => /* @__PURE__ */ x(X.Overlay, { ref: a, className: Fe({ blur: t, type: n }), ...e }));
 ce.displayName = "DrawerOverlay";
-const En = Q({
+const Rn = Q({
   base: "fill-secondary-bg",
   slots: {
     handler: "fill-primary-border"
   }
-}), Cn = () => {
-  const t = En();
+}), En = () => {
+  const t = Rn();
   return /* @__PURE__ */ nt("svg", { className: t.base(), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "12", viewBox: "0 0 80 12", children: [
     /* @__PURE__ */ x("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__ */ x("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" }),
@@ -1083,7 +1082,7 @@ const En = Q({
       }
     )
   ] });
-}, On = Q({ base: "flex flex-row" }), Gt = Q({
+}, Cn = Q({ base: "flex flex-row" }), Gt = Q({
   base: "h-3 flex-1 bg-secondary-bg",
   variants: {
     position: {
@@ -1092,21 +1091,21 @@ const En = Q({
     }
   }
 }), de = St.forwardRef(
-  ({ className: t, ...n }, e) => /* @__PURE__ */ nt("div", { ref: e, className: On({ className: t }), ...n, children: [
+  ({ className: t, ...n }, e) => /* @__PURE__ */ nt("div", { ref: e, className: Cn({ className: t }), ...n, children: [
     /* @__PURE__ */ x("div", { className: Gt({ position: "left" }) }),
-    /* @__PURE__ */ x(Cn, {}),
+    /* @__PURE__ */ x(En, {}),
     /* @__PURE__ */ x("div", { className: Gt({ position: "right" }) })
   ] })
 );
 de.displayName = "DrawerHandler";
-const Nn = Q({
+const On = Q({
   slots: {
     content: "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",
     wrapper: "flex min-h-0 flex-1 flex-col bg-secondary-bg"
   }
-}), $n = r.forwardRef(({ className: t, children: n, overlayBlur: e, overlayType: a, portalContainer: i, wrapperClassName: o, ...h }, u) => {
-  const y = ze(i), v = Nn();
-  return /* @__PURE__ */ nt(Tn, { container: y, children: [
+}), Nn = r.forwardRef(({ className: t, children: n, overlayBlur: e, overlayType: a, portalContainer: i, wrapperClassName: o, ...h }, u) => {
+  const y = i, v = On();
+  return /* @__PURE__ */ nt(Dn, { container: y, children: [
     /* @__PURE__ */ x(ce, { blur: e, type: a }),
     /* @__PURE__ */ nt(X.Content, { ref: u, className: v.content({ className: t }), ...h, children: [
       /* @__PURE__ */ x(de, {}),
@@ -1114,20 +1113,20 @@ const Nn = Q({
     ] })
   ] });
 });
-$n.displayName = "DrawerContent";
-const An = Q({
+Nn.displayName = "DrawerContent";
+const $n = Q({
   base: "mt-auto flex flex-col gap-2 bg-secondary-bg p-4"
 }), fe = r.forwardRef(
-  ({ className: t, ...n }, e) => /* @__PURE__ */ x("div", { ref: e, className: An({ className: t }), ...n })
+  ({ className: t, ...n }, e) => /* @__PURE__ */ x("div", { ref: e, className: $n({ className: t }), ...n })
 );
 fe.displayName = "DrawerFooter";
-const Mn = Q({
+const An = Q({
   base: "grid gap-1.5 bg-secondary-bg p-4 text-center sm:text-left"
 }), me = r.forwardRef(
-  ({ className: t, ...n }, e) => /* @__PURE__ */ x("div", { ref: e, className: Mn({ className: t }), ...n })
+  ({ className: t, ...n }, e) => /* @__PURE__ */ x("div", { ref: e, className: An({ className: t }), ...n })
 );
 me.displayName = "DrawerHeader";
-const Hn = Q({
+const Mn = Q({
   base: "flex flex-col items-start gap-3 py-3",
   slots: {
     buttonWrapper: "flex w-full items-start gap-3",
@@ -1146,7 +1145,7 @@ const Hn = Q({
       }
     }
   }
-}), Pn = r.forwardRef(
+}), Hn = r.forwardRef(
   ({
     className: t,
     primaryButton: n,
@@ -1158,7 +1157,7 @@ const Hn = Q({
     position: u = "horizontal",
     ...y
   }, v) => {
-    const d = Hn({ className: t, position: u }), f = n && /* @__PURE__ */ x(
+    const d = Mn({ className: t, position: u }), f = n && /* @__PURE__ */ x(
       bt,
       {
         variant: "primary",
@@ -1180,13 +1179,13 @@ const Hn = Q({
       "secondary-button"
     ), I = n || a;
     return /* @__PURE__ */ nt(fe, { ref: v, className: d.base(), ...y, children: [
-      o && /* @__PURE__ */ x(We, { className: d.checkbox(), label: o, ...h }),
+      o && /* @__PURE__ */ x(ze, { className: d.checkbox(), label: o, ...h }),
       I && /* @__PURE__ */ x("div", { className: d.buttonWrapper(), children: u === "vertical" ? [f, m] : [m, f] })
     ] });
   }
 );
-Pn.displayName = "DrawerFooterTemplate";
-const In = Q({
+Hn.displayName = "DrawerFooterTemplate";
+const Pn = Q({
   base: "flex flex-row items-start gap-1 p-0 pr-1",
   variants: {
     hasBackButton: {
@@ -1199,34 +1198,34 @@ const In = Q({
     title: "text-lg font-semibold",
     button: "aspect-square p-3"
   }
-}), _n = r.forwardRef(
+}), In = r.forwardRef(
   ({ className: t, description: n, title: e, showBackButton: a, backButtonProps: i, showCloseButton: o, closeButtonProps: h, ...u }, y) => {
-    const v = In({ className: t, hasBackButton: !!a });
+    const v = Pn({ className: t, hasBackButton: !!a });
     return /* @__PURE__ */ nt(me, { ref: y, className: v.base(), ...u, children: [
-      a !== !1 && /* @__PURE__ */ x(Zt, { asChild: !0, children: /* @__PURE__ */ x(bt, { size: "xl", variant: "text", className: v.button(), ...i, children: /* @__PURE__ */ x(jt, { icon: Ye, size: "lg" }) }) }),
+      a !== !1 && /* @__PURE__ */ x(Zt, { asChild: !0, children: /* @__PURE__ */ x(bt, { size: "xl", variant: "text", className: v.button(), ...i, children: /* @__PURE__ */ x(jt, { icon: je, size: "lg" }) }) }),
       /* @__PURE__ */ nt("div", { className: v.titleWrapper(), children: [
         /* @__PURE__ */ x(ue, { className: v.title(), children: e }),
-        /* @__PURE__ */ x(Ue, { children: n })
+        /* @__PURE__ */ x(We, { children: n })
       ] }),
-      o !== !1 && /* @__PURE__ */ x(Zt, { asChild: !0, children: /* @__PURE__ */ x(bt, { size: "xl", variant: "text", className: v.button(), ...h, children: /* @__PURE__ */ x(jt, { icon: je, size: "lg" }) }) })
+      o !== !1 && /* @__PURE__ */ x(Zt, { asChild: !0, children: /* @__PURE__ */ x(bt, { size: "xl", variant: "text", className: v.button(), ...h, children: /* @__PURE__ */ x(jt, { icon: Ve, size: "lg" }) }) })
     ] });
   }
 );
-_n.displayName = "DrawerHeaderTemplate";
+In.displayName = "DrawerHeaderTemplate";
 export {
-  Dn as Drawer,
-  Rn as DrawerBody,
+  Sn as Drawer,
+  xn as DrawerBody,
   Zt as DrawerClose,
-  $n as DrawerContent,
-  xn as DrawerDescription,
+  Nn as DrawerContent,
+  Tn as DrawerDescription,
   fe as DrawerFooter,
-  Pn as DrawerFooterTemplate,
+  Hn as DrawerFooterTemplate,
   de as DrawerHandler,
   me as DrawerHeader,
-  _n as DrawerHeaderTemplate,
+  In as DrawerHeaderTemplate,
   ce as DrawerOverlay,
-  Tn as DrawerPortal,
+  Dn as DrawerPortal,
   ue as DrawerTitle,
-  Gn as DrawerTrigger
+  Kn as DrawerTrigger
 };
 //# sourceMappingURL=drawer.js.map